:root{color:#f7f8ff;font-synthesis:none;background:#060914;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 20% 0,#172457 0,#080c19 36%,#04060e 100%);min-height:100vh;margin:0}button,input,select{font:inherit}.app{min-height:100vh}.top{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:5;background:#070b18e8;border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;height:72px;padding:0 28px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:11px;display:flex}.brandMark{background:linear-gradient(135deg,#14b8ff,#a855f7,#ff3da8);border-radius:13px;place-items:center;width:40px;height:40px;font-size:25px;font-weight:900;display:grid;box-shadow:0 8px 30px #7c3aed44}.brand strong{letter-spacing:.04em;font-size:14px;display:block}.brand small{color:#8993b5}.topTitle{color:#aab2d0;font-size:14px}.playerCenter{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:min(520px,92%);min-height:calc(100vh - 72px);margin:0 auto;display:flex}.heroLogo,.displayLogo{background:linear-gradient(145deg,#1d4ed8,#a855f7 55%,#f97316);border-radius:30px;place-items:center;width:100px;height:100px;margin-bottom:24px;font-size:70px;font-weight:900;display:grid;box-shadow:0 25px 70px #5b21b666}.playerCenter h1{margin:0 0 14px;font-size:42px;line-height:1.04}.playerCenter p{color:#9ca6c5;font-size:16px}.joinForm{gap:12px;width:100%;margin-top:24px;display:grid}.joinForm input{color:#fff;background:#0d1428;border:1px solid #31406b;border-radius:16px;outline:none;padding:17px 18px}.joinForm input:focus{border-color:#38bdf8;box-shadow:0 0 0 4px #38bdf81c}.primary,.secondary,.next{cursor:pointer;border:0;border-radius:15px;justify-content:center;align-items:center;gap:9px;padding:15px 18px;display:flex}.primary{color:#fff;background:linear-gradient(90deg,#ec4899,#f97316);font-weight:800}.secondary{color:#dbe3ff;background:#17203a;border:1px solid #2e3a60}.next{color:#fff;background:linear-gradient(90deg,#2563eb,#7c3aed);font-weight:800}.error{color:#ff9a9a;background:#ef44441a;border:1px solid #ef444433;border-radius:12px;margin-top:15px;padding:10px 14px}.player{text-align:center;width:min(620px,94%);margin:0 auto;padding:40px 0}.statusPill{color:#9db0dc;background:#10172a;border:1px solid #ffffff18;border-radius:999px;align-items:center;gap:6px;margin-bottom:25px;padding:8px 12px;font-size:12px;display:inline-flex}.waitCard{background:#0c1427;border:1px solid #ffffff12;border-radius:24px;gap:10px;margin-top:30px;padding:28px;display:grid}.waitCard svg{color:#38bdf8;margin:auto}.waitCard span{color:#8d98b8}.qMeta{color:#8fa0c7;justify-content:space-between;margin-bottom:18px;display:flex}.playerQuestion{margin:12px 0 26px;font-size:34px;line-height:1.12}.answers{gap:12px;display:grid}.answer{text-align:left;color:#f6f8ff;cursor:pointer;background:#0c1428;border:1px solid #ffffff15;border-radius:18px;align-items:center;gap:15px;padding:17px;transition:all .15s;display:flex}.answer:hover{border-color:#4f76ff;transform:translateY(-1px)}.answer:disabled{cursor:default}.answer b{background:#1a2a52;border-radius:13px;place-items:center;width:42px;height:42px;display:grid}.answer.selected{background:#112a45;outline:3px solid #38bdf855}.a0 b{background:#1478d1}.a1 b{background:#7c3aed}.a2 b{background:#16a34a}.a3 b{background:#f97316}.answerSaved{color:#7af2a0;background:#22c55e1c;border-radius:14px;justify-content:center;align-items:center;gap:8px;margin:20px auto;padding:13px 17px;display:flex}.adminGrid{grid-template-columns:290px 1fr;min-height:calc(100vh - 72px);display:grid}.sidebar{background:#070b18;border-right:1px solid #ffffff10;flex-direction:column;gap:12px;padding:22px;display:flex}.sideTitle{align-items:center;gap:8px;margin-bottom:12px;font-weight:800;display:flex}.sidebar label{color:#8993b5;margin-top:8px;font-size:12px}.sidebar select,.sidebar input{color:#fff;background:#0e162b;border:1px solid #2c395e;border-radius:12px;padding:12px}.timeRow{align-items:center;gap:8px;display:flex}.timeRow input{width:100px}.timeRow span{color:#8993b5;font-size:12px}.qrBox{color:#101426;text-align:center;background:#fff;border:1px solid #ffffff12;border-radius:18px;place-items:center;gap:8px;margin-top:auto;padding:14px;display:grid}.qrBox small{color:#5f6678}.dashboard{width:100%;max-width:1500px;margin:auto;padding:22px}.stats{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.stat{background:#0b1224;border:1px solid #ffffff10;border-radius:18px;align-items:center;gap:14px;padding:18px;display:flex}.statIcon{color:#61a5ff;background:#17254a;border-radius:13px;place-items:center;width:44px;height:44px;display:grid}.stat strong{font-size:24px;display:block}.stat span{color:#8993b5;font-size:12px}.controlCard,.tableCard{background:#0b1224;border:1px solid #ffffff10;border-radius:20px;margin-top:16px;padding:22px}.controlCard{grid-template-columns:1fr 220px;gap:20px;display:grid}.eyebrow{color:#7085b9;letter-spacing:.15em;font-size:11px}.controlCard h1{max-width:850px;font-size:28px}.publicOptions{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.publicOptions div{background:#111b33;border:1px solid #ffffff0d;border-radius:12px;padding:12px}.publicOptions b{color:#61a5ff;margin-right:10px}.bigControls{align-items:center;display:flex}.big{width:100%;min-height:90px;font-size:16px}.tableHead{justify-content:space-between;align-items:center;display:flex}.tableHead h2{margin:0}.tableHead span{color:#7e8bad;font-size:12px}table{border-collapse:collapse;width:100%;margin-top:15px}th,td{text-align:left;border-top:1px solid #ffffff0c;padding:13px 8px;font-size:13px}th{color:#7180a5;font-weight:600}.online{color:#63e08b}.offline{color:#8b94ad}.display{text-align:center;background:radial-gradient(circle at 50% 20%,#242b71 0,#080b1a 45%,#02040b 100%);flex-direction:column;justify-content:center;min-height:100vh;padding:38px 5vw;display:flex}.displayTop{color:#91a4d5;justify-content:space-between;font-weight:700;display:flex}.displayQuestion{max-width:1100px;margin:60px auto 35px;font-size:clamp(34px,5vw,72px);font-weight:900;line-height:1.05}.displayOptions{grid-template-columns:repeat(2,minmax(280px,1fr));gap:18px;width:100%;max-width:1050px;margin:0 auto;display:grid}.do{text-align:left;background:#0e1730;border:1px solid #ffffff12;border-radius:22px;align-items:center;gap:18px;padding:25px;font-size:clamp(20px,2.2vw,34px);font-weight:800;display:flex}.do b{background:#1d4ed8;border-radius:16px;place-items:center;width:54px;height:54px;display:grid}.d1 b{background:#7c3aed}.d2 b{background:#16a34a}.d3 b{background:#f97316}.displayBottom{color:#8290b4;justify-content:space-between;margin-top:35px;display:flex}.display h1{margin:0;font-size:clamp(50px,7vw,100px)}.display p{color:#8e9abd;font-size:22px}.loading{align-items:center}.loader{color:#8e9abd}@media (width<=900px){.adminGrid{grid-template-columns:1fr}.sidebar{border-bottom:1px solid #ffffff10;border-right:0}.qrBox{display:none}.stats{grid-template-columns:repeat(2,1fr)}.controlCard{grid-template-columns:1fr}.topTitle{display:none}}@media (width<=650px){.top{padding:0 15px}.playerCenter h1{font-size:34px}.stats{grid-template-columns:1fr 1fr}.publicOptions,.displayOptions{grid-template-columns:1fr}.display{padding:25px 16px}.displayQuestion{margin:35px auto 22px}.displayBottom{flex-direction:column;gap:8px}.tableCard{overflow:auto}table{min-width:680px}}.mediaBox{background:#0d1428;border:1px solid #ffffff12;border-radius:18px;max-width:900px;margin:16px auto;padding:8px;overflow:hidden}.mediaBox a{color:#fff;background:linear-gradient(90deg,#2563eb,#7c3aed);border-radius:12px;padding:15px;font-weight:800;text-decoration:none;display:block}.publicMedia{width:min(900px,100%)}.countdown{color:#dce6ff;background:#111b33;border:1px solid #ffffff15;border-radius:999px;justify-content:center;align-items:center;gap:8px;width:max-content;margin:0 auto 12px;padding:10px 18px;display:flex;box-shadow:0 8px 30px #0004}.countdown strong{font-size:28px;line-height:1}.countdown span{color:#93a2c5;font-size:12px}.countdown.danger{color:#ffb4b4;background:#4a1018;border-color:#ef444466;animation:.7s ease-in-out infinite alternate countdownPulse}.countdown.danger svg{color:#ff5d6c}@keyframes countdownPulse{0%{transform:scale(1)}to{transform:scale(1.04)}}.answerConfirmation{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#79f2a0;background:#050817e8;flex-direction:column;justify-content:center;align-items:center;gap:16px;animation:.18s ease-out confirmationIn;display:flex;position:fixed;inset:0}.answerConfirmation strong{color:#fff;font-size:34px}@keyframes confirmationIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.playerScreen{color:#fff;background:#02052a;justify-content:center;min-height:100svh;display:flex;position:relative;overflow:hidden}.playerContent{z-index:3;flex-direction:column;justify-content:center;width:min(430px,100%);min-height:100svh;padding:26px 18px 22px;display:flex;position:relative}.playerGlow,.playerConfetti,.playerAudience{pointer-events:none;position:absolute;inset:0}.playerGlow{filter:blur(20px);opacity:.9}.glow1{background:radial-gradient(circle at 20% 18%,#6d1bff 0,#0000 22%),radial-gradient(circle at 82% 25%,#00c8ff 0,#0000 20%),radial-gradient(circle at 50% 70%,#ff136d 0,#0000 25%)}.glow2{background:radial-gradient(circle at 55% 35%,#152c8f 0,#0000 40%),radial-gradient(circle at 15% 90%,#ff3b00 0,#0000 18%),radial-gradient(circle at 90% 85%,#5d0eff 0,#0000 20%)}.playerConfetti{opacity:.9;background-image:radial-gradient(circle at 7% 25%,#ff4dcc 0 4px,#0000 5px),radial-gradient(circle at 91% 17%,#ffdb3d 0 6px,#0000 7px),radial-gradient(circle at 12% 63%,#00d8ff 0 5px,#0000 6px),radial-gradient(circle at 86% 56%,#ff7a35 0 5px,#0000 6px),radial-gradient(circle at 25% 9%,#fff 0 2px,#0000 3px),radial-gradient(circle at 70% 8%,#ff36b5 0 4px,#0000 5px)}.playerAudience{opacity:.9;background:radial-gradient(at 50% 100%,#111 0 24%,#0000 25%),radial-gradient(at 18% 100%,#08090f 0 17%,#0000 18%),radial-gradient(at 82% 100%,#090a12 0 18%,#0000 19%);height:170px;top:auto}.stage-join .playerContent{justify-content:flex-start;padding-top:55px}.stage-question .playerContent{justify-content:flex-start;padding-top:30px}.stage-confirm .playerContent,.stage-waiting .playerContent{justify-content:flex-start;padding-top:34px}.quizLogo{filter:drop-shadow(0 12px 25px #0009);width:300px;height:220px;margin:0 auto 8px;position:relative}.quizLogo.compact{transform-origin:top;height:135px;margin-bottom:-38px;transform:scale(.62)}.quizLogoPlate{background:linear-gradient(160deg,#17265d,#07123b 52%,#321045);border:3px solid #23d9ff;border-radius:28px 28px 34px 34px;flex-direction:column;justify-content:center;align-items:center;height:125px;display:flex;position:absolute;top:58px;left:28px;right:28px;transform:perspective(400px)rotateX(5deg);box-shadow:inset 0 0 25px #36cfff44,0 0 20px #08c9ff66}.quizLogoPlate strong{letter-spacing:.02em;text-shadow:0 3px 5px #000;font-size:27px}.quizLogoPlate b{color:#ffd632;-webkit-text-stroke:2px #ff6a00;text-shadow:0 4px #b52b00,0 0 15px #ffcf3a99;font-size:62px;line-height:.85}.quizLogoQuestion{color:#fff;text-align:center;-webkit-text-stroke:3px #ff5b00;z-index:2;background:linear-gradient(145deg,#fffd6a,#ff8b00);border-radius:20px;width:75px;height:75px;font-size:70px;font-weight:900;line-height:74px;position:absolute;top:2px;left:114px;transform:rotate(8deg);box-shadow:0 0 30px #ff9d00aa}.quizLogoQ{color:#ff3fc7;text-shadow:0 0 15px #ff39c9;z-index:1;font-size:56px;font-weight:900;position:absolute}.quizLogoQ.q1{top:72px;left:8px}.quizLogoQ.q2{color:#ff9c23;text-shadow:0 0 15px #ff8c1a;bottom:2px;right:4px}.joinStage h1{text-align:center;text-shadow:0 4px 12px #000;margin:0 0 12px;font-size:38px;line-height:1.02}.joinStage>p{text-align:center;color:#fff;margin:0 0 24px;font-size:17px;line-height:1.25}.stage-join .joinForm{grid-template-columns:38px 1fr;gap:10px;width:100%;margin:0;display:grid;position:relative}.stage-join .joinForm input{color:#fff;background:#091534cc;border:2px solid #5575bc;border-radius:22px;grid-column:1/3;width:100%;height:62px;padding:0 18px 0 64px;font-size:18px;box-shadow:inset 0 0 25px #142c5a66}.stage-join .joinForm input::placeholder{color:#8795ba}.stage-join .joinForm .inputIcon{z-index:2;color:#b9c7e8;white-space:nowrap;grid-column:1;width:0;font-size:22px;position:relative;top:19px;left:20px}.stage-join .joinForm .usersIcon{top:19px}.stage-join .joinForm .joinButton{color:#fff;cursor:pointer;background:linear-gradient(90deg,#ef15b8,#ff28b1 45%,#ff741c);border:0;border-radius:28px;grid-column:1/3;height:64px;font-size:19px;font-weight:900;box-shadow:0 8px 28px #ff2e9a55}.joinButton span{vertical-align:-4px;margin-left:10px;font-size:38px;line-height:0}.playerError{color:#ffd0d0;text-align:center;background:#7f1820dd;border-radius:12px;margin:12px auto;padding:10px 14px}.connectedCard,.waitingCard{text-align:center;background:linear-gradient(145deg,#14255ac9,#081438d9);border:1px solid #4d73d8;border-radius:25px;width:100%;box-shadow:0 12px 40px #0008,inset 0 0 25px #2563eb22}.connectedCard{flex-direction:column;align-items:center;gap:9px;margin:0 auto 18px;padding:24px 18px;display:flex}.connectedCard strong{font-size:24px}.connectedCard span{font-size:19px}.connectedCard>b{font-size:28px}.validCircle{color:#fff;background:#25d96a;border:3px solid #91ffb2;border-radius:50%;place-items:center;width:62px;height:62px;display:grid;box-shadow:0 0 28px #25ff7777}.waitingCard{flex-direction:column;align-items:center;gap:9px;padding:25px 15px;display:flex}.hourglass{filter:drop-shadow(0 0 12px #00d9ff);font-size:42px}.waitingCard strong{font-size:23px;line-height:1.15}.waitingCard span{font-size:15px;line-height:1.35}.questionStage{width:100%}.questionHeader{justify-content:space-between;align-items:center;margin-bottom:15px;font-size:17px;display:flex}.questionHeader strong{font-size:16px}.timerRing{--progress:360deg;background:conic-gradient(#10b9ff var(--progress),#1b2b61 0);border-radius:50%;place-items:center;width:112px;height:112px;margin:0 auto 16px;display:grid;box-shadow:0 0 24px #00bfff55}.timerRing>div{background:#09122d;border-radius:50%;place-items:center;width:88px;height:88px;display:grid}.timerRing strong{font-size:24px}.timerRing.danger{background:conic-gradient(#ff3c50 var(--progress),#3a1522 0);animation:.6s infinite alternate timerPulse}@keyframes timerPulse{to{transform:scale(1.05);box-shadow:0 0 35px #ff2b4d99}}.questionStage>h1{text-align:center;text-shadow:0 4px 12px #000;margin:8px 0 22px;font-size:28px;line-height:1.12}.playerAnswers{gap:11px;display:grid}.playerAnswer{color:#fff;text-align:left;cursor:pointer;background:linear-gradient(100deg,#10234fcf,#152650e8);border:2px solid #3f67aa;border-radius:20px;align-items:center;gap:14px;min-height:65px;padding:9px 16px;font-size:17px;font-weight:700;display:flex;box-shadow:inset 0 0 18px #1746a522,0 5px 16px #0005}.playerAnswer b{background:#1599ed;border-radius:50%;flex:none;place-items:center;width:45px;height:45px;font-size:21px;display:grid}.playerAnswer.pa1{border-color:#8653d9}.playerAnswer.pa1 b{background:#a22cff}.playerAnswer.pa2{border-color:#4ecf68}.playerAnswer.pa2 b{background:#1cd94c}.playerAnswer.pa3{border-color:#f18436}.playerAnswer.pa3 b{background:#ff851d}.playerAnswer:disabled{opacity:.95}.playerAnswer:active{transform:scale(.99)}.confirmStage{text-align:center;flex-direction:column;align-items:center;width:100%;padding-top:35px;display:flex}.confirmStage .big{border-width:5px;width:150px;height:150px;margin-bottom:25px;box-shadow:0 0 65px #2cff7188}.confirmStage h1{text-shadow:0 4px 15px #000;margin:0 0 25px;font-size:42px;line-height:1.03}.nextWaiting{color:#dbe7ff;background:#102047d9;border:1px solid #243d73;border-radius:20px;justify-content:center;align-items:center;gap:14px;width:100%;margin-bottom:10px;padding:22px 14px;display:flex}.nextWaiting span{font-size:17px;line-height:1.2}.nextWaiting svg{color:#19cfff}.playerLoading{flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:100vh;font-size:17px;display:flex}@media (width<=430px){.playerContent{padding-left:16px;padding-right:16px}.quizLogo{transform-origin:top;height:205px;margin-bottom:0;transform:scale(.92)}.quizLogo.compact{height:120px;transform:scale(.55)}.joinStage h1{font-size:34px}.questionStage>h1{font-size:26px}.playerAnswer{min-height:61px}.confirmStage h1{font-size:38px}}.brandLogo{object-fit:cover;border-radius:12px;width:46px;height:46px;display:block;box-shadow:0 0 22px #00cfff44}.displayBrandLogo{object-fit:contain;filter:drop-shadow(0 12px 35px #0009);width:min(300px,55vw);height:auto;max-height:150px;margin:0 auto 24px}.display.loading .displayBrandLogo{margin-bottom:10px}.introStage{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:min(390px,92vw);min-height:100svh;padding:30px;display:flex}.introLogo{object-fit:contain;filter:drop-shadow(0 15px 45px #000b);width:min(330px,82vw);height:auto;animation:.9s ease-out both introLogoIn}.introDivider{background:linear-gradient(90deg,#0000,#ffd34d,#00cfff,#ff24b8,#0000);width:150px;height:2px;margin:20px 0 18px;box-shadow:0 0 18px #ff39c988}.introStage strong{letter-spacing:.12em;text-shadow:0 3px 15px #000;font-size:25px}.introStage span{color:#b8c6e9;letter-spacing:.04em;margin-top:8px;font-size:15px}@keyframes introLogoIn{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@media (width<=650px){.brandLogo{width:40px;height:40px}.displayBrandLogo{width:min(240px,68vw);max-height:115px;margin-bottom:16px}}