*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--gold: #C9A84C;--gold-light: #E8D5A3;--gold-dim: rgba(201,168,76,.2);--dark: #0B1120;--panel: rgba(12,18,38,.92);--cream: #F0EBE0;--cream-dim: rgba(240,235,224,.6);--cream-faint: rgba(240,235,224,.25);--green: #2DB850;--red: #E85454}html,body,#root{height:100%;margin:0}body{font-family:EB Garamond,Georgia,serif;color:var(--cream);background:radial-gradient(ellipse at 50% 25%,#121B33 0%,var(--dark) 70%);-webkit-font-smoothing:antialiased}#root{display:flex;flex-direction:column;min-height:100vh}.font-display{font-family:Playfair Display,serif;font-weight:900;letter-spacing:.03em}.text-gold{color:var(--gold)}.text-dim{color:var(--cream-dim)}.text-faint{color:var(--cream-faint)}.panel{background:var(--panel);border:1px solid var(--gold-dim);border-radius:12px;padding:20px 24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn{font-family:Playfair Display,serif;font-weight:700;font-size:1rem;padding:12px 32px;border-radius:6px;cursor:pointer;transition:all .2s;letter-spacing:.04em;outline:none}.btn:active{transform:scale(.97)}.btn-fill{background:linear-gradient(135deg,var(--gold),#A8893C);color:var(--dark);border:none}.btn-fill:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--gold);border:2px solid var(--gold)}.btn-outline:hover{background:var(--gold);color:var(--dark)}.btn-sm{font-size:.85rem;padding:8px 20px}.input{font-family:EB Garamond,serif;font-size:1.05rem;padding:10px 14px;background:#ffffff0d;border:1px solid rgba(201,168,76,.25);border-radius:6px;color:var(--cream);outline:none;width:100%;transition:border-color .2s}.input:focus{border-color:var(--gold)}.badge{display:inline-block;padding:2px 10px;border-radius:4px;font-size:.72rem;font-weight:700;letter-spacing:.06em;font-family:Playfair Display,serif}.answer-btn{display:flex;align-items:center;gap:10px;padding:11px 14px;background:#ffffff08;border:1.5px solid rgba(255,255,255,.08);border-radius:8px;color:var(--cream);cursor:pointer;font-family:EB Garamond,serif;font-size:1rem;text-align:left;width:100%;transition:all .2s;line-height:1.4}.answer-btn:hover:not(.answered){background:#c9a84c14;border-color:#c9a84c4d}.answer-btn.selected{border-color:var(--gold);background:#c9a84c1f}.answer-btn.correct{border-color:var(--green);background:#2db85026}.answer-btn.wrong{border-color:var(--red);background:#e8545426}.answer-btn.dimmed{opacity:.35}.answer-letter{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;font-family:Playfair Display,serif;flex-shrink:0;background:#ffffff0f;color:var(--cream);transition:all .2s}.answer-btn.correct .answer-letter{background:var(--green);color:var(--dark)}.answer-btn.selected .answer-letter{background:var(--gold);color:var(--dark)}.player-chip{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;font-size:.82rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06);transition:all .3s}.player-chip.active{background:#c9a84c1a;border-color:#c9a84c4d}.player-chip.flash{animation:chipFlash .4s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%{opacity:.65;transform:scale(.97)}to{opacity:1;transform:scale(1.03)}}@keyframes chipFlash{0%{box-shadow:0 0 #c9a84cb3}to{box-shadow:0 0 20px 6px #c9a84c00}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes confettiFall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(85vh) rotate(720deg);opacity:0}}.anim-fade-up{animation:fadeUp .35s ease both}.anim-fade-in{animation:fadeIn .3s ease both}.anim-pulse{animation:pulse .55s ease-in-out infinite alternate}.anim-shake{animation:shake .35s ease}.confetti{position:fixed;top:-10px;width:8px;height:8px;border-radius:1px;animation:confettiFall 1.8s ease-out forwards;pointer-events:none;z-index:1000}.timer-bar{height:3px;background:var(--gold);border-radius:2px;transition:width 1s linear}.timer-bar.danger{background:var(--red)}.gold-divider{width:60px;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin:16px auto}.sound-btn{position:fixed;top:12px;right:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--cream-dim);font-size:16px;z-index:100;transition:all .2s}.sound-btn:hover{border-color:var(--gold);color:var(--gold)}.center-col{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}