/* Grok Bot Arcade (v1.42). Scoped to /arcade/ only. Palettes follow html[data-theme-id] (registry ids) with a data-theme base fallback. */
@font-face{font-family:"BMA Press";font-weight:400;font-display:swap;src:url(/fonts/pressstart2p-400.woff2) format('woff2')}
@font-face{font-family:"BMA Inter";font-weight:100 900;font-display:swap;src:url(/fonts/inter-var.woff2) format('woff2')}
:root,html[data-theme=dark]{--bg:#000;--card:#0b100e;--bd:#2a3a33;--tx:#fff;--mu:#b9c2be;--ac:#3ddc97;--ac2:#8ff0c4;--acTx:#04120b;--gold:#f5c84c;--dn:#ff5c5c;--btn:rgba(255,255,255,.08);--glow:0 0 0 transparent;--hf:"BMA Inter",system-ui,sans-serif}
html[data-theme=light]{--bg:#f4f7f6;--card:#fff;--bd:#d6e0db;--tx:#0d1a14;--mu:#4a5a53;--ac:#158058;--ac2:#0e5c3f;--acTx:#fff;--gold:#8a5d00;--dn:#c0302f;--btn:#eef3f0}
html[data-theme-id=arcade]{--bg:#07071a;--card:#0e0e2a;--bd:#3b2f7a;--tx:#fff;--mu:#c3bdf0;--ac:#ffd400;--ac2:#3ddc97;--acTx:#07071a;--gold:#ffd400;--dn:#ff4f8b;--btn:rgba(255,255,255,.08);--glow:0 0 12px rgba(255,212,0,.35);--hf:"BMA Press",monospace}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--tx);font:15px/1.5 "BMA Inter",system-ui,-apple-system,Segoe UI,sans-serif;-webkit-text-size-adjust:100%}
html[data-theme-id=arcade] body{background:radial-gradient(1200px 600px at 50% -10%,#1b1450,transparent),var(--bg)}
a{color:var(--ac)}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:var(--card);padding:6px 10px;z-index:9}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.ah{display:flex;align-items:center;gap:10px;flex-wrap:wrap;max-width:980px;margin:0 auto;padding:max(12px,env(safe-area-inset-top)) 14px 6px}
.back{color:var(--tx);text-decoration:none;font-size:14px;white-space:nowrap}.back span{color:var(--ac);font-weight:700}
.ttl{flex:1;margin:0;text-align:center;font:700 18px/1.2 var(--hf);letter-spacing:.06em}.ttl em{font-style:normal;color:var(--ac);text-shadow:var(--glow)}
html[data-theme-id=arcade] .ttl{font-size:14px}
.thsel select{background:var(--btn);color:var(--tx);border:1px solid var(--bd);border-radius:8px;padding:6px 8px;font:inherit;font-size:13px}
.thsel option{background:var(--card);color:var(--tx)}
.free{max-width:980px;margin:4px auto 8px;padding:0 14px;text-align:center;color:var(--mu);font-size:13px}.free b{color:var(--ac)}
.tabs{display:flex;gap:6px;max-width:980px;margin:0 auto;padding:4px 14px;overflow-x:auto;scrollbar-width:none}
.tabs button{flex:1 0 auto;background:var(--btn);color:var(--tx);border:1px solid var(--bd);border-radius:999px;padding:9px 14px;font:600 14px/1 inherit;font-family:inherit;cursor:pointer;min-height:40px}
.tabs button[aria-selected=true]{background:var(--ac);color:var(--acTx);border-color:var(--ac);box-shadow:var(--glow)}
main{max-width:980px;margin:0 auto;padding:10px 14px 24px;min-height:calc(100svh - 60px)}
.card{background:var(--card);border:1px solid var(--bd);border-radius:14px;padding:14px;margin:10px 0}
.card h2{margin:0 0 6px;font:700 17px/1.3 var(--hf)}html[data-theme-id=arcade] .card h2{font-size:12px;line-height:1.6;color:var(--ac)}
.mu{color:var(--mu);font-size:13px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.bot{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;background:var(--btn);border:1px solid var(--bd);border-radius:12px;padding:10px 8px}
.bot b{font-size:14px}.bub{position:relative;background:var(--card);border:1px solid var(--bd);border-radius:10px;padding:6px 8px;font-size:12px;color:var(--mu)}
.av{image-rendering:pixelated}
.big{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--ac);color:var(--acTx);border:0;border-radius:12px;padding:12px 18px;font:700 15px/1 inherit;font-family:inherit;cursor:pointer;min-height:44px;box-shadow:var(--glow);text-decoration:none}
.big:disabled{opacity:.5;cursor:default}
.sec{background:var(--btn);color:var(--tx);border:1px solid var(--bd);border-radius:10px;padding:9px 14px;font:600 14px/1 inherit;font-family:inherit;cursor:pointer;min-height:40px}
.sec[aria-pressed=true]{border-color:var(--ac);color:var(--ac)}
.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:8px 0}
.ctl{display:grid;grid-template-columns:1fr;gap:10px}
.ctl label{display:grid;grid-template-columns:130px 1fr 44px;align-items:center;gap:8px;font-size:13px}
.ctl output{text-align:right;color:var(--ac);font-variant-numeric:tabular-nums}
input[type=range]{width:100%;accent-color:var(--ac)}
select.in{background:var(--btn);color:var(--tx);border:1px solid var(--bd);border-radius:8px;padding:6px;font:inherit}
table.st{width:100%;border-collapse:collapse;font-size:14px}
.st td,.st th{padding:6px 4px;border-bottom:1px solid var(--bd);text-align:left;vertical-align:middle}
.st th{color:var(--mu);font-weight:600;font-size:12px}.st .n{text-align:right;font-variant-numeric:tabular-nums}
.st tr.me td{background:color-mix(in srgb,var(--ac) 14%,transparent)}
.who{display:inline-flex;align-items:center;gap:6px}
.bar{height:8px;border-radius:4px;background:var(--btn);overflow:hidden;min-width:60px}.bar i{display:block;height:100%;background:var(--ac);width:0;transition:width .9s ease-out}
.q{font-size:17px;font-weight:600;margin:4px 0 10px}
.ch{display:grid;grid-template-columns:1fr;gap:8px}
@media(min-width:640px){.ch{grid-template-columns:1fr 1fr}}
.ch button{text-align:left;background:var(--btn);color:var(--tx);border:1px solid var(--bd);border-radius:10px;padding:12px;font:inherit;cursor:pointer;min-height:48px}
.ch button.ok{border-color:var(--ac);background:color-mix(in srgb,var(--ac) 22%,transparent)}
.ch button.no{border-color:var(--dn);background:color-mix(in srgb,var(--dn) 18%,transparent)}
.ref{margin-top:8px;font-size:13px;color:var(--mu)}.ref b{color:var(--ac)}
.pill{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.04em;padding:3px 8px;border-radius:999px;border:1px solid var(--gold);color:var(--gold)}
.assets{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px}
.asset{background:var(--btn);border:1px solid var(--bd);border-radius:10px;padding:10px}
.asset .px{font-size:18px;font-weight:700;font-variant-numeric:tabular-nums}.up{color:var(--ac)}.dn{color:var(--dn)}
.spark{width:100%;height:36px;display:block}.spark path{fill:none;stroke:var(--ac);stroke-width:2}
.news{font-style:italic;color:var(--mu)}
.feed{list-style:none;margin:6px 0 0;padding:0;font-size:13px;color:var(--mu)}.feed li{padding:3px 0;border-bottom:1px dashed var(--bd)}
.af{max-width:980px;margin:0 auto;padding:10px 14px max(24px,env(safe-area-inset-bottom));color:var(--mu);font-size:12px}
@media(max-width:520px){.ttl{order:3;flex-basis:100%;font-size:16px}html[data-theme-id=arcade] .ttl{font-size:12px}.ah{justify-content:space-between}.ctl label{grid-template-columns:104px 1fr 40px}.tabs button{padding:9px 11px;font-size:13px}.grid{grid-template-columns:repeat(2,1fr)}}
@media(prefers-reduced-motion:reduce){.bar i{transition:none}*{animation:none!important}}
.doc pre{background:var(--btn);border:1px solid var(--bd);border-radius:10px;padding:10px;overflow-x:auto;font-size:12px}
.doc code{font-family:ui-monospace,Menlo,monospace}
.doc table{border-collapse:collapse;width:100%;font-size:13px}.doc td,.doc th{border-bottom:1px solid var(--bd);padding:5px;text-align:left;vertical-align:top}
.doc{max-width:860px;margin:0 auto;padding:6px 14px 20px;line-height:1.55}.doc h2{font-size:17px;margin:22px 0 6px}.doc .soon{display:inline-block;padding:3px 8px;border-radius:999px;border:1px solid var(--ac);color:var(--ac);font-weight:700;font-size:12px}.doc table{display:block;overflow-x:auto}