#warp-hint{position:fixed;z-index:45;left:50%;bottom:155px;transform:translateX(-50%);display:flex;align-items:center;gap:18px;padding:13px 16px;border:1px solid #8be1cf88;border-radius:12px;background:#102f2eed;color:#f4edcc;box-shadow:0 9px 30px #0005;max-width:calc(100vw - 24px);font:13px Tahoma,sans-serif}#warp-hint[hidden]{display:none}#warp-hint strong{display:block;font-size:13px}#warp-hint small{display:block;margin-top:4px;font-size:10px;color:#9edbc8}#warp-open{white-space:nowrap;background:#e5cc8e;color:#233b30;border:1px solid #f2db9e;border-radius:7px;padding:10px 16px;font:700 12px Tahoma,sans-serif;cursor:pointer}#warp-open kbd{margin-left:8px;color:#345743;background:#fffa;border-radius:3px;padding:2px 5px}#warp-open:disabled{opacity:.55;cursor:default}#warp-dialog{width:min(640px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow:auto;box-sizing:border-box;margin:auto;padding:0;border:1px solid #bca873;border-radius:17px;background:#162d29;color:#f7edcf;box-shadow:0 24px 100px #000b;font-family:Tahoma,sans-serif}#warp-dialog::backdrop{background:#071d21b5;backdrop-filter:blur(5px)}.warp-header{display:flex;justify-content:space-between;align-items:start;gap:16px;padding:27px 28px 23px;background:radial-gradient(ellipse at top left,#315b50,#172e29);border-bottom:1px solid #dac48d25}.warp-eyebrow{font-size:9px;letter-spacing:2.2px;color:#a9d3bc;margin:0 0 11px}.warp-header h2{font-size:26px;font-weight:500;margin:0}.warp-header p:last-child{font-size:12px;color:#b6c6ac;margin:12px 0 0}.warp-header p:last-child span{color:#f1d894}#warp-close{border:1px solid #fff3;border-radius:50%;width:34px;height:34px;background:#ffffff06;color:#e8ecd3;font-size:22px;cursor:pointer}.warp-body{padding:24px 28px}.warp-source{font-size:11px;color:#a7c3b3;display:flex;justify-content:space-between;gap:12px;margin-bottom:16px}.warp-source strong{color:#eee0b2;font-weight:400}#warp-destinations{display:grid;gap:10px}.warp-destination{display:flex;align-items:center;gap:14px;width:100%;text-align:left;border:1px solid #e2ce9230;border-radius:10px;padding:16px 14px;background:#ffffff04;color:#f0e7c9;font:inherit;cursor:pointer}.warp-destination:hover:not(:disabled),.warp-destination[aria-pressed=true]{border-color:#cceaca;background:#395c474d;box-shadow:inset 3px 0 #badeb9}.warp-destination:disabled{cursor:default;opacity:.5}.warp-destination strong{display:block;font-size:14px;font-weight:500}.warp-destination small{display:block;font-size:10px;color:#a9c2b0;margin-top:7px}.warp-map-icon{display:grid;place-items:center;width:48px;height:48px;flex-shrink:0;font:32px Georgia,serif;color:#9bfff1;background:radial-gradient(ellipse,#43928755,#183329);border:1px solid #81d3bb35;border-radius:50%}.warp-map-badge{margin-left:auto;color:#b5dfc2;font-size:10px;white-space:nowrap}#warp-message{font-size:12px;line-height:1.8;color:#c8d5bb;min-height:22px;margin:18px 0 0}.warp-footer{padding:18px 28px 23px;border-top:1px solid #dac48d25;display:flex;align-items:center;justify-content:space-between;gap:16px}.warp-footer small{font-size:10px;color:#9ebaa7;line-height:1.7}#warp-confirm{padding:13px 24px;background:#ddc58b;color:#203d2f;font:700 13px Tahoma,sans-serif;border:1px solid #fae3a3;border-radius:8px;cursor:pointer}#warp-confirm:disabled{opacity:.45;cursor:default}#warp-dialog button:focus-visible,#warp-open:focus-visible{outline:2px solid #9ffff0;outline-offset:3px}@media(max-width:600px){#warp-hint{bottom:185px;gap:11px;padding:11px 13px}.warp-header{padding:23px 20px}.warp-header h2{font-size:22px}.warp-body{padding:20px 16px}.warp-source{font-size:10px}.warp-destination{padding:13px 10px;gap:10px}.warp-destination strong{font-size:13px}.warp-map-icon{width:38px;height:38px;font-size:27px}.warp-map-badge{font-size:9px}.warp-footer{padding:17px 16px;flex-direction:column;align-items:stretch}.warp-footer small{text-align:center}#warp-confirm{width:100%}}@media(prefers-reduced-motion:reduce){#warp-dialog::backdrop{backdrop-filter:none}}

/* The warp gate shows the lobby's map page (same page as the lobby's server choice) over the whole game. */
.warp-gate{position:fixed;inset:0;z-index:900;background:#0c0b10}.warp-gate[hidden]{display:none}.warp-gate iframe{display:block;width:100%;height:100%;border:0}

/* Keep the four corner portals visible in the compact HUD map. */
.adventure-hud .minimap{border-radius:10px}