:root{--bg:#05070f;--panel:#0c1020;--line:#1d2540;--text:#e6e9f5;--muted:#7f88a8;--tez:#2c7df7;--gold:#ffd34d;--danger:#ff4d6d;--ok:#3ddc84;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0}#app{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:24px;padding:24px 16px;display:flex}.stage{flex-direction:column;align-items:center;gap:8px;display:flex}canvas{border:2px solid var(--line);background:#000;outline:none;max-width:100%;height:auto}canvas:focus{border-color:var(--tez)}.controls{color:var(--muted);margin:0;font-size:12px}.panel{background:var(--panel);border:2px solid var(--line);flex-direction:column;gap:16px;width:340px;max-width:100%;padding:16px;font-size:13px;display:flex}.panel h1{color:var(--tez);letter-spacing:1px;align-items:center;gap:10px;margin:0;font-family:"Press Start 2P",ui-monospace,monospace;font-size:14px;display:flex}.panel h1 .logo{width:18px;height:24px}.panel h2{text-transform:uppercase;letter-spacing:2px;color:var(--muted);margin:0 0 8px;font-size:11px}.panel .row>h2{margin:0}.panel .seg{border:1px solid var(--line);border-radius:3px;display:inline-flex;overflow:hidden}.panel .seg button{color:var(--muted);letter-spacing:1px;text-transform:uppercase;background:0 0;border:0;border-radius:0;padding:4px 10px;font-size:11px}.panel .seg button+button{border-left:1px solid var(--line)}.panel .seg button.on{background:var(--tez);color:#fff}.panel section{border-top:1px solid var(--line);padding-top:12px}.panel button{font:inherit;background:var(--tez);color:#fff;cursor:pointer;border:0;border-radius:3px;padding:8px 12px}.panel button.secondary{border:1px solid var(--line);color:var(--text);background:0 0}.panel button:disabled{opacity:.4;cursor:default}.panel .row{justify-content:space-between;align-items:center;gap:8px;margin:4px 0;display:flex}.panel .addr{color:var(--gold)}.panel .big{color:var(--ok);font-size:20px}.panel table{border-collapse:collapse;width:100%}.panel td{border-bottom:1px dotted var(--line);padding:3px 0}.panel td:last-child{text-align:right;color:var(--gold)}.panel tr.me td{color:var(--ok)}.panel .status{color:var(--muted);word-break:break-all;min-height:1.4em}.panel .status.error{color:var(--danger)}.panel .muted{color:var(--muted)}.panel .submit{background:var(--gold);color:#000;font-weight:700}.panel .danger{color:var(--danger)}.panel input[type=number]{font:inherit;background:var(--bg);width:4em;color:var(--text);border:1px solid var(--line);border-radius:3px;padding:4px 6px}.panel .badges{justify-content:space-between;gap:6px;margin-bottom:8px;display:flex}.panel .badge{text-align:center;color:var(--muted);opacity:.3;filter:grayscale();margin:0;font-size:10px}.panel .badge.owned{opacity:1;filter:none;color:var(--gold)}.panel .badge img{border:1px solid var(--line);width:48px;height:48px;image-rendering:pixelated;border-radius:4px;margin:0 auto 4px;display:block}.panel .badge.owned img{border-color:var(--gold)}