*{box-sizing:border-box}html,body{background:var(--page, #d6d0c4);margin:0;overflow:hidden;overscroll-behavior:none;font-family:var(--font, system-ui, sans-serif);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}body{height:100dvh;display:flex;flex-direction:column;position:relative}#stage{position:relative;flex:1;min-height:0;background:var(--page, #d6d0c4);overflow:hidden}#view{position:absolute;top:0;right:0;bottom:0;left:0}#view canvas{display:block;touch-action:none}canvas.map{position:absolute;top:0;right:0;bottom:0;left:0}#hud{position:absolute;top:calc(env(safe-area-inset-top) + 10px);left:50%;transform:translate(-50%);width:min(100% - 20px,460px);display:flex;align-items:center;gap:8px;pointer-events:none}.pill{height:40px;padding:0 14px;display:flex;align-items:center;gap:8px;border:var(--hud-line);border-radius:var(--hud-radius);background:var(--hud-bg);color:var(--hud-fg);font:inherit;font-size:13px;box-shadow:var(--hud-shadow)}.lbl{opacity:.66;font-size:12px;letter-spacing:.08em}.score b{font-size:22px;font-variant-numeric:tabular-nums;min-width:1.2em}.score b.bump{animation:bump .25s ease-out}@keyframes bump{40%{transform:scale(1.28);color:#35d97c}}.anger{flex:1;min-width:0}.bar{flex:1;height:10px;border-radius:min(5px,var(--hud-radius));background:var(--bar-bg);overflow:hidden}.bar i{display:block;height:100%;width:100%;border-radius:min(5px,var(--hud-radius));background:#35d97c;transition:width .2s linear,background-color .3s}#face{width:24px;height:24px;flex:none}#face circle{fill:#35d97c;transition:fill .4s}#face .eye{fill:#1f2227}#face path{fill:none;stroke:#1f2227;stroke-width:1.8;stroke-linecap:round;transition:opacity .3s}#face[data-lvl=meh] circle:first-child{fill:#ffc533}#face[data-lvl=bad] circle:first-child{fill:#ff4b4b}.bar i[data-lvl=meh]{background:#ffc533}.bar i[data-lvl=bad]{background:#ff4b4b}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:var(--veil)}.overlay[hidden]{display:none}.card{width:min(100%,320px);padding:28px 24px 24px;border:var(--card-line);border-radius:var(--card-radius);background:var(--card-bg);color:var(--card-fg);box-shadow:var(--card-shadow);text-align:center}h1{margin:0 0 10px;font-size:40px;line-height:1.12;letter-spacing:.02em;font-weight:800}.sub{margin:0 0 18px;font-size:15px;color:var(--card-sub)}ul{margin:0 0 22px;padding:0;list-style:none;text-align:left;font-size:14.5px;line-height:1.5;color:var(--card-fg)}li{padding:9px 0 9px 26px;position:relative;border-top:1px solid var(--rule)}li:before{content:"";position:absolute;left:4px;top:15px;width:10px;height:10px;border-radius:50%}li:nth-child(1):before{background:#35d97c}li:nth-child(2):before{background:#ffc533}li:nth-child(3):before{background:#ff4b4b}.cta{width:100%;height:54px;border:var(--cta-line);border-radius:min(27px,calc(var(--card-radius) + 4px));background:var(--cta-bg);color:var(--cta-fg);box-shadow:var(--cta-shadow);font:inherit;font-size:18px;font-weight:700;letter-spacing:.06em;cursor:pointer;touch-action:manipulation}.cta:active{transform:scale(.97)}.eyebrow{margin:0 0 6px;font-size:14px;font-weight:700;color:#e5484d;letter-spacing:.04em}.big{margin:0 0 8px;display:flex;flex-direction:column;align-items:center}.big b{font-size:76px;line-height:1;font-weight:800;font-variant-numeric:tabular-nums}.big span{margin-top:6px;font-size:15px;color:var(--card-sub)}.detail{margin:0 0 22px;font-size:13px;line-height:1.7;color:var(--card-sub)}@keyframes blink{50%{opacity:.25}}@keyframes press{50%{transform:translateY(4px)}}@keyframes shake{25%{transform:translate(-1.5px) rotate(-3deg)}75%{transform:translate(1.5px) rotate(3deg)}}#view.with-deck{display:flex;flex-direction:column}.mapbox{position:relative;flex:1;min-height:0;overflow:hidden}.deck{flex:none;height:clamp(170px,32%,300px);display:grid;gap:10px;padding:12px 12px calc(env(safe-area-inset-bottom) + 14px);background:#1a1c2c;border-top:4px solid #fff1e8}.key{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;border:3px solid #fff1e8;background:#3a3a48;color:#fff1e8;font:inherit;box-shadow:0 6px #000;overflow:hidden;cursor:pointer;touch-action:manipulation}.key .arrow{font-size:30px;line-height:1;color:#3be36b}.key[data-state="1"] .arrow{color:#ffd23f}.key[data-state="2"] .arrow{color:#ff3b3b;font-size:18px}.key .cnt{min-width:1ch;font-style:normal;font-weight:800;font-size:20px}.key .gauge{position:absolute;left:0;right:0;bottom:0;height:8px;background:#1a1c2c}.key .gauge i{display:block;height:100%;background:#ffd23f}.key[data-level=warn]{border-color:#ffd23f}.key[data-level=hot]{border-color:#ff3b3b;background:#7e2553;animation:blink .4s steps(2) infinite}.key[data-level=hot] .gauge i{background:#ff3b3b}.key.hit{animation:press .15s}.wall{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-rows:repeat(3,1fr);gap:4px;padding:calc(env(safe-area-inset-top) + 58px) 4px calc(env(safe-area-inset-bottom) + 4px);background:#000}@media (orientation: landscape){.wall{grid-template-rows:none;grid-template-columns:repeat(3,1fr)}}.cam{position:relative;overflow:hidden;border:1px solid rgba(92,255,176,.5);cursor:pointer}.cam canvas{position:absolute;top:0;right:0;bottom:0;left:0}.cam:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.22) 0 1px,transparent 1px 3px)}.osd{position:absolute;z-index:1;top:6px;left:8px;right:8px;display:flex;justify-content:space-between;font-size:11px;font-weight:700;color:#5cffb0;text-shadow:0 0 5px #000,0 0 2px #000;pointer-events:none}.osd.b{top:auto;bottom:6px}.rec{color:#ff4d4d;animation:blink 1s steps(2) infinite}.alarm{position:absolute;z-index:1;top:24px;left:0;right:0;display:none;text-align:center;font-size:15px;font-weight:800;letter-spacing:.3em;color:#ff4d4d;text-shadow:0 0 8px #000;pointer-events:none}.cam[data-level=warn]{border-color:#ffd23f}.cam[data-level=hot]{border-color:#ff4d4d;box-shadow:inset 0 0 0 3px #ff4d4d}.cam[data-level=hot] .alarm{display:block;animation:blink .5s steps(2) infinite}.board{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:1fr;gap:12px;padding:calc(env(safe-area-inset-top) + 64px) 12px calc(env(safe-area-inset-bottom) + 16px);background:var(--page)}@media (orientation: landscape){.board{grid-template-columns:1fr 1fr}}.xcard{display:flex;flex-direction:column;gap:6px;min-height:0;padding:10px 12px 12px;border:3px solid #2b303b;border-radius:18px;background:#fffdf6;box-shadow:0 5px #2b303b;color:#2b303b;font:inherit;text-align:left;cursor:pointer;touch-action:manipulation}.xcard header{display:flex;justify-content:space-between;align-items:baseline;font-size:15px}.xcard .cd{font-size:12px;color:#6b7280}.xcard .q{position:relative;flex:1;display:flex;align-items:center;gap:8px;min-height:34px;padding:4px 8px;border:2px solid #2b303b;border-radius:12px;background:#ffe3e3;overflow:hidden}.xcard .q[data-light=g]{background:#d3f9d8}.xcard .q[data-light=y]{background:#fff3bf}.xcard .dir{width:1.1em;font-size:20px;font-weight:800;text-align:center}.xcard .toks{flex:1;display:flex;align-items:center;gap:4px;min-width:0}.xcard .toks em{font-style:normal;font-weight:800;font-size:13px}.xcard .bar{position:absolute;left:0;bottom:0;height:4px;background:#2ed573}.xcard[data-level=warn]{border-color:#f08c00;box-shadow:0 5px #f08c00}.xcard[data-level=hot]{border-color:#e03131;box-shadow:0 5px #e03131;background:#fff0f0}.xcard.hit{animation:press .15s}.tok{position:relative;flex:none;width:26px;height:20px;border:2px solid #2b303b;border-radius:7px;background:#4dabf7}.tok:before,.tok:after{content:"";position:absolute;top:5px;width:4px;height:4px;border-radius:50%;background:#2b303b}.tok:before{left:4px}.tok:after{right:4px}.tok.k1{width:17px;height:17px;border-radius:50%;background:#ff922b}.tok.k1:before,.tok.k1:after{top:4px;width:3px;height:3px}.tok.k1:before{left:2px}.tok.k1:after{right:2px}.tok.k2{background:#ffd43b}.tok.k3{width:44px;background:#20c997}.tok.warn{box-shadow:0 0 0 2px #f08c00}.tok.mad{background:#ff4757;animation:shake .25s linear infinite}.tok.mad:before,.tok.mad:after{height:2px;border-radius:0;top:7px}.tok.go{opacity:.5}.sd-word{font-family:Fredoka,sans-serif;font-weight:600;letter-spacing:.08em}.brand-mark{width:24px;height:24px}.band{flex:none;display:flex;align-items:center;gap:10px;padding:calc(env(safe-area-inset-top) + 8px) 14px 8px;background:var(--card-bg);color:var(--card-fg);border-bottom:var(--card-line)}.band .badge{display:flex}.band .zh{font-size:15px;font-weight:800;line-height:1.2}.band .en{font-size:10px;color:#2570a6}.band-link{margin-left:auto;color:var(--card-fg);font-size:14px;text-decoration:none}.ghost{display:block;margin-top:10px;padding:10px;border:2px solid var(--card-fg);border-radius:min(12px,var(--card-radius));background:transparent;color:var(--card-fg);font-size:13.5px;font-weight:700;text-decoration:none}.brand-line{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:14px;padding-top:12px;border-top:1px solid var(--rule);color:#2570a6;font-size:12px}.brand-line .brand-mark{width:18px;height:18px}.overlay.end{position:fixed;z-index:50;display:flex;flex-direction:column;gap:12px;padding:calc(env(safe-area-inset-top) + 10px) 16px calc(env(safe-area-inset-bottom) + 14px);background:var(--end-bg, #E4D5B7)}.overlay.end[hidden]{display:none}.end-pick{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;flex:none}.end-pick button{flex:none;padding:6px 10px;border:1.5px solid rgba(42,37,34,.5);border-radius:14px;background:#fffdf6d9;color:#2a2522;font:inherit;font-size:12px;cursor:pointer}.end-pick button[aria-pressed=true]{background:#2a2522;color:#f3e9d2;border-color:#2a2522}.end-card{flex:1;min-height:0;display:grid;place-items:center}.end-card img{display:block;max-width:100%;max-height:100%;-webkit-touch-callout:default}.end-actions{flex:none;width:100%;max-width:480px;margin:0 auto}.end-actions .cta{box-shadow:3px 4px #00000059}.end-row{display:flex;gap:10px}.end-row .ghost{flex:1;margin-top:10px;background:#fffdf6;color:#2a2522;border-color:#2a2522;font:inherit;font-size:15px;font-weight:700;text-align:center;cursor:pointer}.end-row .ghost[hidden]{display:none}.overlay.hist{z-index:60;background:#f4efe4;overflow:hidden;align-items:stretch}.hist-head{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px}.hist-head b{font-size:20px}.hist-head small{display:block;font-size:12px;color:#6b5b4b}.hist-head .ghost{flex:none;margin:0;padding:8px 14px;background:#fffdf6;color:#2a2522;border:2px solid #2a2522;font:inherit;font-size:14px;font-weight:700;cursor:pointer}.hist-grid{flex:1;min-height:0;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;align-content:start;padding:4px 2px 20px}.hist-grid[hidden]{display:none}.hist-item{display:flex;flex-direction:column;gap:6px;padding:0;border:0;background:none;color:#2a2522;font:inherit;font-size:12.5px;font-weight:700;text-align:left;cursor:pointer}.hist-item img{display:block;width:100%;aspect-ratio:4 / 5;border:2px solid #2a2522;border-radius:6px;background:#e4d5b7;object-fit:cover}.hist-empty{margin:40px 0;text-align:center;color:#6b5b4b}.hist-view{flex:1;min-height:0;display:flex;flex-direction:column;gap:12px}.hist-view[hidden]{display:none}#start .ghost[data-hist]{width:100%;font:inherit;font-size:13.5px;font-weight:700;cursor:pointer}