:root{--black: #111111;--cream: #F5F1E8;--pink: #FF2D87;--green: #123F32;--blue: #168FE8;--yellow: #FFD43B;--white: #FFFFFF;--border: #E5E2DB;--display: "Anton", "Impact", sans-serif;--marker: "Permanent Marker", cursive;--body: "Space Grotesk", system-ui, sans-serif;--pad: clamp(16px, 4vw, 56px)}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}main{overflow-x:clip}body{margin:0;background:var(--cream);color:var(--black);font-family:var(--body);font-size:17px;line-height:1.5;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:24px;padding:12px var(--pad);background:var(--cream);border-bottom:3px solid var(--black)}.logo{text-decoration:none;font-family:var(--display);font-size:26px;letter-spacing:.5px;display:flex;gap:6px;line-height:1}.logo-odd{background:var(--black);color:var(--cream);padding:4px 8px 2px}.logo-dist{padding-top:4px}.logo b,.footer-mark b{color:var(--pink);font-weight:400}.nav{display:flex;gap:22px;margin-left:auto}.nav a{text-decoration:none;font-weight:700;text-transform:uppercase;font-size:14px;letter-spacing:1px}.nav a:hover{color:var(--pink)}.lang{display:flex;border:2px solid var(--black);border-radius:999px;overflow:hidden}.lang button{border:0;background:transparent;font:700 13px var(--body);padding:6px 12px;min-height:36px;min-width:44px;cursor:pointer;color:var(--black)}.lang button.on{background:var(--black);color:var(--yellow)}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:center;padding:clamp(20px,3vw,44px) var(--pad) 28px;min-height:min(calc(100svh - 160px),860px)}.kicker{font-weight:700;text-transform:uppercase;letter-spacing:2px;font-size:13px;margin:0 0 12px;display:inline-block;background:var(--yellow);padding:3px 10px;border:2px solid var(--black)}.wordmark{font-family:var(--display);font-weight:400;margin:0;line-height:.86;text-transform:uppercase}.wm-odd{display:block;font-size:clamp(110px,19vw,300px);letter-spacing:-2px}.wm-dist{display:block;font-size:clamp(56px,9.6vw,152px);letter-spacing:1px;position:relative}.wm-c{position:relative;display:inline-block;color:#c9c4b8}.wm-c:after{content:"";position:absolute;left:-12%;right:-12%;top:46%;height:.11em;background:var(--black);transform:rotate(-8deg)}.wm-k{color:var(--pink);display:inline-block;font-family:var(--marker);font-size:.78em;transform:translate(-.42em,-.62em) rotate(8deg);margin-right:-.42em;vertical-align:top}.hero-line{font-family:var(--marker);font-size:clamp(22px,2.4vw,32px);margin:24px 0;max-width:18ch;line-height:1.2}.hero-actions{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.hero-note{font-size:14px;max-width:26ch}.btn{display:inline-flex;align-items:center;gap:8px;text-decoration:none;cursor:pointer;font:700 15px var(--body);text-transform:uppercase;letter-spacing:1px;padding:14px 22px;border:3px solid var(--black);border-radius:0;box-shadow:5px 5px 0 var(--black);transition:transform .12s,box-shadow .12s}.btn:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--black)}.btn:active{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--black)}.btn-pink{background:var(--pink);color:var(--white)}.btn-ghost{background:var(--white);color:var(--black);box-shadow:3px 3px 0 var(--black);padding:10px 14px;font-size:13px}.hero-stickers{position:relative;height:min(70vh,620px)}.sticker{position:absolute;width:58%;filter:drop-shadow(6px 8px 0 rgba(17,17,17,.9));transition:transform .3s}.sticker:hover{transform:scale(1.05) rotate(0)!important}.s1{top:0;left:4%;transform:rotate(-9deg)}.s2{top:30%;right:0;transform:rotate(8deg)}.s3{bottom:0;left:14%;transform:rotate(-3deg)}.street-sign{display:inline-flex;align-items:baseline;gap:8px;background:var(--green);color:var(--white);font-family:var(--display);text-transform:uppercase;border:3px solid var(--white);outline:3px solid var(--green);border-radius:6px;padding:6px 14px;font-size:26px;letter-spacing:1px}.street-sign small{font-family:var(--body);font-weight:700;font-size:12px}.street-sign em{font-style:normal;font-family:var(--body);font-size:12px;background:var(--white);color:var(--green);padding:1px 6px;border-radius:3px}.hero-sign{position:absolute;top:4%;right:2%;transform:rotate(6deg);z-index:2}.stamp{position:absolute;bottom:6%;right:4%;z-index:2;font-family:var(--display);font-size:30px;line-height:.95;text-align:center;color:var(--pink);border:4px solid var(--pink);border-radius:50%;width:130px;height:130px;display:grid;place-content:center;transform:rotate(-14deg);background:#f5f1e8d9}.ticker{display:flex;align-items:stretch;background:var(--black);color:var(--yellow);border-block:3px solid var(--black);transform:rotate(-1.2deg);margin:0 -20px;position:relative;z-index:2}.ticker-label{flex:none;display:flex;align-items:center;gap:8px;background:var(--pink);color:var(--white);font:700 13px var(--body);letter-spacing:2px;text-transform:uppercase;padding:0 18px 0 36px}.ticker-label i{width:9px;height:9px;border-radius:50%;background:var(--white);animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:0}}.ticker-viewport{overflow:hidden;flex:1;min-width:0}.ticker-track{display:inline-flex;will-change:transform;gap:22px;white-space:nowrap;font-family:var(--display);font-size:28px;padding:10px 0 10px 22px;text-transform:uppercase}.ticker-track b{color:var(--pink);font-weight:400}.section{padding:clamp(56px,8vw,110px) var(--pad)}.section-head{margin-bottom:32px}.section-head h2{font-family:var(--display);font-weight:400;font-size:clamp(44px,7vw,96px);line-height:.95;margin:0;text-transform:uppercase}.muted{color:#555;margin:10px 0 0}.map-section{background:var(--black);color:var(--cream)}.map-section .muted{color:#a8a397}.map-wrap{display:grid;grid-template-columns:1fr 260px;gap:20px;align-items:stretch}.map-col{position:relative;min-width:0}.map{position:relative;overflow:hidden;aspect-ratio:2 / 1;min-height:420px;border:3px solid var(--cream);background:#0f3555}.map-svg{display:block;width:100%;height:100%;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none}.map-svg.dragging{cursor:grabbing}.m-water{fill:#0f3555}.m-sea-grid line{stroke:#ffffff09;stroke-width:1.5}.m-floe{fill:#cfe3ef;opacity:.55}.m-beach{fill:none;stroke:#4a4232;stroke-width:14}.m-crane{fill:none;stroke:var(--yellow);stroke-width:3}.m-bldg{fill:#252525}.m-pond{fill:#0f3555;stroke:#1c5c48;stroke-width:3}.m-tram{fill:none;stroke:#c9c4b8;stroke-width:2;stroke-dasharray:2 6}.m-bridge-deck{fill:#4a4a4a;stroke:#111;stroke-width:2}.m-bridge-line{stroke:var(--yellow);stroke-width:1.5;stroke-dasharray:10 8}.m-bridge-tower{fill:#8a8577;stroke:#111;stroke-width:2}.m-bridge-cable{fill:none;stroke:#c9c4b8;stroke-width:2}.m-shallow-ice{stroke:#2b6c94}.m-land-ice{fill:#26343d}.m-bldg-ice{fill:#31434f}.m-street-ice{stroke:#3b4d59;stroke-width:4}.m-avenue-ice{stroke:#5b7584;stroke-width:9;fill:none}.m-ice-lake{fill:#9cc9e3;opacity:.55;stroke:#dff1fb;stroke-width:3}.m-ice-crack{fill:none;stroke:#fff;stroke-width:2;opacity:.8}.m-mountain{fill:#3e5563;stroke:#1b262d;stroke-width:2}.m-snowcap{fill:#f2f8fb}.m-ski-lift{fill:none;stroke:var(--pink);stroke-width:2;stroke-dasharray:4 5}.m-district{font:400 46px var(--display);letter-spacing:6px;fill:var(--cream);paint-order:stroke;stroke:#0d2b45;stroke-width:9px;pointer-events:none}.m-district-ice{fill:#bfe6ff}.m-area-ice{fill:#14324a;stroke:#eef5f9}.m-bridge-label{fill:#bfe6ff}.m-shield path{fill:var(--blue);stroke:#fff;stroke-width:2.5}.m-shield text{font:700 12px var(--body);fill:#fff}.m-shallow{fill:none;stroke:#16466e;stroke-width:40}.m-land{fill:#1b1b1b}.m-street{stroke:#2e2e2e;stroke-width:4}.m-avenue{stroke:#4a4a4a;stroke-width:9;fill:none}.m-diag{stroke-width:12}.m-park{fill:var(--green)}.m-river{fill:none;stroke:#0f3555;stroke-width:34;stroke-linecap:round}.m-freeway{fill:none;stroke:#8a7a2c;stroke-width:14;stroke-linecap:round}.m-freeway-line{fill:none;stroke:var(--yellow);stroke-width:2;stroke-dasharray:14 10}.m-area{font:700 22px var(--body);letter-spacing:6px;fill:#f5f1e8e6;paint-order:stroke;stroke:#1d1f22;stroke-width:7px;pointer-events:none}.m-bay{fill:var(--pink);stroke:#0f3555;font-size:18px}.m-road-label{font:700 11px var(--body);letter-spacing:4px;fill:#c9c4b8;dominant-baseline:central;pointer-events:none}.m-fw-label{fill:#111}.m-route-outline{fill:none;stroke:var(--black);stroke-width:15;stroke-linejoin:round;stroke-linecap:round}.m-route{fill:none;stroke:var(--pink);stroke-width:9;stroke-linejoin:round;stroke-linecap:round}.m-player-arrow{fill:var(--yellow);stroke:var(--black);stroke-width:3;stroke-linejoin:round}.m-player-pulse{fill:#ffd43b2e;stroke:var(--yellow);stroke-width:2;transform-box:fill-box;transform-origin:center;animation:pulse 2s ease-out infinite}.m-you{font:700 13px var(--body);letter-spacing:2px;fill:var(--yellow);paint-order:stroke;stroke:#1b1b1b;stroke-width:5px}@keyframes pulse{0%{transform:scale(.6);opacity:1}to{transform:scale(1.6);opacity:0}}.m-blip{cursor:pointer;outline:none}.m-blip-dot{stroke:#fff;stroke-width:3.5;filter:drop-shadow(0 3px 0 rgba(0,0,0,.6))}.m-blip-icon{fill:none;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.m-blip-ring{fill:none;stroke-width:4;opacity:0;transform-box:fill-box;transform-origin:center}.m-blip.on .m-blip-ring{opacity:1;animation:pulse 1.6s ease-out infinite}.m-tip{opacity:0;pointer-events:none;transition:opacity .15s}.m-tip rect{fill:var(--black);stroke:var(--cream);stroke-width:2}.m-tip text{font:700 14px var(--body);letter-spacing:1.5px;fill:var(--cream)}.m-blip:hover .m-tip,.m-blip:focus-visible .m-tip,.m-blip.on .m-tip{opacity:1}.m-blip:hover .m-blip-dot,.m-blip:focus-visible .m-blip-dot{stroke:var(--yellow)}.map-tabs{position:absolute;top:12px;left:12px;z-index:2;display:flex;flex-wrap:wrap;gap:6px;max-width:calc(100% - 24px)}.map-tabs button{font:700 12px var(--body);letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;padding:7px 10px;background:#111111e0;color:var(--cream);border:2px solid var(--cream)}.map-tabs button.on{background:var(--yellow);color:var(--black);border-color:var(--yellow)}.map-tabs button[data-mapview=brain-freeze-02].on{background:#bfe6ff;border-color:#bfe6ff}.map-card{position:absolute;left:16px;bottom:16px;z-index:2;width:min(400px,calc(100% - 32px));display:grid;grid-template-columns:110px 1fr;gap:12px;align-items:center;background:#111111eb;border:2px solid var(--cream);padding:12px}.map-card[hidden]{display:none}.mc-close{position:absolute;top:-12px;right:-12px;width:28px;height:28px;border-radius:50%;cursor:pointer;background:var(--cream);color:var(--black);border:2px solid var(--black);font:700 13px var(--body)}.mc-close:hover{background:var(--pink);color:var(--white)}.mc-col{margin:2px 0 0;font-size:11px;font-weight:700;letter-spacing:1.5px;color:var(--yellow)}.map-card img{width:110px;height:90px;object-fit:contain;background:var(--cream)}.mc-route{margin:0;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--pink)}.mc-route i{display:inline-block;vertical-align:middle;width:18px;height:4px;margin-right:6px;background:var(--pink)}.map-card h3{font-family:var(--display);font-weight:400;font-size:26px;line-height:1;margin:4px 0 2px;text-transform:uppercase}.mc-tag{margin:0 0 10px;font-size:13px;color:#a8a397}.map-card .btn{padding:8px 12px;font-size:12px;box-shadow:3px 3px 0 var(--cream);border-color:var(--cream)}.map-zoom{position:absolute;right:14px;bottom:14px;display:grid;gap:6px;z-index:2}.map-zoom button{width:38px;height:38px;font:700 22px var(--body);background:#111111e6;color:var(--cream);border:2px solid var(--cream);cursor:pointer}.map-zoom button:hover{background:var(--pink)}.map-zoom .respawn{background:var(--yellow);color:var(--black);border-color:var(--yellow);margin-top:6px}.legend{background:#1b1b1b;border:3px solid var(--cream);padding:18px}.legend h3{font-family:var(--display);font-weight:400;font-size:26px;margin:0 0 12px;text-transform:uppercase}.legend ul{list-style:none;padding:0;margin:0;display:grid;gap:4px}.legend{height:0;min-height:100%;overflow-y:auto}.lg-group{display:flex;justify-content:space-between;align-items:baseline;margin-top:10px;padding-bottom:4px;border-bottom:1px solid rgba(245,241,232,.2)}.lg-group:first-child{margin-top:0}.lg-group span{font-family:var(--display);font-size:17px;letter-spacing:1px;color:var(--yellow)}.lg-group small{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#a8a397}.legend button{width:100%;display:flex;gap:10px;align-items:center;text-align:left;cursor:pointer;background:transparent;border:0;color:var(--cream);font:500 14px var(--body);padding:6px 4px}.legend button:hover{background:#f5f1e814;color:var(--yellow)}.legend svg{flex:none}.districts{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-bottom:28px}.district-tile{position:relative;overflow:hidden;text-align:left;cursor:pointer;font:inherit;color:var(--cream);display:grid;gap:6px;padding:22px 22px 18px;min-height:210px;background:var(--black);border:3px solid var(--black);box-shadow:6px 6px 0 var(--border);transition:transform .15s,box-shadow .15s}.district-tile.ice{background:#26343d}.district-tile:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--border)}.district-tile.on{box-shadow:8px 8px 0 var(--pink)}.district-tile.ice.on{box-shadow:8px 8px 0 var(--blue)}.dt-kind{font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--yellow)}.district-tile.ice .dt-kind{color:#bfe6ff}.dt-name{font-family:var(--display);font-size:clamp(36px,4.5vw,58px);line-height:.95}.dt-island{font-size:14px;color:#a8a397}.dt-thumbs{display:flex;margin-top:8px}.dt-thumbs img{width:70px;height:70px;object-fit:contain;margin-right:-14px;filter:drop-shadow(2px 3px 0 rgba(0,0,0,.6))}.district-tile.on:after{content:"✓";position:absolute;top:14px;right:16px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--pink);color:var(--white);font-weight:700}.district-tile.ice.on:after{background:var(--blue)}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:22px}.card{background:var(--white);border:2px solid var(--border);padding:16px;cursor:pointer;text-align:left;font:inherit;color:inherit;display:flex;flex-direction:column;gap:10px;transition:transform .15s,border-color .15s,box-shadow .15s;position:relative}.card:hover,.card:focus-visible{border-color:var(--black);box-shadow:6px 6px 0 var(--black);transform:translate(-3px,-3px);outline:none}.card-no{position:absolute;top:10px;left:12px;font-family:var(--display);font-size:40px;line-height:1;color:var(--card-accent);-webkit-text-stroke:1.5px var(--black)}.card img{aspect-ratio:1;object-fit:contain;width:100%;transition:transform .3s}.card:hover img{transform:rotate(-4deg) scale(1.04)}.card-loc{display:flex;align-items:center;gap:8px}.card .street-sign{font-size:18px}.card-tag{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#666;margin:0}.card-open{font-weight:700;font-size:14px;color:var(--pink);margin-top:auto}.footer{background:var(--black);color:var(--cream);padding:64px var(--pad) 32px}.footer-mark{font-family:var(--display);font-size:clamp(56px,13vw,200px);line-height:.9}.footer p{margin:14px 0 0}.footer-follow a{color:var(--yellow)}.footer-small{opacity:.5;font-size:13px}.viewer{position:fixed;inset:0;z-index:50;display:grid;place-items:center}.viewer[hidden]{display:none}.viewer-backdrop{position:absolute;inset:0;background:#111111bf}.viewer-panel{position:relative;width:min(1180px,96vw);height:min(760px,92vh);background:var(--cream);border:3px solid var(--black);box-shadow:10px 10px 0 var(--pink);display:grid;grid-template-columns:1.3fr 1fr;overflow:hidden}.viewer-close{position:absolute;top:12px;right:12px;z-index:3;cursor:pointer;font:700 13px var(--body);text-transform:uppercase;background:var(--black);color:var(--cream);border:0;padding:8px 12px}.viewer-stage{position:relative;border-right:3px solid var(--black);background:var(--white);overflow:hidden;cursor:grab;touch-action:pan-y}.viewer-stage:active{cursor:grabbing}.stage-grid{position:absolute;inset:0;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:32px 32px}.stage-turntable{position:absolute;inset:40px 40px 90px;display:grid;place-items:center}.stage-turntable img{position:absolute;max-height:100%;max-width:100%;object-fit:contain;opacity:0;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.stage-turntable img.on{opacity:1}.stage-hint{position:absolute;top:14px;left:14px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;background:var(--cream);border:2px solid var(--black);padding:4px 8px}.stage-hint .mode{color:var(--pink)}.stage-views{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:8px}.stage-views button{font:700 12px var(--body);text-transform:uppercase;padding:7px 12px;border:2px solid var(--black);background:var(--white);cursor:pointer}.stage-views button.on{background:var(--black);color:var(--yellow)}.viewer-info{padding:28px 28px 24px;overflow-y:auto}.street-sign.big{font-size:clamp(26px,3vw,40px);margin:4px 0 10px}.v-tag{font-weight:700;text-transform:uppercase;letter-spacing:1px;font-size:13px;color:#666;margin:6px 0}.v-line{font-size:18px;margin:0 0 18px}.viewer-info h4{font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:22px;margin:18px 0 8px}.v-specs{margin:0;padding:0;list-style:none;display:grid;gap:6px}.v-specs li{background:var(--white);border:2px solid var(--border);padding:7px 12px;font-size:15px}.v-specs li:before{content:"✦ ";color:var(--pink)}.v-angles{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px}.v-angles button{aspect-ratio:1;padding:8px;background:var(--white);border:2px solid var(--border);cursor:pointer;display:grid;place-items:center}.v-angles button:hover{border-color:var(--black)}.v-angles button.on{border-color:var(--pink);box-shadow:3px 3px 0 var(--black)}.v-angles img{max-width:100%;max-height:100%;object-fit:contain}.nfs{display:block;width:min(260px,80%);height:auto;margin:14px 0;transform:rotate(-3deg);filter:drop-shadow(0 6px 10px rgba(0,0,0,.18))}.v-nav{display:flex;gap:10px;flex-wrap:wrap}.star{width:44px;height:44px;padding:6px;border:0;background:none;cursor:pointer;display:inline-grid;place-items:center;flex:none;-webkit-tap-highlight-color:transparent}.star svg{width:100%;height:100%;overflow:visible;transition:transform .15s}.star path{fill:#ffffff8c;stroke:var(--black);stroke-width:2.2;stroke-linejoin:round}.star:hover svg,.star:focus-visible svg{transform:scale(1.12) rotate(-8deg)}.star:focus-visible{outline:2px dashed var(--pink);outline-offset:2px}.star.on path{fill:var(--yellow);filter:drop-shadow(2px 2px 0 var(--black))}.star.pop svg{animation:star-pop .45s cubic-bezier(.3,1.6,.5,1)}.star.pop.on:after{content:"";position:absolute;width:44px;height:44px;border-radius:50%;border:3px solid var(--yellow);animation:star-ring .5s ease-out forwards;pointer-events:none}.star{position:relative}@keyframes star-pop{0%{transform:scale(.6) rotate(-30deg)}60%{transform:scale(1.35) rotate(8deg)}to{transform:scale(1) rotate(0)}}@keyframes star-ring{0%{transform:scale(.5);opacity:1}to{transform:scale(1.7);opacity:0}}@media(prefers-reduced-motion:reduce){.star.pop svg,.star.pop.on:after{animation:none}}.card-wrap{position:relative;display:flex}.card-wrap .card{flex:1;min-width:0}.star-card{position:absolute;top:6px;right:6px;z-index:1;transition:transform .15s}.card-wrap:hover .star-card{transform:translate(-3px,-3px)}.v-title{display:flex;align-items:center;gap:10px}.v-title .street-sign.big{margin:4px 0 10px}.star-big{width:52px;height:52px;margin-bottom:6px}.mc-actions{display:flex;align-items:center;gap:8px}.star-map path{fill:#ffffff1f;stroke:var(--cream)}.star-map.on path{fill:var(--yellow);stroke:var(--black);filter:drop-shadow(2px 2px 0 var(--cream))}@media(max-width:900px){.hero{grid-template-columns:1fr;min-height:0}.hero-stickers{height:360px}.map-wrap{grid-template-columns:1fr}.legend{height:auto;min-height:0}.viewer-panel{grid-template-columns:1fr;grid-template-rows:46% 54%;height:94vh}.viewer-stage{border-right:0;border-bottom:3px solid var(--black)}}@media(max-width:640px){.star-card{width:40px;height:40px;top:2px;right:2px;padding:5px}.nav{display:none}.lang{margin-left:auto}.map{aspect-ratio:auto;height:min(calc((100vw - 32px)*.9),70svh);min-height:260px}.map-card{position:relative;left:auto;bottom:auto;width:100%;margin-top:10px}.map-tabs{position:static;display:grid;grid-template-columns:.8fr 1fr 1.2fr;gap:6px;max-width:none;margin-bottom:8px}.map-tabs button{font-size:11px;padding:0 4px;min-height:40px;letter-spacing:.5px}.districts{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.district-tile{min-height:0;padding:12px 12px 10px;gap:4px;box-shadow:4px 4px 0 var(--border)}.district-tile.on{box-shadow:5px 5px 0 var(--pink)}.district-tile.ice.on{box-shadow:5px 5px 0 var(--blue)}.district-tile.on:after{width:22px;height:22px;top:8px;right:8px;font-size:12px}.dt-kind{font-size:9.5px;letter-spacing:1px;padding-right:22px}.dt-name{font-size:26px}.dt-island{font-size:11px}.dt-thumbs{margin-top:4px}.dt-thumbs img{width:40px;height:40px;margin-right:-10px}.legend{padding:14px}.legend h3{font-size:22px;margin-bottom:8px}.legend ul{grid-template-columns:1fr 1fr;gap:2px 8px}.legend button{font-size:12.5px;gap:6px;padding:5px 0}.legend svg{width:22px;height:22px}.cards{grid-template-columns:1fr 1fr;gap:12px}.card{padding:10px;gap:6px}.card-no{font-size:26px;top:6px;left:8px}.card .street-sign{font-size:13px;padding:4px 8px;border-width:2px;outline-width:2px}.card-loc svg{display:none}.card-tag{font-size:11px;letter-spacing:.5px}.card-open{font-size:12px}.map-card{grid-template-columns:58px 1fr;gap:10px;padding:8px}.map-card img{width:58px;height:52px}.map-card h3{font-size:19px;margin:2px 0 6px}.mc-tag{display:none}.mc-route{font-size:9.5px;letter-spacing:1px}.map-card .btn{padding:6px 10px;font-size:11px}.map-zoom{right:8px;bottom:8px}.stage-hint{display:none}.map-zoom button{width:34px;height:34px}.ticker-label span{display:none}.ticker-label{padding:0 12px 0 28px}.stamp{width:96px;height:96px;font-size:22px}.hero-sign{font-size:18px}}@media(orientation:landscape)and (max-height:520px){.topbar{padding-block:8px}.hero{grid-template-columns:1.1fr .9fr;min-height:0;padding-block:24px 36px;gap:12px}.wm-odd{font-size:min(19vw,30svh)}.wm-dist{font-size:min(9.6vw,15svh)}.hero-line{margin:14px 0;font-size:20px}.hero-stickers{height:72svh}.stamp{width:84px;height:84px;font-size:18px;border-width:3px}.hero-sign{font-size:16px}.section{padding-block:40px}.section-head{margin-bottom:18px}.section-head h2{font-size:44px}.map-wrap{grid-template-columns:1fr 210px}.map{aspect-ratio:auto;height:calc(100svh - 90px);min-height:220px}.districts{grid-template-columns:1fr 1fr}.district-tile{min-height:0}.legend{padding:12px;overflow-y:auto;max-height:calc(100svh - 90px)}.legend ul{grid-template-columns:1fr}.legend h3{font-size:20px}.map-tabs{position:static;display:grid;grid-template-columns:.8fr 1fr 1.2fr;gap:6px;max-width:none;margin-bottom:8px}.map-tabs button{min-height:36px;padding:0 4px;font-size:11px}.map{height:calc(100svh - 70px)}.map-card{position:relative;left:auto;bottom:auto;grid-template-columns:58px 1fr;width:100%;padding:8px;margin-top:10px}.map-card img{width:58px;height:52px}.map-card h3{font-size:18px}.mc-tag{display:none}.cards{grid-template-columns:repeat(4,1fr)}.viewer-panel{grid-template-columns:1.1fr 1fr;grid-template-rows:none;width:96vw;height:92svh}.viewer-stage{border-right:3px solid var(--black);border-bottom:0}.stage-turntable{inset:30px 20px 60px}.stage-hint{display:none}.viewer-info{padding:18px}.street-sign.big{font-size:24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}