.ex{display:flex;flex-direction:column;gap:var(--space-4);align-items:center}.ex__intro{text-align:center;max-width:70ch;margin-inline:auto}.ex__title{font-size:clamp(1.8rem,3.6vw,2.6rem);line-height:1.05}.ex__lead{margin-top:var(--space-2);color:var(--c-ink-soft);font-size:var(--fs-body);line-height:var(--lh-snug)}.ex__card{width:100%;max-width:640px;background:var(--c-bg-800);border-radius:var(--r-lg);padding:clamp(1rem,2.6vw,1.5rem);box-shadow:0 20px 50px #00000059;display:grid;gap:var(--space-3)}.ex__score{display:flex;gap:var(--space-2)}.ex__stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:1px;padding:6px 4px;background:var(--c-bg-700);border-radius:var(--r-md)}.ex__stat-v{font-family:var(--font-mono);font-weight:800;font-size:1.3rem;color:var(--c-ink);line-height:1}.ex__stat-v--gold{color:var(--c-gold-400)}.ex__stat-l{font-size:.6rem;text-transform:uppercase;letter-spacing:.06em;color:var(--c-ink-mute)}.ex__read{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--r-md);background:color-mix(in srgb,var(--c-violet-500) 12%,var(--c-bg-700));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c-violet-500) 40%,transparent)}.ex__read-icon{flex:none;width:2rem;height:2rem;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--c-violet-500) 22%,transparent);color:var(--c-violet-500)}.ex__read-t{display:grid;gap:1px}.ex__read-t b{font-family:var(--font-display);font-weight:700;color:var(--c-violet-500);font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.04em}.ex__read-t span{font-size:var(--fs-sm);color:var(--c-ink-soft)}.ex__felt{position:relative;overflow:hidden;border-radius:40%/30%;background:radial-gradient(circle at 50% 42%,#1b6047 0%,var(--c-felt-700) 56%,var(--c-felt-900) 100%);border:7px solid #1c1408;box-shadow:0 0 0 2px #2a2412,inset 0 0 46px #00000080;padding:clamp(.9rem,3vw,1.4rem);display:grid;justify-items:center;gap:var(--space-3)}.ex__logo{position:absolute;inset:0;display:grid;place-items:center;font-size:7rem;color:#ffffff08;pointer-events:none}.ex__board,.ex__hero{position:relative;z-index:1;display:grid;justify-items:center;gap:5px}.ex__board[hidden]{display:none}.ex__board-l,.ex__hero-l{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.1em;color:#fff9;font-family:var(--font-display);font-weight:600}.ex__cards{display:flex;gap:5px}.ex__prompt{text-align:center;font-family:var(--font-display);font-weight:600;font-size:1.05rem;line-height:var(--lh-snug);color:var(--c-ink)}.ex__opts{display:grid;gap:var(--space-2)}.ex__opt{text-align:left;cursor:pointer;border:0;background:var(--c-bg-700);color:var(--c-ink);border-radius:var(--r-md);padding:var(--space-3) var(--space-4);font-family:var(--font-body);font-weight:600;font-size:var(--fs-body);display:grid;gap:4px;transition:transform var(--dur-fast),background var(--dur-fast)}.ex__opt:hover:not([disabled]){transform:translateY(-2px);background:var(--c-bg-600)}.ex__opt[disabled]{cursor:default}.ex__opt.is-best{box-shadow:inset 0 0 0 1px var(--c-success);background:color-mix(in srgb,var(--c-success) 12%,var(--c-bg-700))}.ex__opt.is-chosen{box-shadow:inset 0 0 0 1px var(--c-red-500);background:color-mix(in srgb,var(--c-red-500) 12%,var(--c-bg-700))}.ex__opt-t{font-weight:700;display:flex;align-items:center;gap:8px}.ex__opt-tag{font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:2px 7px;border-radius:var(--r-pill)}.ex__opt.is-best .ex__opt-tag{background:var(--c-success);color:#04140a}.ex__opt.is-chosen .ex__opt-tag{background:var(--c-red-500);color:#fff}.ex__opt-note{font-size:var(--fs-xs);color:var(--c-ink-mute);font-weight:400;line-height:var(--lh-snug)}.ex__gloss{font-size:var(--fs-sm);color:var(--c-ink-mute);background:var(--c-bg-900);border-radius:var(--r-md);padding:4px 14px}.ex__gloss summary{cursor:pointer;padding:8px 0;color:var(--c-teal-400);font-weight:600}.ex__gloss ul{list-style:none;display:grid;gap:4px;padding:4px 0 10px}.ex__gloss li{line-height:var(--lh-snug)}.ex__gloss b,.ex__opt.is-best .ex__opt-note{color:var(--c-ink-soft)}.ex__verdict{display:grid;justify-items:center;gap:var(--space-2);border-top:1px solid var(--c-line);padding-top:var(--space-3)}.ex__verdict[hidden],.ex__after[hidden]{display:none}.ex__grade{display:flex;flex-direction:column;align-items:center;line-height:1}.ex__grade span{font-family:var(--font-mono);font-weight:800;font-size:clamp(2.4rem,7vw,3.2rem)}.ex__grade span.is-good{color:var(--c-success);text-shadow:0 0 24px color-mix(in srgb,var(--c-success) 40%,transparent)}.ex__grade span.is-mid{color:var(--c-gold-400)}.ex__grade span.is-bad{color:var(--c-red-400)}.ex__grade small{margin-top:4px;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--c-ink-mute)}.ex__explain{font-size:var(--fs-sm);color:var(--c-ink-soft);line-height:var(--lh-body);text-align:center;max-width:56ch;background:var(--c-bg-900);border-radius:var(--r-md);padding:var(--space-3) var(--space-4)}.ex__after{display:flex;justify-content:flex-end}.ex__btn{cursor:pointer;border-radius:var(--r-md);padding:11px 22px;min-height:46px;font-family:var(--font-body);font-weight:700;font-size:var(--fs-sm);border:0;background:var(--c-bg-600);color:var(--c-ink)}.ex__btn--go{background:var(--grad-gold);color:#1a1200}.ex__btn--go:hover{opacity:.92}