:root{--bg:#12131c;--panel:#1d1f2e;--surface:#2a2c45;--text:#f1f1f5;--muted:#9a9cb0;--accent:#f0a73c;--accent-ink:#1b1405;--cost:#2f7fd9;--danger:#ff6b6b}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}#game{touch-action:none;position:fixed;inset:0}[hidden]{display:none!important}.screen{background:radial-gradient(circle at 50% 30%, #2a2c45, var(--bg) 70%);justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.screen-scroll{background:var(--bg);padding:0 16px 32px;display:block;overflow-y:auto}.panel{text-align:center;flex-direction:column;align-items:stretch;gap:14px;width:min(360px,100%);display:flex}h1{letter-spacing:1px;margin:0;font-size:44px}h2{margin:0;font-size:22px}.subtitle,.greeting{color:var(--muted);margin:0 0 12px}.greeting strong{color:var(--text)}#status{min-height:1.4em;color:var(--muted);margin:0}button{background:var(--accent);color:var(--accent-ink);font:inherit;cursor:pointer;border:0;border-radius:12px;padding:14px 18px;font-size:17px;font-weight:700}button.secondary{color:var(--text);background:#34365a}button:disabled{opacity:.5;cursor:default}button.link{color:var(--accent);background:0 0;padding:4px;font-size:14px;font-weight:600;text-decoration:underline}button:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:2px}#name-form{text-align:left;flex-direction:column;gap:10px;display:flex}#name-form label{font-weight:600}#name-input{background:var(--panel);color:var(--text);font:inherit;border:2px solid #3a3c55;border-radius:12px;padding:14px;font-size:18px}#name-input[aria-invalid=true]{border-color:var(--danger)}.hint{color:var(--muted);margin:0;font-size:13px}.hint.error{color:var(--danger)}.catalog-header{z-index:1;background:var(--bg);grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:14px 0 12px;display:grid;position:sticky;top:0}.catalog-header .back{justify-self:start}.tabs{grid-column:1/-1;justify-content:center;gap:8px;display:flex}.tab{color:var(--text);background:#34365a;padding:8px 18px;font-size:15px}.tab[aria-selected=true]{background:var(--accent);color:var(--accent-ink)}.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;max-width:900px;margin:0 auto;display:grid}.card{aspect-ratio:132/186;background:var(--card-color);text-align:center;border:3px solid #1a1b26;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:44px 10px 10px;display:flex;position:relative}.card-name{font-size:17px;font-weight:700}.card-text{color:#e8e8f0;font-size:13px;line-height:1.35}.card-text.vanilla{color:#ffffff8c;font-style:italic}.badge{border:2px solid #111;border-radius:50%;place-items:center;width:32px;height:32px;font-size:16px;font-weight:800;display:grid;position:absolute;top:6px}.badge.cost{background:var(--cost);left:6px}.badge.power{background:var(--accent);right:6px}.catalog-list{flex-direction:column;gap:10px;max-width:600px;margin:0 auto;display:flex}.location{background:var(--surface);border:2px solid #4a4d6a;border-radius:14px;padding:14px 16px}.location h3{margin:0 0 4px;font-size:18px}.location p{color:#b8bad0;margin:0}