:root{--void:#22123a;--stage:#321b4f;--panel:#3b2360;--panel2:#4a2f74;--line:#4b3270;--cream:#EDF7F8;--muted:#c3b6d6;--accent:#F13AC8;--ok:#5fd3b8;--green:#00866E;--gold:#E4B53F;--danger:#ff9a9a;--portal:#F13AC8;--warn:#E4B53F;--code:#22123a;--f-ui:"Roboto",system-ui,sans-serif;--f-sub:"Work Sans",system-ui,sans-serif;--f-serif:"Syne",system-ui,sans-serif;--f-code:"JetBrains Mono",ui-monospace,monospace}
*{box-sizing:border-box}
html,body{margin:0;background:var(--stage);color:var(--cream);font-family:var(--f-ui);-webkit-text-size-adjust:100%}
body{background:var(--stage)}
[hidden]{display:none!important}
.brand{font-family:var(--f-sub);font-weight:600;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.kicker{font-family:var(--f-sub);font-weight:600;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.btn{appearance:none;border:1px solid var(--line);background:var(--panel2);color:var(--cream);font:600 1rem var(--f-sub);padding:12px 18px;border-radius:12px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;touch-action:manipulation}
.btn.primary{background:var(--cream);border-color:var(--cream);color:#321b4f}
.btn:hover{filter:brightness(1.08)}
.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.btn:disabled{opacity:.5;cursor:default}
.pill{display:inline-flex;align-items:center;gap:6px;font:600 .95rem var(--f-code);padding:6px 12px;border-radius:999px;background:var(--panel2);border:1px solid var(--line)}
.pill.warn{color:var(--void);background:var(--danger);border-color:var(--danger)}
pre.code{margin:0;background:var(--code);border:1px solid var(--line);border-radius:12px;padding:12px 14px;font:400 .9rem/1.55 var(--f-code);white-space:pre;overflow-x:auto;color:#e6e0ef}
.kw{color:#b9a6ff}.fn{color:#ffa3e6}.st{color:#E4B53F}.nu{color:#7fe0c9}.cm{color:#9888b0;font-style:italic}
pre,pre *,code,.ln,.ln *,td.code,.ans-table td{font-variant-ligatures:none!important;font-feature-settings:"liga" 0,"calt" 0!important}

.pausebox{position:fixed;inset:0;z-index:50;display:grid;place-items:center;text-align:center;padding:24px;background:#321b4fe6;color:#EDF7F8;backdrop-filter:blur(3px)}
.pausebox[hidden]{display:none}
.pausebox h1{margin:.2em 0}

.stk-pick{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;width:min(86vw,420px);margin:0 auto}
.stk-pick button{appearance:none;padding:3px;border-radius:12px;border:2px solid transparent;background:transparent;cursor:pointer}
.stk-pick button.on{border-color:#F13AC8;background:#ffffff14}
.stk-pick img{width:100%;display:block}

.bonus{display:inline-block;margin:6px 0 2px;padding:4px 12px;border-radius:999px;background:#E4B53F;color:#321b4f;font-weight:700;font-size:.85rem}
.stk-lbl{display:block;padding:8px 4px;font-size:.75rem;font-weight:600;color:#EDF7F8}
.stk-pick button:not(.on){background:#ffffff0d}