@font-face{font-family:DM Mono;src:url(/fonts/dm-mono-400.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:DM Mono;src:url(/fonts/dm-mono-500.woff2) format("woff2");font-weight:500 700;font-display:swap}@font-face{font-family:Space Grotesk;src:url(/fonts/space-grotesk-latin.woff2) format("woff2");font-weight:300 700;font-display:swap}:root,[data-theme=dark]{--bg: #1e1f29;--panel: #282a36;--panel2: #303241;--line: #44475a;--fg: #f8f8f2;--muted: #9aa0c3;--green: #50fa7b;--red: #ff5555;--yellow: #f1fa8c;--cyan: #8be9fd;--pink: #ff79c6;--purple: #bd93f9;--orange: #ffb86c;--bnb: #f0b90b;--accent: var(--green);color-scheme:dark}[data-theme=light]{--bg: #f4f3ec;--panel: #fffbeb;--panel2: #efeddc;--line: #cfcfde;--fg: #1f1f1f;--muted: #635d97;--green: #14710a;--red: #cb3a2a;--yellow: #846e15;--cyan: #036a96;--pink: #a3144d;--purple: #644ac9;--orange: #a34d14;--bnb: #b7860b;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;height:100%}body{display:flex;flex-direction:column;min-height:100dvh;height:100dvh;overflow:hidden;background:var(--bg);color:var(--fg);font:14px/1.45 DM Mono,ui-monospace,monospace;-webkit-tap-highlight-color:transparent}a{color:var(--cyan)}h1,h2,h3{font-family:Space Grotesk,sans-serif;margin:0;letter-spacing:-.01em}button{font:inherit;color:inherit}.bar{flex:none;display:flex;align-items:center;gap:10px;height:52px;padding:0 12px;padding-top:env(safe-area-inset-top);border-bottom:1px solid var(--line);background:var(--panel)}.brand{display:flex;align-items:center;gap:6px;color:var(--fg);text-decoration:none;font-weight:500;padding:6px 8px;border:1px solid var(--line)}.brand:hover{border-color:var(--accent);color:var(--accent)}.title{font-size:17px;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--accent)}.actions{display:flex;gap:6px;align-items:center}.ico{display:inline-flex}.btn,.icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:6px 12px;border:1px solid var(--line);background:var(--panel2);cursor:pointer;text-decoration:none;color:var(--fg);user-select:none;touch-action:manipulation}.icon-btn{width:36px;padding:0;font-size:20px}.btn:hover:not(:disabled),.icon-btn:hover{border-color:var(--accent)}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--accent);color:#111;border-color:var(--accent);font-weight:500}.btn.block{width:100%;margin-top:10px}.btn.wallet.on{border-color:var(--bnb);color:var(--bnb)}.btn.wallet.warn{border-color:var(--orange);color:var(--orange)}.btn.danger{border-color:var(--red);color:var(--red)}.btn:focus-visible,.icon-btn:focus-visible,.brand:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(max-width:520px){.btn.wallet .label{display:none}.btn.wallet{width:36px;padding:0}.bar{gap:6px;padding:0 8px}.actions{gap:4px}.brand span:last-child{display:none}}@media(max-width:340px){.actions .icon-btn[aria-label*=theme]{display:none}}.stage{position:relative;flex:1;min-height:0;overflow:hidden}.row{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.row>*{flex:1}.input{min-height:36px;padding:6px 10px;border:1px solid var(--line);background:var(--bg);color:var(--fg);font:inherit;min-width:0}.badge{display:inline-block;margin-left:6px;padding:0 6px;font-size:11px;border:1px solid var(--line);color:var(--muted);vertical-align:middle}.badge.good{border-color:var(--green);color:var(--green)}.badge.bad{border-color:var(--red);color:var(--red)}.fine{color:var(--muted);font-size:12px}.lead{margin-top:0}.backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:12px;background:#0000008c;animation:fade .15s}.dialog{width:min(440px,100%);max-height:calc(100dvh - 24px);overflow:auto;background:var(--panel);border:1px solid var(--line);padding:16px;animation:pop .18s}.dialog.wide{width:min(640px,100%)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.dialog-head h2{font-size:20px}.howto ul{padding-left:18px;margin:8px 0}.howto li{margin:4px 0}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{transform:translateY(8px) scale(.98);opacity:0}}.kv{display:grid;grid-template-columns:auto 1fr;gap:4px 16px;margin:12px 0}.kv dt{color:var(--muted)}.kv dd{margin:0;text-align:right}.big-score{display:flex;flex-direction:column;align-items:center;padding:12px;border:1px solid var(--line);background:var(--bg)}.big-score small{color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.big-score strong{font-size:36px;color:var(--accent);font-family:Space Grotesk,sans-serif}table.board{width:100%;border-collapse:collapse}.board th,.board td{padding:5px 6px;border-bottom:1px solid var(--line);text-align:left}.board th{color:var(--muted);font-weight:400}.board .num{text-align:right}.board tr.me td{color:var(--accent)}.board tr.npc td{color:var(--muted)}.toasts{position:fixed;left:50%;top:calc(62px + env(safe-area-inset-top));transform:translate(-50%);z-index:60;display:flex;flex-direction:column;gap:6px;pointer-events:none;align-items:center}.toast{padding:8px 14px;background:var(--panel);border:1px solid var(--line);transition:opacity .3s,transform .3s;white-space:nowrap}.toast.good{border-color:var(--green)}.toast.bad{border-color:var(--red)}.toast.out{opacity:0;transform:translateY(6px)}.canvas-wrap{position:absolute;inset:0;display:grid;place-items:center}.canvas-frame{position:relative}.canvas-wrap canvas{display:block;touch-action:none;user-select:none;-webkit-user-select:none}.overlay-hint{position:absolute;left:0;right:0;bottom:18px;text-align:center;color:var(--muted);pointer-events:none}.hud{position:absolute;top:10px;left:10px;right:10px;display:flex;justify-content:space-between;gap:8px;pointer-events:none;z-index:2}.hud .chip{padding:4px 10px;background:color-mix(in srgb,var(--panel) 85%,transparent);border:1px solid var(--line)}.hud .chip b{color:var(--accent);font-weight:500}.ticker{height:100%;display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 8px calc(10px + env(safe-area-inset-bottom));max-width:520px;margin:0 auto}.tabs{display:flex;gap:6px;width:100%;align-items:center}.tab{padding:6px 12px;border:1px solid var(--line);background:var(--panel2);cursor:pointer}.tab.on{border-color:var(--accent);color:var(--accent)}.streak{margin-left:auto;color:var(--orange)}.grid-wrap{flex:1;min-height:0;display:grid;place-items:center;width:100%}.grid{display:grid;grid-template-rows:repeat(6,1fr);gap:6px;height:min(100%,390px);aspect-ratio:5 / 6}.grow{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.tile{display:grid;place-items:center;border:2px solid var(--line);font:600 clamp(18px,5vh,30px)/1 "Space Grotesk",sans-serif;text-transform:uppercase;aspect-ratio:1}.tile.filled{border-color:var(--muted);animation:pop .1s}.tile.correct{background:var(--green);border-color:var(--green);color:#111}.tile.present{background:var(--yellow);border-color:var(--yellow);color:#111}.tile.absent{background:var(--line);border-color:var(--line);color:var(--fg)}.tile.reveal{animation:flip .5s both}@keyframes flip{0%{transform:rotateX(0)}50%{transform:rotateX(90deg)}to{transform:rotateX(0)}}.tile.reveal.correct,.tile.reveal.present,.tile.reveal.absent{animation:flipcolor .5s both}@keyframes flipcolor{0%{transform:rotateX(0);background:transparent;border-color:var(--muted);color:var(--fg)}49%{background:transparent;border-color:var(--muted);color:var(--fg)}50%{transform:rotateX(90deg)}to{transform:rotateX(0)}}.grow.shake{animation:shake .4s}@keyframes shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.hint{min-height:36px;text-align:center;font-size:13px;max-width:100%}.hint strong{color:var(--accent)}.muted{color:var(--muted)}.status{min-height:0;display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:center;color:var(--muted)}.status:empty{display:none}.keyboard{width:100%;display:flex;flex-direction:column;gap:6px}.krow{display:flex;gap:5px;justify-content:center}.key{flex:1;max-width:44px;height:clamp(42px,7vh,56px);border:1px solid var(--line);background:var(--panel2);cursor:pointer;font-weight:500;padding:0;touch-action:manipulation}.key.wide{max-width:68px;flex:1.5;font-size:11px}.key.correct{background:var(--green);color:#111;border-color:var(--green)}.key.present{background:var(--yellow);color:#111;border-color:var(--yellow)}.key.absent{background:var(--bg);color:var(--muted)}