:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0c0c10;--fg:#e8e8ee;--dim:#8a8a99;--line:#334;--on:#2b5fd9;--ok:#1e9e4a;--bad:#b3352e}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);margin:0}body{font:16px/1.35 system-ui,sans-serif}.app{max-width:560px;margin:0 auto;padding:0 10px 40px}.mono{font-family:ui-monospace,Consolas,monospace}.small{font-size:12px}.hidden-tick{display:none}.banner{color:#ffe;background:#6a1b1b;margin:0 -10px 8px;padding:6px 8px;font-size:12px;font-weight:700}.statusbar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;padding:4px 0;display:flex}.dot{background:#666;border-radius:50%;width:10px;height:10px;display:inline-block}.dot.open{background:#1e9e4a}.dot.connecting,.dot.logging-in{background:#c88a1a}.dot.closed,.dot.error{background:#b3352e}.mini{color:var(--fg);border:1px solid var(--line);background:#22222c;padding:2px 6px;font-size:11px}.wallet{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:10px;padding:6px 0;font-size:14px;display:flex}.notices{padding:4px 0}.notice{border-left:4px solid var(--ok);background:#1d2b1d;margin:2px 0;padding:4px 6px;font-size:13px}.idle{color:var(--dim);padding:30px 0;font-size:20px}.qhead{padding:8px 0 0}.meta{color:var(--dim)}.timer{font-variant-numeric:tabular-nums;font-size:40px;font-weight:800}.timer.hot{color:#ff6a4d}.bar{background:#22222c;height:8px}.fill{background:var(--on);height:100%}.prompt{margin:10px 0;font-size:24px;line-height:1.2}.hint{color:var(--dim);margin:6px 0;font-size:13px}.hold{background:#2a2a12;padding:10px;font-size:20px;font-weight:700}.sent{color:var(--dim);word-break:break-all;padding:4px 0}.grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.col{flex-direction:column;gap:8px;display:flex}button.big{color:var(--fg);border:2px solid var(--line);text-align:left;background:#1b1b24;width:100%;min-height:52px;padding:14px 10px;font-size:17px}button.big.on{background:var(--on);border-color:#7aa2ff}button.big.held{background:#7a5a12;border-color:#d9a52b}button.big.dim{opacity:.35}button.big:disabled{opacity:.6}button.submit{background:var(--ok);text-align:center;border-color:#4fe08a;margin-top:12px;font-weight:800}button.submit:disabled{background:#2a2a34}.rank{color:#ffd36a;min-width:24px;font-weight:800;display:inline-block}.pairto{color:#9fd0ff}.cardrow{border:1px solid var(--line);padding:6px}.cardtext{margin-bottom:4px;font-size:16px}.binrow{gap:6px;display:flex}.bin{color:var(--fg);border:2px solid var(--line);background:#1b1b24;flex:1;padding:10px 4px;font-size:14px}.bin.on{background:var(--on);border-color:#7aa2ff}.numbig{text-align:center;font-variant-numeric:tabular-nums;font-size:42px;font-weight:800}.unit{color:var(--dim);font-size:18px}.slider{width:100%;height:36px}.keypad{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px;display:grid}.key{color:var(--fg);border:2px solid var(--line);background:#1b1b24;padding:14px;font-size:20px}.textin{width:100%;color:var(--fg);border:2px solid var(--line);background:#1b1b24;padding:14px;font-size:20px}.pinbox{aspect-ratio:4/3;border:2px solid var(--line);background:repeating-linear-gradient(45deg,#1b1b24 0 12px,#23232e 12px 24px);width:100%;position:relative}.imgkey{color:var(--dim);font-family:ui-monospace,monospace;font-size:11px;position:absolute;top:6px;left:6px}.pindot{background:#ff4d4d;border:2px solid #fff;border-radius:50%;width:18px;height:18px;margin:-9px 0 0 -9px;position:absolute}.matchgrid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.clues{margin:8px 0}.clue{background:#1b1b24;border-left:4px solid #d9a52b;margin:4px 0;padding:6px 8px}.clue.hidden{opacity:.25;border-left-color:var(--line)}.reveal{border:3px solid var(--line);margin-top:14px;padding:10px}.reveal.right{border-color:var(--ok);background:#13210f}.reveal.wrong{border-color:var(--bad);background:#210f0f}.reveal h2{margin:0 0 6px;font-size:30px}.correct{word-break:break-all;font-size:14px}.scores{flex-wrap:wrap;gap:10px;padding:6px 0;font-size:14px;display:flex}.awards{flex-wrap:wrap;gap:6px;display:flex}.award{background:#3a2f0c;border:1px solid #d9a52b;padding:2px 6px;font-size:13px}.hist{margin-top:8px}.histrow{align-items:center;gap:6px;font-size:13px;display:flex}.hlabel{text-overflow:ellipsis;white-space:nowrap;width:110px;overflow:hidden}.hbar{background:#4a7ad9;height:12px;display:inline-block}.hn{color:var(--dim)}.wheelbox{border:2px dashed #d9a52b;margin-top:12px;padding:8px}.logpane{border-top:2px solid var(--line);margin-top:16px}.loghead{color:var(--dim);padding:6px 0;font-size:12px}.logrow{border-bottom:1px solid #1c1c26;font-family:ui-monospace,monospace;font-size:12px}.logrow.in summary{color:#8fd0ff}.logrow.out summary{color:#ffd36a}.logrow.sys summary{color:#ff9a9a}.logrow summary{cursor:pointer;padding:3px 0}.logrow pre{background:#14141c;max-height:220px;margin:0 0 6px;padding:6px;overflow-x:auto}.votebox{border:2px dashed #2b5fd9;margin:8px;padding:8px}.votebox .histrow{gap:8px;margin:4px 0}.votebox .histrow .big{text-align:left;flex:none;min-width:180px}.clue.hidden{opacity:.25}