@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap");:root{color-scheme:dark;--bg:#0c1320;--panel:#151f30;--line:#2b3545;--muted:#a3aec0;--gold:#f3b94f;--blue:#377ff4}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f5f6fa;font-family:DM Sans,sans-serif;font-size:16px;line-height:1.5}body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at 0 20%,#29518625,transparent 52%),radial-gradient(ellipse at 95% 80%,#ab72130e,transparent 50%);pointer-events:none;z-index:-1}button,input{font:inherit}a,button{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.55}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #7db8ff;outline-offset:4px}main{max-width:1260px;margin:auto;padding:0 48px}header{height:110px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{border:0;background:none;padding:0;text-align:left;font-family:Barlow Condensed,Impact,sans-serif;font-size:29px;font-weight:800;line-height:.83;letter-spacing:-.5px;transform:rotate(-3deg)}.wordmark>span{display:block}.dot{color:var(--gold)}.brand{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:12px;letter-spacing:2px}.brand a{font-size:24px;font-weight:700;letter-spacing:-1px;color:#fff}.brand a span{font-size:17px;margin-left:5px;color:#528efa}.intro{display:inline-block;width:43%;vertical-align:top;padding-top:70px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;display:flex;align-items:center;gap:9px;color:var(--muted)}.live-dot{width:7px;height:7px;background:var(--gold);border-radius:50%;box-shadow:0 0 12px #f3b94f88;animation:pulse 3s infinite}h1,h2,p{margin:0}h1{font-family:Barlow Condensed,Impact,sans-serif;font-size:76px;line-height:1;font-weight:700;letter-spacing:-1px;margin:23px 0}h1 em{font-style:normal;color:var(--gold)}.intro p{color:var(--muted);line-height:1.8;margin-bottom:34px}.round-badge{display:grid;grid-template-columns:auto 1fr 1px auto 1fr;align-items:center;gap:12px;font-size:38px;font-family:Barlow Condensed,sans-serif;max-width:330px}.round-badge small{font:10px DM Sans,sans-serif;letter-spacing:1px;max-width:70px;color:var(--muted)}.round-badge div{height:32px;background:var(--line);margin:0 8px}.panel{background:linear-gradient(145deg,#192436,#131c2a);border:1px solid var(--line);border-radius:18px;box-shadow:0 16px 50px #0002}.setup{display:inline-block;width:57%;margin:40px 0;padding:26px}.tabs{display:flex;padding:5px;border-radius:10px;background:#0d1522;gap:5px;margin-bottom:25px}.tabs button{width:50%;padding:11px;background:none;border:0;border-radius:7px;font-size:14px;font-weight:600;color:var(--muted)}.tabs button.active{background:#2a3547;color:#fff;box-shadow:0 2px 6px #0003}.section-heading{display:flex;gap:13px;align-items:center;margin-bottom:20px}h2{font-size:22px;letter-spacing:-.5px}.section-heading p{color:var(--muted);font-size:14px;margin-top:3px}.number{font:21px Barlow Condensed,sans-serif;color:var(--gold);border:1px solid #f3b94f44;border-radius:50%;width:38px;height:38px;display:grid;place-items:center}.mixed{width:100%;display:flex;gap:15px;align-items:center;border:1px solid var(--line);background:#172235;border-radius:10px;text-align:left;padding:16px;margin-bottom:12px}.mixed strong{display:block;font-size:16px}.mixed small{color:var(--muted);font-size:13px;display:block;margin-top:3px}.category-icon{font-size:29px;line-height:1;color:var(--gold)}.check{margin-left:auto;color:var(--gold);font-size:20px}.categories{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.category{position:relative;min-height:136px;text-align:left;background:#172132;border:1px solid var(--line);border-radius:10px;padding:16px 12px;transition:transform .2s,border-color .2s,background .2s}.category:hover{transform:translateY(-3px);background:#202e43}.category strong{display:block;font-size:14px;margin:10px 0 4px}.category small{font-size:12px;color:var(--muted);display:block;line-height:1.45}.selected{border-color:var(--gold)!important;background:#f3b94f0a!important}.category-check{position:absolute;right:10px;top:10px;color:var(--gold);font-size:12px}.primary,.secondary{border:0;border-radius:9px;padding:15px 20px;font-weight:700;transition:filter .2s,transform .2s}.primary{width:100%;background:var(--gold);color:#182033;margin-top:22px;box-shadow:0 5px 24px #f3b94f14}.primary:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.secondary{background:#263348;border:1px solid #3c4a60}.small-note{color:var(--muted);font-size:12px;text-align:center;margin-top:12px;line-height:1.6}.bottom-strip{font-size:11px;letter-spacing:1.7px;padding:5px 0 28px}.bottom-strip,footer{display:flex;justify-content:space-between;color:var(--muted)}footer{border-top:1px solid var(--line);padding:24px 0;font-size:12px;gap:20px}footer>span:first-child{font-weight:700;color:#e4e9f2}.footer-muted{font-weight:400;color:var(--muted);margin-left:14px}footer a{color:#7db8ff}label{font-size:14px;font-weight:600;margin-top:20px}input,label{display:block}input{width:100%;background:#0e1624;border:1px solid #35435a;border-radius:9px;padding:14px;color:#fff;margin-top:8px}.code-input{letter-spacing:5px;font-weight:700;font-size:24px;text-transform:uppercase}.error{border:1px solid #ee8f8055;background:#ee8f8011;color:#ffd0c7;padding:12px;border-radius:8px;font-size:14px;margin:15px 0}.game{padding:30px 0 45px}.game-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.text-button{border:0;background:none;font-size:13px;color:var(--muted)}.finish-layout,.lobby-layout,.play-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);gap:24px}.room-panel{padding:42px;text-align:center}.room-panel .eyebrow{justify-content:center}.room-panel h1{font-size:52px}.room-panel p{color:var(--muted)}.room-code{font-family:Barlow Condensed,sans-serif;font-size:72px;font-weight:800;letter-spacing:8px;color:var(--gold);margin:28px 0 12px}.room-details{display:flex;justify-content:center;gap:20px;margin:25px 0;font-size:14px;color:var(--muted)}.leaderboard{padding:24px;align-self:start}.leaderboard .section-heading{justify-content:space-between;gap:10px}.leaderboard h2{font-size:19px}.pill{font-size:11px;color:var(--muted);border:1px solid var(--line);padding:4px 8px;border-radius:20px;white-space:nowrap}.leader{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:18px 0;font-size:14px}.leader strong{word-break:break-word;flex:1 1}.rank{font:21px Barlow Condensed,sans-serif;color:var(--muted)}.score{font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:#fff}.first .rank,.first .score{color:var(--gold)}.ready{color:#7ed8b4;font-size:12px}.empty{text-align:center;color:var(--muted);padding:40px 0;font-size:14px}.empty>span{font-size:40px;color:var(--gold)}.empty p{margin-top:15px}.leader-note{font-size:12px;color:var(--muted);margin-top:20px}.align-left{text-align:left;margin:0 0 8px}.question-panel{padding:32px;animation:arrive .4s ease}.question-meta{display:flex;justify-content:space-between;font-size:14px;font-weight:600}.question-meta>b{color:var(--muted)}.question-meta span:last-child{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.question-meta b{color:var(--muted);font-weight:400}.progress{height:3px;background:#2b3545;margin:20px 0 25px;border-radius:5px;overflow:hidden}.progress i{display:block;height:100%;background:var(--gold);transition:width .4s}.question-heading{display:flex;align-items:center;justify-content:space-between;min-height:38px}.timer{font-family:Barlow Condensed,sans-serif;font-size:35px;color:var(--gold);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.timer small{font:14px DM Sans,sans-serif;margin-left:3px}.urgent{color:#ff9889;animation:pulse 1s infinite}.question-panel h1{font-size:43px;line-height:1.14;margin:18px 0 30px;min-height:98px}.answers{display:grid;grid-template-columns:1fr 1fr;gap:12px}.answer{display:flex;gap:12px;align-items:center;text-align:left;border:1px solid #3b485e;border-radius:10px;min-height:80px;padding:15px;background:#1b273b;transition:background .2s,border .2s}.answer:disabled{opacity:1}.answer:hover:not(:disabled){background:#2a3a53;border-color:#7db8ff}.letter{display:grid;place-items:center;min-width:30px;height:30px;border:1px solid #4d5d76;border-radius:7px;font-size:12px;color:var(--muted)}.answer strong{font-size:15px;line-height:1.5;overflow-wrap:anywhere}.answer-mark{margin-left:auto;color:var(--gold)}.picked{border-color:#7db8ff;background:#377ff425}.correct{background:#7ed8b419;border-color:#7ed8b4;animation:reveal .6s ease}.correct .answer-mark{color:#7ed8b4}.incorrect{background:#ff988912;border-color:#ff9889}.reveal-box{padding:20px;background:#7ed8b40b;border-left:3px solid #7ed8b4;margin-top:24px;border-radius:3px;animation:arrive .4s}.reveal-box strong{color:#7ed8b4}.reveal-box p{color:#c2ccda;margin-top:7px;font-size:14px}.answer-status{font-size:13px;color:var(--muted);margin-top:22px;min-height:22px}.winner{position:relative;overflow:hidden;text-align:center;padding:40px}.winner .eyebrow{justify-content:center}.winner h1{font-size:60px}.winner h2{font-size:26px;color:var(--gold);overflow-wrap:anywhere}.winner p{color:var(--muted);margin-top:14px}.winner-symbol{font-size:80px;color:var(--gold);animation:float 4s ease-in-out infinite}.sponsor-link{display:block;margin-top:24px;font-size:13px;color:#7db8ff}.confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}.confetti i{position:absolute;top:-15px;width:5px;height:12px;animation:fall 4s ease-in infinite}.loading{text-align:center;margin:60px auto;padding:45px;max-width:600px}.loading button{margin-top:30px}.loader{width:32px;height:32px;border:3px solid var(--line);border-top-color:var(--gold);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes pulse{50%{opacity:.55}}@keyframes arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes reveal{50%{box-shadow:0 0 25px #7ed8b444}}@keyframes float{50%{transform:translateY(-8px) rotate(12deg)}}@keyframes fall{to{transform:translateY(650px) rotate(1turn);opacity:0}}@keyframes spin{to{transform:rotate(1turn)}}@media(min-width:1000px){.setup{max-width:650px}}@media(max-width:900px){main{padding:0 28px}.intro h1{font-size:59px}.intro{width:40%}.setup{width:60%;padding:22px}.categories{grid-template-columns:1fr 1fr}.category{min-height:122px}.intro p{font-size:14px}.round-badge{grid-template-columns:auto 1fr;max-width:150px}.round-badge div{display:none}.finish-layout,.lobby-layout,.play-layout{grid-template-columns:1fr}.leaderboard{width:100%}.footer-muted{display:none}}@media(max-width:600px){main{padding:0 18px}header{height:86px}.brand{font-size:9px;gap:9px;letter-spacing:1px}.brand a{font-size:21px}.wordmark{font-size:25px}.intro{width:100%;padding-top:30px}.intro .eyebrow{font-size:10px}.intro h1{font-size:54px;line-height:1.03;margin:17px 0 14px}.intro h1 br{display:none}.intro p{font-size:14px;margin-bottom:0}.intro p br,.round-badge{display:none}.setup{width:100%;margin:25px 0;padding:18px}.section-heading h2{font-size:20px}.section-heading p{font-size:13px}.categories{grid-template-columns:1fr 1fr}.category{padding:14px;min-height:124px}.category strong{font-size:14px}.bottom-strip{display:block;text-align:center;font-size:9px;padding:0 0 20px}.bottom-strip span:last-child{display:none}footer{font-size:11px;padding:20px 0}.question-panel{padding:22px 18px}.question-panel h1{font-size:35px;min-height:0}.answers{grid-template-columns:1fr}.answer{min-height:64px;padding:13px}.question-meta{font-size:12px}.game{padding-top:20px}.room-panel{padding:28px 20px}.room-panel h1{font-size:44px}.room-code{font-size:58px;letter-spacing:5px}.room-details{font-size:12px}.winner{padding:28px 20px}.winner h1{font-size:46px}.game-top .eyebrow{font-size:10px;max-width:70%;word-break:break-word}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important}}.vividex-logo{display:block;height:auto;object-fit:contain}.header-logo{width:190px}.footer-logo{width:150px}.footer-sponsor{display:flex;gap:12px}.footer-sponsor,.sponsor-link,footer{align-items:center}.sponsor-link{display:flex;flex-direction:column;gap:12px}.winner-logo{width:280px;max-width:100%}@media(max-width:600px){.brand{flex-direction:column;align-items:flex-end;gap:5px}.header-logo{width:148px}.footer-logo{width:112px}.footer-sponsor{gap:8px}.winner-logo{width:240px}}.game-settings{border-top:1px solid var(--line);margin-top:20px;padding-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:18px}fieldset{border:0;padding:0;margin:0;min-width:0}legend{font-size:13px;color:#c2ccda;margin-bottom:10px;font-weight:600}.option-buttons{display:flex;gap:6px}.option-buttons button{flex:1 1;border:1px solid #3b485e;border-radius:7px;background:#172132;padding:10px 0;font-weight:600;min-height:43px}.option-buttons button.chosen{border-color:var(--gold);background:#f3b94f16;color:var(--gold)}.settings-summary{grid-column:1/-1;font-size:13px;color:var(--muted)}.bank-note{grid-column:1/-1;color:#dacaa9;background:#f3b94f0a;border-radius:7px;padding:12px;font-size:12px;line-height:1.6}.round-break{padding:42px;text-align:center}.round-break .eyebrow{justify-content:center}.round-break h1{font-size:60px}.round-break p{color:var(--muted);font-size:16px}.break-symbol{color:var(--gold);font-size:72px;margin-top:20px}.next-round{color:#e5e9f2;margin-top:30px;font-size:15px}.question-meta span:last-child{font-size:12px;text-align:right}.brand .vividex-logo,.footer-sponsor .vividex-logo,.sponsor-link .vividex-logo{background:none}@media(max-width:600px){.game-settings{grid-template-columns:1fr}.round-break{padding:30px 20px}.round-break h1{font-size:46px}.question-meta{gap:12px}.question-meta span:last-child{font-size:10px;max-width:52%}}.personal-banter{color:var(--gold)!important;font-size:16px!important;margin:18px auto 0;max-width:440px}.vividex-logo{mix-blend-mode:screen}