:root{--bg:#0a0a0f;--line:#ff4757;--text:#c8c8d4;--dim:#55555f;--card:#13131c}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}canvas{position:fixed;inset:0}#hud{pointer-events:none}#ui{justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#ui:empty{display:none}.screen{background:var(--card);border:1px solid #23232e;border-radius:12px;width:92%;max-width:880px;max-height:88vh;padding:28px;overflow-y:auto}h1{color:var(--line);letter-spacing:.08em;margin:0 0 4px}.tagline{color:var(--dim);margin-bottom:20px}.grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;display:grid}.card{cursor:pointer;background:#0e0e16;border:1px solid #23232e;border-radius:8px;padding:10px;transition:border-color .15s}.card:hover{border-color:var(--line)}.card canvas{width:100%;height:54px;position:static}.card .nm{margin-top:6px;font-size:13px;font-weight:700}.card .dd{color:var(--line);font-size:12px}.card .meta{color:var(--dim);font-size:11px}.card.locked{opacity:.35;cursor:not-allowed}.bigloss{color:var(--line);margin:8px 0;font-size:42px;font-weight:700}button{background:var(--line);color:#0a0a0f;font:inherit;cursor:pointer;border:0;border-radius:6px;margin-right:8px;padding:10px 18px;font-weight:700}button.ghost{color:var(--text);background:0 0;border:1px solid #2a2a36}input[type=text]{color:var(--text);font:inherit;background:#0e0e16;border:1px solid #2a2a36;border-radius:6px;width:160px;padding:9px 12px}table.lb{border-collapse:collapse;width:100%;margin-top:10px;font-size:13px}table.lb td,table.lb th{text-align:left;border-bottom:1px solid #1c1c26;padding:6px 8px}table.lb td.loss{color:var(--line);font-weight:700}.footer{color:var(--dim);margin-top:18px;font-size:11px}