.screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;position:relative;isolation:isolate}.landing-screen:before,.settings-screen:before,.question-screen:before,.results-screen:before,.history-screen:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.052;background-image:var(--grain-svg);background-size:200px 200px;mix-blend-mode:soft-light}.type-overline{font-family:var(--font-body);font-size:var(--text-2xs);font-weight:600;letter-spacing:var(--tracking-overline);text-transform:uppercase;color:var(--text-muted)}.type-overline--tight{letter-spacing:var(--tracking-overline-tight)}.type-overline--wide{letter-spacing:var(--tracking-overline-wide)}.type-overline--accent{color:var(--gold-dim)}.question-number.type-overline{font-weight:500}.start-screen{justify-content:center;padding:clamp(1rem,4vw,2rem);padding-bottom:max(2rem,env(safe-area-inset-bottom,0px))}.landing-screen{background:radial-gradient(ellipse at 5% 8%,rgba(255,106,100,.16) 0%,transparent 48%),radial-gradient(ellipse at 92% 12%,rgba(93,226,242,.14) 0%,transparent 52%),radial-gradient(ellipse at 36% 82%,rgba(244,200,58,.1) 0%,transparent 60%),var(--bg)}.settings-screen{background:radial-gradient(ellipse at 8% 18%,rgba(93,226,242,.13) 0%,transparent 46%),radial-gradient(ellipse at 92% 10%,rgba(79,75,100,.42) 0%,transparent 50%),radial-gradient(ellipse at 48% 88%,rgba(244,200,58,.07) 0%,transparent 55%),linear-gradient(168deg,#13121b 0%,var(--bg) 42%)}.start-inner{text-align:center;max-width:480px;width:100%}.landing-inner{position:relative;z-index:1;text-align:center;max-width:min(720px,100%);width:100%;padding:1.1rem 1rem .8rem;border:1px solid transparent;border-radius:14px;background:linear-gradient(145deg,#201e2ce0,#12111ab8) padding-box,linear-gradient(135deg,#ff6a648c,#f4c83a52,#5de2f27a) border-box;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:var(--shadow-float),inset 0 1px #ffffff0f}@media (hover: hover) and (prefers-reduced-motion: no-preference){.landing-inner{transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s ease}.landing-inner:hover{transform:translateY(-3px);box-shadow:0 28px 60px #0000007a,inset 0 1px #ffffff14}}@media (prefers-reduced-motion: no-preference){.landing-inner>*{animation:screen-reveal-up .58s cubic-bezier(.22,1,.36,1) backwards}.landing-inner>*:nth-child(1){animation-delay:.04s}.landing-inner>*:nth-child(2){animation-delay:.1s}.landing-inner>*:nth-child(3){animation-delay:.17s}.landing-inner>*:nth-child(4){animation-delay:.24s}.landing-inner>*:nth-child(5){animation-delay:.32s}}.subtitle.landing-tagline{max-width:36rem;margin-left:auto;margin-right:auto;margin-bottom:.75rem;font-size:var(--text-body-lg);font-weight:400;color:var(--text);line-height:1.65;text-wrap:balance}.landing-summary{margin:0 auto 2rem;max-width:42rem;padding:0 .5rem;font-size:var(--text-2xs);font-weight:500;color:var(--text-muted);line-height:1.5;text-align:center;text-wrap:balance;letter-spacing:.08em;text-transform:uppercase;font-family:var(--font-code)}.landing-summary-sep{display:inline;color:var(--text-dim);font-weight:300;padding:0 .35rem;user-select:none}.landing-actions{display:flex;flex-direction:column;align-items:stretch;gap:1.25rem;width:100%;max-width:min(320px,100%);margin:0 auto}.landing-multiplayer-box{display:grid;gap:.65rem}.landing-join-row{display:grid;grid-template-columns:1fr auto;gap:.5rem}.landing-inline-link{justify-self:center;margin:0;padding:.2rem 0;border:none;background:transparent;color:var(--accent-blue);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;text-decoration:underline;text-underline-offset:.18rem;cursor:pointer}.landing-inline-link:hover{color:#9feef8}.landing-inline-link:focus-visible{outline:2px solid rgba(93,226,242,.8);outline-offset:2px;border-radius:4px}.btn-multi-primary{color:#dffcff;border-style:solid;border-color:#5de2f2b8;background:linear-gradient(170deg,#133946f5,#102a38f2);box-shadow:inset 0 1px #ffffff29,0 10px 24px #17738a57}.btn-multi-primary:hover{color:#f3fdff;border-color:#5de2f2f2;background:linear-gradient(170deg,#1a4a59fa,#123746fa);transform:translateY(-1px);box-shadow:inset 0 1px #fff3,0 12px 28px #17738a6b}.btn-multi-join{min-width:86px;padding:12px 18px;color:#e8fbff;border-style:solid;border-color:#5de2f299;background:#123642e0}.btn-multi-join:hover{color:#fff;border-color:#5de2f2e6;background:#184a58f5}.btn-multi-primary:focus-visible,.btn-multi-join:focus-visible{outline:2px solid rgba(93,226,242,.85);outline-offset:2px}.landing-subnav{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 10px;font-size:var(--text-md)}.landing-link{display:inline-flex;align-items:center;gap:6px;margin:0;padding:6px 4px;min-height:44px;background:none;border:none;color:var(--text-muted);font-family:var(--font-body);font-size:inherit;font-weight:500;cursor:pointer;text-decoration:underline wavy;text-decoration-color:transparent;text-underline-offset:3px;transition:color var(--transition),text-decoration-color var(--transition);-webkit-tap-highlight-color:transparent}.landing-link:hover{color:var(--text);text-decoration-color:var(--gold-dim)}.landing-link:focus-visible{outline:2px solid var(--gold-dim);outline-offset:2px;border-radius:4px}.landing-link-icon{width:1rem;height:1rem;flex-shrink:0;opacity:.85}.landing-subnav-sep{color:var(--text-dim);user-select:none;font-weight:300}.btn-primary-wide{max-width:none;width:100%}.settings-page-inner{position:relative;z-index:1;width:100%;max-width:min(540px,100%);margin:0 auto;padding:0 clamp(.75rem,3vw,1.25rem);padding-bottom:max(2rem,env(safe-area-inset-bottom,0px))}.settings-page-header{display:grid;grid-template-columns:44px 1fr 44px;align-items:start;gap:8px;margin-bottom:1.25rem;padding-top:.25rem}.settings-page-header-spacer{width:44px;height:44px}.settings-page-heading{text-align:center;min-width:0}.settings-page-title{font-family:var(--font-body);font-size:clamp(1.08rem,2.5vw,1.28rem);font-weight:700;color:#d9d2c1;letter-spacing:.01em;line-height:1.4;margin:0;text-wrap:balance}.settings-page-sub{margin:.5rem 0 0;font-size:var(--text-sm);color:var(--text-muted);line-height:var(--leading-normal)}.btn-back{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0;padding:0;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text-muted);transition:border-color var(--transition),color var(--transition),background var(--transition);-webkit-tap-highlight-color:transparent}.btn-back:hover{border-color:var(--gold-dim);color:var(--text);background:var(--surface-2)}.btn-back:focus-visible{outline:2px solid var(--gold-dim);outline-offset:2px}.btn-back-icon{width:22px;height:22px}.settings-banner{font-size:var(--text-md);color:var(--text-muted);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:12px 14px;margin-bottom:1.25rem;line-height:1.5;text-align:left}.settings-layout-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:1.75rem}.settings-section{text-align:left;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:1.15rem 1.25rem 1.25rem;box-sizing:border-box;box-shadow:inset 0 0 0 1px #ffffff09,0 12px 32px #00000038}.settings-section-title{margin:0 0 .75rem;color:var(--accent-blue);font-family:var(--font-code);letter-spacing:.11em}.settings-section-lead{font-size:var(--text-sm);color:var(--text-dim);margin:0 0 1rem;line-height:var(--leading-normal)}.settings-section-hint{font-size:var(--text-sm);color:var(--text-dim);margin:.65rem 0 0;line-height:var(--leading-normal)}.settings-section-body{margin:0}.room-players-meta{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.55rem;margin:0 0 .75rem}.room-code-label{margin:0;color:var(--text-muted)}.room-code-chip{display:inline-flex;align-items:center;min-height:36px;padding:.35rem .65rem;border-radius:999px;border:1px solid rgba(93,226,242,.55);background:#0a1a21a6;color:#aef4ff;font-family:var(--font-code);font-size:var(--text-sm);font-weight:600;letter-spacing:.07em}.room-mode-section .settings-section-title{margin:0}.room-mode-section .settings-section-body{display:flex;flex-direction:column;gap:.95rem}.room-mode-title-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.room-mode-info-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border-radius:999px;border:1px solid var(--border-hover);background:#1b1a27;color:var(--text-muted);font-size:.78rem;font-weight:700;line-height:1;cursor:pointer}.room-mode-info-btn:hover{border-color:var(--accent-blue);color:var(--text)}.room-mode-info-btn:focus-visible{outline:2px solid rgba(93,226,242,.75);outline-offset:2px}.room-mode-picker{gap:.75rem;margin-bottom:0}.room-mode-host-banner{margin:0;padding:.55rem .75rem;border-radius:var(--radius);border:1px solid rgba(93,226,242,.42);background:#0a1a21b8;color:#c9f6ff;font-size:var(--text-md);font-weight:600;line-height:var(--leading-snug)}.room-mode-picker .mode-chip:disabled{opacity:.45;cursor:not-allowed;border-style:solid;border-color:var(--border);background:#1a1823;color:var(--text-faint)}.room-mode-picker .mode-chip:disabled.mode-chip-on{border-color:#c9a22759;background:#c9a22714}.room-mode-explainer{margin:0;font-size:var(--text-meta);line-height:1.45}.room-team-controls{margin-top:.15rem;gap:.8rem}.room-mode-popover{display:grid;gap:.4rem;padding:.65rem .75rem;border-radius:var(--radius);border:1px dashed var(--border-hover);background:#11101ac7}.room-mode-popover-line{margin:0;color:var(--text-muted);font-size:var(--text-sm);line-height:1.5}.settings-inset-panel{background:var(--surface-2);border:1px dashed var(--border);border-radius:var(--radius)}.settings-toggles-panel{padding:.35rem .85rem .45rem}.settings-categories-panel{padding:.65rem .85rem .75rem}.settings-player-panel{padding:.75rem .85rem .85rem;display:flex;flex-direction:column;gap:.45rem}.settings-player-label{font-size:var(--text-meta);color:var(--text-muted);font-weight:600}.settings-player-input{width:100%;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);font-size:var(--text-base);min-height:42px;padding:9px 11px}.settings-player-input:focus-visible{outline:2px solid var(--gold-dim);outline-offset:1px}.settings-categories-panel .mode-picker-settings{justify-content:stretch;gap:10px}.settings-categories-panel .mode-chip{flex:1 1 0;min-width:0;justify-content:center;background:var(--bg);border-color:var(--border)}.settings-categories-panel .mode-chip:hover{border-color:var(--border-hover);color:var(--text)}.settings-categories-panel .mode-chip-on{background:#c9a22729;border-color:var(--gold-dim);color:var(--text)}.settings-toggles-panel .settings-toggles-stack .toggle-field{min-height:48px}.settings-toggles-stack{display:flex;flex-direction:column;gap:0}.settings-toggles-stack .toggle-field+.toggle-field{margin-top:.85rem;padding-top:.85rem;border-top:1px solid var(--border)}.settings-footer-actions{display:flex;flex-direction:column;align-items:stretch;gap:12px;width:100%;max-width:100%;margin:0 auto}.room-mode-section .settings-footer-actions{gap:10px;margin-top:.15rem}.room-refresh-btn{align-self:center;width:42px;min-width:42px;min-height:42px;padding:0;border-style:solid;border-radius:999px}.room-refresh-btn .room-refresh-icon{display:block;flex-shrink:0;width:18px;height:18px;color:var(--accent-blue)}.room-refresh-btn:hover:not(:disabled) .room-refresh-icon{color:#8aedff}@media (prefers-reduced-motion: no-preference){.room-refresh-btn--busy .room-refresh-icon{animation:room-refresh-spin .65s linear infinite}}@keyframes room-refresh-spin{to{transform:rotate(360deg)}}.film-icon{display:inline-flex;align-items:center;justify-content:center;width:76px;height:76px;margin-bottom:1rem;padding:10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:radial-gradient(circle at 30% 25%,#ff6a6438,#12101ceb);box-shadow:0 0 0 1px #ff6a6433,0 12px 28px #00000059,inset 0 1px #ffffff14}.film-icon .logo-mark{width:100%;height:100%;display:block;filter:drop-shadow(0 2px 10px rgba(255,106,100,.25))}.title{font-family:var(--font-display);font-size:clamp(2.85rem,8vw,4.4rem);font-weight:400;color:#fff7df;letter-spacing:.055em;text-transform:uppercase;text-shadow:0 2px 0 rgba(0,0,0,.2),0 4px 24px rgba(255,106,100,.28);margin-bottom:1rem;line-height:1.05}.subtitle{font-size:var(--text-body);color:var(--text-muted);line-height:1.7;margin-bottom:1.75rem}.settings-panel{text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem 1.25rem;margin-bottom:1.5rem;width:100%;box-sizing:border-box}.settings-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:.75rem}.settings-row:last-child{margin-bottom:0}.settings-row-toggle{margin-bottom:0}.settings-panel .settings-row-toggle+.settings-row-toggle{margin-top:.75rem}.toggle-field{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px}.toggle-text{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;text-align:left}.toggle-title{font-size:var(--text-base);font-weight:500;color:var(--text);line-height:var(--leading-snug)}.toggle-desc{font-size:var(--text-xs);color:var(--text-dim);line-height:var(--leading-snug)}.settings-toggle-soon{margin:.35rem 0 0;font-size:var(--text-2xs);color:var(--text-muted);line-height:var(--leading-snug);max-width:36ch}.toggle{position:relative;flex-shrink:0;width:52px;height:30px;margin:0;padding:0;border-radius:15px;border:1px solid var(--border);background:var(--bg);cursor:pointer;transition:background .2s ease,border-color .2s ease;-webkit-tap-highlight-color:transparent}.toggle:focus-visible{outline:2px solid var(--gold-dim);outline-offset:2px}.toggle-on{background:#c9a22761;border-color:var(--gold-dim)}.toggle-thumb{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#f5f5f5;box-shadow:0 1px 3px #00000040;transition:transform .2s ease;pointer-events:none}.toggle-on .toggle-thumb{transform:translate(24px);background:#fff}.toggle:disabled{opacity:.45;cursor:not-allowed}.toggle:disabled:hover{border-color:var(--border);background:var(--bg)}.settings-label{font-size:var(--text-meta);font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);min-width:140px}.settings-input{width:72px;padding:8px 10px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:var(--text-base)}.settings-hint{font-size:var(--text-meta);color:var(--text-dim)}.start-actions,.results-actions{display:flex;flex-direction:column;align-items:stretch;gap:12px;width:100%;max-width:min(280px,100%);margin:0 auto}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 24px;background:#211f2c;color:var(--text-muted);font-family:var(--font-body);font-size:var(--text-md);font-weight:500;border-radius:999px;border:1px dashed var(--border-strong);transition:border-color var(--transition),color var(--transition),background var(--transition)}.btn-secondary:hover{border-color:var(--accent-blue);color:var(--text);background:#2a2738}.mode-picker{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:2rem}.mode-picker-settings{justify-content:flex-start;margin-bottom:0}.mode-chip{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:12px 18px;border-radius:999px;border:1px dashed var(--border-hover);background:#232131;color:var(--text-muted);font-size:var(--text-md);font-weight:500;cursor:pointer;transition:border-color var(--transition),background var(--transition),color var(--transition)}.mode-chip .mode-chip-check{font-size:var(--text-2xs);color:var(--gold);font-weight:700;line-height:1}.mode-chip:focus-within{outline:none}.mode-chip:has(.mode-checkbox:focus-visible){outline:2px solid var(--gold-dim);outline-offset:2px}.mode-chip:hover{border-color:var(--accent-blue);color:var(--text)}.mode-chip-on{border-color:var(--gold);background:#f4c83a29;color:var(--text)}.mode-checkbox{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:13px 32px;background:linear-gradient(145deg,#ff7a74,#f08f3c 48%,#e87850);color:#140806;font-family:var(--font-body);font-size:var(--text-base);font-weight:600;letter-spacing:.02em;border-radius:10px 10px 2px;border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px #ffffff38,0 10px 28px #ff6a6457;transition:background var(--transition),transform var(--transition),box-shadow var(--transition)}.btn-primary:hover{background:linear-gradient(145deg,#ff8a84,#f4ab4f,#f09060);transform:translateY(-2px);box-shadow:inset 0 1px #ffffff47,0 14px 36px #ff6a6461}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-primary:disabled:hover{background:linear-gradient(135deg,#ff6a64,#f08f3c);transform:none}.freeform-wrap{margin-bottom:1.25rem}.freeform-label{display:block;margin-bottom:8px}.freeform-row{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-start}.freeform-input-wrap{position:relative;flex:1;min-width:200px}.freeform-suggestions{position:absolute;left:0;right:0;top:calc(100% + 4px);margin:0;padding:4px 0;list-style:none;z-index:20;max-height:220px;overflow-y:auto;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);box-shadow:0 8px 24px #00000059}.freeform-suggestion{display:block;width:100%;text-align:left;padding:8px 12px;border:none;background:transparent;color:var(--text);font-family:inherit;font-size:var(--text-md);cursor:pointer}.freeform-suggestion:hover,.freeform-suggestion.is-active{background:var(--surface-2);color:var(--gold)}.freeform-input{width:100%;box-sizing:border-box;min-width:0;min-height:44px;padding:12px 14px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:var(--text-base)}.freeform-input:focus{outline:none;border-color:var(--gold-dim)}.freeform-submit{flex-shrink:0}.question-screen{width:100%;padding:0;background:radial-gradient(ellipse at 50% 0%,rgba(93,226,242,.09) 0%,transparent 44%),radial-gradient(ellipse at 100% 60%,rgba(255,106,100,.06) 0%,transparent 38%),linear-gradient(180deg,#16151f 0%,var(--bg) 32%)}.quiz-header{width:100%;display:flex;align-items:center;gap:12px;padding:18px 24px;border-bottom:1px dashed var(--border-strong);background:#1a1824f0;backdrop-filter:blur(5px);position:sticky;top:0;z-index:10}.quiz-header-left,.quiz-header-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.quiz-header-right{margin-left:auto}.btn-header{font-family:inherit;font-size:var(--text-2xs);font-weight:600;letter-spacing:var(--tracking-overline-tight);text-transform:uppercase;padding:6px 10px;border-radius:999px;border:1px dashed var(--border);background:#252334;color:var(--text-muted);cursor:pointer}.btn-header-icon-only{display:inline-flex;align-items:center;justify-content:center;padding:8px;min-width:40px;min-height:40px;text-transform:none;letter-spacing:normal}.btn-header-svg{width:20px;height:20px;flex-shrink:0}.btn-header:hover{color:var(--text);border-color:var(--accent-blue)}.counter{font-size:var(--text-sm);font-weight:500;color:var(--text);white-space:nowrap;min-width:52px}.counter-dim{color:var(--text-dim)}.progress-track{flex:1;height:8px;background:repeating-linear-gradient(90deg,#ffffff24 0 7px,#ffffff0a 7px 13px),#231f35;border-radius:2px;overflow:hidden;border:1px solid rgba(255,255,255,.12)}.progress-fill{height:100%;background:linear-gradient(90deg,#ff6a64,#f4c83a);border-radius:2px;transition:width .35s ease}.score-chip{font-size:var(--text-sm);font-weight:500;color:var(--gold);white-space:nowrap;min-width:44px;text-align:right}.timer-chip{font-size:var(--text-2xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap;width:5.4ch;text-align:right;font-variant-numeric:tabular-nums}.options-hint{font-size:var(--text-sm);color:var(--text-muted);text-align:center;margin:0 0 .5rem}.question-body{position:relative;z-index:1;width:100%;max-width:660px;padding:2rem 1.5rem 3rem;margin:0 auto}.question-card{position:relative;background:linear-gradient(165deg,#efe8d8,#e4dac4);border:1px solid #b8aa8a;border-radius:2px 12px;padding:1.5rem 1.75rem;margin-bottom:1.5rem;box-shadow:var(--shadow-soft),inset 0 1px #ffffffa6,inset 0 -1px #0000000a;transform:rotate(-.55deg)}.question-card:before{content:"";position:absolute;top:-10px;left:1.1rem;width:44px;height:16px;border-radius:2px;background:#5de2f252;box-shadow:0 2px 4px #0000002e;transform:rotate(-6deg)}.question-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:.75rem;flex-wrap:wrap}.question-number{margin:0}.kind-badge{font-size:var(--text-2xs);font-weight:500;letter-spacing:var(--tracking-overline-tight);text-transform:uppercase;color:#def8ff;padding:4px 10px;border:1px dashed rgba(93,226,242,.7);border-radius:999px;background:#5de2f224;font-family:var(--font-code)}.question-card .kind-badge{color:#4d462f;border-color:#8d7e5d;background:#5de2f230}.question-airdate{font-size:var(--text-2xs);color:var(--text-muted);margin:0}.question-ref{font-size:var(--text-2xs);font-weight:600;color:var(--gold);text-decoration:none;margin-left:auto}.question-ref:hover{text-decoration:underline}.question-desc{font-size:var(--text-body);line-height:var(--leading-relaxed);color:#302b1f;text-wrap:pretty}.options{display:flex;flex-direction:column;gap:10px;margin-bottom:1.25rem}.option{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;position:relative;background:#201e2d;border:1px solid #514b66;border-radius:7px 12px;border-left:5px solid #787090;text-align:left;color:var(--text);font-size:var(--text-base);transition:border-color var(--transition),background var(--transition),transform var(--transition)}.option:hover:not(:disabled){border-color:#7f77a1;background:#29263a;transform:translate(2px)}.option:disabled{cursor:default}.option.correct{border-color:#6ec69b;border-left-color:#6ec69b;background:#123127;color:#bdf2da}.option.wrong{border-color:#ff7f7a;border-left-color:#ff7f7a;background:#3a1b1a;color:#ffc4c1}.option.correct:after,.option.wrong:after{position:absolute;top:-11px;right:10px;padding:2px 7px 1px;font-family:var(--font-code);font-size:.64rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border-radius:999px}.option.correct:after{content:"Case Closed";color:#113627;background:#8be5bb}.option.wrong:after{content:"Red Herring";color:#4a0f0f;background:#ff9e99}.option.dimmed{opacity:.35}.option-text{flex:1}.badge{font-size:var(--text-sm);font-weight:500;flex-shrink:0}.correct-badge{color:var(--green)}.wrong-badge{color:var(--red)}.feedback-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:.25rem;flex-wrap:wrap}.feedback-correct{font-size:var(--text-base);font-weight:700;color:#8be5bb;text-transform:uppercase;letter-spacing:.04em}.feedback-wrong{font-size:var(--text-md);color:#ffd7d6}.feedback-wrong strong{color:var(--text);font-weight:500}.btn-next{padding:10px 22px;background:#252334;border:1px dashed var(--border-hover);border-radius:999px;color:var(--text);font-size:var(--text-md);font-weight:500;transition:background var(--transition),transform var(--transition)}.btn-next:hover{background:#2f2b42;border-color:var(--accent-blue);transform:translateY(-1px)}.results-screen{justify-content:flex-start;padding:2rem;padding-bottom:max(2rem,env(safe-area-inset-bottom,0px));background:radial-gradient(ellipse at 20% 78%,rgba(244,200,58,.14) 0%,transparent 52%),radial-gradient(ellipse at 25% 76%,rgba(255,106,100,.12) 0%,transparent 58%),radial-gradient(ellipse at 82% 22%,rgba(93,226,242,.1) 0%,transparent 56%),linear-gradient(195deg,#14131c 0%,var(--bg) 55%)}.results-inner{position:relative;z-index:1;text-align:center;max-width:420px;width:100%}.results-inner-wide{max-width:min(560px,100%)}@media (prefers-reduced-motion: no-preference){.results-inner>*{animation:screen-reveal-up .55s cubic-bezier(.22,1,.36,1) backwards}.results-inner>*:nth-child(1){animation-delay:.05s}.results-inner>*:nth-child(2){animation-delay:.11s}.results-inner>*:nth-child(3){animation-delay:.17s}.results-inner>*:nth-child(4){animation-delay:.23s}.results-inner>*:nth-child(5){animation-delay:.31s}.results-inner>*:nth-child(6){animation-delay:.39s}}.results-tier-wrap{display:flex;align-items:center;justify-content:center;width:5.5rem;height:5.5rem;margin:0 auto 1.25rem;border-radius:1.25rem;background:radial-gradient(circle at 35% 20%,#ffffff14,#0c0b14d9);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px #ffffff0f}.results-tier-svg{width:2.85rem;height:2.85rem}.results-tier-wrap--expert{color:#ffe07a;box-shadow:0 0 28px #f4c83a2e,inset 0 1px #ffffff14}.results-tier-wrap--strong{color:#7ae8c8;box-shadow:0 0 28px #79d7ab24,inset 0 1px #ffffff14}.results-tier-wrap--solid{color:#9cdbff;box-shadow:0 0 28px #5de2f21f,inset 0 1px #ffffff14}.results-tier-wrap--grow{color:#ffb8a8;box-shadow:0 0 28px #ff6a641f,inset 0 1px #ffffff14}.results-tier-wrap--retry{color:#c6b8ff;box-shadow:0 0 28px #7d769e2e,inset 0 1px #ffffff14}.results-grade{font-family:var(--font-body);font-size:clamp(1.1rem,2.8vw,1.32rem);font-weight:700;letter-spacing:.01em;line-height:1.42;color:#d9d2c1;margin-bottom:1.1rem;text-wrap:balance}.results-score{display:flex;align-items:baseline;justify-content:center;gap:6px;margin-bottom:.4rem}.results-big{font-family:var(--font-display);font-size:5.3rem;font-weight:400;color:#ffe598;text-shadow:0 8px 22px rgba(244,200,58,.22);line-height:1}.results-score-breakdown{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:.35rem;margin:.45rem 0 1.1rem;font-size:var(--text-xs);color:var(--text-dim)}.results-breakdown-item{white-space:nowrap}.results-breakdown-sep{color:var(--text-muted)}.results-round-recap{text-align:left;margin-bottom:1.75rem}.results-recap-title{margin-bottom:.9rem;text-align:left;color:var(--text);font-family:var(--font-body);font-size:clamp(1rem,1.9vw,1.08rem);font-weight:700;letter-spacing:.015em;line-height:1.35;text-transform:none;padding-left:.55rem;border-left:3px solid rgba(93,226,242,.85)}.results-recap-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.results-recap-item{background:#201e2c;border:1px dashed #5d5678;border-radius:var(--radius-lg);padding:1rem 1.1rem}.results-recap-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:.5rem}.results-recap-q{font-size:var(--text-2xs);font-weight:600;color:var(--text-dim)}.kind-badge-recap{font-size:var(--text-2xs)}.results-recap-item .kind-badge{color:#e8f9ff;border-color:#5de2f2b8;background:#5de2f233}.recap-verdict{margin-left:auto;font-size:var(--text-2xs);font-weight:600;color:var(--red)}.recap-verdict-ok{color:var(--green)}.results-recap-plot{font-size:var(--text-sm);line-height:1.5;color:var(--text-muted);margin:0 0 .75rem}.results-recap-one-line{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .65rem;margin:0;font-size:var(--text-sm);line-height:1.4;color:var(--text-muted)}.results-recap-speed{font-size:var(--text-2xs);color:var(--text-dim);white-space:nowrap}.results-recap-one-line--correct .results-recap-one-line-answer{flex:1 1 8rem;min-width:0;font-weight:600;color:var(--text);word-break:break-word}.results-recap-one-line--correct .recap-verdict-ok,.results-recap-one-line--wrong .recap-verdict{margin-left:auto}.results-recap-plot--wrong{margin-top:.35rem;margin-bottom:.5rem}.results-recap-wrong-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.5rem 1.25rem;margin-top:.35rem;font-size:var(--text-sm)}.results-recap-item:has(.results-recap-plot--wrong) .results-recap-wrong-row{margin-top:0}.results-recap-wrong-pair{display:flex;align-items:baseline;gap:.5rem;min-width:0;flex:1 1 12rem}.results-recap-wrong-pair .recap-label{width:auto;flex-shrink:0}.results-recap-wrong-pair--end{justify-content:flex-end;text-align:right}.results-recap-answers{display:flex;flex-direction:column;gap:6px;font-size:var(--text-sm)}.recap-line{display:flex;gap:8px;align-items:baseline}.recap-label{flex-shrink:0;width:3.5rem;color:var(--text-dim)}.recap-label.type-overline{font-weight:600;letter-spacing:.05em}.recap-value{color:var(--text);word-break:break-word}.history-screen{justify-content:flex-start;align-items:center;padding:clamp(1rem,4vw,2rem);padding-bottom:max(1.5rem,env(safe-area-inset-bottom,0px));background:radial-gradient(ellipse at 15% 25%,rgba(244,200,58,.11) 0%,transparent 48%),radial-gradient(ellipse at 85% 70%,rgba(255,106,100,.08) 0%,transparent 52%),linear-gradient(12deg,#181620 0%,var(--bg) 48%)}.history-inner{position:relative;z-index:1;width:100%;max-width:480px;flex:1;display:flex;flex-direction:column;min-height:0;max-height:min(100vh,100dvh)}.history-header{flex-shrink:0;width:100%}.history-title{font-family:var(--font-body);font-size:clamp(1.08rem,2.5vw,1.28rem);font-weight:700;letter-spacing:.01em;line-height:1.4;color:#d9d2c1;margin:0 0 1.25rem;text-align:center;text-wrap:balance}.history-board-picker{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:0}.history-board-picker .mode-chip:disabled{opacity:.45;cursor:not-allowed}.history-board-picker .mode-chip:disabled:hover{border-color:var(--border-hover);color:var(--text-muted);background:#232131}.history-board-hint{margin:.65rem 0 0;font-size:var(--text-2xs);color:var(--text-muted);line-height:var(--leading-snug);text-align:center;text-wrap:balance}.history-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;margin-top:1rem;padding-bottom:.25rem}.history-empty{text-align:center;color:var(--text-muted);font-size:var(--text-base);line-height:var(--leading-body);margin:0;padding:1rem 0 1.5rem}.history-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.room-players-list{margin-top:.85rem}.history-item{background:#201d2a;border:1px dashed #5a5474;border-radius:var(--radius);padding:12px 14px}.history-item--room-host{background:linear-gradient(135deg,#5de2f21f,#c9a2271a),#201d2a;border:1px solid rgba(201,162,39,.5);border-left:3px solid var(--gold-dim);box-shadow:inset 0 0 0 1px #ffffff0d}.history-main{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px}.history-player-block{display:flex;flex-direction:column;gap:2px;min-width:0}.history-player-name{font-size:var(--text-base);font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-score{font-family:var(--font-display);font-size:1.18rem;font-weight:400;color:#ffcd68;letter-spacing:.04em}@media (prefers-reduced-motion: no-preference){.btn-primary,.option,.btn-next{will-change:transform}.option.wrong{animation:wrong-shake .26s ease-in-out 1}}@keyframes screen-reveal-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.landing-inner>*,.results-inner>*{animation:none!important}}@keyframes wrong-shake{0%{transform:translate(0)}25%{transform:translate(-2px)}55%{transform:translate(2px)}to{transform:translate(0)}}.history-meta{font-size:var(--text-meta);color:var(--text-muted)}.history-sub{font-size:var(--text-meta);color:var(--text-dim)}.history-back{flex-shrink:0;width:100%;max-width:280px;margin-top:auto;margin-left:auto;margin-right:auto;padding-top:1rem;display:flex}.timeout-modal-overlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:1rem;background:#08080cb8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.timeout-modal{width:min(460px,100%);padding:1.25rem 1.2rem 1.1rem;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(145deg,#201e2cf2,#111018f0) padding-box,linear-gradient(135deg,#ff6a6470,#f4c83a3d,#5de2f252) border-box;box-shadow:0 18px 42px #00000073,inset 0 1px #ffffff0f}.timeout-modal-title{margin:0 0 .55rem;font-size:clamp(1.05rem,2.2vw,1.28rem);font-weight:650}.timeout-modal-copy{margin:0;color:var(--text-muted);line-height:1.55}.timeout-modal-cta{margin-top:1rem;width:100%}@media (min-width: 900px){.question-body,.results-inner-wide{max-width:min(720px,100%)}.history-inner{max-width:min(560px,100%)}.settings-page-inner{max-width:min(580px,100%)}}@media (max-width: 640px){.settings-panel>.settings-row:first-of-type{flex-direction:column;align-items:flex-start;gap:8px}.settings-panel>.settings-row:first-of-type .settings-label{min-width:0}.settings-panel>.settings-row:first-of-type .settings-input{width:100%;max-width:8rem;min-height:44px;box-sizing:border-box}.mode-picker{gap:8px;justify-content:flex-start}.options-hint{font-size:var(--text-meta);line-height:var(--leading-normal);padding:0 .25rem}}@media (max-width: 480px){.film-icon{width:64px;height:64px;padding:8px;margin-bottom:1rem}.subtitle{font-size:var(--text-base)}.settings-panel{padding:1rem}.question-body{padding:1.25rem 1rem 2rem;padding-bottom:max(2rem,env(safe-area-inset-bottom,0px))}.quiz-header{padding:12px;gap:8px;flex-wrap:wrap}.btn-header{min-height:40px;padding:8px 12px}.btn-header-icon-only{padding:8px;min-width:40px}.question-card{padding:1.25rem}.results-big{font-size:4rem}.freeform-row{flex-direction:column;align-items:stretch}.freeform-submit{width:100%;min-height:48px}.freeform-input{min-width:0;width:100%;min-height:48px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #111016;--surface: #1c1b24;--surface-2: #242332;--border: #4f4b64;--border-hover: #676280;--border-strong: #7d769e;--gold: #f4c83a;--gold-dim: #c9a227;--text: #f5f2eb;--text-muted: #c6c0b3;--text-dim: #aba391;--text-faint: #847d70;--green: #79d7ab;--green-bg: #0f2d23;--red: #ff6a64;--red-bg: #381818;--accent-blue: #5de2f2;--font-display: "Bebas Neue", "Oswald", "Impact", sans-serif;--font-body: "DM Sans", system-ui, sans-serif;--font-code: "JetBrains Mono", "SFMono-Regular", Menlo, monospace;--grain-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='0.5'/%3E%3C/svg%3E");--shadow-float: 0 24px 56px rgba(0, 0, 0, .42);--shadow-soft: 0 12px 32px rgba(0, 0, 0, .28);--text-2xs: .75rem;--text-xs: .78rem;--text-sm: .88rem;--text-meta: .8rem;--text-md: .9rem;--text-base: .95rem;--text-body: 1rem;--text-body-lg: 1.0625rem;--leading-tight: 1.2;--leading-snug: 1.35;--leading-normal: 1.45;--leading-body: 1.6;--leading-relaxed: 1.75;--tracking-overline: .1em;--tracking-overline-tight: .08em;--tracking-overline-wide: .14em;--font-screen-title: clamp(1.5rem, 4vw, 1.85rem);--font-screen-title-weight: 700;--radius: 6px;--radius-sm: 6px;--radius-lg: 12px;--transition: .14s ease}html{color-scheme:dark}html,body{height:100%;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.6;letter-spacing:.003em;-webkit-font-smoothing:antialiased;padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}#root{min-height:100%;display:flex;flex-direction:column}button{font-family:var(--font-body);cursor:pointer;border:none;background:none}::selection{background:#ff6a6459;color:#fff}