:root{color-scheme:dark;--ink:#03071d;--navy:#071441;--blue:#0b49ae;--gold:#ffc928;--green:#31db87;--red:#ff4e59;--white:#fff;--muted:#adc8f5;--line:rgba(174,211,255,.48);font-family:"Avenir Next",Inter,Arial,sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{color:var(--white);background:radial-gradient(circle at 52% -8%,#1c76e9 0,transparent 42%),linear-gradient(145deg,#020617,#082d70 55%,#020617);background-attachment:fixed}button,input{font:inherit}button,a{touch-action:manipulation}[hidden]{display:none!important}a{color:inherit;text-decoration:none}.brand{font-weight:900;font-size:clamp(30px,5vw,70px);font-style:italic;letter-spacing:-.07em;text-shadow:0 3px #001133}.brand span{color:var(--gold)}.brand.compact{font-size:clamp(24px,2.4vw,42px)}.button{display:inline-flex;min-height:50px;align-items:center;justify-content:center;padding:12px 20px;border:2px solid transparent;border-radius:12px;cursor:pointer;font-weight:900;letter-spacing:.04em}.button.primary{color:#1c1600;background:linear-gradient(#ffe46a,#ffb20d);box-shadow:0 8px 24px rgba(255,183,16,.24)}.button.secondary{border-color:#8fc0ff;color:white;background:#0a419b}.button.ghost{border-color:var(--line);color:#d9eaff;background:rgba(5,29,82,.8)}.button.danger{border-color:#ff8d94;color:white;background:#921f32}.eyebrow{margin:0;color:var(--gold);font-size:12px;font-weight:900;letter-spacing:.2em}
.landing-shell{width:min(1380px,calc(100% - 40px));margin:auto;padding:34px 0 60px}.hero-card{margin-top:48px;padding:clamp(30px,5vw,78px);border:1px solid var(--line);border-radius:24px;background:linear-gradient(120deg,rgba(5,22,70,.95),rgba(13,72,162,.78));box-shadow:0 30px 90px rgba(0,0,0,.35)}.hero-card h1{max-width:900px;margin:16px 0;font-size:clamp(48px,8vw,118px);line-height:.9;letter-spacing:-.07em}.hero-card h1 em{color:var(--gold);font-style:normal}.lead{max-width:720px;color:#d6e8ff;font-size:clamp(18px,2vw,28px);line-height:1.4}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.game-showcase{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}.game-card{display:flex;gap:24px;padding:24px;border:1px solid var(--line);border-radius:18px;background:rgba(5,22,65,.86)}.game-card.soon{opacity:.5}.game-number{color:var(--gold);font-size:50px;font-weight:900}.game-card p{margin:0;color:var(--gold);font-size:11px;font-weight:900;letter-spacing:.18em}.game-card h2{margin:3px 0;font-size:32px}.game-card div>span{color:var(--muted)}
.app-header{display:flex;align-items:center;justify-content:space-between;padding:18px 3vw;border-bottom:1px solid var(--line);background:rgba(2,8,30,.84);backdrop-filter:blur(18px)}.app-header>strong{color:var(--muted);font-size:12px;letter-spacing:.16em}.host-shell{width:min(1360px,calc(100% - 32px));margin:26px auto 70px}.setup-card,.control-card,.players-panel,.session-bar,.phone-card{border:1px solid var(--line);border-radius:20px;background:rgba(4,21,67,.94);box-shadow:0 20px 60px rgba(0,0,0,.28)}.setup-card{max-width:900px;margin:4vh auto;padding:clamp(24px,4vw,52px)}.setup-card h1{margin:8px 0 28px;font-size:clamp(32px,5vw,58px)}label{display:grid;gap:7px;color:#c6ddff;font-size:13px;font-weight:800}input{width:100%;min-height:50px;padding:12px 14px;border:2px solid #527fc0;border-radius:11px;color:#fff;background:#06153f;outline:0}input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(255,201,40,.18)}.mode-picker{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.mode-option{position:relative}.mode-option input{position:absolute;width:1px;height:1px;opacity:0}.mode-option span{display:grid;gap:5px;min-height:110px;padding:20px;border:2px solid #4c75ae;border-radius:14px;background:#081d55;cursor:pointer}.mode-option input:checked+span{border-color:var(--gold);background:#123d8d;box-shadow:0 0 24px rgba(255,201,40,.17)}.mode-option b{font-size:20px;color:white}.mode-option small{color:var(--muted);line-height:1.35}.options-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.form-error{min-height:1.4em;color:#ff9fa5}.session-bar{display:flex;align-items:center;justify-content:space-between;padding:18px 22px}.session-bar small{display:block;color:var(--muted);font-weight:900;letter-spacing:.16em}.session-bar strong{color:var(--gold);font:900 44px/1 ui-monospace,monospace;letter-spacing:.12em}.session-links{display:flex;gap:10px}.host-status{min-height:30px;padding:12px 6px;color:var(--gold);font-weight:900}.control-card{padding:24px}.control-heading{display:flex;justify-content:space-between;gap:20px}.control-heading h1{margin:5px 0 20px;font-size:clamp(25px,4vw,48px)}.pot{display:grid;place-items:center;min-width:130px;color:var(--gold);font-size:14px;text-align:center}.pot span{font-size:44px}.pot small{font-size:10px}.guess-form{display:grid;grid-template-columns:1fr auto;gap:10px}.answer-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.answer-control{display:flex;align-items:center;gap:10px;padding:12px;border:2px solid #3f6fae;border-radius:11px;color:white;background:#08235f;cursor:pointer;text-align:left}.answer-control.revealed{border-color:var(--green);background:#0a6944}.answer-control b{display:grid;place-items:center;width:30px;height:30px;border-radius:7px;background:#06133b}.answer-control span{flex:1}.answer-control em{color:var(--gold);font-style:normal;font-weight:900}.team-controls{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.team-control{padding:18px;border:1px solid var(--line);border-radius:16px;background:rgba(5,28,81,.9)}.team-control h2{margin:0 0 10px;color:var(--gold)}.team-control .team-score{font-size:34px;font-weight:900}.team-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.team-buttons .button{min-height:42px;padding:8px 12px}.action-row{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}.players-panel{margin-top:14px;padding:20px}.section-title{display:flex;align-items:center;gap:10px}.section-title h2{margin:0}.section-title span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:#071441;background:var(--gold);font-weight:900}.players-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.player-chip{padding:8px 12px;border:1px solid #547eb5;border-radius:999px;background:#071b4e}.host-choices{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.host-choice{padding:13px;border:2px solid #527ebc;border-radius:10px;text-align:center}.host-choice.correct{border-color:var(--green);background:#0b6845}
.tv-page{overflow:hidden}.tv-shell{width:100vw;height:100dvh;padding:2.2vh 2vw}.tv-header{display:flex;align-items:center;justify-content:space-between}.join-badge{display:flex;align-items:center;gap:1vw}.join-badge small{color:var(--muted);font-weight:900}.join-badge strong{font-size:clamp(14px,1.25vw,24px)}.join-badge b{padding:.5vh .8vw;border:2px solid var(--gold);border-radius:.6vw;color:var(--gold);font:900 clamp(24px,3vw,58px)/1 ui-monospace,monospace;letter-spacing:.1em}.classic-tv{display:grid;grid-template-rows:auto 1fr;height:calc(100% - 7vh);gap:1.5vh;margin-top:1.5vh}.scoreboard{display:grid;grid-template-columns:1fr .55fr 1fr;gap:1vw}.scoreboard article{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;padding:1.1vh 1.2vw;border:2px solid #6b98d5;border-radius:1vw;background:linear-gradient(#0d55b9,#062b72)}.scoreboard article>span{font-size:clamp(18px,2vw,42px);font-weight:900}.scoreboard article>strong{color:var(--gold);font:900 clamp(44px,5vw,94px)/1 ui-monospace,monospace}.scoreboard article:last-child{text-align:right}.strikes{position:absolute;bottom:.4vh;left:1vw;color:var(--red);font-size:2vw}.scoreboard article:last-child .strikes{right:1vw;left:auto}.round-pot{display:grid;place-items:center;border:2px solid var(--gold);border-radius:1vw;background:#06153e}.round-pot small,.round-pot span{color:var(--muted);font-size:clamp(10px,.9vw,18px);font-weight:900}.round-pot strong{color:var(--gold);font:900 clamp(38px,4vw,80px)/.95 ui-monospace,monospace}.question-board{position:relative;padding:1.4vh 1.5vw;border:2px solid #78a6e2;border-radius:1vw;background:linear-gradient(160deg,#0e54b7,#061d5b);overflow:hidden}.question-board>p{margin:0;color:var(--gold);font-size:clamp(12px,1vw,20px);font-weight:900;letter-spacing:.12em;text-align:center}.question-board h1{margin:.7vh 0 1.4vh;font-size:clamp(28px,3vw,58px);line-height:1;text-align:center}.answer-board{display:grid;grid-template-columns:1fr 1fr;gap:1.15vh 1vw}.answer-tile{display:grid;grid-template-columns:auto 1fr auto;align-items:center;min-height:8.2vh;padding:.8vh .8vw;border:2px solid #6595d5;border-radius:.65vw;background:#051c58;box-shadow:inset 0 0 2vw rgba(0,0,0,.35)}.answer-tile .number{display:grid;place-items:center;width:2.4vw;height:2.4vw;border-radius:.4vw;color:#061441;background:var(--gold);font-size:1.4vw;font-weight:900}.answer-tile .answer-text{padding:0 .9vw;font-size:clamp(18px,1.8vw,36px);font-weight:900}.answer-tile .answer-points{color:var(--gold);font:900 clamp(22px,2vw,42px)/1 ui-monospace,monospace}.answer-tile.hidden .answer-text,.answer-tile.hidden .answer-points{visibility:hidden}.buzz-winner{position:absolute;inset:27vh 11vw auto;padding:4vh 3vw;border:4px solid var(--gold);border-radius:1.4vw;color:#061441;background:var(--gold);box-shadow:0 0 8vw rgba(255,201,40,.8);font-size:clamp(38px,6vw,110px);font-weight:900;text-align:center;animation:buzz-in .24s ease-out}@keyframes buzz-in{from{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}
.quiz-tv-panel{height:calc(100% - 7vh);margin-top:1.4vh}.quiz-top{display:flex;align-items:center;justify-content:space-between;padding:1.4vh 1.4vw;border:2px solid #76a4df;border-radius:1vw;background:linear-gradient(#0d53b7,#062a73)}.quiz-top h1{margin:.5vh 0;font-size:clamp(28px,3vw,58px)}.big-timer{display:flex;align-items:baseline;gap:.5vw;padding:.7vh 1vw;border:3px solid var(--gold);border-radius:.8vw;background:#061640}.big-timer strong{color:var(--gold);font:900 clamp(50px,5vw,95px)/.9 ui-monospace,monospace}.big-timer span{color:var(--muted);font-weight:900}.tv-choice-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.7vw;margin-top:1.2vh}.tv-choice{padding:1.1vh .6vw;border:2px solid #6898d5;border-radius:.6vw;background:#082a70;font-size:clamp(14px,1.25vw,25px);font-weight:900;text-align:center}.tv-choice.correct{border-color:#9dffd0;background:#08734a}.quiz-players-head{display:flex;align-items:center;justify-content:space-between;margin:1.5vh 0 .8vh}.quiz-players-head h2{margin:0;color:var(--gold)}.quiz-players-head>span{color:var(--muted);font-weight:900}.tv-player-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.8vw}.tv-player-card{display:flex;align-items:center;justify-content:space-between;min-height:7vh;padding:.8vh .9vw;border:2px solid #466fa9;border-radius:.65vw;background:#071c53}.tv-player-card.answered{border-color:var(--gold)}.tv-player-card.correct{border-color:var(--green);background:#075d3b}.tv-player-card.wrong{border-color:var(--red);background:#6b1b2a}.tv-player-card strong{font-size:clamp(16px,1.4vw,28px)}.tv-player-card span{color:var(--gold);font-weight:900}.tv-error{display:grid;place-items:center;height:70vh;color:var(--gold);font-size:4vw;font-weight:900}
.phone-shell{width:min(100%,580px);min-height:100dvh;margin:auto;padding:max(22px,env(safe-area-inset-top)) 16px max(22px,env(safe-area-inset-bottom))}.phone-shell>.brand{display:block;margin-bottom:22px;text-align:center}.phone-card{padding:24px 18px}.phone-card h1{margin:8px 0 24px;font-size:clamp(29px,8vw,44px);line-height:1}.phone-card form{display:grid;gap:14px}.phone-card .button{width:100%}.phone-game-head{display:flex;align-items:center;justify-content:space-between}.phone-game-head small{display:block;color:var(--muted);font-weight:900}.phone-game-head strong{font-size:20px}.phone-game-head>span{color:var(--gold);font-weight:900}.phone-status{min-height:45px;margin:18px 0 8px;color:var(--gold);font-weight:900;text-align:center}.game-phone h1{text-align:center}.team-picker{display:grid;grid-template-columns:1fr 1fr;gap:8px}.team-option{position:relative}.team-option input{position:absolute;width:1px;height:1px;opacity:0}.team-option span{display:grid;place-items:center;min-height:68px;padding:10px;border:2px solid #507cb8;border-radius:10px;background:#071d55;text-align:center}.team-option input:checked+span{border-color:var(--gold);color:var(--gold)}.buzzer{width:min(74vw,350px);aspect-ratio:1;margin:18px auto;display:grid;place-items:center;border:10px solid #7d190e;border-radius:50%;color:white;background:radial-gradient(circle at 38% 27%,#ff7560,#dc160d 45%,#851207 70%);box-shadow:0 16px 0 #4c0b06,0 24px 50px rgba(0,0,0,.5);font-size:clamp(35px,11vw,70px);font-weight:900}.buzzer:active{transform:translateY(10px);box-shadow:0 6px 0 #4c0b06,0 12px 25px rgba(0,0,0,.5)}.buzzer:disabled{filter:grayscale(.8);opacity:.55}.phone-choices{display:grid;gap:10px}.phone-choice{min-height:60px;padding:12px;border:2px solid #6e9cd6;border-radius:12px;color:white;background:linear-gradient(#0e59c2,#082b72);font-size:18px;font-weight:900;text-align:left}.phone-choice:disabled{opacity:.5}.phone-choice.correct{opacity:1;border-color:var(--green);background:#087048}.phone-result{margin-top:16px;padding:15px;border-radius:12px;color:#071441;background:var(--gold);font-weight:900;text-align:center}
@media(max-width:800px){.game-showcase,.mode-picker,.options-grid,.team-controls{grid-template-columns:1fr}.host-shell{width:min(100% - 20px,1360px)}.session-bar{align-items:flex-start;gap:14px;flex-direction:column}.session-links{width:100%;flex-direction:column}.control-heading{flex-direction:column}.pot{display:flex;gap:8px;justify-content:flex-start}.guess-form{grid-template-columns:1fr}.answer-controls{grid-template-columns:1fr}.host-choices{grid-template-columns:1fr}.landing-shell{width:min(100% - 24px,1380px)}.hero-card{margin-top:24px}.tv-player-grid{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}