:root{--primary-color:#6366f1;--primary-rgb:99, 102, 241;--accent-color:#f43f5e;--tertiary-color:#06b6d4;--neutral-bg:#0f172a;--card-bg:#1e293bb8;--modal-bg:#1e293b;--surface-subtle:#ffffff0d;--surface-elevated:#0f172a8c;--surface-hover:#ffffff1a;--surface-inset:#00000040;--text-color:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--on-primary:#fff;--accent-cyan-text:#38bdf8;--accent-indigo-text:#a5b4fc;--accent-emerald-text:#34d399;--accent-amber-text:#fbbf24;--accent-rose-text:#fb7185;--border-radius-sm:8px;--border-radius:16px;--border-radius-lg:24px;--radius-sm:var(--border-radius-sm);--radius-md:var(--border-radius);--radius-lg:var(--border-radius-lg);--border-radius-md:var(--border-radius);--primary:var(--primary-color);--primary-dim:#6366f126;--accent:var(--accent-color);--border-color:#ffffff1f;--border-strong:#ffffff38;--shadow-light:0 6px 20px #00000040;--shadow-glow:0 0 25px #6366f166;--shadow-accent:0 0 25px #f43f5e66;--font-primary:"Inter", system-ui, -apple-system, sans-serif;--font-heading:"Poppins", var(--font-primary);--transition:.3s cubic-bezier(.4, 0, .2, 1);--gradient-bg:linear-gradient(135deg, #0f172a 0%, #1e1b4b 100%);--background-conic:radial-gradient(circle at 50% 0%, #1e1b4b, #0f172a 80%);--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--btn-bg:linear-gradient(45deg, var(--primary-color), #00d4ff);--btn-color:#000;--btn-hover-bg:linear-gradient(45deg, var(--accent-color), #ff8c00);--btn-hover-color:#000;--btn-hover-shadow:var(--shadow-accent);--btn-padding:clamp(8px, 1.2vw, 12px) clamp(16px, 2.5vw, 24px);--btn-radius:var(--border-radius-sm);--btn-font:var(--font-heading);--btn-shadow:none;--btn-hover-transform:scale(1.05);--btn-disabled-bg:#334155;--btn-disabled-color:#94a3b8;--btn-disabled-border:none;--btn-secondary-bg:#ffffff14;--btn-secondary-color:#f8fafc;--btn-secondary-border:1px solid #fff3;--btn-secondary-shadow:none;--btn-secondary-hover-bg:#ffffff29;--btn-secondary-hover-color:#fff;--btn-secondary-hover-border:#ffffff59;--leave-btn-bg:#ffffff0f;--leave-btn-border:#ffffff26;--leave-btn-color:#ffffffbf;--option-bg:#ffffff08;--option-border:#ffffff1f;--option-selected-bg:#6366f138;--option-selected-shadow:var(--shadow-glow);--tag-bg:#ffffff1f;--tag-border:#ffffff38;--tag-text:#e2e8f0;--tag-vip-text:#fbcfe8;--lobby-banner-bg:#38bdf81a;--lobby-banner-border:#38bdf84d;--lobby-banner-text:#7dd3fc;--pc-host-bg:#1e1e1e99;--pc-theme-border-color:#ffffff1f;--pc-theme-border-width:1px;--pc-spec-score-color-theme:#00e5ff;--pc-spec-name-shadow-theme:0 2px 4px #00000080;--pc-spec-score-shadow-theme:0 0 16px #00e5ff66, 2px 2px 0px #00000080;--buzzer-bg:radial-gradient(circle, var(--accent-color), #d65400);--buzzer-border:clamp(6px, 1vw, 12px) solid #d65400;--buzzer-shadow:0 0 20px #ff6200b3, inset 0 0 20px #ffffff4d;--buzzer-hover-bg:radial-gradient(circle, var(--accent-color), #d65400);--buzzer-hover-shadow:0 0 30px var(--accent-color), inset 0 0 25px #ffffff80;--buzzer-active-bg:radial-gradient(circle, #d65400, var(--accent-color));--buzzer-active-shadow:0 0 15px #ff620099;--buzzer-disabled-bg:#334155;--buzzer-disabled-border:#1e293b;--buzzer-disabled-color:#94a3b8;--input-bg:#1e293bbf;--input-border:1px solid #fff3;--input-padding:.8rem;--input-text-color:var(--text-color);--error-color:#f44;--success-color:#00c851;--warning-color:#fb3;--bg-primary:#0f172a;--bg-secondary:#1e293b;--spec-header-bg:#0f172af2;--glass-border:#ffffff1f}*{box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-primary);background:var(--gradient-bg);color:var(--text-color);background-image:var(--background-conic);background-size:cover;background-attachment:fixed;min-height:100vh;margin:0;overflow-x:hidden}rapidtap-app,playsurge-app{flex-direction:column;align-items:stretch;width:100%;min-height:100vh;display:flex}body.in-active-view>h1{display:none!important}h1{font-family:var(--font-heading);color:#f8fafc;text-transform:uppercase;letter-spacing:clamp(1px,.35vw,2.5px);text-shadow:0 4px 20px #06b6d438;text-align:center;cursor:pointer;transition:transform var(--transition,.15s ease), text-shadow var(--transition,.15s ease);user-select:none;margin:clamp(1rem,2vw,1.75rem) 0;font-size:clamp(1.9rem,4.6vw,3.25rem);font-weight:800}h1 .brand-lockup{vertical-align:middle;justify-content:center;align-items:center;gap:clamp(.55rem,1.2vw,.85rem);display:inline-flex}h1 .brand-mark{width:clamp(38px,4.4vw,52px);height:clamp(38px,4.4vw,52px);transition:transform var(--transition,.15s ease);border-radius:12px;flex-shrink:0;box-shadow:0 6px 18px #00000059,0 0 18px #06b6d440}h1 .brand-accent{color:#22d3ee}h1 .brand-sub{letter-spacing:2px;color:#94a3b8;vertical-align:middle;margin-left:.35rem;font-size:.52em;font-weight:700}h1:hover{text-shadow:0 4px 26px #22d3ee61;transform:scale(1.02)}h1:hover .brand-mark{transform:rotate(-4deg)scale(1.04)}h2{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:clamp(.5px,.3vw,2px);font-size:clamp(1.5rem,4vw,2.5rem)}h3{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:clamp(.5px,.2vw,1px);font-size:clamp(1rem,3vw,1.8rem)}h4{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:clamp(.5px,.2vw,1px);font-size:clamp(.75rem,2vw,1.5rem)}.content-wrapper{max-width:1600px;padding:clamp(var(--space-md), 2vw, var(--space-xl));flex-direction:column;flex-grow:1;inline-size:100%;margin-inline:auto;display:flex;container-type:inline-size}.card{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border-radius:var(--border-radius);border:1px solid var(--border-color);padding:clamp(var(--space-md), 2vw, var(--space-lg));margin-bottom:clamp(var(--space-md), 2vw, var(--space-lg));box-shadow:var(--shadow-light);color:var(--text-color);transition:transform var(--transition), box-shadow var(--transition)}@container (width>=600px){.card{padding:clamp(var(--space-lg), 2.5vw, var(--space-xl))}}.card:hover{box-shadow:var(--shadow-glow);transform:translateY(-5px)}.btn,button,input[type=submit]{z-index:1;background:var(--btn-bg);color:var(--btn-color);border:var(--btn-border,none);padding:var(--btn-padding);border-radius:var(--btn-radius);cursor:pointer;font-family:var(--btn-font);transition:transform var(--transition), background-color var(--transition), border-color var(--transition), box-shadow var(--transition), color var(--transition);will-change:transform;min-height:44px;box-shadow:var(--btn-shadow);justify-content:center;align-items:center;margin:.5rem;font-size:clamp(.9rem,1.3vw,1.1rem);font-weight:700;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:before,button:before,input[type=submit]:before{content:"";background:var(--btn-hover-bg);opacity:0;transition:opacity var(--transition);z-index:-1;border-radius:inherit;pointer-events:none;position:absolute;inset:0}.btn:hover:not(:disabled):before,button:hover:not(:disabled):before,input[type=submit]:hover:not(:disabled):before{opacity:1}.btn:hover:not(:disabled),button:hover:not(:disabled),input[type=submit]:hover:not(:disabled){transform:var(--btn-hover-transform);box-shadow:var(--btn-hover-shadow);color:var(--btn-hover-color)}button.secondary,.btn.secondary{background:var(--btn-secondary-bg);color:var(--btn-secondary-color);border:var(--btn-secondary-border);box-shadow:var(--btn-secondary-shadow)}button.secondary:before,.btn.secondary:before{content:none;display:none}button.secondary:hover:not(:disabled),.btn.secondary:hover:not(:disabled){background:var(--btn-secondary-hover-bg);color:var(--btn-secondary-hover-color);border-color:var(--btn-secondary-hover-border);box-shadow:var(--shadow-light);transform:translateY(-2px)}button.close-button,button.close-modal-btn,button.modal-tab,button.flair-tab-btn,button.flair-modal-close,button.remove-chip-btn,button.pass-buzz-btn,button.clear-history-btn,button.toggle-all-btn,button.user-badge-btn,button.guest-pill,button.reaction-btn,button.header-btn,button.header-home-btn,.close-button,.close-modal-btn,.modal-tab,.flair-tab-btn,.flair-modal-close,.remove-chip-btn,.pass-buzz-btn,.clear-history-btn,.toggle-all-btn,.user-badge-btn,.guest-pill,.reaction-btn,.header-btn,.header-home-btn{min-height:unset;color:inherit;margin:0;font-family:inherit;overflow:visible}button.close-button:before,button.close-modal-btn:before,button.modal-tab:before,button.flair-tab-btn:before,button.flair-modal-close:before,button.remove-chip-btn:before,button.pass-buzz-btn:before,button.clear-history-btn:before,button.toggle-all-btn:before,button.user-badge-btn:before,button.guest-pill:before,button.reaction-btn:before,button.header-btn:before,button.header-home-btn:before,.close-button:before,.close-modal-btn:before,.modal-tab:before,.flair-tab-btn:before,.flair-modal-close:before,.remove-chip-btn:before,.pass-buzz-btn:before,.clear-history-btn:before,.toggle-all-btn:before,.user-badge-btn:before,.guest-pill:before,.reaction-btn:before,.header-btn:before,.header-home-btn:before{content:none!important;display:none!important}button.close-button:hover,button.close-modal-btn:hover,button.modal-tab:hover,button.flair-tab-btn:hover,button.flair-modal-close:hover,button.remove-chip-btn:hover,button.pass-buzz-btn:hover,button.clear-history-btn:hover,button.toggle-all-btn:hover,button.user-badge-btn:hover,button.guest-pill:hover,button.reaction-btn:hover,button.header-btn:hover,button.header-home-btn:hover{color:inherit;box-shadow:none;transform:none}.btn:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--text-color);outline-offset:2px;box-shadow:0 0 0 6px #00b7eb4d}.btn:disabled,button:disabled,input[type=submit]:disabled{background:var(--btn-disabled-bg);color:var(--btn-disabled-color);border:var(--btn-disabled-border);cursor:not-allowed;box-shadow:none;opacity:.85;transform:none}.input,input[type=text],input[type=number],input[type=email],select,textarea{padding:var(--input-padding);border-radius:var(--border-radius-sm);border:var(--input-border);background:var(--input-bg);backdrop-filter:blur(12px);color:var(--input-text-color);font-size:1rem}.input,input[type=text],input[type=number]{max-width:300px;min-height:44px;transition:border-color var(--transition), box-shadow var(--transition);margin:.5rem}.input:focus,input[type=text]:focus,input[type=number]:focus,select:focus,textarea:focus{border-color:var(--primary-color);box-shadow:0 0 8px color-mix(in srgb, var(--primary-color) 35%, transparent);outline:none}.home-container{width:100%;padding:clamp(var(--space-md), 2vw, var(--space-xl));flex-direction:column;align-items:center;display:flex}.home-container .blurb{max-width:800px;color:var(--text-secondary);text-align:center;margin:0 auto clamp(1.5rem,3vw,2rem);font-size:clamp(.9rem,1.4vw,1.2rem);line-height:1.6}.home-actions{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:clamp(1.5rem,2.5vw,2rem);width:100%;max-width:1400px;margin:0 auto;padding:clamp(1rem,2vw,1.5rem);display:grid}#toast-container{z-index:10000;pointer-events:none;flex-direction:column;align-items:flex-end;display:flex;position:fixed;top:20px;right:20px}toast-notification{margin-bottom:10px}.nav-card:hover{background:color-mix(in srgb, var(--accent-color) 12%, var(--card-bg));box-shadow:var(--shadow-accent);transform:translateY(-5px)}.nav-card i{color:var(--primary-color);transition:color var(--transition), transform var(--transition);margin-bottom:clamp(.8rem,1.5vw,1rem);font-size:clamp(2.5rem,4vw,3.5rem)}.nav-card:hover i{color:var(--accent-color);text-shadow:0 0 15px color-mix(in srgb, var(--accent-color) 50%, transparent);transform:scale(1.1)rotate(5deg)}.nav-card i.fa-sign-in-alt:before{content:"";font-family:"Font Awesome 5 Free";font-weight:900}.nav-card i.fa-crown:before{content:"";font-family:"Font Awesome 5 Free";font-weight:900}.nav-card i.fa-eye:before{content:"";font-family:"Font Awesome 5 Free";font-weight:900}.nav-card h3{color:var(--text-color);margin-bottom:.6rem}.nav-card p{color:var(--text-muted);margin:0;font-size:.95rem;line-height:1.5}:host{box-sizing:border-box;--pc-bg:var(--card-bg);--pc-padding:1rem;--pc-border-color:var(--pc-theme-border-color,var(--border-color));--pc-border-width:var(--pc-theme-border-width,1px);--pc-radius:var(--border-radius-sm);--pc-shadow:var(--shadow-light);--pc-layout:column;--pc-align:center;--pc-justify:center;--pc-gap:.5rem;--pc-name-size:1.2rem;--pc-score-size:2rem;--pc-name-color:var(--text-color);--pc-score-color:var(--text-color);--pc-name-shadow:none;--pc-score-shadow:none;--pc-name-transform:none;--pc-name-spacing:normal;--pc-name-align:center;--pc-score-align:center;--pc-info-layout:column;--pc-info-align:center;--pc-info-justify:center;width:100%;min-width:0;min-height:0;display:block}:host([mode=spectator]){box-sizing:border-box;--pc-bg:var(--card-bg);--pc-padding:clamp(.5rem, 3.5cqmin, 1.5rem);--pc-border-color:var(--pc-theme-border-color,var(--border-color));--pc-border-width:var(--pc-theme-border-width,1px);--pc-radius:var(--border-radius);--pc-shadow:var(--shadow-light);--pc-layout:column;--pc-align:center;--pc-justify:center;--pc-gap:clamp(.25rem, 2cqmin, .75rem);--pc-name-size:clamp(.95rem, 8cqmin, 2.5rem);--pc-score-size:clamp(1.8rem, 24cqmin, 6.5rem);--pc-name-color:var(--text-color);--pc-score-color:var(--pc-spec-score-color-theme,#00e5ff);--pc-name-transform:uppercase;--pc-name-spacing:1.5px;--pc-name-shadow:var(--pc-spec-name-shadow-theme,0 2px 4px #00000080);--pc-score-shadow:var(--pc-spec-score-shadow-theme,0 0 16px #00e5ff66, 2px 2px 0px #00000080);--pc-info-layout:column;--pc-info-align:center;--pc-info-justify:center;--pc-name-align:center;--pc-score-align:center;width:100%;min-width:0;height:100%;min-height:0;display:block;container-type:size}@keyframes scorePulse{0%{text-shadow:0 0 20px #00e5ff66;transform:scale(1)}50%{text-shadow:0 0 50px #00e5ffcc,0 0 20px #fffc;transform:scale(1.15)}to{text-shadow:0 0 20px #00e5ff66;transform:scale(1)}}.player-card.score-up{animation:.8s cubic-bezier(.25,1,.5,1) cardPulseGreen}.player-card.score-down{animation:.8s cubic-bezier(.25,1,.5,1) cardPulseRed}.player-card.score-up .player-score{animation:.8s ease-out scorePulseGreen}.player-card.score-down .player-score{animation:.8s ease-out scorePulseRed}.score-float{font-family:var(--font-heading);pointer-events:none;z-index:1000;text-shadow:0 4px 12px #000000b3;font-size:2.2rem;font-weight:800;position:absolute;top:15%;left:50%;transform:translate(-50%)}.score-float.positive{color:#10b981;text-shadow:0 0 15px #10b98199,0 4px 10px #000c;animation:1.5s cubic-bezier(.16,1,.3,1) forwards floatUpFadePositive}.score-float.negative{color:#f43f5e;text-shadow:0 0 15px #f43f5e99,0 4px 10px #000c;animation:1.5s cubic-bezier(.16,1,.3,1) forwards floatUpFadeNegative}@keyframes cardPulseGreen{0%{box-shadow:var(--pc-shadow), 0 0 0px #10b98100;border-color:var(--pc-border-color);transform:scale(1)}15%{box-shadow:var(--pc-shadow), 0 0 35px #10b981b3, inset 0 0 15px #10b98159;border-color:#10b981;transform:scale(1.04)}to{box-shadow:var(--pc-shadow), 0 0 0px #10b98100;border-color:var(--pc-border-color);transform:scale(1)}}@keyframes cardPulseRed{0%{box-shadow:var(--pc-shadow), 0 0 0px #f43f5e00;border-color:var(--pc-border-color);transform:scale(1)}15%{box-shadow:var(--pc-shadow), 0 0 35px #f43f5eb3, inset 0 0 15px #f43f5e59;border-color:#f43f5e;transform:scale(.96)}to{box-shadow:var(--pc-shadow), 0 0 0px #f43f5e00;border-color:var(--pc-border-color);transform:scale(1)}}@keyframes scorePulseGreen{0%{transform:scale(1)}25%{color:#10b981;text-shadow:0 0 25px #10b981e6;transform:scale(1.35)}to{transform:scale(1)}}@keyframes scorePulseRed{0%{transform:scale(1)}25%{color:#f43f5e;text-shadow:0 0 25px #f43f5ee6;transform:scale(1.35)}to{transform:scale(1)}}@keyframes floatUpFadePositive{0%{opacity:0;transform:translate(-50%,10px)scale(.6)}20%{opacity:1;transform:translate(-50%,-15px)scale(1.25)}to{opacity:0;transform:translate(-50%,-100px)scale(.95)}}@keyframes floatUpFadeNegative{0%{opacity:0;transform:translate(-50%,10px)scale(.6)}20%{opacity:1;transform:translate(-50%,-15px)scale(1.25)}to{opacity:0;transform:translate(-50%,-100px)scale(.95)}}:host([mode=host]){--pc-bg:var(--pc-host-bg,var(--card-bg));--pc-border-color:var(--pc-theme-border-color,var(--border-color));--pc-border-width:var(--pc-theme-border-width,1px);--pc-padding:.8rem;--pc-layout:column;--pc-justify:space-between;--pc-gap:.5rem;--pc-radius:var(--border-radius-sm);width:100%;display:block}player-card{width:100%;display:block}@media (width<=768px){.player-list{flex-direction:column;gap:.85rem;width:100%;padding-bottom:0;display:flex}player-card,.player-card{box-sizing:border-box;width:100%;min-width:0;max-width:100%}}.player-card{box-sizing:border-box;background:var(--pc-bg);padding:var(--pc-padding);border:var(--pc-border-width) solid var(--pc-border-color);border-radius:var(--pc-radius);box-shadow:var(--pc-shadow);flex-direction:var(--pc-layout);align-items:var(--pc-align);justify-content:var(--pc-justify);gap:var(--pc-gap);width:100%;min-width:0;height:100%;min-height:0;transition:transform var(--transition), box-shadow var(--transition), background-color var(--transition), border-color var(--transition);display:flex;position:relative;overflow:hidden}:host([mode=host]) .player-card{height:auto;margin-bottom:.5rem}.player-card .player-name{font-family:var(--font-heading);font-size:var(--pc-name-size);color:var(--pc-name-color);text-transform:var(--pc-name-transform);letter-spacing:var(--pc-name-spacing);text-shadow:var(--pc-name-shadow);text-align:var(--pc-name-align,center);text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;max-width:100%;font-weight:800;line-height:1.15;overflow:hidden}.player-card .player-score{font-family:var(--pc-score-font,"Courier New", monospace);font-size:var(--pc-score-size);color:var(--pc-score-color);text-shadow:var(--pc-score-shadow);transition:transform var(--transition);text-align:var(--pc-score-align,center);letter-spacing:-1px;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;max-width:100%;font-weight:900;line-height:1;overflow:hidden}.player-card.buzzed-in{border-color:var(--pc-buzzed-border-color,var(--accent-color));box-shadow:var(--pc-buzzed-shadow,0 0 10px var(--accent-color) inset);background:var(--pc-buzzed-bg,#3c140099)}:host([mode=spectator]) .player-card.buzzed-in{border-color:var(--pc-spec-buzzed-border-color,#f0f);box-shadow:var(--pc-spec-buzzed-shadow,0 0 16px #f0f9, inset 0 0 12px #ff00ff4d);background:var(--pc-spec-buzzed-bg,linear-gradient(135deg, #320032e6, #140014e6));animation:var(--pc-spec-buzzed-animation,buzzFlash .5s ease-out);will-change:transform}:host([mode=spectator]) .player-card.leader{border-color:var(--pc-spec-leader-border-color,gold);box-shadow:var(--pc-spec-leader-shadow,0 0 16px #ffd70099, inset 0 0 10px #ffd7004d);background:var(--pc-spec-leader-bg,var(--card-bg))}:host([mode=spectator]) .player-card.first-buzzer{border-color:var(--pc-spec-first-border-color,#0f0);box-shadow:var(--pc-spec-first-shadow,0 0 18px #00ff00b3, inset 0 0 12px #0f06);animation:var(--pc-spec-first-animation,buzzFlash .3s ease-out);background:var(--pc-spec-first-bg,var(--card-bg));will-change:transform}:host([mode=spectator].score-changed) .player-score{animation:.6s ease-out scorePulse}:host([mode=host]) .buzz-badge{background:var(--accent-color);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-right:.5rem;font-size:.8rem;font-weight:700;display:flex}:host([mode=host]) .player-info{flex-direction:column;align-items:center;gap:.2rem;width:100%;display:flex}:host([mode=host]) .player-name{opacity:.95;font-size:1.1rem}:host([mode=host]) .player-score{color:var(--primary-color);font-size:2.2rem}:host([mode=host]) .remove-player{color:var(--text-muted);width:24px;height:24px;min-height:unset;box-shadow:none;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin:0;padding:0;font-size:1.2rem;display:flex;position:absolute;top:5px;right:5px}:host([mode=host]) .remove-player:before{content:none;display:none}:host([mode=host]) .remove-player:hover{color:#ef4444;box-shadow:none;background:#ef444429;transform:none}:host([mode=host]) .player-controls{position:static}:host([mode=host]) .points-control{box-sizing:border-box;grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:6px;width:100%;margin-top:.5rem;display:grid}:host([mode=host]) .points-control button,:host([mode=host]) .points-control input{box-sizing:border-box;width:100%;height:38px;margin:0;font-size:.85rem}:host([mode=host]) .points-control button{padding:4px 6px}:host([mode=host]) .points-control .custom-points{box-sizing:border-box;grid-column:span 1;width:100%;max-width:none;padding:.4rem;font-size:.85rem}:host([mode=host]) .points-control .award-custom{box-sizing:border-box;grid-column:span 1;padding:.4rem}:host([mode=spectator]) .player-info{flex-direction:var(--pc-info-layout,column);align-items:var(--pc-info-align,center);justify-content:var(--pc-info-justify,center);gap:var(--pc-gap,.25rem);box-sizing:border-box;flex-grow:1;width:100%;min-width:0;max-width:100%;min-height:0;display:flex;overflow:hidden}:host([mode=spectator]) .score-history h4{display:none}.buzzer-container{flex-grow:1;justify-content:center;align-items:center;padding:clamp(1.5rem,4vw,3rem) 0;display:flex}button.buzzer{background:var(--buzzer-bg);border:var(--buzzer-border);width:clamp(180px,35vw,280px);height:clamp(180px,35vw,280px);box-shadow:var(--buzzer-shadow);color:#fff;font-family:var(--font-heading);text-transform:uppercase;cursor:pointer;text-shadow:0 2px 5px #00000073;user-select:none;box-sizing:border-box;text-align:center;white-space:normal;text-wrap:balance;word-break:normal;border-radius:50%;justify-content:center;align-items:center;padding:0 clamp(.5rem,2vw,1.25rem);font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1.15;transition:all .15s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative}button.buzzer.status-text,button.buzzer:disabled{font-size:clamp(1.05rem,3.2vw,1.55rem);line-height:1.15}button.buzzer:before{content:none!important;display:none!important}button.buzzer:after{content:"";pointer-events:none;background:linear-gradient(#ffffff59,#0000);border-radius:50%/100% 100% 0 0;width:70%;height:25%;position:absolute;top:10%;left:15%}button.buzzer:hover:not(:disabled){background:var(--buzzer-hover-bg);box-shadow:var(--buzzer-hover-shadow);color:#fff;transform:scale(1.05)}button.buzzer:active:not(:disabled){background:var(--buzzer-active-bg);box-shadow:var(--buzzer-active-shadow);color:#fff;transform:scale(.95)}button.buzzer:disabled{background:var(--buzzer-disabled-bg);border-color:var(--buzzer-disabled-border);color:var(--buzzer-disabled-color);cursor:not-allowed;box-shadow:none;text-shadow:none;opacity:.75;transform:none}button.buzzer:disabled:after{opacity:.15}.buzzed-indicator{display:none!important}.leave-game-container{padding:clamp(.8rem,1.5vw,1rem) 0}#leaveGame{background:var(--leave-btn-bg);border:1px solid var(--leave-btn-border);color:var(--leave-btn-color);backdrop-filter:blur(4px);max-width:200px;box-shadow:none;transition:all var(--transition,.2s ease)}#leaveGame:before{content:none!important;display:none!important}#leaveGame:hover{color:#e11d48;background:#ef44441f;border-color:#ef444466;transform:translateY(-1px);box-shadow:0 2px 10px #ef44442e}#qrcode{border-radius:var(--border-radius-sm);transition:all var(--transition);background:#fff;margin:clamp(.8rem,1.5vw,1rem) auto;padding:1rem;display:inline-block}#qrcode img{display:block}.spectator-view .qr-container{z-index:10;opacity:0;pointer-events:none;position:absolute;top:1rem;right:1rem}.spectator-view .qr-container.game-started{opacity:1;pointer-events:auto}.spectator-view .qr-container.initial{opacity:1;pointer-events:auto;position:static}.qr-float-btn{background:var(--card-bg);box-shadow:var(--shadow-light);color:var(--primary-color);text-shadow:0 0 clamp(6px, 1vw, 12px) var(--primary-color);border-radius:50%;margin:clamp(.8rem,1.5vw,1rem) 0;padding:.5rem;font-size:clamp(2rem,4.5vw,2.8rem);font-weight:700;position:fixed;bottom:1rem;right:1rem}.game-type-container{grid-template-columns:1fr 1fr;gap:1rem;width:100%;margin-bottom:1.5rem;display:grid}.game-type-option{border-radius:var(--border-radius);border:2px solid var(--option-border);background:var(--option-bg);color:var(--text-color);cursor:pointer;transition:transform var(--transition), background-color var(--transition), border-color var(--transition), box-shadow var(--transition);will-change:transform;text-align:center;padding:1.5rem}.game-type-option:hover{background:color-mix(in srgb, var(--primary-color) 10%, var(--option-bg));border-color:var(--primary-color)}.game-type-option.selected{background:var(--option-selected-bg);border-color:var(--primary-color);box-shadow:var(--option-selected-shadow)}.game-type-option h4{color:var(--text-color);margin:0 0 .5rem}.game-type-option p{color:var(--text-muted);margin:0;font-size:.9rem}.theme-container{grid-template-columns:repeat(3,1fr);gap:1rem;width:100%;margin-bottom:1.5rem;display:grid}.theme-option{border-radius:var(--border-radius);border:2px solid var(--option-border);background:var(--option-bg);color:var(--text-color);cursor:pointer;transition:transform var(--transition), background-color var(--transition), border-color var(--transition), box-shadow var(--transition);will-change:transform;text-align:center;padding:1rem}.theme-option h4{color:var(--text-color);margin:0}.theme-option:hover{background:color-mix(in srgb, var(--primary-color) 10%, var(--option-bg));border-color:var(--primary-color)}.theme-option.selected{background:var(--primary-color);border-color:var(--primary-color);color:var(--on-primary);box-shadow:var(--shadow-glow)}.theme-option.selected h4{color:var(--on-primary)}.trivia-pack-option{border:2px solid var(--option-border);background:var(--option-bg);color:var(--text-color);cursor:pointer;transition:transform var(--transition), background-color var(--transition), border-color var(--transition), box-shadow var(--transition);will-change:transform;border-radius:10px;padding:.85rem}.trivia-pack-option:hover{background:color-mix(in srgb, var(--primary-color) 10%, var(--option-bg));border-color:var(--primary-color)}.trivia-pack-option.selected{background:var(--option-selected-bg);border-color:var(--primary-color);box-shadow:var(--option-selected-shadow)}.trivia-pack-section{margin-top:1.25rem;margin-bottom:1.25rem}.trivia-pack-container{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;display:grid}.trivia-pack-option h4{color:var(--text-color);margin:0 0 .25rem;font-size:.95rem;font-weight:700}.trivia-pack-option p{color:var(--text-muted);margin:0;font-size:.75rem;line-height:1.35}.recent-sessions-container{text-align:left;margin-top:1.25rem}.recent-history-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.recent-history-header h4{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:.85rem;font-weight:700}.clear-history-btn{color:var(--text-muted);cursor:pointer;transition:opacity var(--transition), color var(--transition);background:0 0;border:none;padding:0;font-size:.75rem;text-decoration:underline}.clear-history-btn:hover{color:var(--accent-color)}.recent-chips-grid{flex-wrap:wrap;gap:.5rem;display:flex}.recent-chip{background:var(--option-bg);border:1px solid var(--option-border);border-radius:var(--border-radius-sm);cursor:pointer;transition:transform var(--transition), background-color var(--transition), border-color var(--transition), box-shadow var(--transition);user-select:none;align-items:center;gap:.6rem;padding:.5rem .85rem;display:inline-flex}.recent-chip:hover{background:var(--option-selected-bg);border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #6366f129}.recent-chip-info{text-align:left;flex-direction:column;display:flex}.recent-chip-code{font-weight:800;font-family:var(--font-heading);color:var(--primary-color);font-size:.95rem;line-height:1.1}.recent-chip-player{color:var(--text-muted);font-size:.75rem}.remove-chip-btn{color:var(--text-muted);cursor:pointer;transition:opacity var(--transition), color var(--transition), transform var(--transition);background:0 0;border:none;padding:0 0 0 4px;font-size:1.1rem;line-height:1}.remove-chip-btn:hover{color:var(--error-color);transform:scale(1.2)}.spectator-view.join-phase .spectator-header{background:0 0;flex-direction:column;align-items:center;gap:.8rem;padding:1.5rem 1rem;display:flex;position:static}.spectator-view.join-phase .spectator-scoreboard{display:none}.spectator-view{flex-direction:column;width:100%;height:100vh;display:flex;overflow:hidden}.spectator-view.game-phase .spectator-header{border-radius:0 0 var(--border-radius-sm) var(--border-radius-sm);z-index:10;background:#141414d9;flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.5rem 1rem;display:flex}@keyframes backgroundPan{0%{background-position:0 0}to{background-position:100% 100%}}@keyframes surgeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{color:var(--accent-color);transform:scale(1)}50%{color:#ffeb3b;transform:scale(1.12)}to{color:var(--accent-color);transform:scale(1)}}@keyframes pulseGlow{0%{box-shadow:0 0 10px var(--accent-color), 0 0 15px var(--accent-color) inset}50%{box-shadow:0 0 25px var(--accent-color), 0 0 35px var(--accent-color) inset}to{box-shadow:0 0 10px var(--accent-color), 0 0 15px var(--accent-color) inset}}@keyframes scoreFlash{0%{background-color:#ff03}to{background-color:#0000}}@keyframes buzzFlash{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes scoreChangeHighlight{0%{box-shadow:var(--shadow-light);transform:scale(1)}50%{box-shadow:var(--shadow-glow);border-color:var(--success-color);transform:scale(1.05)}to{box-shadow:var(--shadow-light);transform:scale(1)}}@keyframes zoomIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.theme-bright{--neutral-bg:#f8fafc;--card-bg:#ffffffeb;--modal-bg:#fff;--surface-subtle:#0f172a0d;--surface-elevated:#f1f5f9;--surface-hover:#0f172a17;--surface-inset:#f1f5f9;--text-color:#0f172a;--text-secondary:#334155;--text-muted:#475569;--on-primary:#fff;--accent-cyan-text:#0369a1;--accent-indigo-text:#4338ca;--accent-emerald-text:#047857;--accent-amber-text:#b45309;--accent-rose-text:#be123c;--primary-color:#4f46e5;--primary-rgb:79, 70, 229;--primary:#4f46e5;--primary-dim:#4f46e514;--accent-color:#e11d48;--accent:#e11d48;--tertiary-color:#0284c7;--border-color:#cbd5e1;--border-strong:#94a3b8;--bg-secondary:#f1f5f9;--bg-primary:#f8fafc;--glass-border:#cbd5e1;--input-bg:#fff;--input-border:1.5px solid #cbd5e1;--input-text-color:#0f172a;--shadow-light:0 4px 20px -2px #0f172a12, 0 2px 6px -1px #0f172a0a;--shadow-glow:0 12px 30px -4px #4f46e529, 0 4px 10px -2px #4f46e514;--shadow-accent:0 12px 30px -4px #e11d4838;--gradient-bg:radial-gradient(circle at 12% 15%, #4f46e514 0%, transparent 45%), radial-gradient(circle at 88% 85%, #e11d480f 0%, transparent 45%), linear-gradient(180deg, #f8fafc 0%, #eef2f7 100%);--background-conic:radial-gradient(circle at 50% 0%, #fff, #eef2f7);--btn-bg:linear-gradient(135deg, #4f46e5 0%, #6366f1 100%);--btn-color:#fff;--btn-shadow:0 4px 12px -1px #4f46e540;--btn-hover-bg:linear-gradient(135deg, #4338ca 0%, #4f46e5 100%);--btn-hover-color:#fff;--btn-hover-shadow:0 8px 16px -2px #4f46e559;--btn-hover-transform:translateY(-2px);--btn-disabled-bg:#e2e8f0;--btn-disabled-color:#64748b;--btn-disabled-border:1px solid #cbd5e1;--btn-secondary-bg:#fff;--btn-secondary-color:#1e293b;--btn-secondary-border:1.5px solid #cbd5e1;--btn-secondary-shadow:0 2px 4px #0f172a0d;--btn-secondary-hover-bg:#f8fafc;--btn-secondary-hover-color:#0f172a;--btn-secondary-hover-border:#94a3b8;--leave-btn-bg:#0f172a0d;--leave-btn-border:#cbd5e1;--leave-btn-color:#475569;--option-bg:#fff;--option-border:#cbd5e1;--option-selected-bg:#4f46e514;--option-selected-shadow:0 0 0 1px #4f46e5, 0 4px 12px #4f46e524;--tag-bg:#f1f5f9;--tag-border:#cbd5e1;--tag-text:#1e293b;--tag-vip-text:#be185d;--lobby-banner-bg:linear-gradient(135deg, #e0e7ff, #ede9fe);--lobby-banner-border:#818cf8;--lobby-banner-text:#312e81;--pc-host-bg:#fff;--pc-theme-border-color:#cbd5e1;--pc-theme-border-width:1px;--pc-spec-score-color-theme:#4338ca;--pc-spec-name-shadow-theme:none;--pc-spec-score-shadow-theme:none;--pc-spec-buzzed-border-color:#e11d48;--pc-spec-buzzed-shadow:0 0 16px #e11d4840, inset 0 0 10px #e11d4814;--pc-spec-buzzed-bg:#fff1f2;--pc-spec-buzzed-animation:buzzFlashBright .5s ease-out;--pc-spec-first-border-color:#4f46e5;--pc-spec-first-shadow:0 0 18px #4f46e540, inset 0 0 12px #4f46e51a;--pc-spec-first-bg:#e0e7ff;--pc-spec-first-animation:buzzFlashBright .3s ease-out;--pc-spec-leader-border-color:#d97706;--pc-spec-leader-shadow:0 0 25px #d9770633, inset 0 0 15px #d9770614;--pc-spec-leader-bg:#fef3c7;--buzzer-bg:radial-gradient(circle at 50% 28%, #ff4b6e 0%, #e11d48 65%, #be123c 100%);--buzzer-border:clamp(6px, 1vw, 10px) solid #cbd5e1;--buzzer-shadow:0 15px 35px #e11d4847, 0 0 0 4px #e2e8f0, inset 0 4px 10px #fff6, inset 0 -6px 12px #00000026;--buzzer-hover-bg:radial-gradient(circle at 50% 28%, #ff5c7d 0%, #f43f5e 65%, #c0133e 100%);--buzzer-hover-shadow:0 20px 40px #e11d4859, 0 0 0 4px #cbd5e1, inset 0 4px 10px #ffffff80;--buzzer-active-bg:radial-gradient(circle at 50% 28%, #be123c 0%, #9f1239 70%);--buzzer-active-shadow:0 5px 15px #e11d4833, 0 0 0 4px #cbd5e1, inset 0 2px 6px #0000004d;--buzzer-disabled-bg:radial-gradient(circle at 50% 30%, #e2e8f0 0%, #cbd5e1 70%);--buzzer-disabled-border:#94a3b8;--buzzer-disabled-color:#64748b;--spec-header-bg:#fffffff0;--spec-header-border-bottom:2px solid #4f46e52e;--spec-header-title-color:#4f46e5;--spec-header-title-shadow:none;--spec-header-code-color:#4338ca;--spec-header-code-shadow:none;--spec-code-bg:#fff;--spec-code-border:1.5px solid #4f46e547;--spec-code-label-color:#475569;--spec-code-shadow:0 2px 10px #0f172a0f;--ctrl-group-bg:#f1f5f9;--ctrl-group-border:1px solid #cbd5e1;--ctrl-group-title-color:#475569;--timer-color:#e11d48;--timer-shadow:none}body.theme-bright{background:var(--gradient-bg)}.theme-bright h1{color:#0f172a;text-shadow:none;filter:drop-shadow(0 2px 8px #0f172a14)}.theme-bright h1 .brand-accent{color:#0284c7}.theme-bright h1 .brand-sub{color:#475569}.theme-bright h1:hover{text-shadow:none;filter:drop-shadow(0 4px 14px #0284c733)}@keyframes buzzFlashBright{0%{transform:scale(1)}to{transform:scale(1.03)}}.theme-retro{--neutral-bg:#09051e;--card-bg:#181045;--modal-bg:#181045;--surface-subtle:#ffd00014;--surface-elevated:#120a33;--surface-hover:#ffd00029;--surface-inset:#0d072a;--text-color:#fff;--text-secondary:#e2e8f0;--text-muted:#cbd5e1;--on-primary:#09051e;--accent-cyan-text:#00f0ff;--accent-indigo-text:#ffd000;--accent-emerald-text:#34d399;--accent-amber-text:#ffd000;--accent-rose-text:#ff2a5f;--primary-color:#ffd000;--primary-rgb:255, 208, 0;--primary:#ffd000;--primary-dim:#ffd00026;--accent-color:#ff2a5f;--accent:#ff2a5f;--tertiary-color:#00f0ff;--quaternary-color:#ff007f;--border-color:#ffd000;--border-strong:#ffe169;--bg-secondary:#120a33;--bg-primary:#09051e;--glass-border:#ffd00073;--font-primary:"Inter", system-ui, sans-serif;--font-heading:"Righteous", "Bungee", cursive, sans-serif;--timer-font:"Press Start 2P", "Russo One", monospace;--border-radius-sm:6px;--border-radius:10px;--border-radius-lg:14px;--transition:.12s cubic-bezier(.2, .8, .2, 1);--btn-bg:#ffd000;--btn-color:#09051e;--btn-border:2px solid #ffe169;--btn-radius:6px;--btn-shadow:0 5px 0 #9e7a00, 0 8px 15px #00000080;--btn-font:"Righteous", "Bungee", sans-serif;--btn-hover-bg:#ffe169;--btn-hover-color:#09051e;--btn-hover-shadow:0 7px 0 #9e7a00, 0 12px 20px #ffd00059;--btn-hover-transform:translateY(-2px);--btn-disabled-bg:#25185e;--btn-disabled-color:#94a3b8;--btn-disabled-border:2px solid #ffd0004d;--btn-secondary-bg:#25185e;--btn-secondary-color:#00f0ff;--btn-secondary-border:2px solid #00f0ff;--btn-secondary-shadow:0 5px 0 #0d072a, 0 8px 15px #0006;--btn-secondary-hover-bg:#2f1f77;--btn-secondary-hover-color:#fff;--btn-secondary-hover-border:#ffd000;--leave-btn-bg:#120a33;--leave-btn-border:#ffd00073;--leave-btn-color:#ffd000;--option-bg:#120a33;--option-border:#ffd00073;--option-selected-bg:#ffd0002e;--option-selected-shadow:0 0 15px #ffd00059, 3px 3px 0px #04020c;--tag-bg:#ffd00026;--tag-border:#ffd000;--tag-text:#ffd000;--tag-vip-text:#ff70a6;--lobby-banner-bg:#241442;--lobby-banner-border:#ffd000;--lobby-banner-text:#ffd000;--pc-host-bg:#1e1358;--pc-theme-border-color:#ffd000;--pc-theme-border-width:2px;--pc-spec-score-color-theme:#ffd000;--pc-spec-name-shadow-theme:2px 2px 0px #000;--pc-spec-score-shadow-theme:0 0 15px #ffd00099, 2px 2px 0px #000;--pc-spec-buzzed-border-color:#ff2a5f;--pc-spec-buzzed-shadow:0 0 16px #ff2a5f, inset 0 0 10px #ff2a5f, 3px 3px 0px #04020c;--pc-spec-buzzed-bg:#2a0512;--pc-spec-buzzed-animation:retroBuzz .5s ease-out;--pc-spec-first-border-color:#ffd000;--pc-spec-first-shadow:0 0 18px #ffd000, inset 0 0 10px #ffd000, 3px 3px 0px #04020c;--pc-spec-first-bg:#1e1358;--pc-spec-first-animation:marqueeLights .8s ease-out;--pc-spec-leader-border-color:#ffd000;--pc-spec-leader-shadow:0 0 35px #ffd000, inset 0 0 15px #ffd000, 5px 5px 0px #04020c;--pc-spec-leader-bg:#281d00;--buzzer-bg:radial-gradient(circle at 50% 28%, #ff4b6e 0%, #d81b48 65%, #9b0f32 100%);--buzzer-border:clamp(8px, 1.2vw, 12px) solid #ffd000;--buzzer-shadow:0 0 0 6px #181045, 0 15px 35px #000c, 0 0 40px #ff2a5f73;--buzzer-hover-bg:radial-gradient(circle at 50% 28%, #ff6282 0%, #e62352 65%, #b1133c 100%);--buzzer-hover-shadow:0 0 0 6px #181045, 0 20px 45px #000000e6, 0 0 55px #ffd00099;--buzzer-active-bg:radial-gradient(circle at 50% 28%, #d81b48 0%, #9b0f32 70%);--buzzer-active-shadow:0 0 0 6px #181045, 0 5px 12px #0009;--buzzer-disabled-bg:#25185e;--buzzer-disabled-border:#ffd00059;--buzzer-disabled-color:#94a3b8;--input-bg:#0d072a;--input-border:2px solid #ffd000;--input-text-color:#fff;--shadow-light:5px 5px 0px #04020c, 0 0 15px #ffd0001a;--shadow-glow:0 0 25px #ffd00080, 5px 5px 0px #04020c;--shadow-accent:0 0 25px #ff2a5f99, 5px 5px 0px #04020c;--gradient-bg:radial-gradient(circle at 50% 0%, #ffd0002e 0%, transparent 60%), radial-gradient(circle at 85% 25%, #ff007f1f 0%, transparent 45%), radial-gradient(circle at 15% 75%, #00f0ff1f 0%, transparent 45%), linear-gradient(180deg, #09051e 0%, #150c38 100%);--background-conic:radial-gradient(circle at 50% 50%, #25185e 0%, #09051e 80%);--spec-header-bg:#181045;--spec-header-border-bottom:4px solid #ffd000;--spec-header-title-color:#ffd000;--spec-header-title-font:"Righteous", "Bungee", sans-serif;--spec-header-code-font:"Press Start 2P", "Russo One", monospace;--spec-header-code-color:#00f0ff;--spec-code-bg:#100a30;--spec-code-border:2px solid #ffd000;--spec-code-label-color:#ffd000;--spec-code-shadow:3px 3px 0px #04020c;--ctrl-group-bg:#120a33;--ctrl-group-border:2px solid #ffd00066;--ctrl-group-title-color:#ffd000;--timer-color:#ff2a5f;--timer-shadow:0 0 15px #ff2a5fb3}body.theme-retro{background:var(--gradient-bg)}.theme-retro h1{color:#ffd000;text-shadow:3px 3px #ff007f,6px 6px #00f0ff,0 0 25px #ffd00099;letter-spacing:clamp(2px,.6vw,4px);font-family:Righteous,Bungee,cursive,sans-serif}.theme-retro h1 .brand-accent{color:#00f0ff}.theme-retro h1 .brand-sub{color:#ffe169}.theme-retro h1:hover{text-shadow:4px 4px #ff007f,8px 8px #00f0ff,0 0 35px #ffd000e6;transform:scale(1.03)}@keyframes retroBuzz{0%{transform:translate(0)}25%{transform:translate(-3px)}50%{transform:translate(3px)}75%{transform:translate(-3px)}to{transform:translate(0)}}@keyframes marqueeLights{0%{border-color:#ffd000;box-shadow:0 0 20px #ffd000,inset 0 0 10px #ffd000,5px 5px #04020c}50%{border-color:#ff2a5f;box-shadow:0 0 35px #ff2a5f,inset 0 0 15px #ff2a5f,5px 5px #04020c}to{border-color:#ffd000;box-shadow:0 0 20px #ffd000,inset 0 0 10px #ffd000,5px 5px #04020c}}.game-mode-controller-container{flex-direction:column;gap:1rem;display:flex}.switch{width:60px;height:34px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#ccc;border-radius:34px;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:26px;height:26px;transition:all .4s;position:absolute;bottom:4px;left:4px}input:checked+.slider{background-color:#2196f3}input:checked+.slider:before{transform:translate(26px)}.host-grid{grid-template-columns:repeat(12,1fr);align-items:start;gap:clamp(1rem,2vw,1.5rem);display:grid}.host-grid>.card{height:100%;margin-bottom:0}.host-grid>.card:hover{box-shadow:var(--shadow-light);transform:none}.actions-card,.timer-card,.game-mode-controller-container,.player-list-container,.log-card{grid-column:span 12;width:100%}@media (width>=1024px){.actions-card{grid-column:span 7}.timer-card{grid-column:span 5}}.player-management-controls{letter-spacing:2px}.control-group{background:var(--ctrl-group-bg,#0003);border-radius:var(--border-radius-sm);border:var(--ctrl-group-border,1px solid #ffffff0d);flex-direction:column;gap:.5rem;margin-bottom:1rem;padding:1rem;display:flex}.control-group:last-child{margin-bottom:0}.control-group h4{color:var(--ctrl-group-title-color,#aaa);text-transform:uppercase;letter-spacing:1px;margin:0 0 .8rem;font-size:.85rem;font-weight:600}.control-row{flex-wrap:wrap;align-items:center;gap:.8rem;margin-bottom:.8rem;display:flex}.control-row:last-child{margin-bottom:0}.control-row input[type=number],.control-row input[type=text]{flex:1;min-width:100px;height:44px;margin:0}.control-row button{white-space:nowrap;flex:auto;min-width:max-content;height:44px;margin:0;padding:.5rem .85rem;font-size:clamp(.8rem,1.1vw,.95rem)}.full-width{width:100%}.points-control{grid-template-columns:1fr auto;align-items:center;gap:.8rem;width:100%;margin-top:.5rem;display:grid}.points-control button{margin:0;padding:.5rem;font-size:.9rem}.points-control .custom-points{width:100%;max-width:none;margin:0;padding:.5rem}.points-control .award-custom{width:auto;margin:0;padding-inline:1.5rem}.trivia-setup-container{background:var(--card-bg);border-radius:var(--border-radius);border:1px solid var(--border-color);box-shadow:var(--shadow-light);flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.trivia-setup-title{color:var(--primary-color);margin:0;font-size:1.5rem;font-weight:700}.setup-mode-tabs{gap:1rem;margin-top:.25rem;display:flex}.setup-mode-btn{border-radius:var(--border-radius-sm);border:1px solid var(--option-border);background:var(--option-bg);color:var(--text-color);cursor:pointer;transition:transform var(--transition), background-color var(--transition), border-color var(--transition);text-align:left;flex:1;padding:1rem}.setup-mode-btn.selected{border-color:var(--primary-color);background:var(--option-selected-bg);box-shadow:var(--option-selected-shadow)}.setup-mode-btn h4{color:var(--text-color);margin:0 0 .25rem;font-weight:700}.setup-mode-btn p{color:var(--text-muted);opacity:1;margin:0;font-size:.75rem;line-height:1.3}.structured-settings{border-top:1px solid var(--border-color);flex-direction:column;gap:1.25rem;margin-top:.25rem;padding-top:1.25rem;display:flex}.trivia-select{border-radius:var(--border-radius-sm);background:var(--input-bg);color:var(--input-text-color);border:var(--input-border);cursor:pointer;outline:none;width:100%;padding:.65rem .85rem;font-size:.95rem;font-weight:600}.q-per-cat-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.q-per-cat-label{min-width:180px;color:var(--text-color);font-size:.9rem;font-weight:600}.q-per-cat-value{color:var(--primary-color);margin-left:.25rem;font-weight:700}.range-slider{accent-color:var(--primary-color);cursor:pointer;flex:1}.categories-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.toggle-all-btn{border:1px solid var(--option-border);background:var(--option-bg);color:var(--text-color);cursor:pointer;transition:background-color var(--transition);border-radius:6px;padding:.25rem .6rem;font-size:.75rem;font-weight:600}.toggle-all-btn:hover{background:var(--option-hover-bg)}.categories-grid{background:var(--surface-inset);border-radius:var(--border-radius-sm);border:1px solid var(--border-color);grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.5rem;max-height:160px;padding:.75rem;display:grid;overflow-y:auto}.category-checkbox-label{cursor:pointer;user-select:none;color:var(--text-color);transition:color var(--transition), opacity var(--transition);align-items:center;gap:.5rem;font-size:.85rem;display:flex}.category-checkbox-label.unchecked{opacity:.45}.category-checkbox{cursor:pointer;accent-color:var(--primary-color)}.start-trivia-btn{border-radius:var(--border-radius-sm);background:var(--primary-color);width:100%;color:var(--on-primary);cursor:pointer;transition:transform var(--transition), background-color var(--transition), box-shadow var(--transition);border:none;margin-top:.5rem;padding:.85rem;font-size:1.1rem;font-weight:700;box-shadow:0 4px 15px #6366f140}.start-trivia-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f159}.question-badge-grid{flex-wrap:wrap;gap:.5rem;display:flex}.question-badge{border:1px solid var(--option-border);background:var(--option-bg);color:var(--text-color);cursor:pointer;transition:transform var(--transition), background-color var(--transition), border-color var(--transition), color var(--transition);border-radius:6px;align-items:center;gap:3px;padding:.5rem .85rem;font-weight:700;display:flex}.question-badge:hover{border-color:var(--primary-color);background:var(--option-hover-bg)}.question-badge.active{background:var(--primary-color);border-color:var(--primary-color);color:var(--on-primary);box-shadow:0 0 10px #6366f14d}.question-badge.played:not(.active){opacity:.55;background:var(--surface-subtle)}.log-card{flex-direction:column;grid-column:1/-1;display:flex}.log-entry{font-size:.85rem;font-family:var(--font-primary,monospace);transition:background-color var(--transition);border-radius:4px;align-items:center;gap:.6rem;padding:.3rem .5rem;display:flex}.log-entry:hover{background:var(--surface-subtle)}.log-timestamp{color:var(--text-muted);font-family:monospace;font-size:.75rem}.log-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;align-items:center;padding:.15rem .45rem;font-size:.7rem;font-weight:700;display:inline-flex}.log-badge-buzz{color:var(--accent-rose-text);background:#f43f5e29;border:1px solid #f43f5e61}.log-badge-point{color:var(--accent-cyan-text);background:#06b6d429;border:1px solid #06b6d461}.log-badge-join{color:var(--accent-indigo-text);background:#6366f129;border:1px solid #6366f161}.log-badge-leave{color:var(--accent-amber-text);background:#f59e0b29;border:1px solid #f59e0b61}.log-badge-system{background:var(--surface-subtle);border:1px solid var(--border-color);color:var(--text-color)}.log-message{color:var(--text-color);flex:1}.header-info{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:0 .5rem 1rem;display:flex}.host-game-code{font-family:var(--font-heading);color:var(--primary-color);letter-spacing:2px;margin:0;font-size:1.5rem}@media (width<=768px){.host-grid{flex-direction:column;display:flex}.header-info{flex-direction:column;align-items:flex-start;gap:.5rem}.control-row input[type=number],.control-row input[type=text]{min-width:100%}.control-row button{flex:auto;min-width:max-content}}.trivia-container{flex-direction:column;gap:.5rem;display:flex}.trivia-card{background:var(--surface-subtle);border:1px solid var(--border-color);border-radius:8px;margin:.5rem 0;padding:1rem}.question-text{margin-bottom:.5rem;font-size:1.1rem}.answer-text{color:var(--primary-color);font-weight:700}button.active{background-color:var(--error-color)}.hidden{display:none!important}.spectator-scoreboard{box-sizing:border-box;flex-grow:1;gap:clamp(.75rem,1.5vw,1.5rem);width:100%;min-width:0;height:100%;min-height:0;padding:clamp(.75rem,1.5vw,1.5rem);display:grid;overflow:hidden}.spectator-scoreboard[data-player-count="1"]{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);max-width:1400px;margin:0 auto}.spectator-scoreboard[data-player-count="2"]{grid-template-rows:minmax(0,1fr);grid-template-columns:repeat(2,minmax(0,1fr))}.spectator-scoreboard[data-player-count="3"]{grid-template-rows:minmax(0,1fr);grid-template-columns:repeat(3,minmax(0,1fr))}.spectator-scoreboard[data-player-count="4"]{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr))}.spectator-scoreboard[data-player-count="5"],.spectator-scoreboard[data-player-count="6"]{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr))}.spectator-scoreboard[data-player-count="7"],.spectator-scoreboard[data-player-count="8"]{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(4,minmax(0,1fr))}.spectator-scoreboard[data-player-count="9"],.spectator-scoreboard[data-player-count="10"],.spectator-scoreboard[data-player-count="11"],.spectator-scoreboard[data-player-count="12"]{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(4,minmax(0,1fr))}.spectator-scoreboard[data-player-count="13"],.spectator-scoreboard[data-player-count="14"],.spectator-scoreboard[data-player-count="15"],.spectator-scoreboard[data-player-count="16"]{grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:repeat(4,minmax(0,1fr))}.spectator-scoreboard[data-player-count="17"],.spectator-scoreboard[data-player-count="18"],.spectator-scoreboard[data-player-count="19"],.spectator-scoreboard[data-player-count="20"]{grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:repeat(5,minmax(0,1fr))}.spectator-scoreboard:not([data-player-count]){grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));grid-auto-rows:minmax(0,1fr)}.host-container{flex-direction:column;gap:1.5rem;width:100%;max-width:1600px;margin:0 auto;padding:clamp(1rem,2vw,1.5rem);display:flex}.host-header-bar{justify-content:space-between;align-items:center;width:100%;max-width:840px;margin:0 auto;padding:0 .25rem;display:flex}.initial-controls{justify-content:center;width:100%;display:flex}.initial-controls .setup-card{width:100%;max-width:840px;margin:0 auto;padding:clamp(1.5rem,3vw,2.5rem)}.host-init-actions{gap:1rem;width:100%;margin-top:1.75rem;display:flex}.host-init-actions button{min-height:52px;margin:0;font-size:1.05rem;font-weight:700}#startGame{flex:1.5}#rejoinGame{flex:1}.rejoin-form{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1.25rem;display:flex}.rejoin-form input{flex:1;min-width:180px;height:48px;margin:0}.rejoin-form button{height:48px;margin:0}@media (width<=640px){.content-wrapper{padding:.5rem}.host-container{gap:1rem;padding:0}.host-grid>.card,.initial-controls .setup-card{border-radius:var(--border-radius-sm);padding:.75rem}.game-type-container,.theme-container{grid-template-columns:1fr}.host-init-actions{flex-direction:column}.host-header-bar{flex-direction:column;align-items:flex-start;gap:.5rem}}.game-view{flex-direction:column;gap:1.5rem;width:100%;display:flex}.timer-preset-row{grid-template-columns:repeat(4,1fr);gap:.5rem;width:100%;display:grid}.timer-preset-row button{width:100%;margin:0;padding:.5rem .25rem;font-size:.9rem}.buzzer-toggle-btn{border-radius:var(--border-radius-sm);cursor:pointer;width:100%;min-height:52px;margin:0;font-size:1.1rem;font-weight:700;transition:all .2s}.buzzer-toggle-btn:not(.active){background:var(--btn-bg);color:var(--btn-color);box-shadow:0 4px 15px #6366f140}.buzzer-toggle-btn.active{color:#fff;background:linear-gradient(135deg,#ef4444,#f43f5e);box-shadow:0 4px 15px #ef444466}.player-list{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;width:100%;display:grid}@media (width<=768px){.player-list{flex-direction:column;gap:.85rem;width:100%;padding-bottom:0;display:flex}}.buzz-delimiter,.unbuzzed-delimiter{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:1.5px;border-radius:var(--border-radius-sm);grid-column:1/-1;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.85rem;font-weight:800;display:flex}.buzz-delimiter{color:var(--accent-rose-text);background:#f43f5e24;border:1px solid #f43f5e59}.unbuzzed-delimiter{background:var(--surface-subtle);color:var(--text-muted);border:1px dashed var(--border-color);margin-top:.5rem}.recent-chip,.recent-host-chip,.recent-spectate-chip{will-change:transform;transform:translateZ(0)}.recent-chip:hover,.recent-host-chip:hover,.recent-spectate-chip:hover{transform:translateY(-2px);border-color:var(--primary-color)!important;background:#6366f126!important}.rejoin-form{flex-direction:column;gap:.5rem;margin-top:1rem;display:flex}.toggle-header{cursor:pointer;user-select:none;align-items:center;padding-bottom:.5rem;display:flex}.toggle-header h4{align-items:center;gap:.5rem;margin:0;display:flex}.toggle-icon{font-size:.8em;transition:transform .3s;display:inline-block}.home-footer{border-top:1px solid var(--border-color);margin-top:3rem;justify-content:center;align-items:center;gap:1.5rem;width:100%;max-width:800px;margin-inline:auto;padding:1.5rem;display:flex}.footer-btn{background:var(--option-bg);border:1px solid var(--option-border);color:var(--text-color);font-family:var(--font-primary);cursor:pointer;border-radius:30px;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.9rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 12px #00000014}.footer-btn i{color:var(--primary-color);transition:color .3s,transform .3s}.footer-btn:hover{background:var(--option-hover-bg);border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 6px 20px #6366f126}.footer-btn:hover i{color:var(--accent-color);transform:scale(1.15)}@media (width<=600px){.home-footer{flex-direction:column;gap:.8rem;margin-top:2rem;padding:1rem}.footer-btn{justify-content:center;width:100%}}.modal{backdrop-filter:blur(8px);z-index:10000;opacity:0;pointer-events:none;background:#0f172abf;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .3s;display:flex;position:fixed;top:0;left:0}.modal.open{opacity:1;pointer-events:auto}.modal-content{background:var(--modal-bg);backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-light), 0 0 35px #6366f126;width:90%;max-width:550px;padding:var(--space-xl);color:var(--text-color);transition:transform .3s cubic-bezier(.4,0,.2,1);position:relative;transform:translateY(-20px)}.modal.open .modal-content{transform:translateY(0)}.modal-content h2{color:var(--primary-color);border-bottom:1px solid var(--border-color);margin-top:0;margin-bottom:1.5rem;padding-bottom:.75rem;font-size:1.8rem}.close-button{color:var(--text-color);cursor:pointer;opacity:.6;background:0 0;border:none;padding:0;font-size:2rem;line-height:1;transition:opacity .2s,color .2s;position:absolute;top:1.5rem;right:1.5rem}.close-button:hover{opacity:1;color:var(--accent-color)}.modal-body{flex-direction:column;gap:1.5rem;display:flex}.help-section{align-items:flex-start;gap:1.25rem;display:flex}.help-section i{color:var(--primary-color);background:#6366f11f;border:1px solid #6366f133;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;padding:.8rem;font-size:1.4rem;display:flex}.help-section h3{color:var(--text-color);margin:0 0 .35rem;font-size:1.1rem;font-weight:600}.help-section p{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.55}google-cast-launcher{cursor:pointer;--connected-color:var(--primary-color);--disconnected-color:var(--text-color);width:40px;height:40px;display:inline-block}.card-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.card-header h3{margin:0}.game-timer{font-family:var(--timer-font,var(--font-heading));color:var(--timer-color,var(--primary-color));letter-spacing:1px;text-shadow:var(--timer-shadow,none);font-size:1.5rem;font-weight:700}.jeopardy-board-wrap{width:100%;container-type:inline-size}.spectator-board-wrap{height:100%}.jeopardy-board{grid-template-columns:repeat(var(--cat-count,6), minmax(0, 1fr));grid-template-rows:minmax(3.25rem, auto) repeat(var(--clue-count,5), minmax(3.1rem, 1fr));border-radius:var(--border-radius);box-sizing:border-box;background-color:#000;grid-auto-flow:column;gap:clamp(.35rem,.6cqi,.55rem);width:100%;padding:clamp(.4rem,.7cqi,.6rem);display:grid;overflow:hidden}.jeopardy-board.spectator-board{grid-template-rows:minmax(3.5rem, 1.15fr) repeat(var(--clue-count,5), minmax(0, 1fr));height:100%}.jeopardy-category-col,.jeopardy-clues-group{display:contents}.jeopardy-cell{color:#fc0;min-width:0;min-height:0;font-family:var(--font-heading,"Poppins", sans-serif);font-variant-numeric:tabular-nums;cursor:pointer;text-shadow:2px 2px #000;text-align:center;user-select:none;background:#060ce9;border-radius:4px;justify-content:center;align-items:center;padding:.45rem .3rem;font-size:clamp(.95rem,2.2cqi,1.65rem);font-weight:800;transition:transform .1s,filter .15s;display:flex}.jeopardy-cell:hover{filter:brightness(1.18)}.jeopardy-cell:active{transform:scale(.98)}.jeopardy-cell.header-cell{color:#fff;text-transform:uppercase;font-family:var(--font-heading,"Poppins", sans-serif);letter-spacing:.03em;word-break:normal;overflow-wrap:break-word;cursor:default;background:#00008b;padding:.5rem .35rem;font-size:clamp(.72rem,1.35cqi,1.05rem);font-weight:800;line-height:1.2}.jeopardy-cell.header-cell:hover{filter:none}.jeopardy-cell.played,.jeopardy-cell.empty-cell{color:#0000;text-shadow:none;cursor:default;pointer-events:none;background:#004}.jeopardy-cell.value-cell{white-space:nowrap;letter-spacing:-.01em}.spectator-board .jeopardy-cell{cursor:default;font-size:clamp(1.2rem,3.1cqi,2.5rem)}.spectator-board .jeopardy-cell:hover{filter:none}.spectator-board .jeopardy-cell.header-cell{font-size:clamp(.85rem,1.55cqi,1.45rem)}@container (width<=620px){.jeopardy-board,.jeopardy-board.spectator-board{flex-direction:column;gap:.5rem;height:auto;padding:.5rem;display:flex}.jeopardy-category-col{background:linear-gradient(#050a78 0%,#020542 100%);border:1px solid #6384ff47;border-radius:10px;flex-direction:column;gap:.38rem;padding:.45rem .5rem;display:flex}.jeopardy-category-col.category-complete{opacity:.62}.jeopardy-cell.header-cell,.spectator-board .jeopardy-cell.header-cell{text-align:left;letter-spacing:.06em;background:0 0;border-radius:0;justify-content:flex-start;padding:.1rem .15rem;font-size:.85rem}.jeopardy-clues-group{grid-template-columns:repeat(var(--mobile-clue-cols,5), minmax(0, 1fr));gap:.35rem;display:grid}.jeopardy-cell.value-cell,.jeopardy-cell.empty-cell,.spectator-board .jeopardy-cell.value-cell,.spectator-board .jeopardy-cell.empty-cell{border-radius:6px;min-height:42px;padding:.35rem .15rem;font-size:clamp(.8rem,3.6cqi,.98rem);box-shadow:inset 0 1px #ffffff2e}.jeopardy-cell.played,.jeopardy-cell.empty-cell{box-shadow:none;border:1px solid #ffffff14}}@media (width<=680px){.jeopardy-board,.jeopardy-board.spectator-board{flex-direction:column;gap:.5rem;height:auto;padding:.5rem;display:flex}.jeopardy-category-col{background:linear-gradient(#050a78 0%,#020542 100%);border:1px solid #6384ff47;border-radius:10px;flex-direction:column;gap:.38rem;padding:.45rem .5rem;display:flex}.jeopardy-category-col.category-complete{opacity:.62}.jeopardy-cell.header-cell,.spectator-board .jeopardy-cell.header-cell{text-align:left;letter-spacing:.06em;background:0 0;border-radius:0;justify-content:flex-start;padding:.1rem .15rem;font-size:.85rem}.jeopardy-clues-group{grid-template-columns:repeat(var(--mobile-clue-cols,5), minmax(0, 1fr));gap:.35rem;display:grid}.jeopardy-cell.value-cell,.jeopardy-cell.empty-cell,.spectator-board .jeopardy-cell.value-cell,.spectator-board .jeopardy-cell.empty-cell{border-radius:6px;min-height:42px;padding:.35rem .15rem;font-size:clamp(.8rem,3.6vw,.98rem);box-shadow:inset 0 1px #ffffff2e}.jeopardy-cell.played,.jeopardy-cell.empty-cell{box-shadow:none;border:1px solid #ffffff14}}.jeopardy-display-card{color:#fff;text-align:center;box-sizing:border-box;background:#060ce9;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:2rem;display:flex}.jeopardy-display-header{color:#fc0;text-transform:uppercase;letter-spacing:2px;margin-bottom:2rem;font-size:2rem}.jeopardy-display-content{text-shadow:2px 2px 4px #000c;max-width:80%;font-family:Korinna,Cinzel,Georgia,serif;font-size:4vw;line-height:1.3}.jeopardy-display-card.answer-mode .a-text{color:#fc0;margin-top:1rem;font-weight:700}.trivia-display-card{background:var(--card-bg,#1e293bb3);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color,#ffffff26);border-radius:var(--border-radius-lg,24px);box-shadow:var(--shadow-glow,0 10px 30px #0000004d);color:var(--text-color,#fff);box-sizing:border-box;width:100%;height:100%;transition:var(--transition,.3s ease);flex-direction:column;display:flex;overflow:hidden}.trivia-display-header{background:linear-gradient(90deg, var(--primary-color), var(--accent-color));color:#fff;font-family:var(--font-heading,inherit);letter-spacing:.5px;text-transform:uppercase;text-align:center;padding:1rem 1.5rem;font-size:1.25rem;font-weight:800;box-shadow:0 4px 15px #00000026}.trivia-display-content{box-sizing:border-box;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2rem;min-height:300px;padding:2.5rem;display:flex}.trivia-flex-center{justify-content:center;height:100%;min-height:250px}.trivia-status-text{color:var(--text-color,#fff);opacity:.7;text-align:center;font-size:1.6rem;font-family:var(--font-heading,inherit);margin:0}.trivia-display-content .q-text{font-family:var(--font-heading,var(--font-primary,inherit));color:var(--text-color,#fff);text-align:center;max-width:90%;margin:0;font-size:2.2rem;font-weight:600;line-height:1.4;animation:.4s ease-out fade-in}.trivia-answer-wrapper{justify-content:center;align-items:center;width:100%;min-height:120px;display:flex}.trivia-answer-box{background:var(--primary-dim,#6366f11f);border:2px solid var(--primary-color,#6366f1);border-radius:var(--border-radius,12px);box-shadow:var(--shadow-glow,0 0 35px #6366f140);text-align:center;padding:1.5rem 3.5rem;animation:.45s cubic-bezier(.175,.885,.32,1.275) pop}.trivia-answer-label{text-transform:uppercase;color:var(--primary-color,#6366f1);letter-spacing:1.5px;font-size:.8rem;font-weight:700;font-family:var(--font-heading,inherit);margin-bottom:.5rem;display:block}.trivia-answer-text{color:var(--text-color,#fff);letter-spacing:.5px;font-size:2rem;font-weight:800;font-family:var(--font-heading,inherit)}.trivia-answer-hidden{color:var(--text-color,#ffffff80);opacity:.6;letter-spacing:1.5px;text-transform:uppercase;border:1px dashed var(--border-color,#fff3);border-radius:var(--border-radius-sm,8px);background:var(--bg-secondary,#0000001a);font-size:1.1rem;font-weight:600;font-family:var(--font-heading,inherit);align-items:center;gap:8px;padding:1rem 2rem;display:flex}.jeopardy-question-view{background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color);padding:1rem}.jeopardy-question-view h3{color:var(--primary);border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.spectator-view{background:var(--bg-primary);z-index:100;flex-direction:column;width:100%;height:100%;display:flex;position:absolute;inset:0;overflow:hidden}.spectator-header{background:var(--spec-header-bg,#0006);border-bottom:var(--spec-header-border-bottom,1px solid var(--border-color));z-index:10;flex:none;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:.85rem 2rem;display:grid}.spectator-header h2{color:var(--spec-header-title-color,var(--primary-color));font-size:clamp(1.8rem,2.5vw,2.5rem);font-family:var(--spec-header-title-font,var(--font-heading));text-transform:uppercase;letter-spacing:.1em;text-shadow:var(--spec-header-title-shadow,0 0 10px rgba(var(--primary-rgb), .5));justify-self:start;margin:0}.spectator-header game-timer{justify-self:center}game-timer{display:inline-block}.header-info-right{justify-self:end;align-items:center;gap:1.25rem;display:flex}.game-code-container{background:var(--spec-code-bg,#ffffff0f);border:var(--spec-code-border,1px solid #6366f14d);border-radius:var(--border-radius-sm);box-shadow:var(--spec-code-shadow,0 4px 16px #00000040);backdrop-filter:blur(8px);flex-direction:column;justify-content:center;align-items:flex-end;padding:.35rem .9rem;display:flex}.game-code-label{font-family:var(--font-heading);letter-spacing:2px;text-transform:uppercase;color:var(--spec-code-label-color,#f8fafcb3);font-size:.75rem;font-weight:700;line-height:1.2}.game-code-val{font-family:var(--spec-header-code-font,var(--font-heading));font-size:var(--spec-header-code-size,clamp(1.8rem, 2.8vw, 2.8rem));color:var(--spec-header-code-color,#00e5ff);letter-spacing:3px;text-shadow:var(--spec-header-code-shadow,0 0 16px #00e5ff80);font-weight:900;line-height:1.1}.header-info-right #qrcode{border-radius:var(--border-radius-sm);background:#fff;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:.35rem;display:flex;box-shadow:0 4px 16px #00000040}.header-info-right #qrcode img{width:clamp(60px,4.5vw,76px);height:clamp(60px,4.5vw,76px);display:block}.main-content-area{flex-direction:column;flex:1;min-width:0;min-height:0;padding:1.5rem;display:flex;position:relative;overflow:hidden}.spectator-view:not(.mode-jeopardy):not(.mode-basic-trivia) .jeopardy-view{display:none}.spectator-view:not(.mode-jeopardy):not(.mode-basic-trivia) .spectator-scoreboard{width:100%;height:100%}.spectator-view.mode-jeopardy .main-content-area,.spectator-view.mode-basic-trivia .main-content-area{grid-template-columns:1fr 380px;gap:1.5rem;min-width:0;min-height:0;padding:1.5rem;display:grid}.spectator-view.mode-jeopardy .jeopardy-view,.spectator-view.mode-basic-trivia .jeopardy-view{width:100%;min-width:0;height:100%;min-height:0;display:block;overflow:hidden}.spectator-view.mode-jeopardy .jeopardy-view{border-radius:var(--radius-lg);border:1px solid var(--border-color);background:#000;box-shadow:0 0 20px #00000080}.spectator-view.mode-basic-trivia .jeopardy-view{border-radius:var(--border-radius-lg,24px);background:0 0}.spectator-view.mode-jeopardy .spectator-scoreboard,.spectator-view.mode-basic-trivia .spectator-scoreboard{flex-direction:column;grid-auto-rows:min-content;gap:.75rem;min-height:0;padding:.5rem;display:flex;overflow-y:auto;grid-template-columns:1fr!important}.spectator-view.mode-jeopardy .spectator-scoreboard[data-player-count],.spectator-view.mode-basic-trivia .spectator-scoreboard[data-player-count]{grid-template-rows:auto!important;grid-template-columns:1fr!important}.spectator-view.mode-jeopardy player-card,.spectator-view.mode-basic-trivia player-card{--pc-padding:.6rem 1.25rem;--pc-gap:.75rem;--pc-info-layout:row;--pc-info-justify:space-between;--pc-info-align:center;--pc-name-align:left;--pc-score-align:right;--pc-name-size:clamp(.95rem, 3.5cqi, 1.25rem);--pc-score-size:clamp(1.3rem, 5cqi, 1.8rem);width:100%;min-height:64px;max-height:84px}@media (width<=1024px){.spectator-view.mode-jeopardy .main-content-area,.spectator-view.mode-basic-trivia .main-content-area{grid-template-columns:1fr 280px;gap:1rem;padding:1rem}.spectator-header{padding:.75rem 1rem}.spectator-header h2{font-size:1.6rem}}@media (width<=768px){.spectator-view.mode-jeopardy .main-content-area,.spectator-view.mode-basic-trivia .main-content-area{grid-template-columns:1fr;overflow-y:auto}.spectator-view.mode-jeopardy .jeopardy-view,.spectator-view.mode-basic-trivia .jeopardy-view{height:auto;overflow:visible}.spectator-board-wrap{height:auto}}button.buzzer.skin-retro-arcade{box-sizing:border-box;text-align:center;white-space:normal;text-wrap:balance;padding:0 clamp(.5rem,2vw,1.25rem);line-height:1.15;position:relative;letter-spacing:1px!important;text-shadow:2px 2px #000,0 0 10px #0ff!important;background:linear-gradient(#f05 0%,#a03 100%)!important;border:6px solid gold!important;font-family:Courier New,monospace,sans-serif!important;font-weight:900!important;box-shadow:0 0 25px #ffd70099,0 8px #602,inset 0 0 15px #00f0ff66!important}button.buzzer.skin-retro-arcade.status-text,button.buzzer.skin-retro-arcade:disabled{letter-spacing:.5px!important;font-size:clamp(1.05rem,3.2vw,1.5rem)!important}button.buzzer.skin-retro-arcade:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#00000026 0 2px,#0000 2px 4px);border-radius:50%;position:absolute;inset:0}button.buzzer.skin-cosmic-neon{animation:2.5s ease-in-out infinite alternate cosmicPulse;text-shadow:0 0 12px #00f0ff,0 0 20px #a855f7!important;background:radial-gradient(circle,#06b6d4 0%,#3b82f6 50%,#1e1b4b 100%)!important;border:4px solid #00f0ff!important;box-shadow:0 0 35px #06b6d4cc,inset 0 0 25px #a855f799!important}@keyframes cosmicPulse{0%{box-shadow:0 0 25px #06b6d499,inset 0 0 15px #a855f766}to{box-shadow:0 0 45px #06b6d4,0 0 20px #a855f7cc,inset 0 0 30px #a855f7cc}}button.buzzer.skin-golden-dome{color:#451a03!important;text-shadow:0 1px 2px #fffc,0 -1px 1px #0006!important;background:radial-gradient(circle at 35% 30%,#fffbe6 0%,gold 35%,#d97706 70%,#78350f 100%)!important;border:6px solid #fef08a!important;font-weight:900!important;box-shadow:0 10px 30px #d97706b3,inset 0 -8px 20px #78350fb3,inset 0 8px 15px #fff9!important}button.buzzer.skin-vip-rainbow{text-shadow:0 2px 10px #0009!important;background:linear-gradient(135deg,#ec4899,#8b5cf6,#3b82f6,#10b981,#ec4899) 0 0/300% 300%!important;border:4px solid #fff!important;animation:4s infinite rainbowShift!important;box-shadow:0 0 30px #ec4899b3,0 0 50px #8b5cf680!important}@keyframes rainbowShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}button.buzzer[class*=skin-]:disabled{opacity:.45!important;cursor:not-allowed!important;filter:grayscale(.7)!important;box-shadow:none!important;transform:none!important}.avatar-border-pixel{outline-offset:3px;outline:2px dashed #39ff14!important;box-shadow:0 0 14px #39ff1499!important}.avatar-border-nebula{animation:3s ease-in-out infinite alternate cosmicPulse;border:2px solid #a855f7!important;box-shadow:0 0 16px #a855f7b3,inset 0 0 8px #06b6d480!important}.avatar-border-laurel{border:2px solid gold!important;box-shadow:0 0 16px #ffd700b3,inset 0 0 8px #d9770666!important}.avatar-border-vip{border:2px solid #fff!important;box-shadow:0 0 20px #ec4899cc,0 0 35px #6366f199!important}.player-title-tag{text-transform:uppercase;letter-spacing:.5px;background:var(--tag-bg);color:var(--tag-text);vertical-align:middle;border:1px solid var(--tag-border);border-radius:9999px;align-items:center;gap:4px;padding:2px 8px;font-size:.72rem;font-weight:700;display:inline-flex}.player-title-tag.tag-vip{color:var(--tag-vip-text);background:linear-gradient(135deg,#ec489938,#6366f138);border-color:#ec4899}.flair-modal-wrapper{backdrop-filter:blur(12px);z-index:100000;background:#0f172ad9;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.flair-modal-card{background:var(--modal-bg);border:1px solid var(--border-color);width:100%;max-width:650px;max-height:90vh;box-shadow:var(--shadow-light);color:var(--text-color);border-radius:20px;flex-direction:column;display:flex;overflow:hidden}.flair-modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.flair-modal-header h2{align-items:center;gap:8px;margin:0;font-size:1.4rem;font-weight:700;display:flex}.flair-modal-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:1.5rem}.flair-tabs{background:var(--surface-inset);border-bottom:1px solid var(--border-color);display:flex}.flair-tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:8px;padding:.85rem 1rem;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.flair-tab-btn.active{color:var(--accent-cyan-text);border-bottom:2px solid var(--accent-cyan-text);background:#06b6d414}.flair-modal-body{flex-direction:column;flex:1;gap:1.25rem;padding:1.5rem;display:flex;overflow-y:auto}.flair-section-title{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:.5rem;font-size:.9rem}.flair-options-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.75rem;display:grid}.flair-option-card{background:var(--option-bg);border:1px solid var(--option-border);color:var(--text-color);text-align:center;cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:.75rem;transition:all .2s;display:flex}.flair-option-card:hover{background:var(--option-hover-bg);transform:translateY(-2px)}.flair-option-card.selected{border-color:var(--accent-cyan-text);background:#06b6d426;box-shadow:0 0 12px #06b6d44d}.flair-option-card.locked{opacity:.5;filter:grayscale(.8)}.flair-preview-box{background:var(--surface-inset);border:1px solid var(--border-color);border-radius:16px;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem;display:flex}.flair-buzzer-mini-preview{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;font-size:1.2rem;font-weight:800;transition:transform .1s;display:flex}.flair-buzzer-mini-preview:active{transform:scale(.92)}.shop-pack-card{background:var(--surface-subtle);border:1px solid var(--border-color);border-radius:16px;flex-direction:column;gap:.75rem;padding:1.25rem;display:flex;position:relative;overflow:hidden}.shop-pack-card.vip{background:linear-gradient(135deg,#ec48991a,#6366f11a);border-color:#ec4899}.shop-pack-header{justify-content:space-between;align-items:flex-start;display:flex}.shop-pack-title{margin:0;font-size:1.2rem;font-weight:700}.shop-pack-price{color:var(--accent-emerald-text);font-size:1.3rem;font-weight:900}.shop-pack-desc{color:var(--text-secondary);margin:0;font-size:.9rem}.shop-pack-perks{flex-wrap:wrap;gap:6px;margin:.25rem 0;display:flex}.shop-perk-pill{background:var(--option-bg);border:1px solid var(--option-border);color:var(--text-secondary);border-radius:9999px;align-items:center;gap:4px;padding:4px 10px;font-size:.78rem;display:inline-flex}.shop-buy-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:.75rem;font-size:1rem;font-weight:700;transition:all .2s;display:flex}.shop-buy-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #10b98166}.shop-buy-btn.owned{background:var(--surface-subtle);border:1px solid var(--border-color);color:var(--text-muted);cursor:default}.daily-double-splash-card{text-align:center;color:#f8fafc;background:radial-gradient(circle,#1e1b4b 0%,#090d16 100%);border:4px solid #f59e0b;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;max-width:900px;margin:1.5rem auto;padding:3.5rem 2rem;animation:.6s cubic-bezier(.175,.885,.32,1.275) ddPopIn;display:flex;position:relative;box-shadow:0 0 50px #f59e0b66,inset 0 0 30px #f59e0b33}@keyframes ddPopIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.dd-splash-badge{color:#000;letter-spacing:1.5px;text-transform:uppercase;background:#f59e0b;border-radius:9999px;margin-bottom:1.2rem;padding:6px 18px;font-size:1.1rem;font-weight:900;box-shadow:0 4px 15px #f59e0b80}.dd-splash-title{color:gold;text-shadow:0 0 20px #ffd700cc,0 4px 10px #000000b3;letter-spacing:2px;margin:0 0 .8rem;font-size:3.8rem;font-weight:900;animation:2s ease-in-out infinite alternate ddGlowPulse}@keyframes ddGlowPulse{0%{text-shadow:0 0 15px #ffd70099,0 0 30px #f59e0b66}to{text-shadow:0 0 30px #ffd700f2,0 0 50px #f59e0bcc}}.dd-splash-cat{color:#38bdf8;margin-bottom:1.2rem;font-size:1.6rem;font-weight:700}.dd-splash-desc{color:#cbd5e1;margin:0 0 1.2rem;font-size:1.3rem}.dd-splash-sparkles{font-size:1.8rem;animation:1.8s ease-in-out infinite alternate ddSparkleFloat}@keyframes ddSparkleFloat{0%{transform:translateY(0)}to{transform:translateY(-6px)}}.player-dd-wager-card{color:#f8fafc;text-align:center;background:#0f172af2;border:3px solid #f59e0b;border-radius:12px;max-width:450px;margin:1rem auto;padding:1.5rem;box-shadow:0 0 25px #f59e0b4d}.dd-wager-badge{color:#000;background:#f59e0b;border-radius:9999px;margin-bottom:.75rem;padding:4px 14px;font-size:.95rem;font-weight:900;display:inline-block}.player-dd-form input[type=number]{text-align:center;color:#fff;box-sizing:border-box;background:#ffffff14;border:2px solid #f59e0b80;border-radius:8px;width:100%;padding:.75rem;font-size:1.3rem;font-weight:700}.player-dd-submit-btn{color:#000;cursor:pointer;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:8px;width:100%;margin-top:.75rem;padding:.85rem;font-size:1.05rem;font-weight:800;transition:transform .15s}.player-dd-submit-btn:hover{transform:translateY(-2px)}.btn-dd-wager-preset{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;padding:6px 12px;font-size:.85rem;transition:background .15s}.btn-dd-wager-preset:hover{background:#f59e0b40;border-color:#f59e0b}.final-jeopardy-screen{text-align:center;max-width:1000px;margin:0 auto;padding:2.5rem 1.5rem}.fj-splash-banner{letter-spacing:2px;color:var(--accent-amber-text,#eab308);text-transform:uppercase;margin-bottom:1.5rem;font-size:1.3rem;font-weight:800}.fj-category-display{color:#f8fafc;background:radial-gradient(circle,#1e1b4b,#0f172a);border:3px solid #38bdf8;border-radius:16px;margin-bottom:2rem;padding:2.5rem 1.5rem;box-shadow:0 0 35px #38bdf859}.fj-category-label{color:#94a3b8;letter-spacing:1.5px;text-transform:uppercase;font-size:1rem}.fj-category-name{color:#fff;text-shadow:0 0 15px #ffffff80;margin:.5rem 0 0;font-size:3.2rem;font-weight:900}.fj-status-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;min-width:320px;padding:1.5rem;display:inline-block}.fj-pulse-icon{margin-bottom:.5rem;font-size:2.5rem}.fj-status-headline{color:var(--text-secondary);margin:0 0 .75rem;font-size:1.2rem}.fj-progress-count{color:var(--accent-emerald-text,#10b981);font-size:1.1rem;font-weight:700}.fj-screen-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.fj-header-badge{color:var(--accent-amber-text,#eab308);font-size:1.1rem;font-weight:800}.fj-header-cat{color:var(--accent-cyan-text,#38bdf8);font-size:1.2rem;font-weight:700}.fj-clue-card{color:#f8fafc;background:radial-gradient(circle,#1e1b4b,#0f172a);border:3px solid #eab308;border-radius:16px;margin-bottom:2rem;padding:3rem 2rem;box-shadow:0 0 40px #eab30859}.fj-clue-text{color:#fff;text-shadow:0 2px 8px #000c;margin:0;font-size:2.2rem;font-weight:700;line-height:1.4}.fj-answering-footer{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;justify-content:space-around;align-items:center;padding:1rem 1.5rem;display:flex}.fj-timer-badge{color:var(--accent-amber-text,#f59e0b);font-size:1.15rem;font-weight:700}.fj-answers-count{color:var(--accent-cyan-text,#38bdf8);font-size:1.15rem;font-weight:700}.fj-clue-recap{background:var(--card-bg);border:1px solid var(--border-color);text-align:left;border-radius:10px;margin-bottom:1.5rem;padding:1rem}.fj-recap-q{color:var(--text-secondary);margin-bottom:.4rem;font-size:1rem}.fj-recap-a{color:var(--accent-emerald-text,#10b981);font-size:1.05rem}.fj-players-reveal-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.fj-player-reveal-card{color:#f8fafc;text-align:center;background:#0f172aeb;border-radius:12px;padding:1.5rem 1rem;transition:transform .3s;box-shadow:0 4px 20px #0006}.fj-player-reveal-card.revealed.correct{border:2px solid #10b981;box-shadow:0 0 25px #10b98159}.fj-player-reveal-card.revealed.incorrect{border:2px solid #ef4444;box-shadow:0 0 25px #ef444459}.fj-player-reveal-card.unrevealed{border:2px dashed #ffffff40}.fj-card-player-name{color:#fff;margin-bottom:.5rem;font-size:1.3rem;font-weight:800}.fj-card-answer-quote{color:#f1f5f9;min-height:2.2rem;margin:.75rem 0;font-size:1.15rem;font-weight:600}.fj-card-badge{border-radius:6px;margin-bottom:.5rem;padding:4px 12px;font-size:.85rem;font-weight:800;display:inline-block}.fj-card-badge.badge-correct{color:#000;background:#10b981}.fj-card-badge.badge-incorrect{color:#fff;background:#ef4444}.fj-card-wager-amount{margin-bottom:.25rem;font-size:1.2rem;font-weight:800}.fj-player-reveal-card.correct .fj-card-wager-amount{color:#10b981}.fj-player-reveal-card.incorrect .fj-card-wager-amount{color:#ef4444}.fj-card-final-score{color:#38bdf8;margin-top:.5rem;font-size:1.1rem;font-weight:700}.fj-card-mystery-icon{margin:.75rem 0;font-size:2.8rem;animation:1.5s ease-in-out infinite alternate ddSparkleFloat}.fj-card-mystery-text{color:#94a3b8;margin-bottom:.75rem;font-size:.95rem}.fj-card-current-score{color:#cbd5e1;font-size:1rem}.player-fj-card{color:#f8fafc;text-align:center;background:#0f172af2;border:2px solid #eab308;border-radius:12px;max-width:480px;margin:1rem auto;padding:1.5rem}.player-fj-header{border-bottom:1px solid #ffffff26;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;display:flex}.player-fj-badge{color:#eab308;font-weight:800}.player-fj-stage{color:#38bdf8;font-size:.8rem;font-weight:700}.player-fj-category-box{background:#ffffff0d;border-radius:8px;margin-bottom:1.25rem;padding:1rem}.player-fj-cat-label{color:#94a3b8;text-transform:uppercase;font-size:.8rem}.player-fj-cat-name{color:#fff;margin:.25rem 0 0;font-size:1.6rem;font-weight:800}.player-fj-points-info{color:#38bdf8;margin-bottom:.5rem;font-size:1.1rem}.player-fj-wager-prompt{color:#cbd5e1;margin-bottom:.75rem;font-size:.95rem}.player-fj-form input[type=number],.player-fj-form input[type=text]{text-align:center;color:#fff;box-sizing:border-box;background:#ffffff14;border:2px solid #eab30880;border-radius:8px;width:100%;padding:.85rem;font-size:1.2rem;font-weight:600}.player-fj-submit-btn{color:#000;cursor:pointer;background:linear-gradient(135deg,#eab308,#ca8a04);border:none;border-radius:8px;width:100%;margin-top:.75rem;padding:.85rem;font-size:1.05rem;font-weight:800;transition:transform .15s}.player-fj-submit-btn:hover{transform:translateY(-2px)}.btn-fj-wager-preset{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;padding:6px 12px;font-size:.85rem}.player-fj-locked-box{padding:1.5rem 1rem}.fj-locked-icon{color:#10b981;margin-bottom:.5rem;font-size:2.5rem}.fj-wager-pill{color:#10b981;background:#10b98133;border:2px solid #10b981;border-radius:9999px;margin:.5rem 0;padding:6px 20px;font-size:1.6rem;font-weight:800;display:inline-block}.fj-answer-pill{color:#fff;background:#3b82f633;border:2px solid #3b82f6;border-radius:8px;margin:.5rem 0;padding:8px 18px;font-size:1.25rem;font-weight:700;display:inline-block}.fj-waiting-hint{color:#94a3b8;margin-top:.75rem;font-size:.88rem}.player-fj-clue-box{background:#eab3081a;border:1px solid #eab30866;border-radius:8px;margin-bottom:1.25rem;padding:1.25rem}.player-fj-clue-text{color:#fff;margin:0;font-size:1.25rem;font-weight:700;line-height:1.4}.player-fj-grading-box{padding:1.5rem 1rem}.fj-grading-icon{margin-bottom:.5rem;font-size:2.5rem}.player-fj-summary-card{background:#ffffff0d;border:1px solid #ffffff26;border-radius:8px;flex-direction:column;gap:6px;margin-top:1rem;padding:1rem;font-size:.95rem;display:flex}