:root{color-scheme:dark;--deep-blue: #000261;--primary-blue: #0000c7;--bg-blue-mid: #03069c;--bg-blue-accent: #0204bd;--bg-blue-bright: #0000fe;--yellow: #f7fc36;--yellow-soft: rgba(247, 252, 54, .14);--yellow-border: rgba(247, 252, 54, .55);--text: #ffffff;--muted: #9db6ff;--line: rgba(255, 255, 255, .18);--line-soft: rgba(255, 255, 255, .1);--ink: #0a0a3a;--dark-text: #1a1a1a;--bg-accent-blue: rgba(136, 202, 242, .33);--bg-accent-white: rgba(238, 238, 238, .33);--green: #35e39b;--red: #ff6f61;--shadow-low: 0 2px 8px rgba(0, 0, 0, .2);--shadow-med: 0 8px 20px rgba(0, 0, 0, .25);--shadow-high: 0 16px 40px rgba(0, 0, 0, .35);font-family:Montserrat,Aptos,Segoe UI,system-ui,sans-serif;font-weight:400;background:var(--deep-blue);color:var(--text)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 88% 8%,rgba(136,202,242,.1),transparent 36%),radial-gradient(circle at 8% 92%,rgba(238,238,238,.08),transparent 40%),linear-gradient(180deg,var(--deep-blue) 0%,var(--bg-blue-accent) 100%);background-attachment:fixed}button,input,textarea{font:inherit;font-family:"Montserrat",inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.56}.appShell{width:min(100%,520px);min-height:100vh;margin:0 auto;padding:22px;position:relative}.appShell.wide{width:min(100%,1440px)}.landing,.loading,.adminLogin{min-height:calc(100vh - 44px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:20px}.landing{position:relative}.brandLogo{width:172px;height:auto;margin-bottom:8px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.2))}.brandLogo.small{width:132px}.brandLogo.large{width:280px}.brandMark{display:none}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.18em;color:var(--muted);font-family:Montserrat,sans-serif;font-weight:700;font-size:.72rem}h1,h2{margin:0;font-family:Bebas Neue,Aptos,sans-serif;font-weight:400;letter-spacing:.01em;line-height:.96;color:var(--yellow)}h1{max-width:780px;font-size:clamp(3.4rem,14vw,6.8rem);position:relative}h1:after{content:"";display:block;width:96px;height:4px;background:var(--yellow);border-radius:2px;margin-top:14px}h2{font-size:clamp(1.8rem,7vw,3rem);position:relative}h2.no-underline:after{display:none}.landingCopy{max-width:32rem;margin:0;color:var(--text);opacity:.88;font-family:Montserrat,sans-serif;font-weight:400;line-height:1.55;font-size:1rem}.countdown{display:flex;gap:10px;align-items:stretch;min-height:78px;color:var(--text)}.countdown span{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:88px;padding:14px 8px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(135deg,var(--primary-blue) 0%,var(--bg-blue-bright) 100%);box-shadow:var(--shadow-med);text-align:center;font-family:Montserrat,sans-serif;font-weight:700;font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.countdown span:last-child strong{color:var(--yellow)}.countdown strong{display:block;font-family:Bebas Neue,sans-serif;font-weight:400;color:var(--text);font-size:2.4rem;letter-spacing:.02em;line-height:1;margin-bottom:4px}.countdown.slim{min-height:54px}.countdown.slim span{padding:10px 14px;flex:0 0 auto}.countdown.slim strong{font-size:1.7rem}.primaryButton,.secondaryButton,.dangerButton{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:10px;padding:0 20px;font-family:Montserrat,sans-serif;font-weight:800;font-size:.92rem;letter-spacing:.06em;text-transform:uppercase;transition:transform .06s ease,box-shadow .18s ease,background .18s ease}.primaryButton{background:var(--yellow);color:var(--dark-text);box-shadow:var(--shadow-med)}.primaryButton:hover:not(:disabled){box-shadow:var(--shadow-high);transform:translateY(-1px)}.primaryButton:active:not(:disabled){transform:translateY(0)}.secondaryButton{background:transparent;color:var(--text);border:1.5px solid rgba(255,255,255,.45)}.secondaryButton:hover:not(:disabled){background:#ffffff14}.dangerButton{background:#ff6f6124;color:#ffd5d0;border:1.5px solid rgba(255,111,97,.42)}.small{min-height:34px;padding:0 12px;font-size:.78rem}.buttonRow{display:flex;gap:10px;align-items:center}.buttonRow.wrap{flex-wrap:wrap}.modalBackdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:20px;background:#000261d1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal{width:min(100%,620px);max-height:calc(100vh - 40px);overflow:auto;padding:28px 24px;border:1.5px solid var(--line);border-radius:16px;background:linear-gradient(180deg,var(--primary-blue) 0%,var(--deep-blue) 100%);box-shadow:var(--shadow-high)}.modal.compact{width:min(100%,460px)}.modal h2{color:var(--yellow)}.modal p{color:var(--text);opacity:.85;font-family:Montserrat,sans-serif;font-weight:400;line-height:1.55;font-size:.88rem}.field{display:grid;gap:8px;margin:16px 0}.field span{color:var(--muted);font-family:Montserrat,sans-serif;font-weight:700;font-size:.7rem;text-transform:uppercase;letter-spacing:.18em}input,textarea{width:100%;border:1.5px solid rgba(255,255,255,.24);border-radius:10px;background:#00000038;color:var(--text);padding:12px 14px;font-family:Montserrat,sans-serif;font-weight:600;font-size:.95rem}input:focus,textarea:focus{outline:none;border-color:var(--yellow);box-shadow:0 0 0 3px #f7fc362e}textarea{min-height:86px;resize:vertical}.game{display:grid;gap:16px;padding:8px 0 40px}.topbar{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line-soft)}.topbar>div:first-child{display:flex;flex-direction:column;line-height:1.15}.topbar .eyebrow{font-size:.62rem}.topbar strong{display:block;font-family:Montserrat,sans-serif;font-weight:800;font-size:1rem;color:var(--text)}.scorePill{display:inline-flex;align-items:center;gap:8px;border:1.5px solid var(--yellow-border);border-radius:999px;padding:10px 14px;background:var(--yellow-soft);color:var(--yellow);font-family:Bebas Neue,sans-serif;font-weight:400;font-size:1.15rem;letter-spacing:.04em}.scorePill svg{stroke:var(--yellow)}.notice{display:flex;justify-content:space-between;gap:10px;border-radius:10px;padding:12px 14px;font-family:Montserrat,sans-serif;font-weight:700;font-size:.86rem}.notice.warn{background:#f7fc361f;color:var(--yellow);border:1px solid var(--yellow-border)}.notice.ok{background:#35e39b24;color:var(--green);border:1px solid rgba(53,227,155,.4)}.notice button{border:0;background:transparent;color:inherit;font-weight:800;text-transform:uppercase;font-size:.72rem;letter-spacing:.14em}.questionCard,.waiting,.adminPanel{border:1.5px solid var(--line);border-radius:16px;background:linear-gradient(135deg,#88caf21a,#0002611a);padding:22px}.questionCard{animation:enterQuestion .36s ease-out}@keyframes enterQuestion{0%{transform:translateY(18px) scale(.985);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.questionMeta{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.questionMeta span:first-child{font-family:Montserrat,sans-serif;font-weight:700;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.questionMeta span:last-child{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:var(--yellow-soft);border:1px solid var(--yellow-border);font-family:Bebas Neue,sans-serif;font-weight:400;font-size:1rem;letter-spacing:.04em;color:var(--yellow)}.questionCard h2{font-size:clamp(1.7rem,7vw,2.4rem)}.questionCard h2:after{content:"";display:block;width:72px;height:3px;background:var(--yellow);border-radius:2px;margin-top:12px}.timerTrack,.displayTimer{height:10px;overflow:hidden;border-radius:999px;background:#ffffff1f;margin:18px 0}.timerTrack div,.displayTimer div{height:100%;border-radius:inherit;background:var(--yellow);box-shadow:0 0 12px #f7fc368c;transition:width 80ms linear}.answers{display:grid;gap:10px;margin-top:4px}.answerButton{width:100%;min-height:64px;display:flex;justify-content:flex-start;align-items:center;gap:14px;border:1.5px solid var(--line);border-radius:12px;padding:12px 16px;background:linear-gradient(135deg,var(--primary-blue) 0%,var(--bg-blue-bright) 100%);color:var(--text);font-family:Montserrat,sans-serif;font-weight:700;font-size:1rem;text-align:left;box-shadow:var(--shadow-low);transition:transform .06s ease,box-shadow .18s ease,border-color .18s ease}.answerButton:hover:not(:disabled){box-shadow:var(--shadow-med);transform:translateY(-1px)}.answerButton .answerLetter{display:flex;align-items:center;justify-content:center;width:38px;height:38px;flex-shrink:0;border-radius:10px;background:var(--text);color:var(--dark-text);font-family:Bebas Neue,sans-serif;font-weight:400;font-size:1.4rem;letter-spacing:.04em}.answerButton .answerLabel{flex:1;min-width:0}.answerButton .answerStatus{margin-left:auto;flex-shrink:0;padding:5px 10px;border-radius:999px;font-family:Montserrat,sans-serif;font-weight:800;font-size:.65rem;letter-spacing:.14em;text-transform:uppercase}.answerButton.selected{border-color:var(--yellow);box-shadow:0 0 0 3px #f7fc362e,var(--shadow-med)}.answerButton.selected .answerStatus{background:var(--yellow);color:var(--dark-text)}.answerButton.correct{background:linear-gradient(135deg,#35e39b52,#35e39b2e);border-color:var(--green)}.answerButton.correct .answerStatus,.answerButton.correct .answerLetter{background:var(--green);color:var(--deep-blue)}.answerButton.wrong{background:linear-gradient(135deg,#ff6f6147,#ff6f6124);border-color:var(--red)}.answerButton.wrong .answerStatus{background:var(--red);color:var(--text)}.answerButton:disabled{opacity:1}.answerButton:disabled:not(.selected):not(.correct):not(.wrong){opacity:.5}.lockNote,.resultNote,.empty{color:var(--muted);font-family:Montserrat,sans-serif;font-weight:700;font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;margin-top:14px}.resultNote{color:var(--green)}.waiting{min-height:52vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;text-align:center}.waiting>svg:first-child{color:var(--yellow);padding:22px;border-radius:50%;background:radial-gradient(circle,#f7fc362e,#f7fc3600 70%);border:1.5px solid rgba(247,252,54,.35)}.waiting .eyebrow{letter-spacing:.22em}.waiting h2{font-size:clamp(1.8rem,7vw,2.6rem);text-align:center}.waiting h2:after{content:"";display:block;width:80px;height:3px;background:var(--yellow);border-radius:2px;margin:12px auto 0}.finalInline{position:fixed}.finalModal{text-align:center}.finalModal>svg:first-child{margin:0 auto;color:var(--deep-blue);background:var(--yellow);padding:14px;border-radius:20px;box-shadow:var(--shadow-med)}.finalModal .eyebrow{letter-spacing:.22em}.finalModal h2{font-size:clamp(3rem,12vw,5rem);margin-top:8px}.rankLine{display:inline-block;margin:16px auto 0;padding:8px 18px;border-radius:999px;background:var(--yellow-soft);border:1.5px solid var(--yellow-border);font-family:Bebas Neue,sans-serif;font-weight:400;font-size:1.3rem;letter-spacing:.04em;color:var(--yellow)!important}.leaderboard{display:grid;gap:8px;padding:0;margin:18px 0 0;list-style:none}.leaderboard li{display:grid;grid-template-columns:38px 1fr auto;gap:12px;align-items:center;padding:12px 14px;border:1.5px solid var(--line);border-radius:12px;background:linear-gradient(135deg,#ffffff1a,#ffffff0a);text-align:left}.leaderboard li:first-child{background:linear-gradient(135deg,#f7fc362e,#f7fc360f);border-color:var(--yellow-border)}.leaderboard li:first-child span:first-child{background:var(--yellow);color:var(--dark-text)}.leaderboard li:first-child b{color:var(--yellow)}.leaderboard li>span:first-child{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:#ffffff24;color:var(--text);font-family:Bebas Neue,sans-serif;font-weight:400;font-size:1.15rem}.leaderboard strong{font-family:Montserrat,sans-serif;font-weight:800;font-size:.95rem;color:var(--text)}.leaderboard em{grid-column:2;color:var(--muted);font-family:Montserrat,sans-serif;font-weight:600;font-size:.75rem;font-style:normal}.leaderboard b{font-family:Bebas Neue,sans-serif;font-weight:400;font-size:1.4rem;color:var(--text);letter-spacing:.02em}.emailBox{display:grid;gap:12px;margin-top:20px;padding:18px;border-radius:14px;background:#ffffff14;border:1.5px solid var(--line);text-align:left}.emailBox>strong{font-family:Montserrat,sans-serif;font-weight:800;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--yellow)}.emailBox>p{margin:0;font-family:Montserrat,sans-serif;font-weight:600;font-size:.85rem;color:var(--text);opacity:.85}.saved{color:var(--green)!important;font-weight:800;text-transform:uppercase;letter-spacing:.14em;font-size:.78rem}.errorText{color:#ffd5d0!important;font-weight:800}.adminLogin{align-items:stretch}.adminLogin h1:after{display:none}.adminGrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.8fr);gap:16px;padding:18px 0}.heroPanel{grid-column:1 / -1}.adminPanel h1,.adminPanel h2{color:var(--yellow)}.adminPanel h1:after,.adminPanel h2:after{display:none}.inlineControl{display:flex;gap:8px}.inlineControl input{min-width:0}.questionList{display:grid;gap:9px;margin:12px 0}.questionEditButton,.flowRow{width:100%;border:1.5px solid var(--line);border-radius:10px;background:#ffffff0d;color:var(--text);padding:10px 12px;text-align:left;font-family:Montserrat,sans-serif;font-weight:600}.flowRow{display:flex;align-items:center;justify-content:space-between;gap:10px}.optionEditor{display:grid;gap:8px}.optionLine{display:grid;grid-template-columns:24px 1fr;gap:8px;align-items:center}.optionLine input[type=radio]{width:auto}.display{min-height:100vh;display:grid;grid-template-columns:1fr 0fr;overflow:hidden;background:linear-gradient(135deg,var(--deep-blue) 0%,var(--bg-blue-accent) 50%,var(--deep-blue) 100%);color:var(--text);position:relative}.display:before{content:"";position:absolute;top:-150px;right:-150px;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(136,202,242,.16) 0%,transparent 70%);pointer-events:none;z-index:0}.display.isLive{grid-template-columns:360px 1fr}.displayLogo{position:absolute;top:32px;right:40px;width:200px;height:auto;z-index:3;filter:drop-shadow(0 4px 12px rgba(0,0,0,.25))}.qrStage,.displayBoard{min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:4vw;position:relative;z-index:1;transition:all .5s ease}.qrStage{text-align:center}.qrStage>svg:first-child{display:none}.qrStage>svg:nth-child(2){background:var(--text);padding:22px;border-radius:24px;box-shadow:var(--shadow-high)}.qrStage h1{font-size:clamp(2.6rem,7vw,6rem);text-align:center;color:var(--yellow)}.qrStage h1:after{margin:16px auto 0}.qrStage p{margin:0;font-family:Montserrat,sans-serif;font-weight:700;font-size:1.1rem;color:var(--text);opacity:.88}.displayBoard{align-items:stretch;background:#00026166;border-left:1.5px solid var(--line);color:var(--text)}.displayBoard .eyebrow{color:var(--muted);font-size:.85rem;letter-spacing:.22em}.displayBoard h2{font-size:clamp(2rem,4vw,3.4rem);color:var(--text)}.displayBoard h2:after{background:var(--yellow)}.displayBoard .leaderboard b{color:var(--yellow);font-size:1.6rem}@media(max-width:820px){.adminGrid,.display,.display.isLive{grid-template-columns:1fr}.displayBoard{min-height:60vh;border-left:0;border-top:1.5px solid var(--line)}.displayLogo{width:132px;top:22px;right:22px}}
