html{scrollbar-gutter:stable}main>.max-w-6xl{max-width:none;padding-top:8px;padding-bottom:16px}main>.max-w-6xl>h1{margin-inline:auto;max-width:1120px;margin-bottom:8px;padding-bottom:4px;font-size:22px;line-height:1.4}main>.max-w-6xl>p{max-width:1120px;margin-inline:auto}.page-body>.map-row,.page-body>.fs{margin-top:0}.map-row{--chrome:205px;--pad:0px;padding-inline:var(--pad);grid-template-columns:1fr;grid-template-areas:"side""map";justify-items:center;gap:8px 14px;margin-inline:-16px;display:grid}.map-side{flex-wrap:wrap;grid-area:side;justify-content:space-between;align-items:center;gap:10px 16px;width:100%;padding-inline:16px;display:flex}.map-tabs{gap:8px;display:flex}.legend{color:var(--fg);gap:16px;margin:0;padding:0;font-size:15px;line-height:1.5;list-style:none;display:flex}.legend li{align-items:center;gap:2px;display:inline-flex}.dot{border:2px solid #241608;border-radius:50%;width:20px;height:20px;box-shadow:0 1px 3px #0000008c}.dot-bronze{background:#c66e28}.dot-silver{background:#e8edf3}.dot-warp{background:#38a3dd}.map-slot{width:min(100%, calc((100vh - var(--chrome)) * .9));width:min(100%, calc((100dvh - var(--chrome)) * .9));aspect-ratio:1;grid-area:map;position:relative}.zone-tab{border:1px solid var(--border);background:var(--bg-elev);min-height:44px;color:var(--fg-mute);cursor:pointer;border-radius:10px;padding:0 18px;font:700 15px/1.2 inherit}.zone-tab[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.map{background:var(--bg-elev);border:1px solid var(--border);cursor:zoom-in;-webkit-tap-highlight-color:transparent;border-inline-width:0;border-radius:0;margin:0;padding:0;display:block;position:absolute;inset:0;overflow:hidden;container-type:inline-size}.map[hidden]{display:none!important}.map>img{width:100%;height:100%;display:block}.map:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}.map{--pin:14px}@supports (container-type:inline-size){.map{--pin:clamp(9px, 2.2cqi, 26px)}}.pin{box-sizing:border-box;width:var(--pin);height:var(--pin);margin:calc(var(--pin) / -2) 0 0 calc(var(--pin) / -2);border:max(1.5px, calc(var(--pin) * .16)) solid #241608;pointer-events:none;border-radius:50%;position:absolute;box-shadow:0 1px 3px #0000008c}.pin-bronze{background:#c66e28}.pin-silver{background:#e8edf3}.pin-warp{width:calc(var(--pin) * 1.35);height:calc(var(--pin) * 1.35);margin:calc(var(--pin) * -.675) 0 0 calc(var(--pin) * -.675);background:#38a3dd}.map-note{color:var(--fg-mute);max-width:760px;margin-inline:auto;font-size:14px}.map-note p+p{margin-top:.5rem}.map-note strong{color:var(--fg)}@media (width>=640px){.map-row{--chrome:178px;--pad:12px}.map-side{padding-inline:0}.map{border-inline-width:1px;border-radius:10px}}@media (width>=1100px) and (height>=700px) and (aspect-ratio>=3/2){.map-row{--chrome:126px;grid-template-columns:1fr auto 1fr;grid-template-areas:"side map.";align-content:start}.map-slot{width:calc((100vh - var(--chrome)) * .9);width:calc((100dvh - var(--chrome)) * .9)}.map-side{flex-direction:column;place-self:start end;align-items:stretch;gap:18px;width:160px}.map-tabs{flex-direction:column}.legend{flex-direction:column;gap:9px}.zone-tab{min-height:46px}}html.fs-open{overflow:hidden}.fs{overscroll-behavior:contain;background:#0b0d10;border:0;width:auto;max-width:none;height:auto;max-height:none;margin:0;padding:0;position:fixed;inset:0}.fs:not([open]){display:none}.fs::backdrop{background:#000}.fs-bar{height:52px;padding-left:max(10px, env(safe-area-inset-left));padding-right:max(10px, env(safe-area-inset-right));justify-content:space-between;align-items:center;gap:8px;display:flex;position:absolute;top:0;left:0;right:0}.fs-tabs{gap:8px;display:flex}.fs-bar .zone-tab{color:#fff;background:#ffffff1f;border-color:#ffffff4d;min-height:40px}.fs-bar .zone-tab[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.fs-close{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff4d;border-radius:10px;min-height:40px;padding:0 14px;font:700 14px/1.2 inherit}.fs-stage{place-items:center;display:grid;position:absolute;inset:52px 0 0}.fs-stage .map{aspect-ratio:1;cursor:zoom-out;border:0;border-radius:0;width:min(100svw,100svh - 52px);position:relative;inset:auto}html.no-fs .map{cursor:default}
