@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}