.ds{display:flex;flex-direction:column;gap:var(--space-4)}.ds__intro{text-align:center;max-width:66ch;margin-inline:auto}.ds__title{font-size:var(--fs-h1)}.ds__lead{margin-top:var(--space-2);color:var(--c-ink-soft);font-size:var(--fs-lead);line-height:var(--lh-snug)}.ds__card{background:var(--c-bg-800);border-radius:var(--r-lg);padding:clamp(1rem,2.4vw,1.5rem);box-shadow:0 20px 50px #00000059}.ds__score{display:flex;gap:var(--space-3);flex-wrap:wrap}.ds__stat{flex:1 1 auto;min-width:3.5rem;display:flex;flex-direction:column;align-items:center;gap:1px;padding:6px 4px;background:var(--c-bg-700);border-radius:var(--r-md)}.ds__stat-v{font-family:var(--font-mono);font-weight:700;font-size:1.25rem;color:var(--c-ink);line-height:1}.ds__stat-v--gold{color:var(--c-gold-400)}.ds__stat-v.is-low{color:var(--c-red-400)}.ds__stat-l{font-size:.62rem;text-transform:uppercase;letter-spacing:.06em;color:var(--c-ink-mute)}.ds__stat--timer{background:var(--c-bg-600)}.ds__progress{height:4px;border-radius:999px;background:var(--c-bg-600);margin:var(--space-2) 0 0;overflow:hidden}.ds__progress span{display:block;height:100%;width:100%;background:var(--grad-gold);border-radius:999px;transition:width .1s linear}.ds__tagrow{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-3)}.ds__tag{font-family:var(--font-display);font-weight:700;color:var(--c-gold-400);text-transform:uppercase;letter-spacing:.05em;font-size:var(--fs-xs)}.ds__streakpill{font-size:var(--fs-xs);font-weight:700;color:var(--c-gold-400);background:var(--c-gold-glow);border:1px solid var(--c-gold-600);padding:3px 10px;border-radius:999px}.ds__prompt{font-family:var(--font-display);font-weight:600;color:var(--c-ink);font-size:1.15rem;line-height:var(--lh-snug);margin:var(--space-2) 0 var(--space-3)}.ds__play{display:flex;flex-wrap:wrap;gap:clamp(1.5rem,5vw,3.5rem);align-items:center;justify-content:center;margin-top:var(--space-2)}.ds__table{position:relative;padding:clamp(.3rem,1.2vw,.7rem);flex:1 1 340px;max-width:480px}.ds__rail{position:absolute;inset:0;border-radius:46%/44%;background:linear-gradient(160deg,#3a2a12,#1c1408);box-shadow:0 14px 40px #00000080,inset 0 2px 6px #ffffff14}.ds__felt{position:relative;border-radius:46%;background:var(--grad-felt);border:2px solid #071b13;box-shadow:inset 0 0 60px #0000008c,inset 0 0 0 2px #ffffff08;padding:clamp(1.4rem,4vw,2.6rem) clamp(.7rem,2vw,1.1rem);min-height:230px;display:grid;align-content:center;justify-items:center;gap:var(--space-3);overflow:hidden}.ds__logo{position:absolute;inset:0;display:grid;place-items:center;font-size:6rem;color:#ffffff08;pointer-events:none}.ds__seat{position:relative;z-index:1;display:grid;gap:3px;justify-items:center}.ds__name{font-family:var(--font-display);font-weight:600;color:var(--c-ink);font-size:var(--fs-xs)}.ds__cards{display:flex;gap:.3rem}.ds__board{position:relative;z-index:1;display:grid;justify-items:center;gap:4px}.ds__board-label{font-size:.62rem;color:#fff8;letter-spacing:.08em;text-transform:uppercase}.ds__board-cards{display:flex;gap:.3rem;padding:5px;border-radius:var(--r-md);background:#00000038}.ds__opts{display:grid;gap:var(--space-2);flex:1 1 260px;max-width:380px;align-content:center}.ds__opt{display:flex;align-items:center;gap:var(--space-3);text-align:left;padding:var(--space-3);border-radius:var(--r-md);background:var(--c-bg-700);border:1px solid var(--c-line);color:var(--c-ink-soft);font-size:var(--fs-sm);font-weight:600;cursor:pointer;transition:border-color var(--dur-fast),background var(--dur-fast),transform var(--dur-fast)}.ds__opt-key{flex:none;width:1.7rem;height:1.7rem;border-radius:50%;display:grid;place-items:center;background:var(--c-bg-600);border:1px solid var(--c-line);font-family:var(--font-mono);font-weight:700;font-size:var(--fs-xs);color:var(--c-ink-mute)}.ds__opt:hover:not([disabled]){border-color:var(--c-teal-500);transform:translateY(-2px)}.ds__opt:hover:not([disabled]) .ds__opt-key{border-color:var(--c-teal-500);color:var(--c-teal-400)}.ds__opt[disabled]{cursor:default}.ds__opt.is-correct{border-color:var(--c-success);background:color-mix(in srgb,var(--c-success) 14%,transparent);color:var(--c-ink)}.ds__opt.is-correct .ds__opt-key{background:var(--c-success);color:#04140a;border-color:transparent}.ds__opt.is-wrong{border-color:var(--c-red-500);background:color-mix(in srgb,var(--c-red-500) 14%,transparent)}.ds__opt.is-wrong .ds__opt-key{background:var(--c-red-500);color:#fff;border-color:transparent}.ds__explain{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--c-line);color:var(--c-ink-soft);font-size:var(--fs-sm);line-height:var(--lh-body)}.ds__explain strong{color:var(--c-ink)}.ds__after{margin-top:var(--space-3);display:flex;flex-wrap:wrap;gap:var(--space-3)}.ds__btn{cursor:pointer;border-radius:var(--r-md);padding:11px 22px;min-height:46px;font-family:var(--font-body);font-size:var(--fs-sm);font-weight:700;border:1px solid var(--c-line);background:var(--c-bg-600);color:var(--c-ink)}.ds__btn:hover{border-color:var(--c-teal-600)}.ds__btn--primary{background:var(--grad-gold);border-color:transparent;color:#1a1200}.ds [hidden]{display:none!important}