:root{--field:#0c1a14;--field-mid:#13261c;--field-edge:#1a3326;--ink:#f2f6f1;--muted:#9bb0a3;--line:#f0c75e47;--accent:#f0c75e;--accent-ink:#1a1404;--win:#3ecf8e;--win-fill:#1f6b4a;--loss:#f07167;--loss-fill:#6b2b2b;--card-bg:#0f1f17;--bar:#0a1410;--danger:#e85d55;--shadow:0 18px 50px #00000073;--display:"Bebas Neue", "Arial Narrow", Impact, sans-serif;--sans:"DM Sans", "Segoe UI", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--sans);color:var(--ink);background:radial-gradient(1200px 600px at 50% -10%, #3ecf8e1f, transparent 55%), radial-gradient(900px 500px at 100% 100%, #f0c75e14, transparent 50%), linear-gradient(165deg, var(--field) 0%, var(--field-mid) 45%, #0a120e 100%);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background-attachment:fixed;font-size:16px;line-height:1.4}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0}body,#app{min-height:100svh}.shell{max-width:1100px;min-height:100svh;padding:0 0 env(safe-area-inset-bottom);grid-template-rows:auto 1fr auto;margin:0 auto;display:grid}.scoreboard{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#0f1f17eb,#0f1f178c);grid-template-columns:1fr auto auto;align-items:end;gap:1rem 1.5rem;padding:1.1rem 1.25rem .9rem;display:grid}.brand{font-family:var(--display);letter-spacing:.04em;white-space:nowrap;color:var(--accent);text-shadow:0 0 40px #f0c75e40;margin:0;font-size:clamp(2.8rem,6vw,4.2rem);line-height:.9}.byline{color:var(--muted);letter-spacing:.04em;opacity:.85;margin:.3rem 0 0;font-size:.72rem;font-weight:500}.tagline{color:var(--muted);max-width:22rem;margin:.35rem 0 0;font-size:.92rem;font-weight:500}.live-stats{align-items:end;gap:1.25rem;display:flex}.stat{flex-direction:column;gap:.15rem;min-width:4.5rem;display:flex}.stat-label{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:.68rem;font-weight:600}.stat-value{font-family:var(--display);letter-spacing:.03em;color:var(--ink);font-size:clamp(1.8rem,4vw,2.4rem);line-height:1}.record-stat .stat-value{color:var(--accent)}.scoreboard-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.mode-btn{color:var(--accent);flex-direction:column;align-items:flex-start;gap:.2rem;padding:.5rem .85rem;display:inline-flex}.mode-btn-label{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:.6rem}.stage{flex-direction:column;min-height:0;padding:.75rem .75rem 0;display:flex;position:relative}.play-area{flex:1;gap:.75rem;min-height:0;display:flex}.map-frame{background:linear-gradient(#1a33268c,#0c1a14d9),repeating-linear-gradient(-12deg,#0000,#0000 11px,#ffffff04 11px 12px);border:1px solid #9bb0a338;border-radius:12px;flex:1;min-width:0;min-height:280px;overflow:hidden;box-shadow:inset 0 0 60px #00000040}.map-frame svg{width:100%;height:100%;display:block}.state{fill:#0000;stroke:#6a8574;stroke-width:.85px;stroke-linejoin:round;cursor:pointer;transition:fill .16s,stroke .16s,filter .16s}.state:hover:not(.correct):not(.wrong){fill:#f0c75e1f;stroke:var(--accent)}.state.selected{fill:#f0c75e38;stroke:var(--accent);stroke-width:1.4px;filter:drop-shadow(0 0 4px #f0c75e73)}.state.correct{fill:var(--win-fill);stroke:var(--win);cursor:default}.state.wrong{fill:var(--loss-fill);stroke:var(--loss);cursor:default}.state.flash{animation:.55s miss-flash}@keyframes miss-flash{0%,to{filter:none}35%{filter:drop-shadow(0 0 10px #f07167e6)}}.state-label{font-family:var(--sans);paint-order:stroke;stroke:#0a1410;stroke-width:2.4px;pointer-events:none;font-size:9px;font-weight:600}.label-correct{fill:#e8fff3}.label-wrong{fill:#ffe8e6}.hint{text-align:center;color:var(--muted);margin:.55rem 0 .35rem;font-size:.88rem;font-weight:500}.credit{text-align:center;color:#9bb0a399;margin:0 0 .45rem;font-size:.72rem}.answer-bar{z-index:20;padding:.75rem .9rem calc(.75rem + env(safe-area-inset-bottom));background:linear-gradient(180deg, #0a1410b8, var(--bar));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);gap:.55rem;display:flex;position:sticky;bottom:0}.answer-bar input{min-width:0;color:var(--ink);font:600 1.05rem/1.2 var(--sans);background:#13261ce6;border:1px solid #9bb0a359;border-radius:10px;outline:none;flex:1;padding:.85rem 1rem;transition:border-color .15s,box-shadow .15s}.answer-bar input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #f0c75e2e}.answer-bar input:disabled{opacity:.55}.answer-bar input::placeholder{color:#9bb0a3bf;font-weight:500}.shell:not([data-mode=classic]):not([data-mode=abbr]) .answer-bar{display:none}.prompt-bar{z-index:20;padding:.8rem 1.1rem calc(.8rem + env(safe-area-inset-bottom));background:linear-gradient(180deg, #0a1410b8, var(--bar));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);align-items:baseline;gap:.75rem;display:none;position:sticky;bottom:0}.shell[data-mode=find] .prompt-bar{display:flex}.prompt-label{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:.72rem;font-weight:700}.prompt-name{min-width:0;font-family:var(--display);letter-spacing:.04em;color:var(--accent);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:clamp(1.9rem,6vw,2.6rem);font-weight:400;line-height:1;overflow:hidden}.prompt-left{color:var(--muted);font-size:.9rem;font-weight:600}.name-panel{background:#0a1410b8;border:1px solid #9bb0a338;border-radius:12px;flex:0 0 15.5rem;display:none;position:relative}.shell[data-mode=easy] .name-panel{display:block}.name-panel-head{border-bottom:1px solid #9bb0a32e;justify-content:space-between;align-items:center;gap:.5rem;padding:.6rem .75rem;display:flex}.name-panel-title{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.78rem;font-weight:700}.sheet-open .name-panel-title{color:var(--accent)}#name-cancel{display:none}.name-list{overscroll-behavior:contain;grid-template-columns:1fr;align-content:start;gap:.2rem;padding:.45rem;display:grid;position:absolute;inset:2.6rem 0 0;overflow-y:auto}.name-btn{appearance:none;color:var(--ink);font:600 .86rem/1.15 var(--sans);text-align:left;cursor:pointer;background:#13261ce6;border:1px solid #0000;border-radius:8px;padding:.42rem .6rem}.name-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.name-btn:disabled{cursor:default;opacity:.6}.name-btn.used{opacity:.4;text-decoration:line-through;-webkit-text-decoration-color:var(--win);text-decoration-color:var(--win);background:0 0;text-decoration-thickness:2px}.btn.small{padding:.45rem .7rem;font-size:.8rem}.btn{appearance:none;font:700 .92rem/1 var(--sans);letter-spacing:.02em;cursor:pointer;border:1px solid #0000;border-radius:10px;padding:.85rem 1rem;transition:background .15s,border-color .15s,transform .12s,opacity .15s}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--accent);color:var(--accent-ink)}.btn.primary:hover:not(:disabled){filter:brightness(1.06)}.btn.ghost{color:var(--ink);background:0 0;border-color:#9bb0a359}.btn.ghost:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.btn.danger{color:#ffb4ae;background:0 0;border-color:#e85d5573}.btn.danger:hover:not(:disabled){background:#e85d551f}.btn.accent{background:var(--win);color:#062216}.result-overlay{z-index:40;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#040a07b8;place-items:center;padding:1rem;display:grid;position:fixed;inset:0;overflow:auto}.result-overlay.hidden{display:none}.result-card{background:radial-gradient(600px 240px at 20% 0%, #f0c75e24, transparent 55%), linear-gradient(165deg, #142820, var(--card-bg));border:1px solid var(--line);width:min(520px,100%);box-shadow:var(--shadow);border-radius:18px;padding:1.35rem 1.25rem 1.2rem;animation:.32s card-in}@keyframes card-in{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:none}}.result-brand{font-family:var(--display);letter-spacing:.06em;color:var(--accent);margin:0;font-size:1.6rem}.result-byline{color:var(--muted);letter-spacing:.04em;margin:0;font-size:.72rem;font-weight:500}.result-record{font-family:var(--display);letter-spacing:.03em;color:var(--ink);margin:.15rem 0 0;font-size:clamp(3.8rem,14vw,5.5rem);line-height:.95}.result-time{color:var(--muted);margin:.35rem 0 0;font-weight:600}.result-sub{color:var(--accent);margin:.2rem 0 .9rem;font-size:.9rem;font-weight:600}.result-mode{color:var(--ink);letter-spacing:.08em;margin-left:.4rem;font-size:1.15rem}.result-map{aspect-ratio:975/610;background:#08100ca6;border:1px solid #9bb0a333;border-radius:12px;overflow:hidden}.result-map svg{width:100%;height:100%;display:block}.result-actions{grid-template-columns:1fr 1fr;gap:.55rem;margin-top:1rem;display:grid}.mode-overlay{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#040a07c7;place-items:center;padding:1rem;display:grid;position:fixed;inset:0;overflow:auto}.mode-overlay.hidden{display:none}.mode-card{background:radial-gradient(600px 240px at 20% 0%, #f0c75e24, transparent 55%), linear-gradient(165deg, #142820, var(--card-bg));border:1px solid var(--line);width:min(520px,100%);box-shadow:var(--shadow);border-radius:18px;padding:1.35rem 1.25rem 1.1rem;animation:.32s card-in;position:relative}.mode-close{appearance:none;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:.25rem .5rem;font-size:1.6rem;line-height:1;position:absolute;top:.7rem;right:.8rem}.mode-close[hidden]{display:none}.mode-close:hover{color:var(--accent)}.mode-title{font-family:var(--display);letter-spacing:.04em;margin:.1rem 0 .9rem;font-size:2.4rem;font-weight:400;line-height:1}.mode-list{gap:.55rem;display:grid}.mode-option{appearance:none;text-align:left;color:var(--ink);cursor:pointer;font-family:var(--sans);background:#13261cd9;border:1px solid #9bb0a34d;border-radius:12px;grid-template-columns:1fr auto;gap:.2rem .75rem;padding:.8rem .95rem;transition:border-color .15s,background .15s;display:grid}.mode-option:hover,.mode-option:focus-visible{border-color:var(--accent);outline:none}.mode-option.current{background:#f0c75e14;border-color:#f0c75e99}.mode-option-name{font-family:var(--display);letter-spacing:.04em;color:var(--accent);font-size:1.55rem;line-height:1}.mode-option-best{color:var(--muted);white-space:nowrap;grid-area:1/2/span 2;align-self:center;font-size:.8rem;font-weight:700}.mode-option-blurb{color:var(--muted);grid-column:1;font-size:.88rem}.mode-note{color:var(--muted);text-align:center;margin:.85rem 0 0;font-size:.8rem}.copy-status{text-align:center;min-height:1.2em;color:var(--muted);margin:.65rem 0 0;font-size:.85rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=760px){.scoreboard{grid-template-columns:1fr;align-items:start;gap:.75rem}.live-stats{justify-content:space-between;width:100%}.scoreboard-actions{justify-content:stretch;width:100%}.scoreboard-actions .btn{flex:1}.brand{font-size:3.2rem}.stage{padding-bottom:0}.map-frame{min-height:42svh}.state-label{font-size:8px}.shell[data-mode=easy] .name-panel{z-index:30;background:#0a1410f7;border-bottom:0;border-radius:16px 16px 0 0;height:44svh;transition:transform .2s;position:fixed;bottom:0;left:0;right:0;transform:translateY(105%);box-shadow:0 -12px 40px #00000080}.shell[data-mode=easy].sheet-open .name-panel{transform:none}.shell[data-mode=easy] .map-frame{aspect-ratio:975/650;flex:none;width:100%;min-height:0}.shell[data-mode=easy].sheet-open{padding-bottom:44svh}#name-cancel{display:inline-block}.name-list{padding:.5rem .6rem calc(.6rem + env(safe-area-inset-bottom));grid-template-columns:1fr 1fr;inset:3rem 0 0}.name-btn{padding:.6rem}}@media (prefers-reduced-motion:reduce){.state,.btn,.result-card{transition:none;animation:none}}