@font-face{font-family:Lilita One;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/lilita-one-latin-400-normal-87r-Z-Re.woff2)format("woff2"),url(/assets/lilita-one-latin-400-normal-DXkechA3.woff)format("woff")}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-ext-wght-normal-D4X5GqEv.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-wght-normal-CY6AOgYE.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-vietnamese-wght-normal-U01xdrZh.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-ext-wght-normal-CXYtwYOx.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-wght-normal-BzFMHfZw.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-display:"Lilita One", "Arial Rounded MT Bold", system-ui, sans-serif;--bg:#111426;--panel:#1b2038;--text:#e8edf2;--muted:#8a97a5;--accent:#e0b84c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Nunito Variable,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text)}#root{flex-direction:column;display:flex}main{flex:1;min-height:0;position:relative}.map,.map.maplibregl-map{position:absolute;inset:0}.placeholder{padding:1.5rem 1rem}.bottom-nav{background:var(--panel);padding-bottom:env(safe-area-inset-bottom);border-top:3px solid #0000;border-image:linear-gradient(90deg,#111 0 33.3%,#f2b705 33.3% 66.6%,#d7263d 66.6% 100%) 1;display:flex}.bottom-nav a{color:var(--muted);flex:1;justify-content:center;padding:.85rem .25rem;text-decoration:none;display:flex}.bottom-nav a.active{color:var(--accent)}.bottom-nav a:focus-visible{outline-offset:-3px;outline:3px solid #fff}.status{color:var(--muted);padding:1.5rem 1rem}.login{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:100%;padding:2rem 1.5rem;display:flex}.login h1{color:var(--accent);margin:0;font-size:2.2rem}.tagline{color:var(--muted);max-width:20rem;margin:0 0 1rem}.google-btn,.secondary-btn{font:inherit;cursor:pointer;border:0;border-radius:.5rem;padding:.85rem 1.5rem;font-weight:600}.google-btn{color:#1f1f1f;background:#fff;min-width:16rem}.secondary-btn{background:var(--panel);color:var(--text)}.google-btn:disabled{opacity:.5;cursor:not-allowed}.notice,.error{max-width:22rem;margin:0;font-size:.85rem}.notice{color:var(--muted)}.error{color:#ff7b72}.hud-warn{color:#ffb454;margin:0;font-size:.85rem}.badge{background:var(--accent);color:#1b1405;letter-spacing:.08em;border-radius:.4rem;padding:.1rem .5rem;font-size:.7rem;font-weight:800}.pill,.walk-status{z-index:2;border:1px solid var(--line);background:#1b232cf0;border-radius:2rem;align-items:center;gap:.65rem;display:flex;position:absolute;top:.9rem;left:.9rem;box-shadow:0 8px 24px #0006}.pill{max-width:calc(100% - 5.6rem);padding:.4rem .9rem .4rem .45rem}.pill .ring-text{font-size:1.05rem}.pill-text{flex-direction:column;min-width:0;display:flex}.pill-text strong{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;overflow:hidden}.pill-text small{color:var(--muted)}.streak-chip{background:var(--gold-soft);color:#f2cf6e;border-radius:1rem;align-items:center;gap:.2rem;padding:.3rem .6rem;font-size:.9rem;font-weight:700;display:flex}.walk-status{padding:.6rem 1rem .6rem .9rem}.walk-status small{color:var(--muted)}.rec-dot{background:var(--danger);border-radius:50%;width:.65rem;height:.65rem}.walk-dock{z-index:2;flex-direction:column;gap:.6rem;max-width:30rem;margin-inline:auto;display:flex;position:absolute;bottom:2.4rem;left:.9rem;right:.9rem}.card-dock{border:1px solid var(--line);background:#1b232cf7;border-radius:1.4rem;padding:.9rem 1rem;box-shadow:0 12px 32px #00000073}.chip-row{flex-wrap:wrap;gap:.4rem;display:flex}.map-chip{border:1px solid var(--line);color:#c9d3dd;background:#1b232cf0;border-radius:1rem;padding:.4rem .75rem;font-size:.78rem}.walk-btn{min-height:3.75rem;font:inherit;background:var(--accent);color:#1b1405;cursor:pointer;border:0;border-radius:2rem;justify-content:center;align-items:center;gap:.6rem;font-size:1.1rem;font-weight:800;display:flex;box-shadow:0 10px 28px #e0b84c4d}.walk-btn:disabled{opacity:.5;cursor:default}.walk-btn.stop{background:var(--danger);color:#1b0d0a;box-shadow:none}.walk-btn:focus-visible,.walk-link:focus-visible{outline-offset:2px;outline:3px solid #fff}.walk-link{color:#c9d3dd;min-height:2.75rem;font:inherit;cursor:pointer;background:0 0;border:0;text-decoration:underline}.walk-link:disabled{opacity:.5;cursor:default}@keyframes toast-life{0%,85%{opacity:1}to{opacity:0;visibility:hidden}}.toast{z-index:3;background:#2a2412f7;border:1px solid #e0b84c8c;border-radius:1.2rem;align-items:center;gap:.8rem;max-width:30rem;margin-inline:auto;padding:.8rem 1rem;animation:7s forwards toast-life;display:flex;position:absolute;top:4.6rem;left:.9rem;right:.9rem;box-shadow:0 12px 32px #00000073}.toast-icon{background:var(--accent);color:#1b1405;border-radius:50%;flex:none;place-items:center;width:2.75rem;height:2.75rem;display:grid}.toast-text{flex-direction:column;min-width:0;display:flex}.toast-text strong{color:var(--gold-text)}.toast-text small{color:var(--text)}.walk-street{flex-direction:column;gap:.5rem;display:flex}.walk-street-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.walk-street-none{margin:0;font-size:.85rem}.meter{background:#2b3744;border-radius:.4rem;height:.65rem;overflow:hidden}.meter-fill{background:var(--accent);border-radius:.4rem;height:100%}.walk-numbers{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}.walk-numbers strong{font-variant-numeric:tabular-nums;font-size:1.25rem;display:block}.walk-numbers small{color:var(--muted)}.street-card{z-index:2;border:1px solid var(--line);background:#1b232cf7;border-radius:1.2rem;flex-direction:column;gap:.5rem;max-width:30rem;margin-inline:auto;padding:.9rem 1rem;display:flex;position:absolute;bottom:13.25rem;left:.9rem;right:.9rem;box-shadow:0 12px 32px #00000073}.street-card-head{justify-content:space-between;align-items:flex-start;gap:.6rem;display:flex}.street-card h2{margin:0;font-size:1.05rem}.street-card-chips{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}:root{--surface-2:#232d38;--line:#e8edf214;--danger:#ff8a7a;--gold-soft:#2a2412;--gold-text:#f6dc8c}.screen{flex-direction:column;gap:1rem;max-width:40rem;height:100%;margin:0 auto;padding:1.4rem 1rem 1.75rem;display:flex;overflow-y:auto}.screen:focus-visible{outline-offset:-3px;outline:3px solid #fff}.screen h1{letter-spacing:-.01em;margin:0;font-size:1.75rem;font-weight:800}.screen h2{margin:0;font-size:1.05rem;font-weight:700}.card{background:var(--panel);border:1px solid var(--line);border-radius:1.4rem;flex-direction:column;gap:.8rem;padding:1.1rem 1.15rem;display:flex}.card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;display:flex}.stack{flex-direction:column;gap:.6rem;display:flex}.muted{color:var(--muted)}.hint{color:var(--muted);margin:0;font-size:.8rem;line-height:1.5}.eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);font-size:.75rem;font-weight:700}.chip{background:var(--surface-2);white-space:nowrap;border-radius:.8rem;align-self:flex-start;padding:.3rem .7rem;font-size:.78rem;font-weight:600}.chip.gold{background:var(--gold-soft);color:var(--gold-text)}.button-row{flex-wrap:wrap;gap:.6rem;display:flex}.primary-btn{background:var(--accent);color:#1b1405;font:inherit;cursor:pointer;border:0;border-radius:1.4rem;padding:.8rem 1.3rem;font-weight:700}.primary-btn:focus-visible{outline-offset:2px;outline:3px solid #fff}.icon-btn{color:#c9d3dd;cursor:pointer;background:0 0;border:1px solid #e8edf224;border-radius:50%;place-items:center;width:2.75rem;height:2.75rem;display:grid}.icon-btn:focus-visible{outline-offset:2px;outline:3px solid #fff}.icon-badge{background:var(--gold-soft);color:#f2cf6e;border-radius:50%;flex:none;place-items:center;width:3rem;height:3rem;display:grid}.hero{flex-direction:row;align-items:center;gap:1.1rem}.hero-text{flex-direction:column;align-items:flex-start;gap:.3rem;min-width:0;display:flex}.hero-text h2{font-size:1.2rem;line-height:1.2}.ring{flex:none;position:relative}.ring svg{display:block}.ring-fill{stroke:var(--accent)}.ring-text{place-items:center;font-size:1.6rem;display:grid;position:absolute;inset:0}.name-line{align-items:center;gap:.5rem;display:flex}.player-name{overflow-wrap:anywhere;font-size:1.35rem;font-weight:800}.level-title{color:var(--accent);font-weight:700}.list{margin:0;padding:0;list-style:none}.row{align-items:center;gap:.6rem;padding:.45rem 0;display:flex}.list>li+li{border-top:1px solid var(--line)}.grow{flex:1;min-width:0}.segmented{background:var(--panel);border:1px solid var(--line);border-radius:1.4rem;padding:.25rem;display:inline-flex}.segmented.wide{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.segmented button{color:#c9d3dd;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:1.2rem;min-height:2.6rem;padding:0 .9rem;font-size:.9rem;font-weight:500}.segmented button[aria-pressed=true]{background:var(--accent);color:#1b1405;font-weight:700}.avatar{border-radius:50%;flex:none;place-items:center;width:2.6rem;height:2.6rem;font-weight:800;display:grid}.avatar.me{background:var(--accent);color:#1b1405}.rank-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.rank-row{background:var(--panel);border-radius:1.1rem;align-items:center;gap:.75rem;padding:.75rem .9rem;display:flex}.rank-row.me{background:var(--gold-soft);box-shadow:inset 0 0 0 1.5px var(--accent)}.rank-no{color:#c9d3dd;font-variant-numeric:tabular-nums;width:1.5rem;font-weight:800}.rank-row:first-child .rank-no{color:var(--gold-text)}.rank-name{flex-direction:column;flex:1;min-width:0;display:flex}.rank-name small{color:var(--muted)}.rank-value{font-variant-numeric:tabular-nums;flex-direction:column;align-items:flex-end;display:flex}.rank-value strong{font-size:1.15rem}.rank-value small{color:var(--muted)}.feed-item{background:var(--panel);color:var(--muted);border-radius:1rem;align-items:center;gap:.75rem;padding:.75rem .9rem;display:flex}.feed-item.lost{color:#ff9d90;background:#2d1b19;box-shadow:inset 0 0 0 1px #ff8a7a73}.feed-item.won{background:var(--gold-soft);color:var(--accent)}.feed-text{flex-direction:column;min-width:0;display:flex}.feed-text strong{color:var(--text);font-size:.9rem}.feed-text small{color:var(--muted)}.feed-item.lost .feed-text small{color:#d9a79f}.progress{background:#2b3744;border-radius:1rem;height:.55rem;overflow:hidden}.progress-fill{background:var(--accent);border-radius:1rem;height:100%}.streak-head{flex-wrap:wrap;align-items:center;gap:.6rem .8rem;display:flex}.streak-title h2{white-space:nowrap}.streak-title{flex-direction:column;flex:1;min-width:0;display:flex}.days{grid-template-columns:repeat(7,minmax(0,1fr));gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.day{background:#2b3744;border-radius:.65rem;height:2.1rem}.day.on{background:var(--accent)}.trophies{grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr));gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.trophy{background:var(--bg);border:1px dashed #5a6b7c;border-radius:1rem;flex-direction:column;gap:.1rem;padding:.7rem .75rem;display:flex}.trophy.found{background:var(--gold-soft);border:1px solid #e0b84c80}.stats{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.tile{background:var(--panel);border-radius:1.1rem;flex-direction:column;padding:.9rem 1rem;display:flex}.tile strong{font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:800}.tile small{color:var(--muted)}.tile .danger{color:#ff9d90}.sector{padding:.4rem 0}.list>li.sector+li.sector{border-top:0}.sector .row{padding:0 0 .3rem}.week-chart{width:100%;height:9rem;display:block}.danger-btn{border:1px solid var(--danger);color:var(--danger);font:inherit;background:0 0;border-radius:1.4rem;padding:.7rem 1.2rem;font-weight:600}.danger-btn:disabled{opacity:.45}.segmented button:focus-visible,.secondary-btn:focus-visible{outline-offset:2px;outline:3px solid #fff}.secondary-btn{border-radius:1.4rem}.card .secondary-btn{background:var(--surface-2);align-self:flex-start}.maplibregl-popup .maplibregl-popup-content{background:var(--panel);color:var(--text);border-radius:8px;padding:8px 12px}.maplibregl-popup.maplibregl-popup-anchor-bottom .maplibregl-popup-tip{border-top-color:var(--panel)}.maplibregl-popup.maplibregl-popup-anchor-top .maplibregl-popup-tip{border-bottom-color:var(--panel)}.map-stack{z-index:2;flex-direction:column;gap:.5rem;display:flex;position:absolute;top:.75rem;right:.75rem}.map-stack button{border:1px solid var(--accent);background:var(--panel);min-width:3rem;min-height:2.75rem;color:var(--accent);font:inherit;border-radius:.6rem;padding:.5rem .9rem;font-weight:700}.map-stack button[aria-pressed=true]{background:var(--accent);color:#0f1419}.map-stack button:focus-visible{outline-offset:2px;outline:3px solid #fff}.map-zoom{flex-direction:column;gap:.25rem;display:flex}.map-zoom button{font-size:1.25rem;line-height:1}@media (pointer:coarse){.map-zoom{display:none}}.name-form{flex-direction:column;gap:.9rem;display:flex}.name-form label{flex-direction:column;gap:.4rem;font-weight:600;display:flex}.name-form input{background:var(--bg);color:var(--text);font:inherit;border:1px solid #e8edf233;border-radius:.7rem;padding:.85rem .9rem;font-size:1.1rem}.name-form input:focus-visible{outline-offset:2px;outline:3px solid #fff}.quest-list{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.quest{background:#0f141999;border-radius:.7rem;flex-direction:column;gap:.3rem;padding:.7rem .75rem;display:flex}.quest.done{box-shadow:inset 0 0 0 1px var(--accent)}.quest-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.quest-tag{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:700}.quest-reward{color:var(--muted);font-size:.8rem;font-weight:600}.quest.done .quest-reward{color:var(--accent)}.quest-text{color:var(--muted);font-size:.85rem;line-height:1.4}.safety{min-height:0;padding:1.25rem 1rem calc(1.5rem + env(safe-area-inset-bottom));background:radial-gradient(60rem 30rem at 50% -10rem, #e0b84c24, transparent 70%), var(--bg);flex:1;justify-content:center;align-items:flex-start;display:flex;overflow-y:auto}.safety-card{background:var(--panel);border:1px solid #e8edf214;border-radius:1.25rem;flex-direction:column;gap:1rem;width:100%;max-width:34rem;padding:1.5rem 1.25rem;display:flex;box-shadow:0 1.5rem 3rem #00000059}.safety-eyebrow{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.8rem;font-weight:700}.safety h1{margin:0;font-size:1.9rem;line-height:1.15}.safety-intro{color:var(--muted);margin:0;line-height:1.5}.safety-rules{flex-direction:column;gap:.75rem;margin:.25rem 0;padding:0;list-style:none;display:flex}.safety-rules li{background:#0f14198c;border-radius:.85rem;align-items:flex-start;gap:.9rem;padding:.85rem .9rem;display:flex}.safety-icon{width:2.5rem;height:2.5rem;color:var(--accent);background:#e0b84c24;border-radius:.7rem;flex:none;place-items:center;display:grid}.safety-rules strong{margin-bottom:.15rem;display:block}.safety-text{color:var(--muted);font-size:.92rem;line-height:1.45;display:block}.safety-note{color:var(--muted);margin:0;font-size:.85rem;line-height:1.5}.safety-check{cursor:pointer;border:1px solid #e8edf224;border-radius:.85rem;align-items:flex-start;gap:.75rem;padding:.9rem;line-height:1.4;display:flex}.safety-check input{width:1.4rem;height:1.4rem;accent-color:var(--accent);flex:none;margin:.1rem 0 0}.safety-check:has(input:checked){border-color:var(--accent);background:#e0b84c14}.safety-check:has(input:focus-visible){outline-offset:2px;outline:3px solid #fff}.safety-accept{background:var(--accent);color:#0f1419;min-height:3.25rem;font:inherit;border:none;border-radius:.9rem;padding:.9rem 1.2rem;font-size:1.05rem;font-weight:700}.safety-accept:disabled{opacity:.4;cursor:not-allowed}.safety-accept:focus-visible,.safety-decline:focus-visible{outline-offset:2px;outline:3px solid #fff}.safety-decline{min-height:2.75rem;color:var(--muted);font:inherit;background:0 0;border:none;text-decoration:underline}.joystick{z-index:2;border:2px solid var(--accent);touch-action:none;-webkit-user-select:none;user-select:none;background:#1b232cd9;border-radius:50%;place-items:center;width:8rem;height:8rem;display:grid;position:absolute;bottom:19rem;left:1rem}.joystick:focus-visible{outline-offset:3px;outline:3px solid #fff}.joystick-thumb{background:var(--accent);pointer-events:none;border-radius:50%;width:3.2rem;height:3.2rem;box-shadow:0 2px 6px #00000080}@media (prefers-reduced-motion:reduce){.toast{animation-duration:7s}}.photo-credit{z-index:1;color:var(--muted);pointer-events:none;background:#0f1419b3;border-radius:.3rem;margin:0;padding:.1rem .4rem;font-size:.7rem;position:absolute;bottom:.25rem;left:.5rem}.onboarding-icon{width:4.5rem;height:4.5rem;color:var(--accent);background:#e0b84c1f;border-radius:1.2rem;place-items:center;display:grid}.onboarding-dots{justify-content:center;gap:.5rem;display:flex}.onboarding-dots span{background:#e8edf233;border-radius:50%;width:.55rem;height:.55rem}.onboarding-dots span.on{background:var(--accent);border-radius:.3rem;width:1.6rem}.walk-hint{color:var(--accent);text-align:center;margin:0 0 .5rem;font-size:.9rem;font-weight:600}.sv{z-index:6;background:var(--bg);position:absolute;inset:0;overflow:hidden}.sv-canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block}.sv-canvas:active{cursor:grabbing}.sv-top{pointer-events:none;justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex;position:absolute;top:.75rem;left:.75rem;right:.75rem}.sv-street{background:var(--panel);border:1px solid #e8edf21f;border-radius:.8rem;flex-direction:column;min-width:0;padding:.5rem .8rem;display:flex}.sv-street small{color:var(--muted);font-size:.75rem}.sv-street strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sv-close{pointer-events:auto;border:1px solid var(--accent);background:var(--panel);width:2.75rem;height:2.75rem;color:var(--accent);border-radius:.6rem;flex:none;place-items:center;display:grid}.sv-close:focus-visible{outline-offset:2px;outline:3px solid #fff}.sv-status{background:var(--panel);text-align:center;border-radius:.8rem;max-width:min(24rem,100% - 2rem);margin:0;padding:.8rem 1.1rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sv-stick .joystick{bottom:calc(2.5rem + env(safe-area-inset-bottom,0px))}.sv-note{color:var(--muted);text-align:center;text-shadow:0 1px 3px #000c;pointer-events:none;margin:0;font-size:.72rem;position:absolute;bottom:.5rem;left:.75rem;right:.75rem}.sv-stick{display:contents}.summary-backdrop{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#080c10c7;place-items:center;padding:1rem;display:grid;position:fixed;inset:0;overflow-y:auto}.summary{background:var(--panel);border:1px solid #e8edf21f;border-radius:1.25rem;flex-direction:column;gap:1rem;width:min(26rem,100%);padding:1.4rem 1.25rem 1.25rem;animation:.35s ease-out both summary-in;display:flex;position:relative;overflow:hidden;box-shadow:0 1.5rem 3rem #00000080}.summary.celebrate{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 1.5rem 3rem #00000080}.summary .eyebrow{margin:0}.summary h2{margin:0;font-size:1.7rem;line-height:1.15}.summary-levelup{color:var(--accent);margin:-.4rem 0 0;font-weight:600}.summary-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:0;display:grid}.summary-stats>div{text-align:center;background:#0f141999;border-radius:.8rem;padding:.6rem .5rem}.summary-stats dt{color:var(--muted);font-size:.72rem}.summary-stats dd{font-variant-numeric:tabular-nums;margin:.15rem 0 0;font-size:1.1rem;font-weight:700}.summary-xp{align-items:center;gap:1rem;display:flex}.summary-xp-text{flex-direction:column;gap:.25rem;min-width:0;display:flex}.summary-gain{color:var(--accent);font-variant-numeric:tabular-nums;font-size:1.9rem}.summary-xp-text small{color:var(--muted)}.summary-streets{flex-direction:column;gap:.4rem;display:flex}.summary-streets h3{align-items:center;gap:.4rem;margin:0;font-size:.95rem;display:flex}.summary-streets ul{flex-direction:column;gap:.15rem;margin:0;padding-left:1.2rem;display:flex}.summary-close{background:var(--accent);color:#0f1419;min-height:3.25rem;font:inherit;border:none;border-radius:.9rem;font-size:1.05rem;font-weight:700}.summary-close:focus-visible{outline-offset:2px;outline:3px solid #fff}.confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti i{opacity:0;border-radius:.1rem;width:.5rem;height:.9rem;animation:2.4s ease-in both confetti-fall;position:absolute;top:-.8rem}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(26rem)rotate(540deg)}}@keyframes summary-in{0%{opacity:0;transform:translateY(1rem)scale(.97)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.summary{animation:none}.confetti{display:none}}.next-goal{background:#0f141999;border-radius:.8rem;flex-direction:column;gap:.3rem;padding:.75rem .85rem;display:flex}.next-goal .eyebrow{margin:0}.badges{grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.badge-item{background:#0f141973;border:1px dashed #e8edf240;border-radius:.8rem;align-items:center;gap:.65rem;padding:.55rem .7rem;display:flex}.badge-item.done{border:1px solid var(--accent)}.badge-mark{color:#0f1419;border:2px solid #e8edf240;border-radius:50%;flex:none;place-items:center;width:2rem;height:2rem;font-weight:800;display:grid}.badge-item.done .badge-mark{border-color:var(--accent);background:var(--accent)}.badge-text{flex-direction:column;min-width:0;display:flex}.badge-text small{line-height:1.3}.picker{border:none;flex-direction:column;gap:.5rem;margin:0;padding:0;display:flex}.picker legend{color:var(--muted);margin-bottom:.4rem;padding:0;font-size:.8rem;font-weight:600}.picker-row{flex-wrap:wrap;gap:.5rem;display:flex}.swatch{cursor:pointer;border:2px solid #e8edf24d;border-radius:50%;width:2.4rem;height:2.4rem}.swatch.on{box-shadow:0 0 0 3px var(--accent);border-color:#fff}.swatch:focus-visible,.face-btn:focus-visible{outline-offset:2px;outline:3px solid #fff}.face-btn{border:1px solid var(--line);min-height:2.75rem;color:var(--text);font:inherit;cursor:pointer;background:#0f141999;border-radius:999px;align-items:center;gap:.45rem;padding:.3rem .8rem .3rem .4rem;display:flex}.face-btn.on{border-color:var(--accent);color:var(--accent)}.sv-actions{pointer-events:auto;flex:none;gap:.5rem;display:flex}.sv-view{border:1px solid var(--accent);background:var(--panel);min-height:2.75rem;color:var(--accent);font:inherit;border-radius:.6rem;padding:.4rem .8rem;font-weight:700}.sv-view[aria-pressed=true]{background:var(--accent);color:#0f1419}.sv-view:focus-visible{outline-offset:2px;outline:3px solid #fff}.mode-switch{border:1px solid var(--line);background:#1b232cf0;border-radius:.8rem;grid-template-columns:1fr 1fr;gap:.25rem;padding:.2rem;display:grid}.mode-switch button{color:#c9d3dd;min-height:2.5rem;font:inherit;background:0 0;border:none;border-radius:.6rem;font-weight:600}.mode-switch button[aria-pressed=true]{background:var(--accent);color:#0f1419}.mode-switch button:focus-visible{outline-offset:2px;outline:3px solid #fff}.walk-safe{color:var(--muted);margin:0;font-size:.78rem;font-weight:500}.monster-hud{z-index:2;background:var(--panel);border:1px solid #9b6bd6;border-radius:.9rem;align-items:center;gap:.6rem;max-width:calc(100% - 5.5rem);padding:.45rem .8rem;display:flex;position:absolute;top:4.4rem;left:.75rem}.monster-hud.over{border-color:#ff5a6e}.monster-text{font-size:.85rem;font-weight:600}.hearts{flex:none;gap:.15rem;display:inline-flex}.heart{fill:#e8edf22e;stroke:#e8edf259;stroke-width:1px}.heart.on{fill:#ff5a6e;stroke:#fff}.summary-monster{background:#9b6bd624;border:1px solid #9b6bd680;border-radius:.8rem;flex-direction:column;gap:.4rem;padding:.75rem .85rem;display:flex}.summary-monster h3{align-items:center;gap:.5rem;margin:0;font-size:.95rem;display:flex}.summary-monster ul{margin:0;padding-left:1.2rem}.sv-landmark{border:1px solid var(--accent);background:var(--panel);border-radius:1rem;flex-direction:column;gap:.2rem;max-width:26rem;padding:.7rem .85rem;display:flex;position:absolute;bottom:2.4rem;left:8.5rem;right:.75rem}.sv-landmark .eyebrow{margin:0}.sv-landmark p{margin:.2rem 0 .3rem;font-size:.85rem;line-height:1.4}.sv-landmark-actions{gap:.5rem;display:flex}.sv-landmark-actions button{border:1px solid var(--accent);min-height:2.5rem;color:var(--accent);font:inherit;background:0 0;border-radius:.6rem;padding:.3rem .9rem;font-weight:700}.sv-landmark-actions button[aria-pressed=true]{background:var(--accent);color:#0f1419}.sv-landmark-actions button:disabled{opacity:.6}.sv-landmark-actions button:focus-visible{outline-offset:2px;outline:3px solid #fff}.sv-photo{z-index:4;background:#080c10eb;flex-direction:column;justify-content:center;align-items:center;gap:.6rem;padding:3.5rem .75rem 1rem;display:flex;position:absolute;inset:0}.sv-photo .sv-close{position:absolute;top:.75rem;right:.75rem}.sv-photo img{object-fit:contain;border-radius:.8rem;max-width:100%;max-height:calc(100% - 3rem)}.sv-photo p{color:var(--muted);text-align:center;margin:0;font-size:.8rem}@media (width<=34rem){.sv-landmark{bottom:9.5rem;left:.75rem}}.sv-next{border:1px solid var(--accent);background:var(--panel);min-height:2.75rem;color:var(--accent);font:inherit;border-radius:.6rem;padding:.4rem 1rem;font-weight:700}.sv-next:focus-visible{outline-offset:2px;outline:3px solid #fff}.summary-boss{color:var(--accent)}.mission{z-index:2;border:1px solid var(--accent);background:var(--panel);border-radius:1rem;flex-direction:column;gap:.3rem;width:min(19rem,100% - 6.5rem);padding:.7rem .85rem .8rem;display:flex;position:absolute;top:4.7rem;left:.75rem;box-shadow:0 .6rem 1.4rem #00000059}.mission-head{justify-content:space-between;align-items:center;display:flex}.mission .eyebrow{margin:0}.mission strong{font-size:1.05rem;line-height:1.2}.mission p{color:#c9d3dd;margin:0;font-size:.85rem;line-height:1.4}.mission-hide{width:2rem;height:2rem;color:var(--muted);font:inherit;background:0 0;border:1px solid #e8edf240;border-radius:.5rem;font-size:1.1rem;line-height:1}.mission-hide:focus-visible,.mission-action:focus-visible,.mission-chip:focus-visible{outline-offset:2px;outline:3px solid #fff}.mission-action{background:var(--accent);color:#0f1419;min-height:2.75rem;font:inherit;border:none;border-radius:.7rem;margin-top:.3rem;font-weight:700}.mission-chip{z-index:2;border:1px solid var(--accent);background:var(--panel);max-width:calc(100% - 6.5rem);min-height:2.5rem;color:var(--text);font:inherit;text-overflow:ellipsis;white-space:nowrap;border-radius:999px;align-items:center;gap:.5rem;padding:.3rem .8rem;font-size:.85rem;font-weight:600;display:flex;position:absolute;top:4.7rem;left:.75rem;overflow:hidden}.mission-dot{background:var(--accent);border-radius:50%;flex:none;width:.6rem;height:.6rem}.walk-btn.pulse{animation:1.8s ease-in-out infinite walk-pulse}@keyframes walk-pulse{0%,to{box-shadow:0 0 #e0b84c8c}50%{box-shadow:0 0 0 .9rem #e0b84c00}}@media (prefers-reduced-motion:reduce){.walk-btn.pulse{animation:none}}.sv-street strong{font-size:1.35rem;line-height:1.15}.sv-district{color:#f2b705;font-size:.8rem;font-weight:700;display:block}.sv-compass{z-index:3;justify-items:start;gap:.3rem;max-width:11rem;display:grid;position:absolute;bottom:6.5rem;left:.75rem}.sv-dial{background:#0f1419b3;border:2px solid #ffffffd9;border-radius:50%;width:3.6rem;height:3.6rem;position:relative}.sv-dial b{color:#ff6b5e;font-size:.7rem;position:absolute;top:1px;left:50%;transform:translate(-50%)}.sv-pointer{pointer-events:none;width:3.6rem;height:3.6rem;position:absolute;top:0;left:0}.sv-pointer:before{content:"";background:#f2b705;border-radius:50%;width:.7rem;height:.7rem;margin-left:-.35rem;position:absolute;top:14%;left:50%;box-shadow:0 0 0 2px #1e2a44}.sv-compass small{color:#fff;background:#0f1419bf;border-radius:.5rem;padding:.15rem .45rem;font-weight:600;line-height:1.25}.map-stack .map-icon{border-radius:50%;place-items:center;width:2.75rem;min-width:2.75rem;padding:0;display:grid}.map-icon svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:1.4rem;height:1.4rem}.sheet-head{justify-content:space-between;align-items:center;display:flex}.sheet h2{margin:0;font-size:1.2rem}.sheet-close{border:1px solid var(--line);min-width:2.75rem;min-height:2.75rem;color:inherit;background:0 0;border-radius:50%;font-size:1.5rem}.sheet-close:focus-visible{outline-offset:2px;outline:3px solid #fff}.mode-switch-3{grid-template-columns:repeat(3,1fr)}.title{background:radial-gradient(120% 60% at 50% 0%, #2a2f55 0%, var(--bg) 70%);justify-content:flex-start;gap:.8rem;padding-top:0;overflow-y:auto}.tricolor{background:linear-gradient(90deg,#111 0 33.3%,#f2b705 33.3% 66.6%,#d7263d 66.6% 100%);align-self:stretch;height:6px;margin:0 -1.5rem}.title-skyline{width:100%;max-width:24rem;margin-top:1.5rem}.sky-shape path,.sky-shape rect{fill:#3a4170}.sky-atomium line{stroke:#9aa4d6;stroke-width:3px}.sky-atomium circle{fill:#f2b705;stroke:#7a5a14;stroke-width:2px}.title h1{letter-spacing:.02em;text-transform:uppercase;text-shadow:3px 3px #d7263d;font-size:2.8rem;font-weight:900}.title .tagline{color:#cfd6ee;margin:0;font-size:1.05rem}.title-list{text-align:left;gap:.5rem;max-width:22rem;margin:.4rem 0;padding:0;list-style:none;display:grid}.title-list li{color:#e8edf2;background:#ffffff0f;border-left:4px solid #f2b705;border-radius:.3rem .6rem .6rem .3rem;padding:.55rem .8rem;line-height:1.3}.title-list b{color:#f2b705;text-transform:uppercase;letter-spacing:.04em;margin-right:.35rem;font-size:.85rem}.title-cta{color:#111;background:#f2b705;border-radius:.8rem;padding:1rem 2rem;font-size:1.15rem;animation:2s ease-in-out infinite title-breathe;box-shadow:0 4px #8a6a00}.title-cta:active{transform:translateY(3px);box-shadow:0 1px #8a6a00}.title-cta:focus-visible{outline-offset:3px;outline:3px solid #fff}.title-note{color:#aeb7d6;max-width:20rem;margin:0;font-size:.8rem}.title-skyline{animation:1.4s ease-out both title-reveal}@keyframes title-reveal{0%{clip-path:inset(0 100% 0 0);opacity:.4}to{clip-path:inset(0);opacity:1}}@keyframes title-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@media (prefers-reduced-motion:reduce){.title-skyline,.title-cta{animation:none}}h1,h2,.eyebrow,.walk-btn,.title-cta,.mission-action{font-family:var(--font-display);letter-spacing:.01em;font-weight:400}.screen h1,.screen h2,.summary h2,.safety h1{font-weight:400}button,input{font-family:inherit}.wafel-chip{color:#6b4a10;background:#f4e0b0}.wafel-count{color:#6b4a10;background:#f4e0b0;border-radius:1rem;align-items:center;gap:.25rem;margin-left:.5rem;padding:.1rem .5rem;font-size:.85rem;font-weight:700;display:inline-flex}.costume-hint{margin:0 0 .6rem;font-size:.85rem}.costume-grid{grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr));gap:.5rem;display:grid}.costume{border:1px solid var(--line);color:inherit;font:inherit;text-align:center;background:#ffffff0d;border-radius:.8rem;justify-items:center;gap:.15rem;padding:.7rem .3rem .5rem;display:grid}.costume svg{margin-top:.5rem}.costume strong{font-size:.85rem}.costume small{color:#f2cf6e}.costume.on{border:2px solid #f2b705}.costume:disabled{color:#aeb7d6;border-style:dashed}.costume:focus-visible{outline-offset:2px;outline:3px solid #fff}.sv-landmark-photo{object-fit:cover;border-radius:.6rem;width:100%;height:7rem}.peek{z-index:4;border:1px solid var(--accent);background:var(--panel);border-radius:.9rem;gap:.7rem;width:min(26rem,100% - 1.5rem);padding:.6rem;display:flex;position:absolute;top:4.2rem;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #00000080}.peek img{object-fit:cover;border-radius:.6rem;flex:none;width:5.5rem;height:5.5rem}.peek-text{gap:.1rem;min-width:0;padding-right:1.6rem;display:grid}.peek-text strong{font-family:var(--font-display);font-size:1.1rem;font-weight:400;line-height:1.15}.peek-text p{margin:.2rem 0 0;font-size:.82rem;line-height:1.3}.peek-close{min-width:2.2rem;min-height:2.2rem;color:inherit;background:0 0;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:.3rem;right:.3rem}.peek-close:focus-visible{outline-offset:1px;outline:3px solid #fff}.sv-jump{z-index:2;right:1.2rem;bottom:calc(3.2rem + env(safe-area-inset-bottom,0px));color:#f2b705;width:5rem;height:5rem;font-family:var(--font-display);touch-action:none;-webkit-user-select:none;user-select:none;background:#1b2038d9;border:3px solid #f2b705;border-radius:50%;font-size:1rem;position:absolute}.sv-jump:active{color:#111;background:#f2b705}.sv-jump:focus-visible{outline-offset:3px;outline:3px solid #fff}.dock-idle{gap:.55rem;padding:.7rem .8rem .8rem;bottom:.9rem}.dock-idle .mode-switch{background:#ffffff0f;border:0}.dock-idle .walk-hint{color:#c9d3dd;text-align:left;margin:0;font-size:.78rem;font-weight:500}.dock-idle .walk-btn{min-height:3.4rem}.dock-stats{text-align:center;color:#aeb7d6;margin:0;font-size:.78rem}.demo-hud{z-index:3;color:inherit;font:inherit;text-align:center;background:#111426f0;border:1px solid #39ff88;border-radius:1rem;gap:.05rem;padding:.4rem .9rem;display:grid;position:absolute;top:.75rem;left:50%;transform:translate(-50%)}.demo-hud strong{color:#39ff88;font-family:var(--font-display);font-weight:400}.demo-hud small{color:#aeb7d6;font-size:.72rem}.bottom-nav a{letter-spacing:.02em;flex-direction:column;align-items:center;gap:.1rem;padding:.55rem .25rem .5rem;font-size:.68rem;font-weight:700}.bottom-nav a svg{flex:none}.pill{top:.6rem}@media (width<=640px){.dock-idle{border-radius:1.2rem;left:.6rem;right:.6rem}.mission-chip{top:4.2rem}}.map-stack .map-demo{color:#39ff88;border-color:#39ff88}.map-stack .map-demo.on{color:#111;background:#39ff88}.map-stack .map-demo:disabled{opacity:.4}.sheet-backdrop{z-index:30;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#05071299;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{width:min(30rem,100%);max-height:88dvh;padding:.6rem 1rem calc(1.1rem + env(safe-area-inset-bottom));background:linear-gradient(180deg, #232a52 0%, var(--panel) 40%);border:1px solid #ffffff1a;border-bottom:0;border-radius:1.5rem 1.5rem 0 0;gap:.7rem;display:grid;position:relative;overflow-y:auto;box-shadow:0 -12px 40px #00000080}@media (width>=641px){.sheet-backdrop{align-items:center}.sheet{border-bottom:1px solid #ffffff1a;border-radius:1.5rem;padding-bottom:1.1rem}}.sheet-handle{background:#ffffff40;border-radius:1rem;justify-self:center;width:2.6rem;height:.28rem}.sheet-head h2{font-size:1.4rem}.set-group{background:#ffffff0d;border:1px solid #ffffff12;border-radius:1rem;justify-content:space-between;align-items:center;gap:.8rem;padding:.8rem .9rem;display:flex}.set-text{gap:.1rem;min-width:0;display:grid}.set-text strong{font-size:1rem}.set-text small{color:#aeb7d6;font-size:.78rem;line-height:1.25}.seg{background:#0000004d;border-radius:.8rem;flex:none;gap:.2rem;padding:.2rem;display:inline-flex}.seg button{color:#c9d3dd;min-width:3.1rem;min-height:2.4rem;font:inherit;background:0 0;border:0;border-radius:.6rem;padding:0 .7rem;font-weight:700}.seg button[aria-pressed=true]{background:var(--accent);color:#1b1405}.seg button:focus-visible{outline-offset:2px;outline:3px solid #fff}.set-testers{background:#ff8a4c0f;border:1px dashed #ff8a4c;border-radius:1rem;gap:.5rem;padding:.8rem .9rem .9rem;display:grid}.set-tag{color:#1b1405;letter-spacing:.04em;text-transform:uppercase;background:#ff8a4c;border-radius:1rem;justify-self:start;padding:.1rem .6rem;font-size:.72rem;font-weight:800}.set-testers button{color:inherit;font:inherit;text-align:left;background:#00000040;border:1px solid #ff8a4c80;border-radius:.8rem;gap:.1rem;padding:.65rem .8rem;display:grid}.set-testers button strong{color:#ffb48a}.set-testers button small{color:#aeb7d6;font-size:.78rem}.set-testers button:focus-visible{outline-offset:2px;outline:3px solid #fff}@media (width<=380px){.set-group{flex-direction:column;align-items:stretch}.seg{justify-content:stretch}.seg button{flex:1}}:root{--muted:#a8b2d1;--surface-2:#2b3260;--gold-soft:#3a3114;--line:#ffffff1a}body{background:radial-gradient(130% 45% at 50% 0, #262d5a 0, var(--bg) 70%) fixed, var(--bg)}.screen h1{font-family:var(--font-display);letter-spacing:.01em;justify-items:start;gap:.35rem;font-size:2rem;font-weight:400;display:grid}.screen h1:after{content:"";background:linear-gradient(90deg,#111 0 33%,#f2b705 33% 66%,#d7263d 66%);border-radius:4px;width:3.4rem;height:4px}.screen h2{font-family:var(--font-display);letter-spacing:.01em;font-size:1.15rem;font-weight:400}.card{background:linear-gradient(180deg, #232a52 0%, var(--panel) 55%);border:1px solid #ffffff17;border-radius:1.3rem;box-shadow:0 4px #0000004d,0 14px 28px #00000038}.rank-row{background:linear-gradient(180deg, #232a52, var(--panel));border:1px solid #ffffff12;box-shadow:0 3px #00000047}.quest{box-shadow:0 3px #00000047}.badge-item.done{background:linear-gradient(#f2b7052e,#f2b7050f)}.primary-btn,.secondary-btn,.mission-action{border-bottom:4px solid #0000004d;transition:transform 80ms,border-bottom-width 80ms}.primary-btn{background:linear-gradient(180deg, #ffd24a, var(--accent));font-family:var(--font-display);letter-spacing:.02em;font-weight:400}.secondary-btn{background:var(--surface-2);color:var(--text);border:1px solid #ffffff1f;border-bottom:4px solid #0000004d}.primary-btn:active,.secondary-btn:active,.mission-action:active,.walk-btn:active{border-bottom-width:1px;transform:translateY(3px)}.walk-btn{font-family:var(--font-display);letter-spacing:.03em;border-bottom:5px solid #8a6a00;font-weight:400}.walk-btn:active{box-shadow:none}.progress,.meter{background:#11152b;border:1px solid #ffffff1a;height:.8rem;box-shadow:inset 0 2px 4px #00000080}.progress-fill,.meter-fill{background:linear-gradient(180deg, #ffe27a, var(--accent) 60%, #c99a14);position:relative;overflow:hidden;box-shadow:0 0 10px #f2b7058c}.progress-fill:after,.meter-fill:after{content:"";background:linear-gradient(100deg,#0000 30%,#ffffff73 50%,#0000 70%);animation:3.2s ease-in-out infinite shine;position:absolute;inset:0;transform:translate(-100%)}@keyframes shine{0%,60%{transform:translate(-100%)}to{transform:translate(100%)}}.ring-fill{stroke:#ffd24a;filter:drop-shadow(0 0 4px #f2b705b3)}.ring-track{stroke:#11152b}.ring-text{font-family:var(--font-display)}.level-title{font-family:var(--font-display);letter-spacing:.02em;font-weight:400}.player-name{font-family:var(--font-display);font-weight:400}.chip{background:var(--surface-2);border:1px solid #ffffff14}.chip.gold{border-color:#f2b70566}.screen>*{animation:.45s ease-out both rise}.screen>:nth-child(2){animation-delay:50ms}.screen>:nth-child(3){animation-delay:.1s}.screen>:nth-child(4){animation-delay:.15s}.screen>:nth-child(5){animation-delay:.2s}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.screen>*,.progress-fill:after,.meter-fill:after{animation:none}.primary-btn,.secondary-btn,.mission-action{transition:none}}.rank-row.me{background:linear-gradient(#f2b70547,#f2b7051a)}.rank-row.me .rank-name small{color:#f2d98a}.summary-lines{flex-direction:column;gap:.2rem;margin:0;display:flex}.summary-lines div{justify-content:space-between;gap:.5rem;font-size:.88rem;display:flex}.summary-lines dt{color:var(--muted);align-items:center;gap:.3rem;display:flex}.summary-lines dd{font-variant-numeric:tabular-nums;margin:0;font-weight:700}.summary-revenge{color:var(--danger)}.hill-zone-note{margin:0;font-size:.85rem}.ruler-row{align-items:center;gap:.6rem;padding:.55rem 0;display:flex}.ruler-row .crown{color:var(--accent);flex:none}.ruler-row.mine strong{color:var(--gold-text)}.owner-chip{align-items:center;gap:.4rem;display:inline-flex}.owner-dot{border:1px solid #fff9;border-radius:50%;flex:none;width:.75rem;height:.75rem}.push-row{align-items:flex-start}.push-hint{margin-top:.15rem;line-height:1.4;display:block}.push-row input{width:1.25rem;height:1.25rem;accent-color:var(--accent);margin-top:.25rem}.title{isolation:isolate;position:relative}.title-backdrop{z-index:-1;background:#111426;position:fixed;inset:0}.title-backdrop:after{content:"";background:linear-gradient(#0a0c1e40 0%,#0a0c1e73 35%,#0a0c1ee0 100%);position:absolute;inset:0}.title-video{object-fit:cover;width:100%;height:100%;display:block}.title-gap{height:5.5rem}.title-list li{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#111426b8}.title h1,.title .tagline{text-shadow:0 2px 12px #000000b3}.title h1{text-shadow:3px 3px #d7263d,0 2px 14px #0009}.sv-teleport{z-index:6;background:#111426f5;border:1px solid #f2b705;border-radius:1rem;grid-template-rows:auto 1fr;width:min(19rem,100% - 1.5rem);max-height:60%;display:grid;position:absolute;top:4.2rem;right:.75rem;overflow:hidden;box-shadow:0 10px 30px #0009}.sv-teleport-head{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:.5rem .5rem .5rem .9rem;display:flex}.sv-teleport-head strong{font-family:var(--font-display);font-weight:400}.sv-teleport ul{margin:0;padding:.3rem;list-style:none;overflow-y:auto}.sv-teleport li button{width:100%;color:inherit;font:inherit;text-align:left;background:0 0;border:0;border-radius:.6rem;gap:.05rem;padding:.55rem .7rem;display:grid}.sv-teleport li button:hover,.sv-teleport li button:focus-visible{background:#f2b7052e;outline:none}.sv-teleport li button small{color:#aeb7d6}.set-colors{flex-direction:column;align-items:stretch}.theme-row{grid-template-columns:1fr;gap:.4rem;display:grid}.theme-btn{color:inherit;font:inherit;background:#00000040;border:1px solid #ffffff1f;border-radius:.8rem;justify-items:center;gap:.3rem;padding:.5rem .2rem;font-size:.72rem;font-weight:700;display:grid}.theme-btn.on{background:#f2b7051f;border:2px solid #f2b705}.theme-btn:focus-visible{outline-offset:2px;outline:3px solid #fff}.theme-dots{display:flex}.theme-dots i{border:1.5px solid #111426;border-radius:50%;width:.9rem;height:.9rem;margin-left:-.25rem}.theme-dots i:first-child{margin-left:0}.swatch-block{gap:.3rem;display:grid}.swatch-block small{color:#aeb7d6;font-size:.78rem}.swatch-row{flex-wrap:wrap;gap:.45rem;display:flex}.set-colors .swatch{border:2px solid #ffffff4d;border-radius:50%;width:2.1rem;height:2.1rem}.set-colors .swatch.on{border:3px solid #fff;box-shadow:0 0 0 2px #f2b705}.set-colors .swatch:focus-visible{outline-offset:2px;outline:3px solid #fff}.seg-btn{color:inherit;font:inherit;background:#ffffff14;border:1px solid #fff3;border-radius:.8rem;flex:none;padding:.55rem 1rem;font-weight:700}.seg-btn:focus-visible{outline-offset:2px;outline:3px solid #fff}.bw{z-index:60;color:#f4efe6;-webkit-user-select:none;user-select:none;background:#1a2026;position:fixed;inset:0;overflow:hidden}.bw-view{cursor:crosshair;touch-action:none;position:absolute;inset:0}.bw-top{padding:.6rem;padding-top:calc(.6rem + env(safe-area-inset-top));pointer-events:none;flex-wrap:wrap;gap:.5rem;display:flex;position:absolute;top:0;left:0;right:0}.bw-card{pointer-events:auto;background:#0e1115db;border:1px solid #ffffff24;border-radius:.8rem;gap:.1rem;max-width:22rem;padding:.5rem .75rem;display:grid}.bw-card small{color:#e0b84c;letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:700}.bw-card strong{font-size:.95rem;line-height:1.2}.bw-sub{color:#b9bfc7;font-size:.75rem;line-height:1.3;display:none}@media (width>=641px){.bw-sub{display:block}}.bw-compass{grid-auto-flow:column;align-items:center;gap:.6rem}.bw-compass b{min-width:1.6rem;font-size:1rem}.bw-compass span{color:#b9bfc7;font-variant-numeric:tabular-nums;font-size:.8rem}.bw-compass button{color:#f3dc9a;font:inherit;background:#e0b84c26;border:1px solid #e0b84c80;border-radius:.6rem;padding:.35rem .6rem;font-size:.78rem;font-weight:700}.bw-actions{right:.6rem;top:calc(.6rem + env(safe-area-inset-top));flex-wrap:wrap;justify-content:flex-end;gap:.4rem;max-width:60%;display:flex;position:absolute}.bw-actions button{color:inherit;font:inherit;background:#0e1115db;border:1px solid #ffffff29;border-radius:.7rem;padding:.5rem .75rem;font-size:.8rem;font-weight:700}.bw-actions button[aria-pressed=true]{background:#e0b84c33;border-color:#e0b84c}.bw-actions .bw-close{font-size:1.2rem;line-height:1}.bw button:focus-visible,.bw input:focus-visible{outline-offset:2px;outline:3px solid #fff}.bw-menu{right:.6rem;top:calc(4.2rem + env(safe-area-inset-top));z-index:2;background:#0e1115f2;border:1px solid #ffffff29;border-radius:1rem;gap:.5rem;width:min(22rem,100% - 1.2rem);max-height:70dvh;padding:.8rem;display:grid;position:absolute;overflow-y:auto}.bw-menu>button,.bw-modes button{text-align:left;color:inherit;font:inherit;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:.7rem;gap:.1rem;padding:.55rem .7rem;display:grid}.bw-menu>button small{color:#aeb4bc;font-size:.75rem}.bw-menu button.on{background:#e0b84c29;border-color:#e0b84c}.bw-modes{grid-template-columns:1fr 1fr;gap:.4rem;display:grid}.bw-row,.bw-slider{gap:.3rem;font-size:.8rem;display:grid}.bw-row{background:#ffffff0d;border-radius:.7rem;grid-template-columns:1fr auto;align-items:center;padding:.5rem .6rem}.bw-slider input{accent-color:#e0b84c;width:100%}.bw-hint{text-align:center;pointer-events:none;background:#0e1115db;border-radius:.7rem;max-width:calc(100% - 2rem);margin:0;padding:.5rem .9rem;font-size:.78rem;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}@media (width<=640px){.bw-hint{display:none}}.bw-joy,.bw-jump{display:none}@media (hover:none) and (pointer:coarse),(width<=640px){.bw-joy{left:1.2rem;bottom:calc(1.2rem + env(safe-area-inset-bottom));touch-action:none;background:#0e1115b3;border:2px solid #ffffff4d;border-radius:50%;place-items:center;width:7rem;height:7rem;display:grid;position:absolute}.bw-joy span{background:#e0b84ceb;border-radius:50%;width:2.8rem;height:2.8rem}.bw-jump{right:1.2rem;bottom:calc(2rem + env(safe-area-inset-bottom));color:#1a1408;width:4rem;height:4rem;font:inherit;background:#e09628e6;border:2px solid #f3dc9a;border-radius:50%;place-items:center;font-size:.78rem;font-weight:800;display:grid;position:absolute}}