:root{--bg:#0d0c11;--surface:#121119;--surface-2:#16141f;--line:#3f3566;--accent:#5fb8ad;--accent-ink:#0d0c11;--accent-soft:#5fb8ad0f;--ok:#5fb8ad;--bad:#e3654f;--warn:#e3b25c;--trap:#e3654f;--fg:#ece5d8;--dim:#877e9e;--font:"Fira Code", "PingFang TC", "Noto Sans TC", monospace;--c-grid:#7868be47;--c-piece:#5fb8ad;--c-piece-glyph:#0d0c11;--c-junk-fill:#e3654f29;--c-junk-line:#e3654fcc;--c-ghost:#5fb8ad66;--c-font:"Fira Code";--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;color:var(--fg);font-family:var(--font);-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0}body{background:var(--bg);overflow:hidden}body:before{content:"";pointer-events:none;z-index:60;opacity:.08;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:fixed;inset:0}#app{max-width:1080px;height:100dvh;padding:12px 16px calc(12px + env(safe-area-inset-bottom));grid-template-rows:auto auto minmax(0,1fr) auto;gap:12px;margin:0 auto;display:grid}.ticker{white-space:nowrap;letter-spacing:6px;color:var(--bad);border-bottom:2px solid var(--line);grid-row:1;padding-bottom:6px;font-size:13px;font-weight:600;overflow:hidden}.ticker.bottom{border-bottom:0;border-top:2px solid var(--line);grid-row:4;padding:6px 0 0}.ticker-track{animation:40s linear infinite ticker;display:inline-block}.ticker.bottom .ticker-track{animation-direction:reverse}@keyframes ticker{to{transform:translate(-50%)}}.hud{grid-row:2;align-items:center;gap:14px;display:flex}.brand{letter-spacing:1px;color:var(--bad);white-space:nowrap;font-size:17px;font-weight:700}.stats{align-items:center;gap:18px;margin-left:auto;display:flex}.stat .lbl{color:var(--dim);letter-spacing:1px;font-size:11px;display:block}.stat b{color:var(--accent);font-size:16px;font-weight:500}.pause-btn{padding:8px 12px;font-size:15px}main{grid-row:3;grid-template-columns:minmax(240px,400px) minmax(0,1fr);gap:16px;min-height:0;display:grid}.well{border:2px solid var(--line);background:var(--surface);min-height:0;position:relative}.well canvas{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.well.danger{animation:1s infinite danger}@keyframes danger{50%{border-color:var(--bad);box-shadow:inset 0 0 50px #e3654f59}}.shake{animation:.35s shake}@keyframes shake{20%{translate:-6px 2px}40%{translate:5px -3px}60%{translate:-4px 1px}80%{translate:3px}}.tag{z-index:1;background:var(--line);color:var(--fg);letter-spacing:2px;clip-path:polygon(0 0,100% 0,calc(100% - 12px) 100%,0 100%);padding:4px 22px 4px 10px;font-size:11px;font-weight:600;position:absolute;top:-2px;left:-2px}.console{flex-direction:column;gap:12px;min-height:0;display:flex}.tx{border:2px solid var(--line);background:var(--surface);padding:30px 12px 10px;position:relative}.tx-head{color:var(--bad);letter-spacing:1px;font-size:12px}#tx-label{color:var(--bad)}.blink{color:var(--bad);animation:1s steps(2,end) infinite blink}@keyframes blink{50%{opacity:0}}.tx-row{align-items:center;gap:12px;margin-top:8px;display:flex}.wave{flex:1;align-items:center;gap:3px;height:40px;display:flex}.wave i{background:var(--bad);flex:1;height:2px;transition:height 80ms}.tx-meta{color:var(--dim);min-height:1em;margin-top:6px;font-size:12px}.btn{color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent);cursor:pointer;letter-spacing:1px;touch-action:manipulation;padding:10px 14px;font-family:inherit;font-size:16px}.btn:hover{background:#5fb8ad2e}.btn:active{transform:translateY(1px)}.btn.primary{color:var(--accent-ink);background:var(--accent);padding:14px 22px;font-size:20px}.btn.danger{color:var(--bad);border-color:var(--bad);background:0 0}kbd{opacity:.7;border:1px solid;margin-left:4px;padding:0 4px;font-family:inherit;font-size:11px}.opts{grid-template-columns:1fr 1fr;gap:10px;display:grid}.opt{text-align:left;color:var(--fg);border:2px solid var(--line);background:var(--surface-2);align-items:center;gap:10px;min-height:64px;padding:14px;font-size:24px;display:flex}.opt .k{background:var(--line);color:var(--fg);flex:none;padding:1px 6px;font-size:12px}.opt .v{overflow-wrap:anywhere;color:var(--bad);font-weight:700}.opt.wrong{border-color:var(--bad);opacity:.45;pointer-events:none;text-decoration:line-through}.entry{border:1px solid var(--accent);background:var(--accent-soft);white-space:nowrap;align-items:center;gap:8px;min-height:58px;padding:8px 14px;font-size:30px;display:flex;overflow:hidden}.entry .pr{color:var(--dim)}.entry.bad{border-color:var(--bad);animation:.35s shake}.caret{color:var(--accent);animation:1s steps(2,end) infinite blink}.hint{color:var(--warn);margin:6px 0 10px;font-size:13px}.pad{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.pad button{height:50px;padding:0;font-size:22px}.pad .enter{color:var(--accent-ink);background:var(--ok);border-color:var(--ok)}.reveal{border:2px solid var(--ok);background:#5fb8ad0f;padding:14px 16px}.reveal.miss{border-color:var(--bad);background:#e3654f12}.reveal .status{color:var(--ok);letter-spacing:1px}.reveal.miss .status{color:var(--bad)}.reveal .status span{color:var(--dim)}.reveal .said{margin:10px 0;font-size:19px;line-height:1.4}.reveal .ans{color:var(--ok);font-size:36px;font-weight:700}.reveal.miss .ans{color:var(--warn)}.reveal .trap{color:var(--trap);margin-top:8px}.reveal .next{margin-top:12px}.log{border-top:1px dashed var(--line);min-height:0;color:var(--dim);flex:1;padding-top:8px;font-size:13px;overflow:auto}.log .row{border-bottom:1px solid #3f356680;padding:5px 0;line-height:1.4}.log .ok{color:var(--ok)}.log .no{color:var(--bad)}.log b{color:var(--fg);font-weight:400}.hidden{display:none!important}.overlay{z-index:40;background:#0d0c11eb;justify-content:center;align-items:flex-start;padding:16px;display:flex;position:fixed;inset:0;overflow:auto}.card{border:2px solid var(--line);background:var(--bg);width:100%;max-width:680px;margin:auto;padding:24px;position:relative}.title{letter-spacing:1px;color:var(--bad);font-size:36px;font-weight:700;line-height:1.1}.sub{color:var(--accent);margin:10px 0 4px}.how{padding-left:20px;font-size:15px;line-height:1.6}.row-lbl{letter-spacing:1px;color:var(--bad);margin:20px 0 8px;font-size:12px;font-weight:600}.seg,.chips{flex-wrap:wrap;gap:8px;display:flex}.seg .btn:not(.on),.chips .btn:not(.on){opacity:.5;border-color:var(--line);color:var(--dim);background:0 0}.seg .btn.on,.chips .btn.on{color:var(--fg);background:#5fb8ad29}.chips .btn,.seg .btn{padding:8px 10px;font-size:15px}.voices{font-size:14px;line-height:1.5}.voices .warn{color:var(--warn)}.actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:18px;display:flex}.best{color:var(--dim)}.keys{color:var(--dim);margin-top:14px;font-size:12px}.dim{color:var(--dim)}.kpis{grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:10px;margin:18px 0 0;display:grid}.kpis div{border:1px solid var(--line);background:var(--surface);padding:8px 10px}.kpis span{color:var(--dim);font-size:11px;display:block}.kpis b{color:var(--ok);font-size:20px;font-weight:700}pre.report{font-family:var(--font);margin:0;font-size:14px;line-height:1.6;overflow-x:auto}.rv-list{border-top:1px solid var(--line);margin:10px 0 0;padding:0;list-style:none}.rv{border-bottom:1px solid var(--line);align-items:flex-start;gap:12px;padding:10px 0;display:flex}.rv-play{flex:none;width:40px;height:40px;padding:0;font-size:14px}.rv-said{font-size:16px;line-height:1.4}.rv-meta{margin-top:4px;font-size:13px}.rv-ans{color:var(--ok);font-size:16px;font-weight:700}.rv.miss .rv-ans,.rv.retry .rv-ans{color:var(--warn)}.rv-mark{width:1.2em;display:inline-block}.rv.ok .rv-mark{color:var(--ok)}.rv.retry .rv-mark{color:var(--warn)}.rv.miss .rv-mark{color:var(--bad)}.rv-pick{color:var(--trap);margin-top:3px;font-size:13px}.rv-empty{padding:14px 0}@media (width<=760px){#app{padding:8px 12px calc(8px + env(safe-area-inset-bottom));gap:8px}.hud{gap:8px}.brand{font-size:13px}.stats{gap:10px}.stat b{font-size:13px}.stat-lv{display:none}.pause-btn{padding:6px 8px}.pause-btn .txt{display:none}main{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr;gap:8px}.log,.tx-meta{display:none}.tx{padding:26px 10px 6px}.tx-row{margin-top:4px}.wave{height:24px}.opts{gap:8px}.opt{min-height:52px;padding:8px 10px;font-size:20px}.entry{min-height:46px;padding:4px 10px;font-size:24px}.hint{margin:4px 0 6px;font-size:12px}.pad{gap:6px}.pad button{height:42px;font-size:20px}.reveal{padding:10px 12px}.reveal .said{margin:6px 0;font-size:16px}.reveal .ans{font-size:28px}.title{font-size:26px}.card{padding:18px}}