:root{--bg:#f4ecd8;--ink:#2c2137;--accent:#e2703a;--accent-2:#4d7c8a;--border:#2c2137}[data-theme=arcade]{--bg:#191534;--ink:#f4f1ff;--accent:#ff5da2;--accent-2:#4be3c8;--border:#f4f1ff}[data-theme=seafoam]{--bg:#eef6f2;--ink:#123b34;--accent:#ff8a5c;--accent-2:#2a9d8f;--border:#123b34}[data-theme=mono]{--bg:#fff;--ink:#1a1a1a;--accent:#1a1a1a;--accent-2:#6b6b6b;--border:#1a1a1a}[data-a11y=on]{--bg:#000;--ink:#fff;--accent:#ffe066;--accent-2:#66ffe0;--border:#fff}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);min-height:100vh;margin:0;font-family:Courier New,Courier,monospace;font-size:17px}[data-a11y=on] body{font-size:22px;line-height:1.6}a{color:var(--accent-2)}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:12px;display:flex}.topbar-nav,.topbar-utility{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.nav-user{letter-spacing:.5px;opacity:.8;font-size:13px}.theme-picker{align-items:center;gap:8px;display:flex}.theme-label{letter-spacing:1px;text-transform:uppercase;opacity:.7;font-size:12px}.swatch{border:3px solid var(--border);cursor:pointer;width:26px;height:26px;padding:0}.swatch.active{box-shadow:3px 3px 0 var(--border)}.swatch[data-swatch=parchment]{background:#f4ecd8}.swatch[data-swatch=arcade]{background:#191534}.swatch[data-swatch=seafoam]{background:#eef6f2}.swatch[data-swatch=mono]{background:#fff}.a11y-toggle{letter-spacing:1px;text-transform:uppercase;background:var(--bg);color:var(--ink);border:3px solid var(--border);box-shadow:3px 3px 0 var(--border);cursor:pointer;padding:8px 12px;font-family:inherit;font-size:13px}.btn,.btn-ghost{letter-spacing:1px;text-transform:uppercase;color:var(--ink);border:3px solid var(--border);box-shadow:4px 4px 0 var(--border);cursor:pointer;padding:12px 18px;font-family:inherit;font-size:15px}.btn{background:var(--accent)}.btn-ghost{background:var(--bg)}[data-theme=mono] .btn,[data-a11y=on] .btn{background:var(--bg);color:var(--ink)}.btn:disabled{opacity:.5;cursor:not-allowed}.panel{border:4px solid var(--border);max-width:660px;box-shadow:6px 6px 0 var(--border);margin:24px auto;padding:20px}.panel-centered{text-align:center}.panel-dashed{border-style:dashed}.error-text{color:var(--accent)}.field{margin-bottom:14px}.field label{letter-spacing:1px;text-transform:uppercase;opacity:.8;margin-bottom:6px;font-size:13px;display:block}.field input,.field textarea{border:3px solid var(--border);background:var(--bg);width:100%;color:var(--ink);padding:10px;font-family:inherit;font-size:16px}.field input:disabled{opacity:.7;cursor:not-allowed}.game-row{border:3px solid var(--border);background:var(--bg);justify-content:space-between;align-items:center;margin-bottom:10px;padding:12px 14px;display:flex}.game-row--stacked{flex-direction:column}