.trivia-player-shell,.trivia-player-shell .hub-theme,.trivia-controller,.trivia-join,.trivia-rankings{--background:#0a0a0d;--foreground:#f7f3e9;--primary:#ff5145;--primary-foreground:#0a0a0d;--surface:#171518;--border:#ffffff30;--muted-foreground:#b5b1aa}.trivia-player-shell{background:var(--background);min-height:100dvh}.trivia-eyebrow{color:var(--primary);letter-spacing:.18em;text-transform:uppercase;font-size:.72rem;font-weight:800}.trivia-controller,.trivia-join,.trivia-rankings{color:var(--foreground);background:var(--background);background-image:radial-gradient(at 100% 20%,#ff514519,#0000 55%);max-width:34rem;min-height:100%;margin:auto;padding:1.5rem}.trivia-controller-heading{justify-content:space-between;align-items:start;gap:1rem;display:flex}.trivia-phone-lobby-art{isolation:isolate;background:#0a0a0d;border-radius:20px;align-items:end;min-height:220px;margin-top:20px;padding:24px;display:flex;position:relative;overflow:hidden}.trivia-phone-category-art{z-index:-2;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.trivia-phone-lobby-art:before{content:"";z-index:-1;background:linear-gradient(#0a0a0d20,#0a0a0df2);position:absolute;inset:0}.trivia-phone-lobby-wordmark{width:125px;max-width:100%;margin-bottom:16px}.trivia-phone-lobby-art p{color:#ffbe72;font-weight:800}.trivia-phone-lobby-art h2{margin-top:6px;font-size:24px;font-weight:800;line-height:1.15}.trivia-controller-heading>div{overflow-wrap:anywhere;flex:1;min-width:0}.trivia-controller-heading>button{flex-shrink:0}.trivia-controller h1,.trivia-join h1,.trivia-rankings h1{font-family:var(--font-display);letter-spacing:-.025em;margin:.35rem 0;font-size:clamp(3rem,13vw,4.5rem);font-weight:900;line-height:1}.trivia-controller-heading p:last-child{color:var(--muted-foreground)}.trivia-round-meta{justify-content:space-between;gap:1rem;margin:1.5rem 0 1rem;font-size:.8rem;display:flex}.trivia-clock{color:var(--muted-foreground);flex-wrap:wrap;align-items:center;gap:.75rem;font-size:.8rem;display:flex}.trivia-clock strong{color:var(--foreground);font-variant-numeric:tabular-nums;font-size:1.25rem}.trivia-clock-track{background:var(--border);border-radius:999px;width:100%;height:6px;overflow:hidden}.trivia-clock-track span{background:linear-gradient(90deg, #ffbe72, var(--primary));transform-origin:0;height:100%;transition:transform .2s linear;display:block}.trivia-controller-cue{min-height:3rem;color:var(--foreground);margin:1.5rem 0 1rem;font-weight:600}.trivia-letter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.trivia-letter-grid button{border:1px solid var(--border);background:var(--surface);color:var(--foreground);min-height:clamp(68px,11vh,96px);font-family:var(--font-display);cursor:pointer;border-radius:999px;place-content:center;gap:.2rem;font-size:3rem;font-weight:750;transition:background-color .16s,border-color .16s;display:grid}.trivia-letter-grid button:last-child{grid-column:1/-1}.trivia-letter-grid button:disabled{cursor:default;opacity:.55}.trivia-letter-grid button[aria-pressed=true]{opacity:1;background:var(--primary);color:var(--primary-foreground)}.trivia-letter-grid button:focus-visible,.trivia-text-button:focus-visible{outline:3px solid var(--primary);outline-offset:3px}.trivia-controller-footnote{color:var(--muted-foreground);margin-top:1.5rem;font-size:.75rem;line-height:1.6}.trivia-notice{border:1px solid var(--border);border-left:3px solid var(--primary);background:var(--surface);border-radius:16px;margin:1rem 0;padding:1rem}.trivia-notice button{margin-top:.75rem}.trivia-text-button{color:var(--muted-foreground);min-height:44px;padding:1rem 0;font-size:.75rem;text-decoration:underline;display:block}.trivia-confirm{border:1px solid var(--border);border-top:3px solid var(--primary);background:var(--surface);border-radius:20px;margin-top:1rem;padding:1.25rem}.trivia-confirm h2{font-family:var(--font-display);font-size:2rem}.trivia-confirm button{margin:.75rem .5rem 0 0}.trivia-join{padding-top:3rem}.trivia-join>p:not(.trivia-eyebrow){color:var(--muted-foreground);margin:1rem 0;line-height:1.6}.trivia-join form{gap:.75rem;margin:2rem 0 1rem;display:grid}.trivia-join form label{font-size:.8rem;font-weight:700}.trivia-join input{letter-spacing:.12em;text-transform:uppercase;background:var(--surface);min-height:56px;color:var(--foreground);border-radius:16px;font-size:1.2rem}.trivia-controller button,.trivia-join button,.trivia-rankings button{min-height:44px}.trivia-join form button,.trivia-personal-result button{border-radius:999px;font-weight:750}.trivia-player-brand{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;margin-top:1.5rem;padding-top:1rem;display:flex}.trivia-player-brand img{width:100px;height:auto}.trivia-player-brand span{color:var(--muted-foreground);letter-spacing:.1em;font-size:.65rem;font-weight:750}.trivia-personal-result{background:radial-gradient(ellipse at 90% 0, #ff51451c, transparent 70%), var(--surface);border:1px solid #ff514560;border-radius:28px;padding:2rem 1.5rem}.trivia-personal-result h2{font-family:var(--font-display);margin:1rem 0;font-size:clamp(2.5rem,10vw,4rem);font-weight:800;line-height:1.05}.trivia-personal-result>p:not(.trivia-eyebrow){color:var(--muted-foreground);margin-bottom:1.5rem;font-size:.85rem;line-height:1.6}.trivia-ranking-tabs{gap:.5rem;margin:1.5rem 0;display:flex}.trivia-ranking-tabs button{border:1px solid var(--border);border-radius:999px;padding:.6rem 1rem}.trivia-ranking-tabs button[aria-pressed=true]{background:var(--foreground);color:var(--background)}.trivia-ranking-list{gap:.75rem;margin:1.5rem 0;display:grid}.trivia-ranking-list li{border:1px solid var(--border);border-radius:18px;grid-template-columns:2.5rem 1fr auto;align-items:center;gap:.75rem;padding:1rem;display:grid}.trivia-ranking-list strong{color:var(--primary)}.trivia-ranking-list b{font-variant-numeric:tabular-nums}.trivia-scanner{margin-top:1rem}.trivia-scanner video{background:var(--surface);object-fit:cover;border-radius:12px;width:100%;max-height:260px}.trivia-scanner p{color:var(--muted-foreground);margin-top:.5rem;font-size:.75rem}.trivia-tv{--background:#0a0a0d;--foreground:#f7f3e9;--primary:#ff5145;--primary-foreground:#0a0a0d;--surface:#141417;--border:#ffffff30;--muted-foreground:#b5b1aa;isolation:isolate;width:100%;height:100%;color:var(--foreground);background:var(--background);flex-direction:column;gap:2.4vh;padding:5.5vh 6vw 4vh;display:flex;position:relative;overflow:auto}.trivia-tv-atmosphere{z-index:-1;pointer-events:none;background:radial-gradient(at 90% 105%,#ff3c3420,#0000 55%),radial-gradient(at 50% 120%,#ff6d3610,#0000 55%);position:absolute;inset:0;overflow:hidden}.trivia-tv-category-art{object-fit:cover;opacity:.3;width:100%;height:100%;position:absolute;inset:0}.trivia-tv-category-name{text-transform:uppercase;letter-spacing:.1em;font-weight:800}.trivia-tv[data-phase=lobby] .trivia-tv-atmosphere{background:radial-gradient(at 75% 38%,#ff4c3830,#0000 34%),radial-gradient(at 13% 105%,#fb694f1f,#0000 48%),linear-gradient(120deg,#0c0b0e 30%,#201015 75%,#0b0a0d)}.trivia-tv[data-phase=lobby] .trivia-tv-atmosphere:before{content:"";background:repeating-linear-gradient(90deg,#0000 0 12%,#ff826214 12% 12.5%,#0000 13% 24%);position:absolute;inset:16% -3% 0 50%;transform:perspective(500px)rotateY(-20deg);-webkit-mask-image:linear-gradient(#0000,#000 35%,#0000);mask-image:linear-gradient(#0000,#000 35%,#0000)}.trivia-tv[data-phase=lobby] .trivia-tv-atmosphere:after{content:"";border:1px solid #ff6d3925;border-radius:50%;width:44vw;height:44vw;position:absolute;top:13vh;right:-8vw;box-shadow:0 0 0 5vw #ff6d3907,0 0 0 11vw #ff6d3905}.trivia-tv-round{color:#d7d2cb;justify-content:space-between;align-items:center;font-size:clamp(14px,1.15vw,24px);font-weight:600;display:flex}.trivia-tv-venue{align-items:center;gap:.7em;display:flex}.trivia-tv-venue i{background:var(--primary);border-radius:50%;width:.45em;height:.45em;box-shadow:0 0 16px #ff514570}.trivia-tv-progress{width:100%}.trivia-tv .trivia-clock{color:#b5b1aa;grid-template-columns:1fr auto;align-items:center;gap:1vh 1vw;font-size:clamp(12px,.85vw,18px);display:grid;position:relative}.trivia-tv .trivia-clock>span:first-child{text-transform:uppercase;letter-spacing:.14em;font-weight:700}.trivia-tv .trivia-clock strong{z-index:1;color:#151315;text-align:center;background:#f7f3e9;border-radius:999px;min-width:4.9vw;padding:.45vh 1.1vw;font-size:clamp(20px,1.65vw,34px);font-weight:850;line-height:1.1;position:absolute;bottom:-.45vh;right:0}.trivia-tv .trivia-clock-track{background:#fff2;border-radius:999px;grid-column:1/-1;width:100%;height:clamp(14px,1.5vw,29px)}.trivia-tv .trivia-clock-track span{border-radius:inherit;background:linear-gradient(90deg,#ff773f,#ff3e48);box-shadow:0 0 22px #ff514535}.trivia-tv-body{overscroll-behavior:contain;flex:1;justify-content:space-between;align-items:center;gap:5vw;min-height:0;padding:1.4vh 6px;display:flex;overflow-y:auto}.trivia-tv-body:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.trivia-tv .trivia-eyebrow{color:#ff7c64;letter-spacing:.14em;margin-bottom:1.8vh;font-size:clamp(12px,1vw,20px)}.trivia-tv-title h1{font-family:var(--font-display);letter-spacing:-.055em;font-size:clamp(56px,7.6vw,150px);font-weight:900;line-height:.92}.trivia-tv-title h1 em{color:var(--primary);font-style:normal}.trivia-tv-title>p:not(.trivia-eyebrow){color:#ccc6c0;margin-top:2.8vh;font-size:clamp(18px,1.55vw,32px);line-height:1.5}.trivia-lobby-steps{color:#ff7c64;gap:2.5vw;margin-top:3.3vh;font-size:clamp(12px,.9vw,20px);display:flex}.trivia-lobby-steps span{align-items:center;gap:.7em;display:flex}.trivia-lobby-steps b{color:#f7f3e9;font-weight:600}.trivia-lobby-join{color:#181318;text-align:center;background:#f7f3e9;border-radius:2vw;flex-direction:column;flex-shrink:0;align-items:center;gap:1.1vh;width:clamp(250px,27vw,510px);padding:2.6vh 2vw;display:flex;box-shadow:0 24px 100px #0008,0 0 80px #ff514512}.trivia-lobby-invitation{letter-spacing:-.02em;font-size:clamp(20px,1.9vw,38px);font-weight:900}.trivia-lobby-join canvas{border-radius:10px;width:clamp(190px,19vw,365px);height:auto}.trivia-lobby-code-label{color:#61565b;font-size:clamp(12px,.95vw,19px)}.trivia-lobby-join strong{letter-spacing:.12em;font-size:clamp(22px,2.1vw,44px);font-weight:850}.trivia-lobby-join small{color:#61565b;font-size:clamp(10px,.75vw,15px)}.trivia-tv-question{align-self:center;width:100%}.trivia-tv-question h1{font-family:var(--font-sans);letter-spacing:-.025em;overflow-wrap:anywhere;max-width:82vw;margin-bottom:3.6vh;font-size:clamp(30px,2.45vw,50px);font-weight:550;line-height:1.25}.trivia-tv-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5vh 1.1vw;display:grid}.trivia-tv-options>div{overflow-wrap:anywhere;background:#ffffff03;border:1px solid #fff5;border-radius:999px;align-items:center;gap:1vw;min-height:7.2vh;padding:1.1vh 1.1vw;font-size:clamp(18px,1.4vw,30px);line-height:1.25;display:flex}.trivia-tv-options>div:last-child{grid-column:1/-1;justify-self:center;width:calc(50% - .55vw)}.trivia-tv-options strong{color:#f7f3e9;background:#ff51451f;border-radius:50%;flex-shrink:0;place-items:center;width:2.3vw;min-width:28px;height:2.3vw;min-height:28px;font-size:.75em;font-weight:800;display:grid}.trivia-tv-options .is-correct{color:#130c0c;background:#ffbe72;border-color:#f7f3e9;font-weight:700}.trivia-tv-options>.is-correct,.trivia-letter-grid button.is-correct{outline-offset:2px;outline:2px solid #f7f3e9;box-shadow:0 0 24px #ffbe7266}.trivia-letter-grid button.is-correct{opacity:1;color:#130c0c;background:#ffbe72;border-color:#f7f3e9}.trivia-letter-grid button.is-wrong[aria-pressed=true]{opacity:1;color:#f7f3e9;background:#262126;border-style:dashed;border-color:#b5b1aa}.trivia-choice-label{font-family:var(--font-sans);letter-spacing:.03em;margin-top:.2em;font-size:.65em;font-weight:800;line-height:1.2;display:block}.trivia-letter-grid .trivia-choice-label{font-size:.7rem}@keyframes trivia-answer-glow{50%{box-shadow:0 0 34px #ffbe7299}}@media (prefers-reduced-motion:no-preference){.trivia-tv-options>.is-correct,.trivia-letter-grid button.is-correct{animation:1.1s ease-in-out 2 trivia-answer-glow}}@media (prefers-reduced-motion:reduce){.trivia-tv-options>.is-correct,.trivia-letter-grid button.is-correct{animation:none}}.trivia-tv-options .is-correct strong{color:#130c0c;background:#fff5}.trivia-tv-question.is-dense h1{margin-bottom:2vh;font-size:clamp(23px,1.85vw,38px)}.trivia-tv-question.is-dense{align-self:flex-start}.trivia-tv-question.is-dense .trivia-tv-options>div{border-radius:24px;font-size:clamp(16px,1.05vw,23px)}.trivia-tv-reveal{overflow-wrap:anywhere;max-width:78vw;margin-top:2vh;font-size:clamp(16px,1.2vw,26px)}.trivia-tv-reveal strong{color:#ff7c64}.trivia-tv-footer{border-top:1px solid #ffffff1f;flex-shrink:0;justify-content:space-between;align-items:center;gap:2vw;min-height:9vh;padding-top:1.8vh;display:flex}.trivia-tv-footer-meta{color:#a9a39d;align-items:center;gap:3vw;font-size:clamp(12px,1vw,21px);display:flex}.trivia-tv-footer-meta b{color:#f7f3e9}.trivia-tv-join-strip{align-items:center;gap:.8vw;display:flex}.trivia-tv-join-strip canvas{width:clamp(50px,4.2vw,82px);height:auto}.trivia-tv-join-strip p{color:#a9a39d;font-size:.75em}.trivia-tv-join-strip strong{color:#f7f3e9;letter-spacing:.12em;font-size:clamp(15px,1.2vw,25px)}.trivia-tv-brand{align-items:center;gap:1.1vw;display:flex}.trivia-tv-brand img{width:clamp(110px,10vw,196px);height:auto}.trivia-tv-brand span{font-family:var(--font-display);letter-spacing:-.035em;font-size:clamp(20px,1.7vw,35px);font-weight:900}.trivia-tv .trivia-notice{margin:0;padding:.8vh 1vw;font-size:clamp(12px,.8vw,17px)}.trivia-tv-results{width:82%;margin:auto}.trivia-tv-results h1{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(40px,4vw,80px);line-height:1}.trivia-results-columns{color:var(--muted-foreground);letter-spacing:.15em;grid-template-columns:3rem 1fr 5rem;gap:2vw;padding:2vh 1.5vw 0;font-size:clamp(10px,.7vw,15px);display:grid}.trivia-results-columns span:last-child{text-align:right}.trivia-tv-results ol{gap:1vh;margin:2vh 0;display:grid}.trivia-tv-results li{border:1px solid var(--border);background:#ffffff03;border-radius:999px;grid-template-columns:3rem 1fr 5rem;align-items:center;gap:2vw;padding:1.4vh 1.5vw;font-size:clamp(20px,2vw,40px);display:grid}.trivia-tv-results li span{overflow-wrap:anywhere;min-width:0}.trivia-tv-results li strong{color:var(--primary)}.trivia-tv-results li:first-child{background:#ff514511;border-color:#ff514570}.trivia-tv-results li b{text-align:right}@media (width<=700px){.trivia-tv{height:auto;min-height:100%;padding:3vh 5vw}.trivia-tv-body{flex-direction:column;align-items:stretch}.trivia-tv-title h1{font-size:clamp(48px,14vw,90px)}.trivia-lobby-join{border-radius:24px;align-self:center;width:min(100%,340px)}.trivia-tv-question h1{font-size:26px}.trivia-tv-options{grid-template-columns:1fr}.trivia-tv-options>div:last-child{width:100%}.trivia-tv-footer{flex-wrap:wrap}.trivia-tv-footer-meta{gap:1rem}.trivia-tv-results{width:100%}}@media (orientation:landscape) and (height<=500px){.trivia-letter-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.trivia-letter-grid button{min-height:68px}.trivia-letter-grid button:last-child{grid-column:auto}.trivia-controller-cue{min-height:auto;margin:.75rem 0}.trivia-round-meta{margin:.6rem 0}}@media (prefers-reduced-motion:reduce){.trivia-clock-track span,.trivia-letter-grid button{transition:none}}
