:root{color:#1b1e50;font-synthesis:none;--navy:#1b1e50;--green:#25c76a;--cream:#fffdeb;--muted:#686b83;--line:#dcded0;background:#f3f1e1;font-family:Arial,Noto Sans Thai,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:2px solid var(--navy);background:var(--cream);min-height:44px;color:var(--navy);border-radius:10px;padding:11px 17px;font-size:15px;font-weight:700}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #12804a}.primary{background:var(--green);box-shadow:3px 3px 0 var(--navy)}.secondary{background:var(--navy);color:var(--cream)}.quiet{border-color:var(--line);box-shadow:none}.danger{color:#a32c30}a{color:inherit}.shell{background:var(--cream);border:3px solid var(--navy);border-radius:22px;max-width:1180px;min-height:calc(100vh - 48px);margin:24px auto;overflow:hidden}.header{background:var(--navy);color:var(--cream);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;padding:16px 26px;display:flex}.brand{align-items:center;gap:13px;text-decoration:none;display:flex}.brand strong{letter-spacing:-1px;font-size:24px}.brand small{letter-spacing:2px;color:#c6cad9;margin-top:4px;font-size:11px;display:block}.header .controls{font-size:14px}.header button{color:var(--cream);background:0 0;border-color:#696d97}.main{padding:30px}.headrow{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.kicker{letter-spacing:1.5px;color:#137044;margin-bottom:10px;font-size:12px;font-weight:700}h1{letter-spacing:-.8px;margin:0 0 12px;font-size:36px;font-weight:900;line-height:1.3}h2{margin:0 0 12px;font-size:23px;line-height:1.4}p{color:var(--muted);margin:0;font-size:16px;line-height:1.7}.controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tag{border:1px solid var(--navy);border-radius:6px;padding:6px 10px;font-size:13px;display:inline-block}.muted{color:var(--muted)}.collection{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.quizcard{border:2px solid var(--navy);background:#fffef5;border-radius:14px;overflow:hidden}.cover{background:var(--green);flex-direction:column;justify-content:space-between;min-height:150px;padding:24px;display:flex}.cover strong{letter-spacing:-1px;font-size:33px;line-height:1.1}.cover span{letter-spacing:1.5px;font-size:11px}.qdetails h2{overflow-wrap:anywhere;font-size:20px}.qdetails p{margin:12px 0 20px;font-size:14px}.qdetails .controls button{flex:1}.empty{text-align:center;background:#efeedb;border-radius:14px;padding:40px 20px}.empty img{object-fit:contain;width:150px;height:160px}.empty p{margin:10px 0 24px}.footer{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:15px;margin-top:30px;padding-top:18px;font-size:13px;display:flex}.loginlayout{grid-template-columns:1fr 380px;align-items:center;gap:55px;max-width:950px;margin:25px auto;display:grid}.intro img{object-fit:contain;width:240px;height:270px;margin-top:22px;display:block}.formpanel{border:2px solid var(--navy);background:#fffef5;border-radius:16px;padding:28px;box-shadow:6px 6px #1b1e5020}.field{margin-bottom:18px}label{margin-bottom:8px;font-size:14px;display:block}input,select,textarea{width:100%;color:var(--navy);background:#fffef5;border:1px solid #aeb0ac;border-radius:8px;padding:12px;font-size:16px}textarea{resize:vertical;min-height:88px}.formpanel button{width:100%}.small{font-size:13px;line-height:1.65}.formpanel .small{margin-top:20px}.editorgrid{grid-template-columns:190px minmax(0,1fr);gap:25px;display:grid}.questionnav{flex-direction:column;align-self:start;gap:8px;display:flex}.questionnav button{text-align:left;overflow-wrap:anywhere;font-weight:400}.questionnav .active{background:var(--navy);color:var(--cream)}.editchoices{grid-template-columns:1fr 1fr;gap:12px;margin:20px 0;display:grid}.editchoice{border:1px solid var(--line);background:#f0efdd;border-radius:10px;align-items:center;gap:10px;margin:0;padding:10px;display:flex}.editchoice input[type=radio]{accent-color:#178450;flex-shrink:0;width:18px}.editchoice input[type=text]{background:0 0;border:0;min-width:0;padding:8px}.editchoice span{font-size:13px;font-weight:700}.settings{grid-template-columns:1fr 1fr;gap:20px;display:grid}.check{align-items:center;gap:10px;margin-top:20px;display:flex}.check input{accent-color:#178450;width:20px}.lobbygrid{grid-template-columns:1.1fr 1fr;gap:25px;display:grid}.pinpanel{border:2px solid var(--navy);background:var(--green);border-radius:15px;padding:27px}.pinpanel p{color:#164f35}.pin{letter-spacing:5px;font-variant-numeric:tabular-nums;margin:15px 0 24px;font-size:clamp(36px,7vw,70px);font-weight:900}.joinqr{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.joinqr img{width:160px;height:160px;image-rendering:pixelated;background:#fff;border-radius:8px;padding:4px}.joinqr p{overflow-wrap:anywhere;max-width:180px}.roster{background:#efeedb;border-radius:14px;padding:25px}.names{flex-wrap:wrap;gap:10px;margin:20px 0;display:flex}.names span{border:1px solid var(--navy);background:var(--cream);overflow-wrap:anywhere;border-radius:7px;padding:10px 14px}.lobbymascot{align-items:center;gap:15px;margin-top:25px;display:flex}.lobbymascot img{object-fit:contain;width:95px;height:100px}.stage-question{text-align:center;overflow-wrap:anywhere;max-width:850px;margin:20px auto 30px;font-size:clamp(28px,4vw,48px)}.timer{letter-spacing:-3px;text-align:center;color:#107347;font-variant-numeric:tabular-nums;margin:10px 0;font-size:70px;font-weight:900}.timer small{letter-spacing:0;color:var(--muted);font-size:16px}.timer.urgent{color:#bb4c31}.stageanswers{grid-template-columns:1fr 1fr;gap:16px;display:grid}.stageanswer{border:2px solid var(--line);overflow-wrap:anywhere;background:#efeedb;border-radius:12px;align-items:center;gap:15px;min-height:85px;padding:20px;font-size:22px;display:flex}.letter{background:var(--navy);width:36px;height:36px;color:var(--cream);border-radius:8px;flex-shrink:0;place-items:center;font-size:15px;font-weight:700;display:grid}.stageanswer.correct{border-color:var(--navy);box-shadow:3px 3px 0 var(--navy);background:#dbf8df}.stageanswer.wrong{background:#ffe4dd;border-color:#cc7869}.caption{margin-left:auto;font-size:13px;font-weight:700}.revealhero{grid-template-columns:1fr 210px;align-items:center;gap:24px;display:grid}.revealhero img{object-fit:contain;width:100%;height:215px}.correctpill{background:var(--green);border:2px solid var(--navy);border-radius:7px;margin-bottom:15px;padding:7px 12px;font-size:14px;font-weight:700;display:inline-block}.revealtitle{overflow-wrap:anywhere;font-size:clamp(30px,4vw,49px)}.explanation{background:#efeedb;border-radius:12px;margin:24px 0;padding:22px}.explanation h2{font-size:18px}.distribution{margin-top:18px}.distrow{grid-template-columns:28px 1fr 55px;align-items:center;gap:12px;margin:10px 0;font-size:14px;display:grid}.track{background:#dfdec8;border-radius:5px;height:12px;overflow:hidden}.bar{background:#85899f;height:100%}.bar.correct{background:#178b52}.hostbottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:24px;display:flex}.rankrow{border-bottom:1px solid var(--line);grid-template-columns:40px 1fr auto;align-items:center;gap:16px;padding:20px;font-size:20px;display:grid}.rankrow:first-child{background:var(--green);border:2px solid var(--navy);border-radius:12px}.rankrow span{overflow-wrap:anywhere}.rankrow small{color:var(--muted);font-size:13px;display:block}.player-shell{background:var(--navy);max-width:480px;color:var(--cream);border-radius:24px;min-height:500px;margin:20px auto;overflow:hidden;box-shadow:8px 8px #1b1e5020}.player-header{border-bottom:1px solid #585b87;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;padding:18px 23px;display:flex}.player-header strong{letter-spacing:-.5px;color:var(--green);font-size:18px}.player-header button{color:var(--cream);background:0 0;border-color:#686b91;padding:7px 10px;font-size:13px}.player-main{padding:25px}.player-main label{color:var(--cream)}.player-main p{color:#c7cbdc}.player-main .primary{width:100%;box-shadow:none;margin-top:10px}.player-main .mascot{object-fit:contain;width:160px;height:170px;margin:15px auto;display:block}.player-main h1{text-align:center;font-size:28px}.player-main h2{text-align:center;font-size:23px}.player-main .timer{color:var(--green)}.player-main .timer small{color:#c7cbdc}.player-main .timer.urgent{color:#ffae80}.gameinfo{color:#c7cbdc;justify-content:space-between;gap:10px;margin-bottom:14px;font-size:13px;display:flex}.gameanswers{grid-template-columns:1fr 1fr;gap:12px;margin:22px 0;display:grid}.gameanswers button{text-align:left;overflow-wrap:anywhere;min-height:90px;padding:15px;font-size:17px;font-weight:400}.gameanswers button b{margin-bottom:6px;font-size:12px;display:block}.gameanswers button.selected{background:var(--green)}.player-main .explanation{color:var(--navy)}.player-main .explanation p{color:var(--muted)}.player-main .answer-correct{background:var(--green);color:var(--navy);border:2px solid var(--cream);border-radius:12px;margin:22px 0;padding:18px}.resultpoints{text-align:center;padding:20px 0}.resultpoints strong{color:var(--green);font-variant-numeric:tabular-nums;font-size:48px;display:block}.resultpoints span{color:#c7cbdc;font-size:14px}.player-main .rankrow{padding:15px;font-size:17px}.player-main .rankrow:first-child{color:var(--navy)}.connection{color:#291e40;text-align:center;background:#e9a563;padding:10px 20px;font-size:14px}.loading{text-align:center;padding:80px 25px}.toast{z-index:10;background:var(--navy);max-width:calc(100% - 30px);color:var(--cream);border:2px solid var(--green);border-radius:10px;padding:14px 20px;font-size:15px;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 25px #0003}.home-actions{flex-wrap:wrap;gap:12px;margin:25px 0;display:flex}.home-actions a{border:2px solid var(--navy);background:var(--green);border-radius:10px;padding:13px 20px;font-weight:700;text-decoration:none}.home-actions a:last-child{background:var(--cream)}.display:fullscreen{background:var(--cream);padding:25px;overflow:auto}.display:fullscreen .shell{min-height:0;margin:0 auto}@media (width<=800px){.shell{border-radius:16px;min-height:calc(100vh - 24px);margin:12px}.main{padding:22px}.collection{grid-template-columns:1fr 1fr}.lobbygrid,.loginlayout{grid-template-columns:1fr}.loginlayout{gap:25px}.intro img{display:none}.editorgrid{grid-template-columns:1fr}.questionnav{flex-flow:wrap}.revealhero{grid-template-columns:1fr 120px}.revealhero img{height:150px}.stageanswer{padding:15px;font-size:19px}.header{padding:16px 20px}}@media (width<=500px){.collection,.editchoices,.stageanswers{grid-template-columns:1fr}.settings{gap:10px}.stageanswer{font-size:17px}.player-shell{min-height:100dvh;box-shadow:none;border-radius:0;margin:0}h1{font-size:29px}.revealhero{grid-template-columns:1fr 80px;gap:10px}.revealhero img{height:115px}.formpanel{padding:22px}.pinpanel{padding:20px}.rankrow{grid-template-columns:30px 1fr auto;padding:15px;font-size:17px}.caption{white-space:normal}.brand strong{font-size:20px}.header .controls{justify-content:space-between;width:100%}}@media (prefers-reduced-motion:no-preference){button,a{transition:background .15s,transform .15s}button:not(:disabled):active{transform:translate(1px,1px)}}:root{--cream:#fffdf3;--green:#53d78c;--muted:#626781;background:#f2f6ed}body{background:radial-gradient(at 8% 10%,#d9f8df 0,#0000 42%),radial-gradient(at 95% 85%,#e7e0ff 0,#0000 38%),#f3f5ef;min-height:100dvh}.shell{border:1px solid #dce4d8;border-radius:28px;max-width:1240px;box-shadow:0 18px 65px #1b1e5010}.header{color:var(--navy);background:#fffdf6;border-bottom:1px solid #e5e7df;padding:18px 30px}.brand img{border-radius:50%;width:48px;height:48px}.brand small{color:#777c91;font-size:10px}.brand span{color:#248754}.header button{color:var(--navy);background:#fff;border:1px solid #d5dbd1}.header .controls>span{font-weight:700}.main{padding:34px;position:relative}h1{letter-spacing:-1.1px;font-size:clamp(27px,3vw,40px)}h2{letter-spacing:-.4px}.kicker{letter-spacing:1.8px;color:#247b50}button{border-width:1.5px;border-radius:14px;min-height:46px;padding:12px 18px}.primary{background:#53d78c;border-color:#257d50;box-shadow:0 4px #207a4d}.primary:disabled{box-shadow:none}button:not(:disabled):hover{filter:brightness(1.04)}.quiet{background:0 0}.arena-banner{background:linear-gradient(115deg,#ddf8d6,#d5f6dc 56%,#edf5c9);border:1px solid #cde3be;border-radius:24px;grid-template-columns:minmax(0,1fr) 280px;align-items:center;min-height:265px;margin-bottom:30px;padding:32px 38px;display:grid;position:relative;overflow:hidden}.arena-banner:before{content:"";pointer-events:none;border:1px solid #90c59166;border-radius:50%;width:300px;height:300px;position:absolute;top:-80px;right:-65px}.arena-banner h2{margin:15px 0 10px;font-size:clamp(25px,3vw,35px);line-height:1.4}.arena-banner p{color:#416349}.live-label{letter-spacing:2px;color:#29864e;font-size:11px;font-weight:800}.featurechips{flex-wrap:wrap;gap:9px;margin-top:20px;display:flex}.featurechips span{color:#284d36;background:#ffffff8a;border:1px solid #adcfa8;border-radius:99px;padding:8px 12px;font-size:12px}.mascot-orbit{background:#fffdea;border:1px dashed #a5ca91;border-radius:50%;justify-self:end;place-items:center;width:225px;height:225px;display:grid;position:relative}.mascot-orbit img{object-fit:contain;filter:drop-shadow(0 10px 6px #34644018);width:245px;height:245px;position:relative}.mascot-orbit:after{content:"✦";color:#245d44;font-size:36px;position:absolute;top:22px;right:-10px}.collection{gap:22px}.quizcard{background:#fff;border:1px solid #d8e0d4;border-radius:22px;box-shadow:0 5px #1b1e5008}.cover{isolation:isolate;background:linear-gradient(125deg,#baf1ca,#77d9a0);min-height:185px;padding:25px;position:relative;overflow:hidden}.cover strong,.cover span{z-index:1;position:relative}.cover strong{max-width:60%;font-size:35px}.cover span{font-weight:800}.cover:after{content:"";z-index:-1;border:1px solid #fff7;border-radius:50%;width:180px;height:180px;position:absolute;bottom:-50px;right:-15px}.cover .card-mascot{object-fit:contain;opacity:.98;width:142px;height:157px;position:absolute;bottom:-9px;right:5px;transform:rotate(9deg)}.quizcard:nth-child(3n+2) .cover{background:linear-gradient(120deg,#d4d9ff,#aeb8f8)}.quizcard:nth-child(3n+3) .cover{background:linear-gradient(120deg,#ffe4b5,#f5c276)}.qdetails{padding:23px}.qdetails h2{font-size:21px}.qdetails .controls{gap:8px}.qdetails button{padding:10px 13px;font-size:14px}.qdetails .danger{flex:0!important}.loginlayout{grid-template-columns:minmax(0,1fr) minmax(300px,390px);gap:50px;max-width:1050px;margin:28px auto}.intro h1{margin:18px 0;font-size:clamp(34px,5vw,58px);line-height:1.22}.intro>p{max-width:420px}.hero-mascot{background:radial-gradient(circle,#d4f3ca 0 60%,#0000 61%);place-items:center;width:270px;height:265px;margin:20px 0;display:grid;position:relative}.hero-mascot img{object-fit:contain;filter:drop-shadow(0 10px 5px #1b1e5018);width:265px;height:265px;margin:0;display:block}.float-badge{z-index:1;border:1px solid var(--navy);white-space:nowrap;background:#fffdf3;border-radius:99px;padding:9px 14px;font-size:11px;font-weight:900;position:absolute;box-shadow:0 4px #1b1e5015}.badge-one{top:20px;left:-12px;transform:rotate(-8deg)}.badge-two{background:#ffdf83;bottom:25px;right:-18px;transform:rotate(6deg)}.formpanel{background:#fff;border:1px solid #d9e0d5;border-radius:24px;padding:32px;box-shadow:0 12px 35px #1b1e500c}.formpanel h2{margin:16px 0 25px;font-size:29px}.formpanel input{background:#f7f9f3;border-color:#d4ddcc;border-radius:14px;padding:15px}.formpanel .primary{margin-top:6px}#pin{letter-spacing:8px;text-align:center;font-size:30px;font-weight:800}.editorgrid>div{background:#fff;border:1px solid #e0e5db;border-radius:20px;min-width:0;padding:24px}.questionnav{position:sticky;top:16px}.questionnav button{background:#fff}.questionnav .active{background:var(--navy)}.editchoice{background:#e5f5e7;border-radius:15px}.editchoice:nth-child(2){background:#eeeaff}.editchoice:nth-child(3){background:#fff0d7}.editchoice:nth-child(4){background:#ffeaed}input,select,textarea{border-color:#cbd5c7;border-radius:12px}.editchoice input[type=radio]{min-width:20px;min-height:20px}.settings>div{min-width:0}.check input{flex-shrink:0;height:20px}body[data-view=host]{background:#eff5e9}.lobbygrid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:28px}.pinpanel{background:linear-gradient(150deg,#c5f4d0,#81dfa7);border:1px solid #a4d5af;border-radius:24px;padding:32px}.pin{letter-spacing:7px;color:var(--navy);font-size:clamp(46px,7vw,78px);line-height:1.2}.joinqr{background:#fffdf2aa;border:1px solid #97cda7;border-radius:18px;flex-wrap:nowrap;padding:18px}.joinqr img{border-radius:12px;flex-shrink:0;width:180px;height:180px}.joinqr p{font-size:14px}.lobbymascot img{width:120px;height:130px}.lobbymascot p{font-size:18px;font-weight:700}.roster{background:#fff;border:1px solid #e1e4d8;border-radius:24px;align-self:start;padding:30px}.roster h2{font-size:23px}.names{min-height:100px}.names span{background:#eff9ed;border-color:#c4dcbe;border-radius:99px;height:fit-content;padding:10px 18px}.roster>.primary{min-height:56px;font-size:20px}.gameinfo{color:#59647b;font-weight:700}.stage-question{max-width:960px;margin:22px auto 32px}.clock-wrap{text-align:center;max-width:330px;margin:18px auto 22px}.timer{--progress:360deg;background:conic-gradient(#2bad63 var(--progress),#dae4d5 0);width:130px;height:130px;color:var(--navy);letter-spacing:-2px;border-radius:50%;place-items:center;margin:0 auto 16px;padding:8px;font-size:54px;line-height:1.1;display:grid}.timer>div{background:var(--cream);border-radius:50%;align-content:center;width:100%;height:100%;display:grid}.timer small{letter-spacing:0;margin-top:3px;font-size:12px;display:block}.timer.urgent{color:#b5382b;background:conic-gradient(#ef775c var(--progress),#f2e0d7 0)}.time-track{background:#dde6d7;border-radius:99px;height:7px;overflow:hidden}.time-track>div{background:#2bad63;border-radius:99px;height:100%;transition:width .2s linear}.time-track>div.urgent{background:#ef775c}.speed-hint{color:#62715d;margin-top:10px;font-size:12px}.speed-hint strong{font-variant-numeric:tabular-nums;color:#227847}.stageanswers{gap:18px}.stageanswer{border:1px solid #acccb1;border-radius:20px;min-height:100px;padding:24px;font-size:clamp(19px,2.2vw,26px);font-weight:700;box-shadow:0 5px #1b1e5015}.stageanswer .letter{width:38px;height:38px;color:var(--navy);background:#ffffffb0;border-radius:50%}.stageanswer.answer-0,.gameanswers .answer-0{background:#b5edc9;border-color:#75be92}.stageanswer.answer-1,.gameanswers .answer-1{background:#cdd0ff;border-color:#989dd9}.stageanswer.answer-2,.gameanswers .answer-2{background:#ffe2a5;border-color:#d1b776}.stageanswer.answer-3,.gameanswers .answer-3{background:#ffcfd7;border-color:#d7a0ac}.stageanswer.correct{background:#b5edc9;border:3px solid #258050;box-shadow:0 5px #258050}.stageanswer.correct .caption{color:#fff;background:#248452;border-radius:99px;padding:7px 10px}.revealhero{margin:15px 0 28px}.correctpill{background:#c3f4d0;border:1px solid #51ab74;border-radius:99px}.explanation{background:#f1f6e9;border:1px solid #dce7d0;border-radius:18px}.explanation p{white-space:pre-line}.track{background:#e6eadf;border-radius:99px;height:14px}.bar{border-radius:99px;transition:width .6s ease-out}.rankrow{background:#fff;border:1px solid #e2e6db;border-radius:16px;margin:9px 0;padding:20px}.rankrow:first-child{background:#ddf7ca;border:1px solid #aacb85}.podium{justify-content:center;align-items:end;gap:16px;max-width:780px;margin:30px auto 38px;display:flex}.podium-place{text-align:center;flex:1;min-width:0;max-width:240px}.podium-place h2{overflow-wrap:anywhere;font-size:20px}.podium-place p{color:#657259;font-size:14px}.medal{color:#9081c0;margin-bottom:12px;font-size:42px;display:block}.place-1 .medal{color:#be932d;font-size:60px}.place-3 .medal{color:#bd835d}.podium-step{color:#8972b0;background:#e7defa;border:1px solid #cfbce9;border-radius:18px 18px 8px 8px;height:95px;margin-top:14px;padding-top:16px;font-size:50px;font-weight:900}.place-1 .podium-step{color:#a78024;background:#fbe7a2;border-color:#d9bc67;height:145px}.place-3 .podium-step{color:#b0815e;background:#f5dcc9;border-color:#dcbda6;height:70px}.ready-stage{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:440px;padding:30px 10px;display:flex}.ready-stage h1{font-size:clamp(28px,4vw,45px)}.ready-orbit{background:#dff7ce;border-radius:50%;place-items:center;width:250px;height:245px;display:grid;position:relative}.ready-orbit img{object-fit:contain;opacity:.32;width:230px;height:240px}.countdown-digit{color:var(--navy);text-shadow:0 6px #fff8;font-size:125px;font-weight:900;line-height:1;position:absolute}.ready-stage p{color:#54764e;font-weight:700}.ready-dots{gap:9px;margin-top:12px;display:flex}.ready-dots i{background:#60b176;border-radius:50%;width:8px;height:8px}.ready-dots i:nth-child(2){animation-delay:.15s}.ready-dots i:nth-child(3){animation-delay:.3s}.player-shell{background:radial-gradient(circle at 10% 0,#343e72,#0000 50%),#1b214d;border-radius:28px;max-width:660px;min-height:calc(100dvh - 40px);box-shadow:0 18px 60px #1b1e5025}.player-header{background:#171e43aa;padding:18px 26px}.player-header strong{color:#8fecad}.player-main{isolation:isolate;padding:26px;position:relative}.player-main .gameinfo{color:#d1d6e6}.player-main .mascot{width:210px;height:220px;margin:28px auto}.player-main h1{font-size:clamp(26px,4vw,33px)}.player-main h2{overflow-wrap:anywhere;font-size:clamp(21px,3vw,28px);line-height:1.5}.player-main .clock-wrap{max-width:260px}.player-main .timer{background:conic-gradient(#89f1ae var(--progress),#ffffff1a 0);color:#fffdf3;width:115px;height:115px;font-size:46px}.player-main .timer>div{background:#232b56}.player-main .timer.urgent{background:conic-gradient(#ffbd83 var(--progress),#ffffff1a 0);color:#ffd29d}.player-main .speed-hint{color:#ccd3e4}.player-main .speed-hint strong{color:#aaf2b4}.player-main .time-track{background:#ffffff20}.player-main .time-track>div{background:#89f1ae}.player-main .time-track>div.urgent{background:#ffbd83}.gameanswers{gap:14px;margin:24px 0}.gameanswers button{min-height:120px;color:var(--navy);border:1px solid;border-radius:18px;padding:18px;font-size:19px;font-weight:700;box-shadow:0 5px #0003}.gameanswers button b{background:#ffffff9a;border-radius:50%;place-items:center;width:26px;height:26px;margin-bottom:10px;font-size:13px;display:grid}.gameanswers button:disabled{cursor:default;opacity:.4;box-shadow:none}.gameanswers button.selected{opacity:1;border-color:#fff;outline:3px solid #fff;box-shadow:0 0 25px #8ce8a62a}.waiting{background:#233e4d;border:1px solid #729489;border-radius:18px;padding:20px;color:#d9ffe2!important}.sent-check{color:#a9f9ba;margin-bottom:8px;font-size:26px;display:block}.result-stamp{color:#f8dd8e;text-align:center;margin:15px 0;font-size:60px}.resultpoints strong{color:#aaf2b4;font-size:58px}.player-main .answer-correct{background:#c0efd0;border:1px solid #82c89d;border-radius:18px}.player-main .ready-stage{min-height:calc(100dvh - 220px)}.player-main .ready-stage .kicker{color:#aeefbc}.player-main .ready-stage p{color:#cddbcf}.player-main .ready-orbit{background:#84c49229}.player-main .countdown-digit{color:#adf9bc;text-shadow:0 6px #0002}.player-main .ready-dots i{background:#aaf2b4}.player-main .rankrow{color:#e9ecf4;background:#ffffff08;border-color:#ffffff18}.player-main .rankrow:first-child{color:var(--navy);background:#bceac3}.player-main .rankrow small{color:#cad4d9}.player-main .rankrow:first-child small{color:#416948}.player-main input{background:#fffdf3}.player-main #join-form button{min-height:54px}.player-main label{font-weight:700}.confetti{pointer-events:none;z-index:3;position:absolute;inset:0;overflow:hidden}.confetti i{left:var(--x);background:var(--color);opacity:0;border-radius:3px;width:9px;height:17px;position:absolute;top:-18px}.toast{z-index:20}.footer{line-height:1.7}@media (width>=801px) and (width<=1100px){.collection{grid-template-columns:repeat(2,minmax(0,1fr))}.joinqr{flex-wrap:wrap}.loginlayout{grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:25px}}@media (width<=800px){.shell{border-radius:22px;margin:12px}.main{padding:24px}.header{padding:18px 24px}.arena-banner{grid-template-columns:minmax(0,1fr) 180px;min-height:230px;padding:26px}.mascot-orbit{width:160px;height:160px}.mascot-orbit img{width:185px;height:190px}.featurechips span{padding:6px 9px;font-size:11px}.loginlayout{grid-template-columns:1fr;gap:22px;max-width:550px;margin:12px auto}.intro{min-height:190px;padding-right:165px;position:relative}.intro h1{font-size:38px}.hero-mascot{width:160px;height:170px;margin:0;position:absolute;top:0;right:0}.hero-mascot img{width:170px;height:180px;display:block}.float-badge{padding:7px 9px;font-size:8px}.badge-one{top:16px;left:-8px}.badge-two{bottom:5px;right:-3px}.formpanel{padding:28px}.lobbygrid{grid-template-columns:1fr}.pinpanel{padding:28px}.joinqr{flex-wrap:nowrap}.questionnav{position:static}.editorgrid>div{padding:20px}.stageanswer{min-height:100px;font-size:21px}.stageanswers{grid-template-columns:1fr 1fr}.revealhero{grid-template-columns:minmax(0,1fr) 150px}.revealhero img{height:170px}.gameanswers button{min-height:125px}}@media (width<=540px){.shell{min-height:100dvh;box-shadow:none;border:0;border-radius:0;margin:0}.header{gap:12px;padding:15px 18px}.brand strong{font-size:20px}.brand small{font-size:9px}.brand img{width:42px;height:42px}.header .controls{justify-content:flex-start;gap:7px}.header .controls>span{flex:1;min-width:60px;font-size:12px}.header button{min-height:44px;padding:9px 12px;font-size:12px}.header .controls>a{font-size:13px}.main{padding:24px 18px}.headrow{gap:12px;margin-bottom:22px}.headrow>.primary{width:100%}.headrow .controls{gap:8px;width:100%}.headrow .controls>button{flex:1;padding:11px;font-size:13px}.headrow h1{font-size:28px}.arena-banner{border-radius:20px;grid-template-columns:minmax(0,1fr) 115px;gap:4px;min-height:230px;padding:22px 18px}.arena-banner h2{font-size:24px;line-height:1.5}.arena-banner p{font-size:12px}.mascot-orbit{align-self:start;width:110px;height:110px;margin-top:30px}.mascot-orbit img{width:135px;height:145px}.mascot-orbit:after{font-size:24px;top:2px;right:-6px}.featurechips{gap:6px;margin-top:14px}.featurechips span{padding:5px 8px;font-size:10px}.live-label{letter-spacing:1.5px;font-size:9px}.collection{grid-template-columns:1fr;gap:20px}.cover{min-height:160px}.cover .card-mascot{width:140px;height:150px}.qdetails{padding:21px}.intro{min-height:170px;padding-right:115px}.intro h1{font-size:32px}.intro>p{font-size:13px}.intro .kicker{letter-spacing:1px;max-width:185px;font-size:10px}.hero-mascot{width:110px;height:120px;top:33px}.hero-mascot img{width:125px;height:140px}.badge-one{font-size:7px;top:0;left:-5px}.badge-two{font-size:7px;bottom:-12px;right:-4px}.formpanel{border-radius:20px;padding:24px}.formpanel h2{font-size:25px}.pinpanel{padding:24px 20px}.pin{letter-spacing:5px;font-size:clamp(40px,12vw,65px)}.joinqr{gap:12px;padding:13px}.joinqr img{width:135px;height:135px}.joinqr p{min-width:0;font-size:12px}.lobbymascot img{width:90px;height:110px}.lobbymascot p{font-size:15px}.roster{padding:24px 20px}.stageanswers{grid-template-columns:1fr}.stageanswer{gap:12px;min-height:78px;padding:17px;font-size:19px}.revealhero{grid-template-columns:minmax(0,1fr) 85px;gap:10px}.revealhero img{height:110px}.revealtitle{font-size:29px}.revealhero p{font-size:13px}.caption{font-size:11px}.hostbottom{gap:14px}.hostbottom>.controls{width:100%}.hostbottom>.controls>button{flex:1}.hostbottom p{font-size:13px}.podium{gap:8px}.podium-place h2{font-size:15px}.podium-place p{font-size:11px}.podium-step{height:75px;font-size:40px}.place-1 .podium-step{height:115px}.place-3 .podium-step{height:60px}.medal{font-size:32px}.place-1 .medal{font-size:44px}.editorgrid>div{padding:18px 14px}.editchoices{grid-template-columns:1fr}.questionnav{flex-wrap:nowrap;gap:8px;max-width:100%;padding-bottom:8px;overflow-x:auto}.questionnav button{white-space:nowrap;flex-shrink:0}.settings{gap:12px}.player-shell{max-width:none;min-height:100dvh;box-shadow:none;border-radius:0;margin:0}.player-header{padding:16px 20px}.player-main{padding:22px 18px 35px}.gameanswers{gap:12px}.gameanswers button{min-height:112px;padding:16px 13px;font-size:17px}.player-main .mascot{width:190px;height:200px}.ready-stage{min-height:390px}.player-main .ready-orbit{width:215px;height:215px}.player-main .ready-orbit img{width:210px;height:215px}.player-main .countdown-digit{font-size:110px}.rankrow{gap:12px}.resultpoints strong{font-size:52px}}@media (width<=360px){.main{padding:20px 14px}.arena-banner{grid-template-columns:minmax(0,1fr) 90px;padding:18px 14px}.mascot-orbit{width:85px;height:85px}.mascot-orbit img{width:108px;height:120px}.arena-banner h2{font-size:21px}.joinqr{flex-wrap:wrap}.intro{padding-right:90px}.intro h1{font-size:29px}.hero-mascot{width:95px;right:-5px}.hero-mascot img{width:105px}.settings{grid-template-columns:1fr}.gameanswers button{padding:14px 11px;font-size:16px}}#app:fullscreen{background:#f2f6ed;overflow:auto}#app:fullscreen .shell{border:0;border-radius:0;max-width:1440px;min-height:100dvh;margin:0 auto}@media (prefers-reduced-motion:no-preference){.quizcard{transition:transform .2s,box-shadow .2s}.quizcard:hover{transform:translateY(-4px);box-shadow:0 12px 30px #1b1e5010}.hero-mascot img,.mascot-orbit img,.lobbymascot img,.player-main>.mascot{animation:3.4s ease-in-out infinite float-mascot}.ready-orbit img{animation:1.4s ease-in-out infinite float-mascot}.countdown-digit.pop{animation:.45s cubic-bezier(.2,.9,.2,1) count-pop}.ready-dots i{animation:.9s infinite dot-hop}.timer.urgent{animation:.7s ease-in-out infinite clock-pulse}.resultpoints strong,.result-stamp{animation:.5s cubic-bezier(.15,.8,.3,1.3) score-pop}.confetti i{animation:confetti-fall 2.8s var(--delay) ease-out both}.stageanswers,.podium{animation:.45s ease-out stage-in}.stageanswer.correct{animation:.7s ease-out correct-glow}.names span{animation:.3s ease-out stage-in}}@keyframes float-mascot{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-9px)rotate(2deg)}}@keyframes count-pop{0%{opacity:.3;transform:scale(.55)}70%{opacity:1;transform:scale(1.1)}to{transform:scale(1)}}@keyframes dot-hop{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(-7px)}}@keyframes clock-pulse{50%{box-shadow:0 0 0 8px #ef775c18}}@keyframes score-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes stage-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes confetti-fall{0%{transform:translateY(0) rotate(var(--turn));opacity:1}80%{opacity:1}to{transform:translateY(650px) rotate(calc(var(--turn) + 280deg));opacity:0}}@keyframes correct-glow{50%{box-shadow:0 0 0 6px #53d78c35}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.confetti{display:none}}.stage-canvas{position:relative}.reveal-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:28px;display:grid}.reveal-story,.reveal-responses{min-width:0}.reveal-layout .revealhero{grid-template-columns:minmax(0,1fr) 95px;gap:14px;margin:0 0 18px}.reveal-layout .revealhero img{height:125px}.reveal-layout .revealtitle{font-size:clamp(27px,3.5vw,43px)}.reveal-layout .explanation{margin:18px 0 0}.reveal-responses .stageanswers{grid-template-columns:1fr;gap:10px}.reveal-responses .stageanswer{min-height:66px;padding:14px 16px;font-size:20px;box-shadow:0 3px #1b1e5012}.reveal-responses .distribution{margin-top:18px}.standings-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:28px;display:grid}.standings-layout .podium{width:100%;margin:20px auto}.standings-layout .rankrow{padding:15px;font-size:18px}body[data-stage-fit=true]{overflow:hidden}body[data-stage-fit=true] .shell{border-radius:20px;min-height:calc(100dvh - 16px);margin:8px auto}body[data-stage-fit=true] .header{padding:10px 22px}body[data-stage-fit=true] .brand img{width:36px;height:36px}body[data-stage-fit=true] .brand strong{font-size:19px}body[data-stage-fit=true] .brand small{display:none}body[data-stage-fit=true] .header button{min-height:36px;padding:7px 12px;font-size:12px}body[data-stage-fit=true] .header .controls{font-size:12px}body[data-stage-fit=true] .main{padding:18px 26px}.stage-viewport.fitted{width:100%;position:relative;overflow:hidden}.stage-viewport.fitted .stage-canvas{transform-origin:top;width:100%;position:absolute;top:0;left:50%}.stage-viewport.fitted .headrow{gap:14px;margin-bottom:16px}.stage-viewport.fitted .headrow h1{margin-bottom:0;font-size:clamp(23px,2.7vw,32px)}.stage-viewport.fitted .headrow .kicker{margin-bottom:5px;font-size:10px}.stage-viewport.fitted .headrow button{padding:10px 14px;font-size:13px}.stage-viewport.fitted .gameinfo{margin-bottom:8px;font-size:13px}.stage-viewport.fitted .clock-wrap{max-width:275px;margin:8px auto 14px}.stage-viewport.fitted .timer{width:95px;height:95px;margin-bottom:9px;font-size:39px}.stage-viewport.fitted .timer small{font-size:11px}.stage-viewport.fitted .speed-hint{margin-top:7px;font-size:11px}.stage-viewport.fitted .stage-question{margin:12px auto 20px;font-size:clamp(26px,3.2vw,42px);line-height:1.4}.stage-viewport.fitted .stageanswers{gap:12px}.stage-viewport.fitted .stageanswer{min-height:78px;padding:17px;font-size:clamp(18px,2vw,24px)}.stage-viewport.fitted .reveal-responses .stageanswers{gap:9px}.stage-viewport.fitted .reveal-responses .stageanswer{min-height:60px;padding:12px 14px;font-size:18px}.stage-viewport.fitted .reveal-responses .letter{width:30px;height:30px;font-size:13px}.stage-viewport.fitted .reveal-responses .caption{font-size:11px}.stage-viewport.fitted .reveal-kicker{margin-bottom:12px}.stage-viewport.fitted .revealhero{margin-bottom:14px}.stage-viewport.fitted .revealtitle{font-size:clamp(25px,3vw,39px);line-height:1.35}.stage-viewport.fitted .revealhero p{font-size:14px}.stage-viewport.fitted .correctpill{margin-bottom:10px;padding:6px 10px;font-size:12px}.stage-viewport.fitted .explanation{margin-top:14px;padding:18px}.stage-viewport.fitted .explanation h2{margin-bottom:8px;font-size:17px}.stage-viewport.fitted .explanation p{overflow-wrap:anywhere;font-size:16px;line-height:1.6}.stage-viewport.fitted .distribution{margin-top:13px}.stage-viewport.fitted .distrow{margin:8px 0;font-size:12px}.stage-viewport.fitted .hostbottom{border-top:1px solid #dce5d5;margin-top:18px;padding-top:15px}.stage-viewport.fitted .hostbottom p{font-size:13px}.stage-viewport.fitted .ready-stage{min-height:360px;padding:14px}.stage-viewport.fitted .standings-layout{gap:25px}.stage-viewport.fitted .standings-layout .rankrow{margin:7px 0;padding:12px 15px}.stage-viewport.fitted .standings-layout .podium-step{height:75px;font-size:40px}.stage-viewport.fitted .standings-layout .place-1 .podium-step{height:115px}.stage-viewport.fitted .standings-layout .place-3 .podium-step{height:60px}.stage-viewport.fitted .standings-layout .medal{font-size:35px}.stage-viewport.fitted .standings-layout .place-1 .medal{font-size:50px}.stage-viewport.fitted .standings-layout h2{font-size:17px}body[data-stage-fit=true] #app:fullscreen .header{display:none}body[data-stage-fit=true] #app:fullscreen .shell{border-radius:0;min-height:100dvh;margin:0}body[data-stage-fit=true] #app:fullscreen .main{padding:18px 26px}@media (width<=699px){.reveal-layout,.standings-layout{grid-template-columns:1fr;gap:20px}.reveal-layout .revealhero{grid-template-columns:minmax(0,1fr) 85px}.reveal-layout .explanation{margin:16px 0 0}.standings-layout .podium{max-width:500px}.reveal-responses .stageanswer{font-size:18px}.standings-layout .rankrow{font-size:17px}}body[data-stage-fit=true]{height:100dvh;min-height:0;display:flow-root}