@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;0,900;1,400;1,700&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&display=swap");:root{--bg:#1A1714;--bg-elevated:#201D19;--surface:#252118;--surface-2:#2E2A23;--surface-3:#38332A;--text-primary:#F5EDD6;--text-secondary:#C4B89A;--text-muted:#857866;--text-inverse:#1A1714;--border:#3A3529;--border-subtle:#2A2620;--border-strong:#554E40;--accent:#C9952A;--accent-light:#E0AD4A;--accent-dim:#7A5A18;--accent-surface:#2A2214;--accent-2:#D4645A;--accent-2-light:#E08078;--accent-2-dim:#7A3830;--answer-1:#E63946;--answer-1-dark:#B82B36;--answer-1-text:#FFFFFF;--answer-2:#1D6ED8;--answer-2-dark:#1550A8;--answer-2-text:#FFFFFF;--answer-3:#F4B400;--answer-3-dark:#C49000;--answer-3-text:#1A1714;--answer-4:#2A9D8F;--answer-4-dark:#1F7A6E;--answer-4-text:#FFFFFF;--color-success:#2A9D8F;--color-error:#E63946;--color-warning:#F4B400;--color-info:#1D6ED8;--color-correct-bg:rgba(42,157,143,0.15);--color-wrong-bg:rgba(230,57,70,0.12);--font-display:"Playfair Display",Georgia,serif;--font-body:"DM Sans","Helvetica Neue",sans-serif;--font-mono:"DM Mono","Menlo","Consolas",monospace;--text-2xs:11px;--text-xs:12px;--text-sm:13px;--text-base:16px;--text-md:18px;--text-lg:20px;--text-xl:24px;--text-2xl:30px;--text-3xl:36px;--text-4xl:48px;--text-5xl:64px;--text-6xl:80px;--text-display:96px;--text-hero:128px;--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-black:900;--leading-tight:1.1;--leading-snug:1.25;--leading-normal:1.5;--leading-relaxed:1.65;--tracking-tight:-0.03em;--tracking-normal:0em;--tracking-wide:0.05em;--tracking-wider:0.12em;--tracking-widest:0.2em;--space-0:0px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;--radius-xs:2px;--radius-sm:4px;--radius-md:10px;--radius-lg:18px;--radius-xl:28px;--radius-full:9999px;--shadow-sm:0 1px 3px rgba(0,0,0,0.4),0 1px 2px rgba(0,0,0,0.3);--shadow-md:0 4px 12px rgba(0,0,0,0.5),0 2px 4px rgba(0,0,0,0.3);--shadow-lg:0 12px 40px rgba(0,0,0,0.6),0 4px 12px rgba(0,0,0,0.4);--shadow-glow:0 0 40px rgba(201,149,42,0.35),0 0 80px rgba(201,149,42,0.15);--shadow-answer:0 4px 20px rgba(0,0,0,0.4),inset 0 1px 0 rgba(255,255,255,0.12);--ease-linear:linear;--ease-in:cubic-bezier(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-snap:cubic-bezier(0.2,0.9,0.3,1.2);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--ease-settle:cubic-bezier(0.16,1,0.3,1);--duration-instant:80ms;--duration-quick:200ms;--duration-normal:350ms;--duration-slow:500ms;--duration-lazy:800ms;--duration-dramatic:1200ms;--z-base:0;--z-raised:10;--z-overlay:100;--z-modal:200;--z-toast:300;--z-tip:400}[data-theme=light]{--bg:#FAF6EE;--bg-elevated:#F5EDD6;--surface:#FFFFFF;--surface-2:#F5EDD6;--surface-3:#EDE5CC;--text-primary:#1A1714;--text-secondary:#4A4236;--text-muted:#7A6E58;--text-inverse:#FAF6EE;--border:#DDD5BE;--border-subtle:#EDE5CC;--border-strong:#BDB09A;--shadow-sm:0 1px 3px rgba(0,0,0,0.08),0 1px 2px rgba(0,0,0,0.06);--shadow-md:0 4px 12px rgba(0,0,0,0.12),0 2px 4px rgba(0,0,0,0.08);--shadow-lg:0 12px 40px rgba(0,0,0,0.16),0 4px 12px rgba(0,0,0,0.1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-regular);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg)}.tabular-nums{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.answer-tile{background:var(--answer-bg,var(--answer-1));color:var(--answer-text,var(--answer-1-text));border-radius:var(--radius-lg);box-shadow:var(--shadow-answer);transition:transform var(--duration-quick) var(--ease-snap),opacity var(--duration-normal) var(--ease-out);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.answer-tile:hover{filter:brightness(1.08)}.answer-tile:active{transform:scale(.97)}.answer-tile.is-selected{box-shadow:0 0 0 3px rgba(255,255,255,.5),var(--shadow-answer)}.answer-tile.is-dimmed{opacity:.3}.answer-tile.is-correct{animation:tileCorrect .4s var(--ease-snap) forwards;box-shadow:0 0 0 4px rgba(255,255,255,.6),var(--shadow-answer)}.answer-tile.is-wrong{opacity:.35;filter:saturate(.5)}@keyframes tileCorrect{0%{transform:scale(1)}50%{transform:scale(1.04)}to{transform:scale(1.025)}}.answer-slot-1{--answer-bg:var(--answer-1);--answer-text:var(--answer-1-text)}.answer-slot-2{--answer-bg:var(--answer-2);--answer-text:var(--answer-2-text)}.answer-slot-3{--answer-bg:var(--answer-3);--answer-text:var(--answer-3-text)}.answer-slot-4{--answer-bg:var(--answer-4);--answer-text:var(--answer-4-text)}.reveal-grid{display:grid;grid-template-columns:minmax(0,1fr) clamp(320px,32vw,460px);grid-template-rows:52px 1fr;height:100vh;background:var(--bg);overflow:hidden}@media (max-width:1279px){.reveal-grid{grid-template-columns:1fr;grid-template-rows:52px 1fr auto;overflow-y:auto}.reveal-grid-rail{border-left:none!important;border-top:1px solid var(--border-subtle);max-height:360px}}.host-sound-control{position:fixed;top:var(--space-4);right:var(--space-4);z-index:var(--z-overlay);padding:var(--space-2) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:rgba(37,33,24,.92);color:var(--text-secondary);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;box-shadow:var(--shadow-sm);transition:transform var(--duration-quick) var(--ease-snap),border-color var(--duration-quick) var(--ease-out),color var(--duration-quick) var(--ease-out)}.host-sound-control:hover:not(:disabled){transform:translateY(-1px);border-color:var(--accent);color:var(--text-primary)}.host-sound-control.is-enabled{border-color:var(--color-success);color:var(--color-success);cursor:default}.leaderboard-row{display:flex;align-items:center;gap:var(--space-3);min-height:64px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);opacity:0;transform:translateY(14px) scale(.98);animation:leaderboardRowIn var(--duration-lazy) var(--ease-settle) forwards}.leaderboard-row.is-leader{box-shadow:var(--shadow-glow)}.leaderboard-row.moved-up{animation-name:leaderboardRowIn,leaderboardMovedUp;animation-duration:var(--duration-lazy),.9s;animation-timing-function:var(--ease-settle),var(--ease-spring);animation-fill-mode:forwards,both}.leaderboard-rank{width:34px;flex:0 0 34px;font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--accent-light)}.leaderboard-name{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-lg);font-weight:var(--weight-semibold)}.leaderboard-delta,.leaderboard-jump{flex:0 0 auto;padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--text-inverse);background:var(--color-success);animation:leaderboardBadgePop .7s var(--ease-spring) both}.leaderboard-jump{background:var(--accent)}.leaderboard-score{flex:0 0 116px;text-align:right;font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-primary)}.leaderboard-score.has-gain{color:var(--accent-light)}@keyframes leaderboardRowIn{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes leaderboardMovedUp{0%,35%{box-shadow:var(--shadow-glow)}55%{transform:translateY(-8px) scale(1.025)}to{transform:translateY(0) scale(1)}}@keyframes leaderboardBadgePop{0%{opacity:0;transform:scale(.75)}45%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}