﻿/* Cast Game Show (grok 2026-10-17) - design system v2: metal plates, bone plastic, stencil. */
.gs-hero::after{content:none}
.gs-lede{margin:12px 0 0;max-width:46ch;color:var(--ui-bone,#ece7dc);font-size:clamp(16px,3.6vw,19px);line-height:1.45}
.gs-rounds{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:16px}
.gs-round{position:relative;min-height:236px;padding:20px 20px 18px;border-radius:18px;background:linear-gradient(180deg,#2a2c31,#17181b);box-shadow:inset 0 1px 0 rgb(255 255 255/.14),0 14px 30px rgb(0 0 0/.45)}
.gs-round::before,.gs-round::after{content:"";position:absolute;top:12px;width:8px;height:8px;border-radius:50%;background:#8a8d94;box-shadow:inset 0 1px 1px rgb(0 0 0/.5)}
.gs-round::before{left:12px}.gs-round::after{right:12px}
.gs-round.is-right{box-shadow:inset 0 0 0 2px #39ff88,0 14px 30px rgb(0 0 0/.45)}
.gs-round.is-wrong{box-shadow:inset 0 0 0 2px #ff5a5a,0 14px 30px rgb(0 0 0/.45)}
.gs-fs{border:0;margin:0;padding:0;min-width:0}
.gs-num{display:block;padding:0;font:700 12px/1 ui-monospace,monospace;letter-spacing:.18em;color:#ff8a45}
.gs-line{margin:10px 0 14px;padding:14px 16px;border-radius:12px;background:#e9e3d6;color:#15161a;font-weight:700;font-size:clamp(16px,3.8vw,20px);line-height:1.4;min-height:3.2em}
.gs-opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.gs-opt{position:relative;display:flex;align-items:center;gap:10px;min-height:48px;padding:8px 12px;border-radius:12px;background:#15161a;border:1px solid #3a3c42;color:#ece7dc;font-weight:600;cursor:pointer}
.gs-opt input{width:20px;height:20px;accent-color:#ff8a45;flex:none}
.gs-opt:has(input:checked){border-color:#ff8a45;background:#23201c}
.gs-opt:has(input:focus-visible){outline:2px solid var(--ui-brand-hi,#ffb27a);outline-offset:2px}
.gs-opt.is-answer{border-color:#39ff88;color:#39ff88}
.gs-verdict{margin:10px 0 0;font:700 13px/1.2 ui-monospace,monospace;letter-spacing:.06em;color:#bdb7ac}
.gs-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:20px;min-height:52px}
.gs-actions .ui-key{min-height:48px}
.gs-result{min-height:1.4em;margin-top:12px;color:#ffb27a}
.gs-big{margin:0;font-family:var(--ui-font-stencil,inherit);font-size:clamp(40px,10vw,64px);line-height:1;color:#ff8a45}
.gs-drop{margin:12px 0 0;padding:12px 16px;border-radius:12px;background:#15161a;border:1px solid #39ff88;color:#39ff88;font-weight:700}.gs-drop a{color:#ece7dc}
.gs-board{margin-top:28px;padding:24px;border-radius:18px;background:linear-gradient(180deg,#2a2c31,#17181b);box-shadow:inset 0 1px 0 rgb(255 255 255/.14),0 14px 30px rgb(0 0 0/.45)}
.gs-list{list-style:none;margin:0;padding:0;display:grid;gap:8px;counter-reset:gs}
.gs-row{display:flex;justify-content:space-between;gap:12px;padding:12px 16px;border-radius:12px;background:#15161a;border:1px solid #23262b;counter-increment:gs}
.gs-row .gs-name::before{content:counter(gs) ". ";color:#ff8a45;font-weight:700}
.gs-score{font:700 14px/1 ui-monospace,monospace;color:#39ff88}
.gs-empty{color:#bdb7ac;text-align:center}
.gs-note{color:#bdb7ac;font-size:13px;margin:12px 0 0}
@media (max-width:420px){.gs-opts{grid-template-columns:1fr}.gs-round{min-height:340px}}
@media (prefers-reduced-motion:reduce){.gs-opt{transition:none}}
