:root{--bg0: #0f1410;--bg1: #1a2420;--bg2: #24332c;--ink: #f2efe6;--muted: #a8b5aa;--accent: #d4a24c;--accent-dim: #9a7435;--danger: #e07a5f;--ok: #6fbf8a;--line: rgba(242, 239, 230, .12);--font: "DM Sans", system-ui, sans-serif;--display: "Instrument Serif", Georgia, serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:radial-gradient(1200px 600px at 10% -10%,#2a3d32 0%,transparent 55%),radial-gradient(900px 500px at 100% 0%,#3a2e1a 0%,transparent 50%),var(--bg0);color:var(--ink);font-family:var(--font)}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:var(--accent)}.app-shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr}.topbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--line);background:#0f1410b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:20}.brand{font-family:var(--display);font-size:1.55rem;letter-spacing:.02em}.brand span{color:var(--accent)}.meta{color:var(--muted);font-size:.9rem}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid var(--line);border-radius:999px;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em}.badge.speaker{border-color:var(--accent-dim);color:var(--accent)}.modes{display:flex;flex-wrap:wrap;gap:8px}.modes button,.toolbar button,.panel button{background:var(--bg2);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:8px 12px}.modes button.active,.toolbar button.primary,.panel button.primary{background:linear-gradient(180deg,#e0b45d,var(--accent));color:#1a1408;border-color:transparent;font-weight:600}.toolbar button.danger,.panel button.danger{background:#e07a5f2e;color:#f3c4b6;border-color:#e07a5f73}.toolbar button.danger:hover:not(:disabled),.panel button.danger:hover:not(:disabled){background:#e07a5f52}.modes button:disabled{opacity:.45;cursor:not-allowed}.main{display:grid;grid-template-columns:1fr 340px;min-height:0}@media(max-width:960px){.main{grid-template-columns:1fr}}.stage{position:relative;min-height:60vh;background:#080b09;overflow:hidden}.panel{border-left:1px solid var(--line);background:#1a2420d9;padding:16px;overflow:auto}.panel h2{font-family:var(--display);font-weight:400;font-size:1.6rem;margin:0 0 12px}.panel h3{margin:16px 0 8px;font-size:.95rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.centered{min-height:100vh;display:grid;place-items:center;padding:24px;text-align:center}.centered h1{font-family:var(--display);font-weight:400;font-size:clamp(2rem,5vw,3rem);margin:0 0 12px}.error{color:var(--danger)}.stack{display:grid;gap:10px}.field{display:grid;gap:6px}.field input,.field textarea,.field select{background:var(--bg0);border:1px solid var(--line);border-radius:10px;color:var(--ink);padding:10px 12px}.list{display:grid;gap:8px}.card{border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:#0003}.card.spotlight{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-dim)}.row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.present-window{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;color:var(--text)}.present-window .present-root{position:absolute;top:0;right:0;bottom:0;left:0}.present-window .annotate-layer{z-index:5}.present-window .annotate-layer canvas{cursor:default}.present-window-fullscreen{position:fixed;top:12px;right:12px;z-index:10;opacity:.35;transition:opacity .15s ease}.present-window-fullscreen:hover{opacity:1}.present-window-sfx{position:fixed;top:12px;left:12px;z-index:10;opacity:.9}.present-root{position:absolute;top:0;right:0;bottom:0;left:0;background:#000}.present-root canvas{max-width:100%;max-height:100%}.canvas-stack{position:absolute;top:0;right:0;bottom:0;left:0}.canvas-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;transition:opacity .28s ease;will-change:opacity}.click-zone{position:absolute;top:0;bottom:0;width:28%;border:0;background:transparent;z-index:2}.click-zone.left{left:0}.click-zone.right{right:0}.page-indicator{position:absolute;left:50%;bottom:16px;transform:translate(-50%);z-index:3;background:#0000008c;padding:6px 12px;border-radius:999px;font-size:.85rem}.present-status{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none;z-index:3;background:transparent}.annotate-tools,.annotate-actions{display:flex;flex-direction:column;gap:10px;padding:12px 0;border-top:1px solid var(--line)}.annotate-tools{border-top:none;padding-top:0}.annotate-actions{margin-top:4px}.eraser-sizes{display:flex;flex-direction:column;gap:8px}.color-field{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.9rem;color:var(--muted)}.color-field-label{min-width:0}.color-swatch{width:36px;height:28px;flex-shrink:0;border:1px solid var(--line);border-radius:8px;padding:0;cursor:pointer;box-shadow:inset 0 0 0 1px #00000040}.color-popover{position:absolute;top:calc(100% + 6px);right:28px;left:auto;z-index:30;display:flex;flex-direction:column;gap:8px;width:min(220px,calc(100vw - 72px));padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--bg1);box-shadow:0 12px 32px #00000073}.color-popover input[type=color]{width:100%;height:40px;padding:0;border:1px solid var(--line);border-radius:8px;background:transparent;cursor:pointer}.color-popover .color-hex{width:100%;box-sizing:border-box;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--bg2);color:var(--ink);font-family:ui-monospace,monospace;font-size:.9rem}.annotate-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;touch-action:none;background:transparent}.annotate-layer canvas{width:100%;height:100%;cursor:crosshair;background:transparent}.annotate-layer-eraser,.annotate-layer-eraser canvas.annotate-eraser{cursor:none}.eraser-cursor{position:absolute;top:0;left:0;border:2px solid rgba(242,239,230,.9);border-radius:50%;background:#f2efe61f;box-shadow:0 0 0 1px #00000073;pointer-events:none;z-index:5}.bubble-stage{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;overflow:hidden}.bubble{position:absolute;bottom:-40px;padding:8px 12px;border-radius:999px;background:#d4a24c33;border:1px solid rgba(212,162,76,.45);color:var(--ink);font-size:.85rem;max-width:220px;animation:rise 8s linear forwards}@keyframes rise{0%{transform:translateY(0);opacity:0}10%{opacity:1}to{transform:translateY(-110vh);opacity:.2}}.spotlight-banner{position:absolute;left:50%;top:18px;transform:translate(-50%);z-index:6;max-width:min(720px,90%);background:#0f1410e0;border:1px solid var(--accent);border-radius:16px;padding:14px 18px;text-align:center;font-family:var(--display);font-size:1.35rem}.spotlight-banner--projector{top:28px;max-width:min(900px,92%);padding:20px 28px;font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.35}.present-window .bubble{padding:10px 16px;font-size:1rem;max-width:280px}.muted{color:var(--muted)}.quiz-row{align-items:center;gap:10px}.quiz-panel{gap:14px}.quiz-status-bar{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px}.quiz-status-badges{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.quiz-phase{text-transform:capitalize}.quiz-timer{font-variant-numeric:tabular-nums}.quiz-start-card,.quiz-runtime-card{gap:10px}.quiz-start-actions{gap:8px}.quiz-official-btn:disabled{opacity:.45}.quiz-settings-card{gap:10px}.quiz-settings-toggle{width:100%;text-align:left;background:transparent!important;border:none!important;padding:0!important;color:var(--muted);font-weight:600}.quiz-now-playing ol{margin:10px 0 0;padding-left:1.2rem}.quiz-row-disabled{opacity:.45}.quiz-row-current{border-color:#d4a24c8c;box-shadow:0 0 0 1px #d4a24c40}.quiz-row-done{opacity:.72}.quiz-enable{display:flex;align-items:center;margin:0}.quiz-enable-cols{display:inline-flex;align-items:center;gap:8px;min-width:3.25rem}.quiz-col-headers{display:flex;align-items:center;gap:10px;padding:0 4px 2px;font-size:.7rem;letter-spacing:.04em;text-transform:uppercase}.quiz-col-headers .quiz-enable-cols{justify-content:space-between}.quiz-index{min-width:1.5rem;font-variant-numeric:tabular-nums}.quiz-status{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;padding:3px 8px;border-radius:999px;border:1px solid var(--line);color:var(--muted)}.quiz-status-current{color:var(--bg0);background:var(--accent);border-color:var(--accent)}.quiz-status-done{color:var(--ok);border-color:#6fbf8a66}.quiz-status-disabled{color:var(--muted)}.quiz-intro-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;pointer-events:none;overflow:hidden}.quiz-intro-veil{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 50% 40%,#24332ceb,#0f1410f7),linear-gradient(160deg,rgba(58,46,26,.45),transparent 50%)}.quiz-intro-sweep{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:linear-gradient(115deg,transparent 35%,rgba(212,162,76,.18) 48%,transparent 62%);transform:translate(-40%) rotate(8deg);opacity:0}.quiz-intro-card{position:relative;z-index:1;width:min(920px,88vw);padding:clamp(28px,5vw,56px);text-align:center}.quiz-intro-kicker{margin:0 0 14px;font-size:clamp(.85rem,1.6vw,1.05rem);letter-spacing:.22em;text-transform:uppercase;color:var(--accent);font-weight:600}.quiz-intro-line{height:2px;width:0;margin:0 auto 22px;background:linear-gradient(90deg,transparent,var(--accent),transparent);border-radius:2px}.quiz-intro-prompt{margin:0 0 28px;font-family:var(--display);font-size:clamp(2rem,5.5vw,3.6rem);font-weight:400;line-height:1.15;color:var(--ink);text-wrap:balance}.quiz-preflight-card .quiz-intro-prompt{margin-bottom:16px}.quiz-preflight-sub{margin:0;font-size:clamp(1.05rem,2.4vw,1.45rem);color:var(--muted);line-height:1.45;text-wrap:balance}.quiz-preflight-meta{margin:18px 0 0;font-size:clamp(.95rem,2vw,1.2rem);color:var(--ink);letter-spacing:.02em}.quiz-preflight-meta strong{font-variant-numeric:tabular-nums;color:var(--accent)}.quiz-intro-options{list-style:none;margin:0;padding:0;display:grid;gap:10px;text-align:left;max-width:640px;margin-inline:auto}.quiz-intro-options li{padding:12px 16px;border-radius:12px;border:1px solid var(--line);background:#24332c8c;color:var(--muted);font-size:clamp(.95rem,1.8vw,1.15rem)}.quiz-intro-enter .quiz-intro-veil,.quiz-intro-hold .quiz-intro-veil{animation:quizIntroVeilIn .7s ease-out forwards}.quiz-intro-enter .quiz-intro-card,.quiz-intro-hold .quiz-intro-card{animation:quizIntroCardIn .75s cubic-bezier(.16,1,.3,1) forwards}.quiz-intro-enter .quiz-intro-line,.quiz-intro-hold .quiz-intro-line{animation:quizIntroLineIn .8s .15s ease-out forwards}.quiz-intro-enter .quiz-intro-sweep,.quiz-intro-hold .quiz-intro-sweep{animation:quizIntroSweep 1.4s .2s ease-out forwards}.quiz-intro-enter .quiz-intro-options li,.quiz-intro-hold .quiz-intro-options li{animation:quizIntroOptIn .55s ease-out forwards;opacity:0}.quiz-intro-enter .quiz-intro-options li:nth-child(1),.quiz-intro-hold .quiz-intro-options li:nth-child(1){animation-delay:.35s}.quiz-intro-enter .quiz-intro-options li:nth-child(2),.quiz-intro-hold .quiz-intro-options li:nth-child(2){animation-delay:.42s}.quiz-intro-enter .quiz-intro-options li:nth-child(3),.quiz-intro-hold .quiz-intro-options li:nth-child(3){animation-delay:.49s}.quiz-intro-enter .quiz-intro-options li:nth-child(4),.quiz-intro-hold .quiz-intro-options li:nth-child(4){animation-delay:.56s}.quiz-intro-enter .quiz-intro-options li:nth-child(5),.quiz-intro-hold .quiz-intro-options li:nth-child(5){animation-delay:.63s}.quiz-intro-enter .quiz-intro-options li:nth-child(6),.quiz-intro-hold .quiz-intro-options li:nth-child(6){animation-delay:.7s}.quiz-intro-exit .quiz-intro-veil{animation:quizIntroVeilOut .7s ease-in forwards}.quiz-intro-exit .quiz-intro-card{animation:quizIntroCardOut .7s cubic-bezier(.55,0,1,.45) forwards}.quiz-intro-exit .quiz-intro-sweep{opacity:0}@keyframes quizIntroVeilIn{0%{opacity:0}to{opacity:1}}@keyframes quizIntroVeilOut{0%{opacity:1}to{opacity:0}}@keyframes quizIntroCardIn{0%{opacity:0;transform:translateY(36px) scale(.94);filter:blur(10px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes quizIntroCardOut{0%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}to{opacity:0;transform:translateY(-28px) scale(1.04);filter:blur(8px)}}@keyframes quizIntroLineIn{0%{width:0;opacity:0}to{width:min(280px,40%);opacity:1}}@keyframes quizIntroSweep{0%{opacity:0;transform:translate(-55%) rotate(8deg)}35%{opacity:1}to{opacity:0;transform:translate(55%) rotate(8deg)}}@keyframes quizIntroOptIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.quiz-tally-card{position:relative;overflow:hidden;width:min(640px,86vw);max-width:min(640px,86vw);padding:clamp(16px,2.5vw,28px) clamp(18px,3vw,32px)}.quiz-tally-card .quiz-intro-kicker{margin:0 0 6px;font-size:clamp(.7rem,1.2vw,.85rem)}.quiz-tally-card .quiz-intro-line{margin:0 auto 12px}.quiz-tally-card .quiz-intro-prompt{margin:0 0 14px;font-size:clamp(1.35rem,3.2vw,2.1rem);line-height:1.2}.quiz-tally-options{list-style:none;margin:0;padding:0;display:grid;gap:6px;text-align:left}.quiz-tally-option{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;min-height:0;padding:7px 10px;border-radius:10px;border:1px solid var(--line);background:#0f14108c;overflow:hidden}.quiz-tally-option.correct{border-color:var(--ok);box-shadow:inset 0 0 0 1px #6fbf8a59}.quiz-tally-option.pulse{animation:quizTallyPulse .45s ease-out}.quiz-tally-letter{position:relative;z-index:1;width:1.35rem;height:1.35rem;display:grid;place-items:center;border-radius:6px;background:#d4a24c2e;color:var(--accent);font-weight:600;font-size:.75rem}.quiz-tally-label{position:relative;z-index:1;color:var(--ink);font-size:clamp(.85rem,1.4vw,1.05rem);line-height:1.25}.quiz-tally-count{position:relative;z-index:1;font-family:var(--display);font-size:clamp(1rem,1.8vw,1.25rem);color:var(--accent);min-width:1.25rem;text-align:right;line-height:1}.quiz-tally-bar-fill{position:absolute;inset:0 auto 0 0;z-index:0;background:linear-gradient(90deg,#d4a24c47,#d4a24c1f);transition:width .35s ease-out}.quiz-tally-option.correct .quiz-tally-bar-fill{background:linear-gradient(90deg,#6fbf8a59,#6fbf8a1f)}.quiz-tally-footer{margin:10px 0 0;color:var(--muted);font-size:.78rem;letter-spacing:.04em}.quiz-activity-ring{pointer-events:none;position:absolute;top:-8%;right:-8%;bottom:-8%;left:-8%;border-radius:28px;border:2px solid transparent;opacity:0}.quiz-activity-pulse .quiz-activity-ring{animation:quizActivityRing .52s ease-out}.quiz-activity-card{animation:quizActivityCard .52s ease-out}.quiz-activity-footer{animation:quizActivityFooter .52s ease-out;color:var(--accent)}.quiz-tally-live-option{background:#24332c8c;grid-template-columns:auto 1fr}@keyframes quizTallyPulse{0%{transform:scale(1)}40%{transform:scale(1.015);border-color:var(--accent)}to{transform:scale(1)}}@keyframes quizActivityRing{0%{opacity:.55;transform:scale(.96);border-color:#d4a24c8c}to{opacity:0;transform:scale(1.04);border-color:#d4a24c00}}@keyframes quizActivityCard{0%{box-shadow:0 0 #d4a24c59}60%{box-shadow:0 0 0 10px #d4a24c00}to{box-shadow:0 0 #d4a24c00}}@keyframes quizActivityFooter{0%{transform:scale(1);color:var(--accent)}40%{transform:scale(1.04)}to{transform:scale(1)}}.quiz-podium-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:35;display:grid;place-items:center;pointer-events:none}.quiz-podium-veil{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(900px 480px at 50% 20%,rgba(212,162,76,.18),transparent 60%),#080c0ae0}.quiz-podium-inner{position:relative;z-index:1;width:min(960px,94vw);text-align:center;padding:24px 16px 40px}.quiz-podium-kicker{margin:0;font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.quiz-podium-title{margin:8px 0 0;font-family:var(--display);font-weight:400;font-size:clamp(2.8rem,8vw,5rem);color:var(--ink)}.quiz-podium-line{width:72px;height:2px;margin:14px auto 28px;background:var(--accent)}.quiz-podium-stage{display:grid;grid-template-columns:1fr 1.15fr 1fr;align-items:end;gap:clamp(10px,2vw,28px);min-height:clamp(240px,42vh,420px)}.quiz-podium-column{display:flex;flex-direction:column;align-items:center;gap:8px;opacity:0;transform:translateY(40px);animation:quizPodiumIn .8s cubic-bezier(.16,1,.3,1) forwards}.quiz-podium-column.place-3{animation-delay:.4s}.quiz-podium-column.place-2{animation-delay:1.2s}.quiz-podium-column.place-1{animation-delay:2.2s}.quiz-podium-column.empty{opacity:.45}.quiz-podium-avatar{width:clamp(52px,8vw,72px);height:clamp(52px,8vw,72px);border-radius:50%;display:grid;place-items:center;border:2px solid var(--line);background:#1a2420e6;font-family:var(--display);font-size:clamp(1.4rem,3vw,2rem);color:var(--muted)}.quiz-podium-column.place-1 .quiz-podium-avatar{border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 6px #d4a24c1f}.quiz-podium-name{margin:0;font-size:clamp(.95rem,2vw,1.25rem);color:var(--ink);max-width:11rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quiz-podium-score{margin:0;color:var(--accent);font-family:var(--display);font-size:clamp(1.1rem,2.2vw,1.45rem)}.quiz-podium-block{width:100%;border-radius:14px 14px 6px 6px;border:1px solid var(--line);background:linear-gradient(180deg,#24332cf2,#0f1410f2)}.quiz-podium-column.place-3 .quiz-podium-block{height:clamp(72px,14vh,120px)}.quiz-podium-column.place-2 .quiz-podium-block{height:clamp(100px,20vh,160px)}.quiz-podium-column.place-1 .quiz-podium-block{height:clamp(140px,28vh,220px);border-color:#d4a24c73;background:linear-gradient(180deg,#3a2e1af2,#1a2420fa)}@keyframes quizPodiumIn{to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.quiz-intro-enter .quiz-intro-veil,.quiz-intro-hold .quiz-intro-veil,.quiz-intro-exit .quiz-intro-veil,.quiz-intro-enter .quiz-intro-card,.quiz-intro-hold .quiz-intro-card,.quiz-intro-exit .quiz-intro-card,.quiz-intro-enter .quiz-intro-line,.quiz-intro-hold .quiz-intro-line,.quiz-intro-enter .quiz-intro-sweep,.quiz-intro-hold .quiz-intro-sweep,.quiz-intro-enter .quiz-intro-options li,.quiz-intro-hold .quiz-intro-options li{animation-duration:.01ms!important;animation-delay:0ms!important}.quiz-tally-option.pulse,.quiz-tally-bar-fill,.quiz-activity-pulse .quiz-activity-ring,.quiz-activity-card,.quiz-activity-footer{animation:none!important;transition:none!important}.quiz-podium-column{opacity:1;transform:none;animation:none}}.quiz-timer-overlay{position:absolute;top:clamp(16px,3vh,36px);right:clamp(16px,3vw,40px);z-index:40;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;animation:quizTimerIn .45s ease-out}.quiz-timer-ring{--quiz-timer-progress: 0;position:relative;width:clamp(88px,12vw,128px);height:clamp(88px,12vw,128px)}.quiz-timer-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.quiz-timer-track,.quiz-timer-progress{fill:none;stroke-width:6}.quiz-timer-track{stroke:#f2efe626}.quiz-timer-progress{stroke:var(--accent);stroke-linecap:round;stroke-dasharray:276.46;stroke-dashoffset:calc(276.46 * (1 - var(--quiz-timer-progress)));transition:stroke-dashoffset .1s linear,stroke .2s ease}.quiz-timer-digits{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:var(--display);font-size:clamp(2rem,4.5vw,3rem);line-height:1;color:var(--ink);text-shadow:0 2px 16px rgba(0,0,0,.55)}.quiz-timer-label{margin:0;font-size:clamp(.7rem,1.2vw,.85rem);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);background:#0f1410b8;border:1px solid var(--line);border-radius:999px;padding:4px 10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.quiz-timer-urgent .quiz-timer-progress{stroke:var(--danger)}.quiz-timer-urgent .quiz-timer-digits{color:var(--danger);animation:quizTimerPulse .7s ease-in-out infinite}.quiz-timer-reveal .quiz-timer-progress{stroke:var(--ok)}.quiz-timer-reveal .quiz-timer-digits{color:var(--ok);font-size:clamp(2.2rem,5vw,3.2rem)}@keyframes quizTimerIn{0%{opacity:0;transform:translateY(-12px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes quizTimerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.attendee-shell{min-height:100vh;display:flex;flex-direction:column;max-width:520px;margin:0 auto}.attendee-topbar{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line);background:#0f1410c7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:10}.attendee-badges{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.badge.attendee{background:#d4a24c33;color:var(--accent)}.badge.quiz-done{background:#6fbf8a2e;color:var(--ok)}.badge.quiz-practice{background:#d4a24c29;color:var(--accent)}.attendee-practice-banner{margin:0;padding:10px 14px;border-radius:10px;border:1px solid rgba(212,162,76,.35);background:#d4a24c1f;color:var(--accent);font-size:.92rem}.badge.projector-live{display:inline-flex;align-items:center;gap:6px;background:#6fbf8a2e;color:var(--ok)}.live-dot{width:.55rem;height:.55rem;border-radius:50%;background:var(--ok);box-shadow:0 0 #6fbf8a8c;animation:liveDotPulse 1.6s ease-out infinite}@keyframes liveDotPulse{0%{box-shadow:0 0 #6fbf8a80}70%{box-shadow:0 0 0 8px #6fbf8a00}to{box-shadow:0 0 #6fbf8a00}}.projector-share-status{margin:0;font-size:.9rem}.projector-share-status.live{color:var(--ok)}.attendee-slide-card{background:#1a2420e0;border:1px solid var(--line);border-radius:16px;overflow:hidden}.attendee-slide-stage{position:relative;width:100%;aspect-ratio:16 / 10;min-height:180px;background:#0a0e0c}.attendee-slide-stage:fullscreen,.attendee-slide-stage.is-fullscreen:fullscreen{aspect-ratio:auto;width:100vw;height:100vh;min-height:100%;border-radius:0;background:#000}.attendee-slide-stage .present-root{position:absolute;top:0;right:0;bottom:0;left:0}.attendee-slide-stage:fullscreen .present-root{top:0;right:0;bottom:0;left:0}.attendee-slide-stage .annotate-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.attendee-slide-caption{position:absolute;left:0;right:0;bottom:0;z-index:4;margin:0;padding:8px 12px;font-size:.8rem;border-top:1px solid var(--line);background:#0f1410b8}.attendee-slide-fs-btn{position:absolute;top:10px;right:10px;z-index:5;opacity:.45;padding:6px 10px;font-size:.8rem;border-radius:8px;border:1px solid var(--line);background:#0f1410c7;color:var(--ink);transition:opacity .15s ease}.attendee-slide-fs-btn:hover,.attendee-slide-stage:fullscreen .attendee-slide-fs-btn{opacity:1}.attendee-slide-placeholder{padding:20px 18px;display:flex;flex-direction:column;gap:6px}.attendee-main{flex:1;padding:18px;display:flex;flex-direction:column;gap:14px}.attendee-card{background:#1a2420e0;border:1px solid var(--line);border-radius:16px;padding:20px 18px;display:flex;flex-direction:column;gap:12px}.attendee-card h1{margin:0;font-family:var(--display);font-size:clamp(1.55rem,6vw,2rem);font-weight:400;line-height:1.2}.attendee-card h2{margin:0;font-size:1.15rem}.attendee-prompt{font-size:clamp(1.35rem,5.5vw,1.75rem)!important}.eyebrow{margin:0;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.attendee-quiz-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.attendee-timer{font-family:var(--display);font-size:1.4rem;min-width:2.5rem;text-align:right}.attendee-timer.urgent{color:var(--danger);animation:quizTimerPulse .7s ease-in-out infinite}.attendee-options{display:flex;flex-direction:column;gap:10px}.attendee-option{display:flex;align-items:flex-start;gap:12px;text-align:left;width:100%;padding:14px;border-radius:12px;border:1px solid var(--line);background:#0f14108c;color:var(--ink);transition:border-color .15s ease,background .15s ease}.attendee-option:disabled{cursor:default;opacity:.85}.attendee-option:not(:disabled):hover,.attendee-option:not(:disabled):focus-visible{border-color:var(--accent);outline:none}.attendee-option.selected{border-color:var(--accent);background:#d4a24c29}.attendee-option.correct{border-color:var(--ok);background:#6fbf8a24}.attendee-option.static{cursor:default}.attendee-option-letter{flex-shrink:0;width:1.6rem;height:1.6rem;display:grid;place-items:center;border-radius:8px;background:#f2efe614;font-size:.85rem;font-weight:600}.attendee-answer-note{margin:0}.attendee-ready-rules{margin:0;padding-left:1.15rem;color:var(--muted);line-height:1.45;display:grid;gap:6px}.attendee-ready-rules strong{color:var(--ink)}.attendee-ready-btn{align-self:stretch;min-height:48px;font-size:1.05rem}.attendee-error{margin:0;padding:10px 12px;border-radius:10px;background:#e07a5f29;border:1px solid rgba(224,122,95,.4);color:#f2c4b8}.attendee-qna-form{display:flex;flex-direction:column;gap:10px}.attendee-qna-form textarea{width:100%;resize:vertical;min-height:88px;padding:12px;border-radius:12px;border:1px solid var(--line);background:#0f14108c;color:var(--ink)}.attendee-qna-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.attendee-my-qna ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.attendee-my-qna li{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:#0f141066;font-size:.92rem}.attendee-leaderboard{display:flex;flex-direction:column;gap:8px}.attendee-official-podium{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.attendee-leader-row{display:flex;gap:12px;align-items:center;padding:8px 10px;border-radius:10px;border:1px solid var(--line)}.attendee-leader-row span:nth-child(2){flex:1}.attendee-pulse{animation:attendeePulse 2.2s ease-in-out infinite}@keyframes attendeePulse{0%,to{border-color:var(--line)}50%{border-color:#d4a24c73}}@media(prefers-reduced-motion:reduce){.quiz-timer-overlay,.quiz-timer-urgent .quiz-timer-digits,.attendee-timer.urgent,.attendee-pulse,.live-dot{animation:none}}
