:root{--ink:#21152f;--paper:#fbf8ff;--purple:#6d38d1;--purple-dark:#351064;--red:#ee3150;--blue:#1876dc;--yellow:#e6a800;--green:#248f18;--muted:#756b7d}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--ink);background:#f6f1fb;font-family:Inter,ui-rounded,SF Pro Rounded,system-ui,-apple-system,sans-serif}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.landing-shell{color:#fff;background:radial-gradient(circle at 70% 20%,#50228a 0,#0000 35%),linear-gradient(135deg,#160b28,#2a1246 70%,#180d27);grid-template-columns:1.2fr .8fr;align-items:center;gap:clamp(36px,7vw,110px);min-height:100vh;padding:7vw;display:grid;position:relative;overflow:hidden}.landing-copy,.join-card{z-index:1;position:relative}.brand-mark,.mini-brand,.player-logo{color:#fff;background:linear-gradient(145deg,#915eff,#5725bd);place-items:center;font-weight:950;display:grid;box-shadow:0 12px 35px #6d38d166}.brand-mark{border-radius:21px;width:68px;height:68px;font-size:34px;transform:rotate(-5deg)}.landing-copy h1{letter-spacing:-.055em;max-width:760px;margin:20px 0;font-size:clamp(42px,5.2vw,78px);line-height:.99}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:#ae8cf1;font-size:12px;font-weight:900}.lede{color:#d7cae8;max-width:620px;font-size:clamp(18px,1.8vw,25px);line-height:1.5}.glow{filter:blur(70px);opacity:.32;border-radius:999px;position:absolute}.glow-one{background:#8c50ff;width:340px;height:340px;top:-100px;right:-30px}.glow-two{background:#ee3150;width:250px;height:250px;bottom:-100px;left:30%}.panel{color:var(--ink);background:#fffffff5;border:1px solid #ffffff73;border-radius:28px;box-shadow:0 26px 80px #04000f59}.join-card{justify-self:end;width:100%;max-width:520px;padding:clamp(28px,4vw,48px)}.join-card h2{margin:8px 0 28px;font-size:32px}.small-label,label{font-size:13px;font-weight:800}label{gap:8px;display:grid}input,select{width:100%;color:var(--ink);background:#fff;border:2px solid #e2dae9;border-radius:14px;outline:none;padding:15px 16px;transition:all .18s}input:focus,select:focus{border-color:#8c5ae6;box-shadow:0 0 0 4px #8c5ae61d}.join-card input{text-align:center;letter-spacing:.18em;font-size:25px;font-weight:900}.primary-button,.host-controls button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7140d6,#5124ae);border:0;border-radius:14px;padding:15px 20px;font-weight:900;transition:transform .15s,filter .15s;box-shadow:0 9px 22px #6431c03d}.primary-button{width:100%;margin-top:14px;display:block}.primary-button:hover,.host-controls button:hover{filter:brightness(1.08);transform:translateY(-2px)}button:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.divider{color:#968b9d;align-items:center;gap:12px;margin:24px 0 16px;font-size:13px;display:flex}.divider:before,.divider:after{content:"";background:#e4dce9;flex:1;height:1px}.text-link{color:#6635bf;font-weight:850;text-decoration:none}.qr-landing-content{background:#f7f2fb;border:1px solid #ece3f2;border-radius:16px;align-items:center;gap:16px;padding:12px 14px;display:flex}.qr-landing-content img{background:#fff;border:1px solid #e4dce9;border-radius:10px;flex-shrink:0}.qr-landing-content strong{margin-bottom:4px;font-size:15px;display:block}.qr-landing-content p{color:#6635bf;word-break:break-all;margin:0;font-size:13px;font-weight:700}.setup-shell{background:radial-gradient(circle at 5% 0,#e9ddfb,#0000 28%),#f7f3fa;min-height:100vh;padding-bottom:60px}.simple-header{align-items:center;gap:14px;height:72px;padding:0 max(24px,50vw - 540px);font-weight:900;display:flex}.mini-brand{border-radius:12px;width:38px;height:38px;text-decoration:none}.setup-card{max-width:1080px;margin:10px auto;padding:clamp(24px,4vw,50px);box-shadow:0 16px 60px #3b18591f}.setup-card h1{letter-spacing:-.04em;margin:6px 0;font-size:clamp(30px,4vw,48px)}.muted{color:var(--muted)}.setup-card>label{margin-top:24px}.question-weight-list{gap:10px;margin-top:20px;display:grid}.weight-row{background:#f7f2fb;border:1px solid #ece3f2;border-radius:15px;grid-template-columns:36px 1fr 82px;align-items:center;gap:14px;padding:13px;display:grid}.weight-row p{margin:0;font-size:14px;line-height:1.4}.weight-row select{padding:9px}.question-number{color:#5c2baa;background:#e1d2f5;border-radius:10px;place-items:center;width:32px;height:32px;font-weight:900;display:grid}.error-box{color:#a3122c;background:#ffe3e7;border-radius:12px;padding:12px 15px;font-weight:700}.setup-actions{grid-template-columns:1fr auto;align-items:center;gap:12px;margin-top:14px;display:grid}.setup-actions .primary-button{margin-top:0}.secondary-button{color:#5124ae;cursor:pointer;background:#f7f2fb;border:2px solid #d8c8ef;border-radius:14px;padding:14px 20px;font-weight:850;transition:all .15s}.secondary-button:hover:not(:disabled){background:#ede2fa}.history-card{margin-top:22px}.history-card h2{margin:6px 0;font-size:28px}.history-list{gap:10px;margin-top:18px;display:grid}.history-row{background:#f7f2fb;border:1px solid #ece3f2;border-radius:15px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.history-row strong{margin-bottom:3px;font-size:16px;display:block}.history-row span{font-size:13px}.history-row-actions{align-items:center;gap:12px;display:flex}.csv-button{color:#fff;background:#5124ae;border-radius:10px;padding:9px 14px;font-size:13px;font-weight:800;text-decoration:none}.open-room-link{color:#5124ae;font-size:14px;font-weight:850;text-decoration:none}.host-shell{color:#fff;background:radial-gradient(circle at 50% 30%,#48206d,#0000 45%),linear-gradient(145deg,#170b27,#28113e);min-height:100vh}.host-topbar{background:#120720bf;border-bottom:1px solid #ffffff1c;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;min-height:66px;padding:12px 28px;font-weight:750;display:grid}.host-topbar>:last-child{justify-self:end}.room-code{color:#d5c7e6}.room-code strong{color:#fff;letter-spacing:.12em;margin-left:7px;font-size:24px}.live-dot{background:#48d45a;border-radius:50%;width:9px;height:9px;margin-right:8px;display:inline-block;box-shadow:0 0 0 6px #48d45a22}.lobby-stage,.leaderboard-stage{text-align:center;flex-direction:column;align-items:center;min-height:calc(100vh - 66px);padding:6vh 7vw;display:flex}.lobby-hero{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(28px,4vw,60px);margin:14px 0 8px;display:flex}.lobby-code-block{text-align:center}.lobby-stage h1{letter-spacing:.08em;text-shadow:0 14px 50px #0008;margin:10px 0;font-size:clamp(70px,11vw,150px);line-height:1}.lobby-code-block p{color:#d8cae6;margin:10px 0 0;font-size:20px}.lobby-qr-card{color:var(--ink);background:#fff;border-radius:22px;justify-items:center;gap:8px;padding:14px 14px 12px;display:grid;box-shadow:0 18px 50px #0006}.lobby-qr-card img{border-radius:10px;display:block}.lobby-qr-card span{color:#5c2baa;letter-spacing:.02em;font-size:13px;font-weight:900}.name-cloud{flex-wrap:wrap;place-content:center;gap:12px;width:min(900px,100%);min-height:130px;margin:25px 0;display:flex}.name-cloud span{background:#ffffff14;border:1px solid #fff2;border-radius:999px;padding:11px 17px;font-weight:800}.primary-button.large{width:auto;min-width:220px;padding:17px 30px}.question-stage{min-height:calc(100vh - 66px);padding-bottom:90px;position:relative}.question-banner{text-align:center;min-height:150px;color:var(--ink);background:#fff;grid-template-columns:110px 1fr 110px;align-items:center;padding:22px 6vw;display:grid}.question-banner h1{letter-spacing:-.025em;margin:0;font-size:clamp(23px,2.7vw,42px);line-height:1.15}.question-banner>span:first-child{color:var(--muted);font-weight:850}.weight-badge{color:#612eb9;background:#eee5fb;border-radius:10px;justify-self:end;padding:8px 10px;font-weight:900}.question-meta{justify-content:space-between;align-items:center;gap:24px;min-height:225px;padding:18px 5vw 14px;display:flex}.timer{background:#6930c3;border-radius:50%;place-items:center;width:92px;height:92px;font-size:38px;font-weight:950;display:grid;box-shadow:0 0 0 10px #ffffff10}.timer.urgent{background:var(--red)}.answer-total{text-align:center;background:#ffffff13;border-radius:18px;padding:12px 20px;display:grid}.answer-total strong{font-size:30px}.answer-total span{color:#cbbbdc;text-transform:uppercase;letter-spacing:.09em;font-size:12px}.host-choices{grid-template-columns:1fr 1fr;gap:8px;padding:10px 4vw;display:grid}.choice-card{border-radius:8px;grid-template-columns:55px 1fr 35px;align-items:center;gap:12px;min-height:105px;padding:18px 25px;font-size:clamp(16px,2vw,27px);font-weight:900;transition:opacity .2s;display:grid;box-shadow:inset 0 -6px #0002}.choice-card.dimmed{opacity:.3;filter:grayscale(.3)}.shape{color:#fff;font-size:32px}.red{background:var(--red)}.blue{background:var(--blue)}.yellow{background:var(--yellow)}.green{background:var(--green)}.host-controls{z-index:4;position:fixed;bottom:20px;right:24px}.host-controls button{color:#421a77;background:#fff;box-shadow:0 10px 35px #0006}.answer-bars{flex:1;justify-content:center;align-items:end;gap:24px;height:195px;display:flex}.bar-wrap{justify-items:center;gap:7px;font-size:20px;display:grid}.bar{border-radius:7px 7px 2px 2px;justify-content:center;align-items:end;width:70px;min-height:40px;padding:8px;transition:height .4s;display:flex}.leaderboard-stage h1{margin:8px 0 26px;font-size:clamp(40px,6vw,80px)}.leader-list{gap:9px;width:min(780px,100%);margin-bottom:28px;display:grid}.leader-list>div{text-align:left;background:#ffffff10;border:1px solid #ffffff16;border-radius:13px;grid-template-columns:50px 1fr 100px;align-items:center;padding:15px 20px;display:grid}.leader-list .top-three{background:linear-gradient(90deg,#7540c755,#ffffff12);border-color:#bd91ff66}.leader-list strong{text-align:right;font-size:22px}.leaderboard-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.leaderboard-actions .primary-button{margin-top:0}.csv-download-btn{color:#fff;background:#ffffff18;border:1px solid #ffffff30;border-radius:14px;align-items:center;padding:16px 24px;font-weight:850;text-decoration:none;transition:all .15s;display:inline-flex}.csv-download-btn:hover{background:#ffffff28}.toast-error{z-index:10;color:#fff;cursor:pointer;background:#a6152d;border-radius:13px;max-width:90vw;padding:13px 19px;font-weight:800;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 10px 35px #0005}.player-shell{color:#fff;background:radial-gradient(circle at 50% 25%,#4d2375,#0000 40%),linear-gradient(160deg,#1b0b2e,#2a1046);flex-direction:column;min-height:100dvh;display:flex}.join-player{text-align:center;align-items:center;padding:8vh 22px}.player-logo{border-radius:18px;width:58px;height:58px;margin-bottom:24px;font-size:28px;transform:rotate(-4deg)}.join-player h1{margin:7px 0 30px;font-size:38px}.player-form{background:#ffffff12;border:1px solid #ffffff1c;border-radius:20px;width:min(430px,100%);padding:20px}.player-form input{text-align:center;font-size:19px;font-weight:800}.player-top{background:#12071f88;justify-content:space-between;align-items:center;height:60px;padding:0 18px;font-weight:850;display:flex}.player-top b{background:#ffffff15;border-radius:9px;padding:6px 10px}.player-message{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px 25px;display:flex}.player-message h1{margin:16px 0 8px;font-size:clamp(34px,10vw,54px)}.player-message p{color:#d8cce4;line-height:1.5}.pulse-icon,.result-icon{border-radius:50%;place-items:center;width:110px;height:110px;font-size:55px;font-weight:950;display:grid}.pulse-icon{background:#6d37c6;animation:1.8s infinite pulse;box-shadow:0 0 0 14px #ffffff0b}.result-icon.correct{background:#55bf33;box-shadow:0 0 0 10px #55bf3326}.result-icon.wrong{background:var(--red);box-shadow:0 0 0 10px #ee315026}.points-earned{background:#ffffff12;border-radius:12px;width:min(330px,100%);padding:13px;font-size:22px;font-weight:900;color:#fff!important}.trophy{filter:drop-shadow(0 12px 18px #0006);font-size:90px}.player-question{flex-direction:column;flex:1;display:flex}.player-question>p{text-align:center;color:#d9cae8;margin:17px;font-weight:750}.mobile-question-number{color:#3d1a69;background:#fff;border-radius:50%;place-items:center;width:42px;height:42px;font-weight:950;display:grid;position:absolute;top:75px;left:17px}.mobile-question-number span{font-size:9px;display:none}.player-choice-grid{flex:1;grid-template-columns:1fr 1fr;gap:7px;min-height:460px;padding:8px;display:grid}.player-choice-grid button{color:#fff;cursor:pointer;border:0;border-radius:8px;min-height:180px;transition:transform .1s,filter .1s;box-shadow:inset 0 -7px #0002}.player-choice-grid button:active{filter:brightness(.8);transform:scale(.96)}.player-choice-grid span{text-shadow:0 4px #0002;font-size:clamp(55px,17vw,90px)}.center-screen{color:#fff;background:#1c0b2f;place-content:center;justify-items:center;gap:16px;min-height:100vh;display:grid}.loader{border:5px solid #ffffff2b;border-top-color:#fff;border-radius:50%;width:45px;height:45px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{transform:scale(1.07);box-shadow:0 0 0 24px #ffffff05}}@media (max-width:800px){.landing-shell{grid-template-columns:1fr;padding:45px 20px}.landing-copy h1{font-size:43px}.join-card{justify-self:stretch}.host-topbar{grid-template-columns:1fr auto;font-size:13px}.host-topbar>:first-child,.room-code b{display:none}.question-banner{grid-template-columns:1fr;gap:8px;padding:20px}.question-banner>span:first-child{display:none}.weight-badge{justify-self:center}.question-meta{flex-wrap:wrap;min-height:0}.host-choices{grid-template-columns:1fr}.choice-card{min-height:77px}.answer-bars{flex-basis:100%;order:3;height:190px;margin:10px 0}}@media (max-width:560px){.weight-row{grid-template-columns:32px 1fr}.weight-row select{grid-column:2;width:90px}.setup-card{border-radius:0}}