@font-face{font-family:Anuphan;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/anuphan-thai-400-normal-CYPG-7cc.woff2)format("woff2"),url(/assets/anuphan-thai-400-normal-B8wWdyvX.woff)format("woff")}@font-face{font-family:Anuphan;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/anuphan-latin-400-normal-BQH10Ma6.woff2)format("woff2"),url(/assets/anuphan-latin-400-normal-BDYevJ6X.woff)format("woff")}@font-face{font-family:Anuphan;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/anuphan-thai-600-normal-Co7SjXAc.woff2)format("woff2"),url(/assets/anuphan-thai-600-normal-CeOd1Bty.woff)format("woff")}@font-face{font-family:Anuphan;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/anuphan-latin-600-normal-C3byZ5Vp.woff2)format("woff2"),url(/assets/anuphan-latin-600-normal-DSdXqWS_.woff)format("woff")}@font-face{font-family:Anuphan;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/anuphan-thai-700-normal-rOsLv-jZ.woff2)format("woff2"),url(/assets/anuphan-thai-700-normal-B9xfo8qq.woff)format("woff")}@font-face{font-family:Anuphan;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/anuphan-latin-700-normal-WxQNlaBM.woff2)format("woff2"),url(/assets/anuphan-latin-700-normal-D1LjmPNx.woff)format("woff")}@font-face{font-family:Mitr;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/mitr-thai-500-normal-CVdBrEVH.woff2)format("woff2"),url(/assets/mitr-thai-500-normal-CW_B5D-i.woff)format("woff")}@font-face{font-family:Mitr;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/mitr-latin-500-normal-BmClOow2.woff2)format("woff2"),url(/assets/mitr-latin-500-normal-B4JOhzAi.woff)format("woff")}@font-face{font-family:Chakra Petch;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/chakra-petch-latin-700-normal-CnDBPjkL.woff2)format("woff2"),url(/assets/chakra-petch-latin-700-normal-D1s_c2du.woff)format("woff")}: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}.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;display:flow-root}.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:#5d6277;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}.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{transform-origin:0;background:#2bad63;border-radius:99px;height:100%;transition:transform .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{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}.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:#4f3d7a;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;line-height:1}.place-1 .podium-step{color:#6b4e0e;background:#fbe7a2;border-color:#d9bc67;height:145px}.place-3 .podium-step{color:#7a4a28;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}#app[data-entering] .resultpoints strong{animation:.5s cubic-bezier(.16,1,.3,1) score-pop}#app[data-entering] .confetti i{animation:confetti-fall 2.8s var(--delay) ease-out both}#app[data-entering] .stageanswer.correct{animation:.7s ease-out correct-glow}}@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}}body[data-view=host]{background:radial-gradient(at 8% 10%,#d9f8df 0,#0000 42%),radial-gradient(at 95% 85%,#e7e0ff 0,#0000 38%),#f3f5ef}.stage-app{min-height:100dvh;color:var(--navy);flex-direction:column;display:flex}.stage-bar{z-index:5;background:#fffdf6;border-bottom:1px solid #e5e7df;justify-content:space-between;align-items:center;gap:1em;padding:.5em 1.1em;font-size:clamp(14px,1.9vh,24px);display:flex;position:relative}.stage-brand{align-items:center;gap:.6em;min-width:0;font-weight:800;display:flex}.stage-brand img{border-radius:50%;flex-shrink:0;width:2.1em;height:2.1em}.stage-brand span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.stage-join{white-space:nowrap;background:#eff9ed;border:1px solid #c4dcbe;border-radius:99px;padding:.3em .9em;font-weight:700}.stage-join b{font-weight:900}.stage-tray{opacity:.5;flex-shrink:0;gap:.4em;transition:opacity .25s;display:flex}.stage-bar:hover .stage-tray,.stage-tray:focus-within{opacity:1}.stage-tray button{min-height:2.5em;box-shadow:none;background:#fff;border:1px solid #d5dbd1;padding:.35em .9em;font-size:max(12px,.7em)}.stage-app .connection{z-index:5;position:relative}.stage-viewport{flex:1;min-height:0;position:relative}.stage-canvas{padding:22px 18px 30px}.stage-viewport.fitted{overflow:hidden}.stage-viewport.fitted .stage-canvas{transform-origin:top;flex-direction:column;width:1280px;min-height:640px;padding:26px 44px 28px;display:flex;position:absolute;top:0;left:50%}body[data-stage-fit=true]{overflow:hidden}.scene{flex-direction:column;flex:1;gap:22px;display:flex;position:relative}.scene>*{z-index:1;position:relative}.scene>.confetti{z-index:0}.qpill{white-space:nowrap;background:#fff;border:1px solid #d8e0d4;border-radius:99px;align-self:flex-start;padding:8px 18px;font-size:22px;font-weight:800;display:inline-block}.stage-app .hostbottom{border-top:1px solid #dce5d5;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:20px;margin-top:auto;padding-top:18px;display:flex}.stage-app .hostbottom p{color:#4b5068;font-size:22px;font-weight:700}.stage-app .hostbottom .controls{flex-wrap:nowrap;gap:12px;width:auto;display:flex}.stage-app .hostbottom button{flex:none;min-height:60px;padding:12px 28px;font-size:22px}kbd{font:inherit;background:#f7f9f3;border:1px solid #c9d1c4;border-radius:6px;padding:0 8px;font-weight:800;box-shadow:0 2px #c9d1c4}.scene-lobby{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:stretch;gap:28px;display:grid}.join-card{background:linear-gradient(150deg,#c5f4d0,#81dfa7);border:1px solid #a4d5af;border-radius:24px;flex-direction:column;gap:12px;padding:28px 34px;display:flex}.join-label{color:#14482f;font-size:22px;font-weight:700;line-height:1.45}.join-label b{color:var(--navy);font-weight:900}.scene-lobby .pin{letter-spacing:6px;color:var(--navy);font-variant-numeric:tabular-nums;font-size:108px;font-weight:900;line-height:1.05}.join-row{align-items:center;gap:24px;display:flex}.join-row #join-qr{background:#fffdeb;border:1px solid #97cda7;border-radius:16px;flex-shrink:0;width:250px;height:250px;padding:8px}.scene-lobby .lobbymascot{text-align:center;flex-direction:column;gap:6px;margin:0}.scene-lobby .lobbymascot img{width:150px;height:160px}.scene-lobby .lobbymascot p{color:#14482f;font-size:22px}.scene-lobby .roster{background:#fff;border:1px solid #e1e4d8;border-radius:24px;flex-direction:column;align-self:stretch;gap:14px;padding:26px 30px;display:flex}.roster-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.roster-head h2{margin:0;font-size:28px}.roster-count{font-variant-numeric:tabular-nums;color:#247b50;font-size:64px;font-weight:900;line-height:1}.scene-lobby .names{flex:1;align-content:flex-start;gap:10px;min-height:0;margin:0}.scene-lobby .names span{padding:7px 16px;font-size:20px}.scene-lobby .names .more{background:var(--navy);color:var(--cream);border-color:var(--navy);font-weight:800}.roster-empty{color:#4b5068;flex:1;font-size:22px}.scene-lobby .roster .primary{width:100%;min-height:68px;font-size:26px}.keys{color:#4b5068;text-align:center;font-size:17px}.stage-app .ready-stage{flex:1;gap:14px;min-height:0;padding:0}.ready-stage .qpill{align-self:center}.stage-app .ready-stage h1{margin:0;font-size:56px}.ready-row{justify-content:center;align-items:center;gap:36px;display:flex}.ready-mascot{object-fit:contain;filter:drop-shadow(0 10px 5px #1b1e5018);width:230px;height:240px}.stage-app .ready-orbit{width:300px;height:300px}.stage-app .countdown-digit{font-size:170px}.stage-app .ready-stage p{font-size:28px}.player-main .ready-mascot{display:none}.player-main .qpill{color:#e9ecf4;background:#ffffff14;border-color:#ffffff30;font-size:15px}.q-top{grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;display:grid}.q-top .qpill{place-self:center start}.stage-app .clock-wrap{flex-direction:column;align-items:center;max-width:none;margin:0;display:flex}.stage-app .timer{width:150px;height:150px;margin:0 0 10px;font-size:64px}.stage-app .timer small{font-size:15px}.stage-app .time-track{width:300px;height:10px}.stage-app .speed-hint{color:#3f5a3a;margin-top:10px;font-size:20px}.answered{text-align:right;justify-self:end;gap:6px;min-width:230px;display:grid}.answered strong{font-variant-numeric:tabular-nums;font-size:72px;font-weight:900;line-height:1}.answered strong small{color:#4b5068;margin-left:6px;font-size:32px;font-weight:800}.answered>span{color:#247b50;font-size:22px;font-weight:800}.answered-track{background:#dde6d7;border-radius:99px;height:10px;overflow:hidden}.answered-track>div{transform-origin:0;height:100%;transform:scaleX(var(--ratio,0));background:#2bad63}.stage-app .stage-question{text-align:center;max-width:1120px;margin:0 auto;font-size:44px;line-height:1.35}.stage-app .stage-question.long{font-size:34px}.stage-app .stageanswers{gap:16px}.stage-app .stageanswer{min-height:104px;box-shadow:none;border-width:2px;gap:18px;padding:20px 24px;font-size:30px;line-height:1.35}.stage-app .stageanswer .letter{flex-shrink:0;place-items:center;width:52px;height:52px;font-size:24px;font-weight:900;display:grid}.stage-app .stageanswers.long .stageanswer{font-size:24px}.stageanswer.answer-0{--deep:#3f8a5c}.stageanswer.answer-1{--deep:#5a5fb0}.stageanswer.answer-2{--deep:#9c7a1e}.stageanswer.answer-3{--deep:#a65468}.swatch-0{background:#b5edc9}.swatch-1{background:#cdd0ff}.swatch-2{background:#ffe2a5}.swatch-3{background:#ffcfd7}.stage-app .reveal-layout{flex:1;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start;gap:32px;display:grid}.reveal-story,.reveal-responses{min-width:0}.stage-app .revealhero{grid-template-columns:minmax(0,1fr) 130px;align-items:center;gap:16px;margin:0;display:grid}.stage-app .revealhero img{object-fit:contain;width:130px;height:150px}.stage-app .correctpill{margin-bottom:12px;padding:6px 16px;font-size:20px;font-weight:800}.stage-app .revealtitle{overflow-wrap:anywhere;align-items:center;gap:16px;margin:0;font-size:46px;line-height:1.3;display:flex}.revealtitle .letter{border:3px solid #258050;border-radius:50%;flex-shrink:0;place-items:center;width:62px;height:62px;font-size:30px;display:grid}.reveal-q{color:#3d4260;overflow-wrap:anywhere;margin-top:12px;font-size:22px;line-height:1.5}.stage-app .explanation{background:#fffdf3;border:1px solid #dce7d0;border-radius:20px;margin-top:22px;padding:22px 26px}.stage-app .explanation h2{color:#247b50;margin:0 0 8px;font-size:22px}.stage-app .explanation p{color:var(--navy);overflow-wrap:anywhere;font-size:28px;line-height:1.6}.stage-app .explanation.medium p{font-size:24px}.stage-app .explanation.long p{max-height:300px;padding-right:8px;font-size:21px;overflow:auto}.reveal-responses{gap:12px;display:grid}.reveal-responses .stageanswer{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;min-height:84px;padding:14px 18px 18px;font-size:24px;display:grid;position:relative;overflow:hidden}.reveal-responses .stageanswer .letter{width:44px;height:44px;font-size:20px}.reveal-responses .count{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:24px;font-weight:900}.reveal-responses .tally{transform-origin:0;width:100%;height:8px;transform:scaleX(var(--ratio,0));background:var(--deep);position:absolute;bottom:0;left:0}.stage-app .stageanswer.correct{border:4px solid #258050;transform:scale(1.02);box-shadow:0 5px #258050}.stageanswer .caption{vertical-align:middle;color:#fff;white-space:nowrap;background:#248452;border-radius:99px;margin-left:10px;padding:4px 12px;font-size:16px;font-style:normal;font-weight:800;display:inline-block}.stage-app .stageanswer.wrong{opacity:.55;filter:saturate(.4);border-color:#0000}.standings-head{justify-content:space-between;align-items:center;gap:20px;display:flex}.standings-head h1{margin:0;font-size:52px}.standings-head p{color:#4b5068;font-size:22px;font-weight:700}.standings-head img{object-fit:contain;filter:drop-shadow(0 10px 5px #1b1e5018);width:120px;height:130px}.stage-app .standings-layout{flex:1;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:end;gap:40px;display:grid}.stage-app .standings-layout.solo{grid-template-columns:minmax(0,1fr)}.stage-app .podium{align-items:end;gap:18px;width:100%;max-width:780px;margin:0 auto}.stage-app .podium-place h2{margin:0 0 4px;font-size:28px;line-height:1.3}.stage-app .podium-place p{color:#3f5a3a;font-size:22px;font-weight:800}.stage-app .medal{margin-bottom:8px;font-size:46px}.stage-app .place-1 .medal{font-size:64px}.stage-app .podium-step{color:#4f3d7a;height:120px;padding-top:20px;font-size:64px;line-height:1}.stage-app .place-1 .podium-step{color:#6b4e0e;height:180px}.stage-app .place-3 .podium-step{color:#7a4a28;height:100px}.stage-app .rest{align-self:center}.stage-app .rest .rankrow{background:#fff;border:1px solid #e2e6db;margin:0 0 10px;padding:12px 20px;font-size:24px}.empty-standings{color:#4b5068;text-align:center;align-self:center;font-size:26px}.champ{position:relative}.champ img{object-fit:contain;filter:drop-shadow(0 10px 5px #1b1e5018);width:170px;height:180px}.champ .float-badge{background:#ffdf83;font-size:15px;top:18px;left:-96px;transform:rotate(-8deg)}.scene-finale .standings-head h1{font-size:64px}.scene-finale .place-1 .podium-step{background:linear-gradient(#fdeeb5,#f6d877);height:190px}.scene-finale .place-1 h2{font-size:38px}.scene-finale .place-1 p{font-size:26px}@media (prefers-reduced-motion:no-preference){.ready-mascot{animation:1.4s ease-in-out infinite float-mascot}}@media (width<=699px){.stage-bar{flex-wrap:wrap;font-size:14px}.stage-join{text-align:center;white-space:normal;order:3;width:100%}.stage-tray{opacity:1}.scene-lobby,.stage-app .reveal-layout,.stage-app .standings-layout{grid-template-columns:minmax(0,1fr)}.scene-lobby .pin{font-size:64px}.join-row{flex-wrap:wrap}.join-row #join-qr{width:200px;height:200px}.q-top{grid-template-columns:1fr 1fr}.q-top .clock-wrap{order:-1;grid-column:1/-1}.answered strong{font-size:48px}.stage-app .stage-question{font-size:28px}.stage-app .stageanswers{grid-template-columns:1fr}.stage-app .stageanswer{min-height:76px;font-size:21px}.stage-app .revealtitle{font-size:30px}.stage-app .explanation p{font-size:19px}.standings-head h1,.scene-finale .standings-head h1{font-size:34px}.stage-app .podium-place h2{font-size:18px}.stage-app .hostbottom{flex-wrap:wrap}.stage-app .hostbottom .controls{width:100%}.stage-app .hostbottom button{flex:1;font-size:18px}.stage-app .hostbottom p{font-size:16px}.keys{display:none}}.sound-hint{white-space:nowrap;color:#6b5200;background:#fff4c9;border:1px solid #f0d778;border-radius:99px;padding:.3em .9em;font-size:max(12px,.7em);font-weight:800;animation:2.4s ease-in-out infinite hint-pulse}@keyframes hint-pulse{50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.sound-hint{animation:none}}@media (width<=699px){.sound-hint{order:2}}.promo-line{color:var(--muted);align-items:center;gap:10px;font-size:17px;font-weight:700;text-decoration:none;display:inline-flex}.promo-line img{flex:none}.promo-line b{white-space:nowrap;font-weight:inherit}.promo-line:hover{color:var(--navy);text-decoration:underline}.scene-lobby .join-card .promo-line{color:#3f4466;margin-top:18px}.hostbottom .promo-line{margin-top:6px;font-size:15px;display:flex}.hostbottom .promo-line img{width:30px;height:30px}.promo-card{background:var(--cream);color:var(--navy);border:1px solid #dce7d0;border-radius:22px;align-items:center;gap:16px;margin-top:30px;padding:16px 18px;display:flex;position:relative}.promo-card>img{border-radius:14px;flex:none}.promo-card p{margin:0;font-size:15px;line-height:1.7}.promo-card .small{color:var(--muted);margin-top:4px}.promo-link{min-height:44px;color:var(--navy);background:#fff;border:1.5px solid #cbd5c7;border-radius:14px;align-items:center;margin-top:10px;padding:0 16px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.promo-link:hover{border-color:var(--navy)}.promo-card .promo-close{width:44px;min-height:44px;color:var(--muted);border:none;padding:0;font-size:20px;line-height:1;position:absolute;top:4px;right:4px}.promo-card:has(.promo-close){padding-right:52px}.player-main .promo-card{color:var(--cream);background:#ffffff12;border-color:#ffffff26;margin:22px 0 4px}.player-main .promo-card p{text-align:left}.player-main .promo-link{color:var(--cream);background:0 0;border-color:#ffffff4d}.promo-note{color:#c9cce4;text-align:center;justify-content:center;align-items:center;gap:8px;margin:18px 0 0;font-size:13px;line-height:1.7;display:flex}.promo-note img{border-radius:7px;flex:none}.rank-move{color:#e9ecf4;background:#ffffff14;border-radius:99px;margin:10px auto 0;padding:5px 14px;font-size:14px;font-style:normal;font-weight:800;display:table}.rank-move.up{color:#1d5a35;background:#bceac3}.rank-move.down{color:#8a3420;background:#ffd9cc}.resultpoints strong.zero{color:#c7cbdc}.player-main .rankrow.mine{border-color:#89f1ae;box-shadow:inset 0 0 0 1px #89f1ae}.rank-gap{text-align:center;color:#c7cbdc;letter-spacing:4px;margin:2px 0;line-height:1}:root{--navy:#1b1e50;--green:#53d78c;--green-deep:#207a4d;--leaf:#1f7046;--cream:#fffdf3;--plate:#fff;--muted:#585d7a;--placeholder:#8a8ea6;--lid-gray:#6b6f9c;--on-lid:#d6d9ec;--field:#c9cfc3;--a0:#b5edc9;--a1:#cdd0ff;--a2:#ffe2a5;--a3:#ffcfd7;--gold:#fbe7a2;--coral:#ef775c;--chili:#b5382b;--night:#1b214d;--night-mint:#89f1ae;--deep:#0d1033;--night-soft:#c9cde4;--glass:#ffffff12;--glass-line:#ffffff2e;--ink:3px solid var(--navy);--lip:0 4px 0 var(--navy);--r-mark:6px;--r-control:10px;--r-box:14px;--font-body:"Anuphan", "Noto Sans Thai", system-ui, sans-serif;--font-head:"Mitr", "Anuphan", "Noto Sans Thai", sans-serif;--font-num:"Chakra Petch", "Anuphan", sans-serif}.answer-0{--fill:var(--a0)}.answer-1{--fill:var(--a1)}.answer-2{--fill:var(--a2)}.answer-3{--fill:var(--a3)}.i{vertical-align:-.2em;flex:none;width:20px;height:20px;display:inline-block}:is(.stage-tray,.speed-hint) .i{width:1.1em;height:1.1em;margin-right:.3em}:where([data-view=site],[data-view=player]),:where([data-view=site],[data-view=player]) :is(button,input,textarea,select){font-family:var(--font-body)}:where([data-view=site],[data-view=player]) :is(h1,h2){font-family:var(--font-head);letter-spacing:0;color:var(--navy);font-weight:500}:where([data-view=site],[data-view=player]) h1{line-height:1.25}:where([data-view=site],[data-view=player]) h2{line-height:1.35}:where([data-view=site]) p{color:var(--muted)}:where([data-view=site],[data-view=player]) button{border:var(--ink);border-radius:var(--r-control);background:var(--plate);min-height:46px;color:var(--navy);box-shadow:var(--lip);filter:none;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:16px;font-weight:700;line-height:1.2;transition:transform 80ms,box-shadow 80ms;display:inline-flex}:where([data-view=site],[data-view=player]) button:not(:disabled):hover{filter:none;box-shadow:0 5px 0 var(--navy);transform:translateY(-1px)}:where([data-view=site],[data-view=player]) button:not(:disabled):active{box-shadow:0 1px 0 var(--navy);transform:translateY(3px)}:where([data-view=site],[data-view=player]) .primary{background:var(--green);border-color:var(--navy);box-shadow:var(--lip)}:where([data-view=site],[data-view=player]) .quiet{border-color:var(--field);box-shadow:none;background:0 0}:where([data-view=site],[data-view=player]) .quiet:not(:disabled):is(:hover,:active){box-shadow:none;border-color:var(--navy);transform:none}:where([data-view=site],[data-view=player]) .danger{color:var(--chili)}:where([data-view=site],[data-view=player]) button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}:where([data-view=site],[data-view=player]) button.big{min-height:58px;padding:0 26px;font-size:19px}:where([data-view=site],[data-view=player]) button.big .i{width:24px;height:24px}:where([data-view=site],[data-view=player]) button.icon-only{width:46px;padding:0}:where([data-view=site],[data-view=player]) :is(button,a,input,textarea,select):focus-visible{outline:3px solid var(--green-deep);outline-offset:3px}:where([data-view=site],[data-view=player]) :is(.editchoice>span,.gameanswers button b,.answerline b){border-radius:var(--r-control);background:var(--navy);width:36px;height:36px;color:var(--cream);font:700 19px var(--font-num);flex:none;place-items:center;margin:0;display:grid}:where([data-view=site],[data-view=player]) label{font-size:14px;font-weight:600}:where([data-view=site],[data-view=player]) ::placeholder{color:var(--placeholder)}:where([data-view=site],[data-view=player]) .toast{background:var(--navy);color:var(--cream);border:3px solid var(--green);border-radius:var(--r-control);box-shadow:none;font-weight:600}:where([data-view=site],[data-view=player]) .connection{background:var(--coral);color:var(--navy);border-bottom:var(--ink);font-weight:700}@media (prefers-reduced-motion:reduce){:where([data-view=site],[data-view=player]) button{transition:none}:where([data-view=site],[data-view=player]) button:not(:disabled):is(:hover,:active){transform:none}}body[data-view=site]{background:var(--cream);min-height:100dvh}body[data-view=site] .shell{max-width:none;min-height:100dvh;box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;overflow:visible}.shell .header{background:var(--navy);color:var(--cream);box-shadow:inset 0 -10px 0 var(--green);border:0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px max(24px,50% - 590px) 24px;display:flex}.shell .brand{color:var(--cream);align-items:center;gap:12px;text-decoration:none;display:flex}.shell .brand img{border-radius:var(--r-control);border:2px solid var(--cream);width:44px;height:44px}.shell .brand strong{font-family:var(--font-head);letter-spacing:0;font-size:22px;font-weight:500}.shell .brand strong span{color:var(--green)}.shell .header .controls{gap:10px;font-size:15px}.shell .header .who{color:var(--on-lid);margin-right:4px;font-weight:600}.shell .header button{color:var(--cream);border:2px solid var(--lid-gray);box-shadow:none;background:0 0;min-height:42px}.shell .header button:not(:disabled):is(:hover,:active){box-shadow:none;border-color:var(--cream);transform:none}.shell .header button:not(:disabled):active{transform:none}.hostlink{color:var(--cream);border-bottom:2px solid var(--green);align-items:center;gap:8px;padding:8px 2px;font-weight:600;text-decoration:none;display:inline-flex}.hostlink .i{width:18px;height:18px}body[data-view=site] .main{max-width:1180px;margin:0 auto;padding:36px 24px 48px}body[data-view=site] .main p{font-size:16px}body[data-view=site] :is(input,select,textarea){background:var(--plate);border:2px solid var(--field);border-radius:var(--r-control)}body[data-view=site] :is(input,select,textarea):focus{border-color:var(--navy)}body[data-view=site] h1{margin:0;font-size:clamp(30px,4vw,46px)}.small{color:var(--muted)}body[data-view=site] .loginlayout{grid-template-columns:minmax(0,1fr) minmax(300px,400px);align-items:center;gap:56px;max-width:1040px;margin:24px auto;display:grid}body[data-view=site] .intro h1{margin:0 0 14px;font-size:clamp(36px,5.4vw,64px);line-height:1.2}body[data-view=site] .intro>p{max-width:34ch;font-size:18px}body[data-view=site] .intro .hero-mascot{filter:none;background:0 0;border:0;width:240px;height:auto;margin-top:26px;animation:none;display:block}.steps{counter-reset:step;gap:14px;max-width:460px;margin:30px 0 0;padding:0;list-style:none;display:grid}.steps li{counter-increment:step;grid-template-columns:44px minmax(0,1fr);align-items:center;column-gap:14px;display:grid}.steps li:before{content:counter(step);border:var(--ink);border-radius:var(--r-control);background:var(--green);width:44px;height:44px;font:700 22px var(--font-num);grid-row:span 2;place-items:center;display:grid}.steps b{font-family:var(--font-head);font-size:18px;font-weight:500}.steps span{color:var(--muted);font-size:15px}body[data-view=site] .formpanel{background:var(--plate);border:var(--ink);border-radius:var(--r-box);box-shadow:none;padding:30px}body[data-view=site] .formpanel h2{margin:0 0 20px;font-size:28px}body[data-view=site] .formpanel button{width:100%;min-height:54px;margin-top:4px;font-size:18px}body[data-view=site] .formpanel .small{margin-top:18px}body[data-view=site] #pin{font:700 34px var(--font-num);letter-spacing:8px;text-align:center;padding:10px}body[data-view=site] #pin::placeholder{color:var(--placeholder)}body[data-view=site] .headrow{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:26px;display:flex}body[data-view=site] .headrow p{margin:6px 0 0}.quizlist{flex-direction:column;gap:16px;display:flex}.quizrow{background:var(--plate);border:var(--ink);border-radius:var(--r-box);grid-template-columns:96px minmax(0,1fr) auto;display:grid}.quizrow .spine{background:var(--navy);color:var(--cream);border-radius:calc(var(--r-box) - 3px) 0 0 calc(var(--r-box) - 3px);flex-direction:column;justify-content:center;align-items:center;padding:14px 0;display:flex;position:relative}.quizrow .spine:after{content:"";background:var(--green);border:var(--ink);border-radius:var(--r-mark);width:14px;height:30px;margin-top:-15px;position:absolute;top:50%;right:-10px}.quizrow .spine strong{font:700 38px/1 var(--font-num)}.quizrow .spine small{margin-top:2px;font-size:14px;font-weight:600}.quizbody{flex-direction:column;justify-content:center;gap:2px;min-width:0;padding:16px 20px 16px 32px;display:flex}.quizbody h2{overflow-wrap:anywhere;margin:0;font-size:21px}body[data-view=site] .quizbody .firstq{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:15px;overflow:hidden}body[data-view=site] .quizbody .facts{flex-wrap:wrap;gap:4px 18px;margin:6px 0 0;font-size:14px;display:flex}.facts span{align-items:center;gap:6px;display:inline-flex}.facts .i{width:17px;height:17px}.quizactions{align-items:center;gap:10px;padding:14px 20px 14px 0;display:flex}body[data-view=site] .empty{text-align:center;background:var(--plate);border:var(--ink);border-radius:var(--r-box);flex-direction:column;align-items:center;padding:36px 24px 44px;display:flex}body[data-view=site] .empty img{object-fit:contain;width:180px;height:180px}body[data-view=site] .empty h2{margin:12px 0 0;font-size:28px}body[data-view=site] .empty p{max-width:40ch;margin:8px 0 22px}body[data-view=site] .footer{border-top:3px dashed var(--field);color:var(--muted);margin-top:30px;padding-top:16px;font-size:14px;display:block}body[data-view=site] .promo-card{border:0;border-top:3px dashed var(--field);background:0 0;border-radius:0;align-items:center;gap:16px;margin-top:30px;padding:18px 52px 0 0;display:flex}body[data-view=site] .promo-card>img{border-radius:var(--r-control);width:52px;height:52px}body[data-view=site] .promo-card p{margin:0;font-size:15px}body[data-view=site] .promo-card p b{color:var(--navy)}body[data-view=site] .promo-link{border:2px solid var(--navy);border-radius:var(--r-control);min-height:40px;box-shadow:none;margin-top:8px}body[data-view=site] .promo-card .promo-close{width:44px;min-height:44px;color:var(--muted);box-shadow:none;background:0 0;border:0;top:12px;right:0}body[data-view=site] .editorgrid{grid-template-columns:180px minmax(0,1fr);align-items:start;gap:24px;display:grid}body[data-view=site] .editorgrid>div{background:var(--plate);border:var(--ink);border-radius:var(--r-box);min-width:0;padding:26px}body[data-view=site] .questionnav{flex-direction:column;gap:10px;display:flex;position:sticky;top:16px}body[data-view=site] .questionnav button{background:var(--plate);font-family:var(--font-num);justify-content:flex-start;font-size:17px}body[data-view=site] .questionnav .active{background:var(--navy);color:var(--cream)}body[data-view=site] .questionnav .addq{font-family:var(--font-body);box-shadow:none;background:0 0;border-style:dashed;font-size:15px}body[data-view=site] .field{margin-bottom:18px}body[data-view=site] .field label,body[data-view=site] .settings label{margin-bottom:8px;display:block}body[data-view=site] .editchoices{grid-template-columns:1fr 1fr;gap:12px;margin:22px 0 8px;display:grid}body[data-view=site] .editchoice{border-radius:var(--r-control);background:var(--fill);border:0;align-items:center;gap:10px;margin:0;padding:10px 12px;display:flex}body[data-view=site] .editchoice input[type=text]{background:var(--plate);border:2px solid #0000;flex:1;min-width:0}body[data-view=site] .editchoice input[type=text]:focus{border-color:var(--navy)}body[data-view=site] .editchoice input[type=radio]{width:22px;height:22px;min-height:22px;accent-color:var(--green-deep);flex:none}body[data-view=site] .choicehint{margin:0 0 22px}body[data-view=site] .settings{grid-template-columns:1fr 1fr;gap:18px;display:grid}body[data-view=site] .check{align-items:center;gap:10px;margin-top:18px;font-size:15px;font-weight:500;display:flex}body[data-view=site] .check input{width:22px;height:22px;accent-color:var(--green-deep)}body[data-view=site] .removeq{margin-top:22px}body[data-view=site] .loading{text-align:center;color:var(--muted);padding:80px 24px}@media (width<=900px){.quizrow{grid-template-columns:80px minmax(0,1fr)}.quizactions{border-top:3px dashed var(--field);grid-column:1/-1;justify-content:flex-end;padding:12px 16px}.quizrow .spine{border-radius:calc(var(--r-box) - 3px) 0 0 0}}@media (width<=800px){body[data-view=site] .loginlayout{grid-template-columns:1fr;gap:28px;max-width:560px;margin:8px auto}body[data-view=site] .intro .hero-mascot{display:none}body[data-view=site] .editorgrid{grid-template-columns:1fr}body[data-view=site] .questionnav{flex-direction:row;padding-bottom:6px;position:static;overflow-x:auto}body[data-view=site] .questionnav button{flex:none}}@media (width<=540px){.shell .header{padding:12px 16px 22px}.shell .header .who{display:none}body[data-view=site] .main{padding:24px 16px 40px}body[data-view=site] .headrow button.big{width:100%}.quizrow{grid-template-columns:64px minmax(0,1fr)}.quizrow .spine strong{font-size:28px}.quizbody{padding:14px 14px 14px 24px}.quizactions{flex-wrap:wrap}.quizactions button:not(.icon-only){flex:1}body[data-view=site] .editchoices,body[data-view=site] .settings{grid-template-columns:1fr}body[data-view=site] .formpanel{padding:22px}}body[data-view=player]{background:var(--night);color:var(--cream)}body[data-view=player] .player-shell{max-width:520px;min-height:100dvh;box-shadow:none;background:var(--night);color:var(--cream);border:0;border-radius:0;margin:0 auto;overflow:visible}body[data-view=player] .player-header{background:var(--deep);box-shadow:inset 0 -8px 0 var(--green);border:0;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px 20px;display:flex}.player-brand{font:500 19px var(--font-head);color:var(--cream);align-items:center;gap:10px;display:inline-flex}.player-brand b{color:var(--green);font-weight:500}.player-brand img{border-radius:var(--r-control);border:2px solid var(--cream);width:34px;height:34px}body[data-view=player] .player-header button{min-height:40px;color:var(--cream);border:2px solid var(--lid-gray);box-shadow:none;background:0 0;padding:0 12px;font-size:14px}body[data-view=player] .player-header button .i{width:18px;height:18px}body[data-view=player] .player-header button[aria-pressed=true]{border-color:var(--night-mint);color:var(--night-mint)}body[data-view=player] .player-header button:not(:disabled):is(:hover,:active){box-shadow:none;transform:none}body[data-view=player] .player-main{isolation:isolate;padding:20px 18px 40px;position:relative}body[data-view=player] .player-main p{color:var(--night-soft);font-size:16px}body[data-view=player] .player-main h1{font:500 30px/1.3 var(--font-head);color:var(--cream);text-align:center;margin:6px 0 10px}body[data-view=player] .player-main>h2{font:500 23px/1.45 var(--font-head);color:var(--cream);text-align:center;overflow-wrap:anywhere;margin:18px 0 4px}body[data-view=player] .player-main .mascot{object-fit:contain;width:170px;height:170px;margin:10px auto 4px;animation:none;display:block}body[data-view=player] .loading{color:var(--night-soft);text-align:center;padding:80px 20px}body[data-view=player] .player-main button{border-color:var(--deep);box-shadow:0 4px 0 var(--deep)}body[data-view=player] .player-main button:not(:disabled):hover{box-shadow:0 5px 0 var(--deep)}body[data-view=player] .player-main button:not(:disabled):active{box-shadow:0 1px 0 var(--deep)}body[data-view=player] .player-main button:focus-visible{outline:3px solid var(--night-mint);outline-offset:3px}body[data-view=player] .player-main .primary{width:100%;min-height:56px;margin-top:14px;font-size:18px}body[data-view=player] .player-main .primary .i{width:22px;height:22px}body[data-view=player] .player-main .joinhead{margin:28px 0 8px}.joininfo{text-align:center;flex-direction:column;align-items:center;gap:8px;margin:0 0 22px;display:flex}body[data-view=player] .joininfo{color:var(--cream);font-size:17px;font-weight:600}.joininfo span{color:var(--night-soft);font-size:14px;font-weight:600}:is(.joininfo,.gameinfo) b{font:700 1.15em var(--font-num);color:var(--cream);letter-spacing:1px}body[data-view=player] #join-form label{color:var(--cream);margin-bottom:8px;font-size:15px;display:block}body[data-view=player] #join-form input{background:var(--plate);width:100%;color:var(--navy);border:3px solid var(--deep);border-radius:var(--r-control);padding:14px 16px;font-size:19px;font-weight:600}body[data-view=player] #join-form input:focus{border-color:var(--night-mint)}body[data-view=player] .gameinfo{color:var(--night-soft);justify-content:space-between;align-items:center;gap:10px;margin:0 0 6px;font-size:14px;font-weight:600;display:flex}.gameinfo span{align-items:center;gap:6px;min-width:0;display:inline-flex}.gameinfo .i{width:17px;height:17px;color:var(--night-mint)}.lobbyinfo{text-align:center}body[data-view=player] .lobbyinfo>p:first-child{color:var(--cream);margin:0;font-size:17px;font-weight:600}.lobbycount{justify-content:center;align-items:baseline;gap:10px;margin:14px 0 4px;display:flex}.lobbycount strong{font:700 64px/1 var(--font-num);color:var(--night-mint)}.lobbycount span{color:var(--cream);font-size:17px;font-weight:600}body[data-view=player] .waitnote{text-align:center;margin:14px 0 0;font-size:15px}.waitnote b{color:var(--cream);font-family:var(--font-num)}body[data-view=player] .player-main .promo-card{background:var(--glass);border:2px dashed var(--glass-line);border-radius:var(--r-box);box-shadow:none;color:var(--cream);align-items:center;gap:14px;margin:28px 0 4px;padding:16px;display:flex}body[data-view=player] .player-main .promo-card>img{border-radius:var(--r-control);width:54px;height:54px}body[data-view=player] .player-main .promo-card p{color:var(--cream);text-align:left;margin:0;font-size:15px}body[data-view=player] .player-main .promo-link{min-height:40px;color:var(--cream);border:2px solid var(--glass-line);border-radius:var(--r-control);background:0 0;align-items:center;margin-top:8px;padding:0 14px;font-weight:700;text-decoration:none;display:inline-flex}body[data-view=player] .promo-note{color:var(--night-soft);justify-content:center;align-items:center;gap:8px;margin-top:22px;font-size:13px;display:flex}body[data-view=player] :is(.ready-stage .qpill,.qsticker){font:700 18px var(--font-num);color:var(--navy);background:var(--green);border:3px solid var(--deep);border-radius:var(--r-control);box-shadow:0 0 0 4px var(--cream);padding:4px 14px;display:inline-block;transform:rotate(-3deg)}.qsticker small{font-size:14px}body[data-view=player] .player-main .ready-stage{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:calc(100dvh - 190px);padding:0;display:flex}body[data-view=player] .ready-stage h1{margin:6px 0 0}body[data-view=player] .ready-row{justify-content:center;align-items:center;display:flex}body[data-view=player] .player-main .ready-orbit{background:var(--cream);border:3px solid var(--deep);border-radius:var(--r-box);width:160px;height:160px;box-shadow:none;place-items:center;display:grid;position:relative;transform:rotate(-3deg)}body[data-view=player] .player-main .countdown-digit{font:700 104px/1 var(--font-num);color:var(--navy);text-shadow:none;position:static;transform:rotate(3deg)}body[data-view=player] .ready-stage p{color:var(--night-soft);margin:4px 0 0;font-weight:600}.gamestatus{justify-content:space-between;align-items:center;gap:12px;margin:16px 2px 6px;display:flex}.myscore{color:var(--night-soft);font-size:14px;font-weight:600}.myscore b{font:700 20px var(--font-num);color:var(--cream);margin-right:2px}body[data-view=player] .player-main .clock-wrap{text-align:center;justify-items:center;gap:10px;max-width:300px;margin:14px auto 0;display:grid}body[data-view=player] .player-main .timer{background:conic-gradient(var(--night-mint) var(--progress), var(--glass-line) 0);width:118px;height:118px;box-shadow:0 0 0 3px var(--deep);color:var(--cream);border-radius:50%;margin:0;padding:9px;animation:none}body[data-view=player] .player-main .timer>div{background:var(--night);border-radius:50%;place-content:center;width:100%;height:100%;display:grid}body[data-view=player] .player-main .timer span{font:700 46px/1 var(--font-num);letter-spacing:0}body[data-view=player] .player-main .timer small{color:var(--night-soft);margin-top:2px;font-size:12px}body[data-view=player] .player-main .timer.urgent{background:conic-gradient(var(--coral) var(--progress), var(--glass-line) 0);color:var(--coral)}body[data-view=player] .player-main .time-track{background:var(--glass-line);border-radius:99px;width:100%;height:10px;overflow:hidden}body[data-view=player] .player-main .time-track>div{background:var(--night-mint);border-radius:0;height:100%}body[data-view=player] .player-main .time-track>div.urgent{background:var(--coral)}body[data-view=player] .player-main .speed-hint{color:var(--night-soft);align-items:center;gap:6px;margin:0;font-size:14px;display:inline-flex}body[data-view=player] .speed-hint .i{width:17px;height:17px;color:var(--night-mint);margin:0}body[data-view=player] .player-main .speed-hint strong{font-family:var(--font-num);color:var(--night-mint);font-size:16px}body[data-view=player] .gameanswers{grid-template-columns:1fr 1fr;gap:14px;margin:22px 0 18px;display:grid}body[data-view=player] .player-main .gameanswers button{text-align:left;min-height:120px;color:var(--navy);background:var(--fill);border:3px solid var(--deep);border-radius:var(--r-box);overflow-wrap:anywhere;opacity:1;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:10px;padding:14px;font-size:18px;font-weight:700;line-height:1.35;display:flex}body[data-view=player] .player-main .gameanswers button:disabled{opacity:.35;box-shadow:none;cursor:default;transform:translateY(4px)}body[data-view=player] .player-main .gameanswers button.selected{opacity:1;outline:4px solid var(--cream);outline-offset:3px;box-shadow:0 0 0 var(--deep);transform:translateY(4px)}body[data-view=player] .answerhint{text-align:center}body[data-view=player] .player-main .waiting{background:var(--glass);border:2px dashed var(--night-mint);border-radius:var(--r-box);color:var(--night-soft);text-align:left;align-items:center;gap:14px;margin:4px 0 0;padding:14px 16px;display:flex}.waiting b{color:var(--cream);font-size:17px;display:block}body[data-view=player] .sent-check{color:var(--night-mint);margin:0;display:block}.sent-check .i{width:38px;height:38px}body[data-view=player] .result-stamp{border:3px solid var(--deep);border-radius:var(--r-box);width:88px;height:88px;box-shadow:0 0 0 4px var(--cream);background:var(--cream);color:var(--navy);place-items:center;margin:10px auto 8px;font-size:0;display:grid;transform:rotate(-3deg)}.result-stamp .i{width:56px;height:56px}body[data-view=player] .result-stamp.right{background:var(--green)}body[data-view=player] .result-stamp.wrong{color:var(--chili)}body[data-view=player] .player-main .answer-correct{color:var(--navy);background:var(--fill);border:3px solid var(--deep);border-radius:var(--r-box);margin:18px 0 10px;padding:14px 16px 16px}.answer-correct>span{color:var(--green-deep);align-items:center;gap:6px;font-size:14px;font-weight:700;display:inline-flex}.answer-correct>span .i{width:18px;height:18px}.answerline{align-items:center;gap:12px;margin-top:8px;display:flex}.answerline strong{font:500 21px/1.4 var(--font-head);overflow-wrap:anywhere}body[data-view=player] .mypick{text-align:center;margin:4px 0 0;font-size:15px}.mypick b{font-family:var(--font-num);color:var(--cream)}body[data-view=player] .resultpoints{text-align:center;justify-items:center;gap:2px;padding:16px 0 6px;display:grid}body[data-view=player] .resultpoints strong{font:700 58px/1.1 var(--font-num);color:var(--night-mint);display:block}body[data-view=player] .resultpoints strong.zero{color:var(--night-soft)}body[data-view=player] .resultpoints span{color:var(--night-soft);font-size:14px}body[data-view=player] .player-main .explanation{background:var(--cream);border:3px solid var(--deep);border-radius:var(--r-box);color:var(--navy);margin:18px 0 0;padding:16px 18px}body[data-view=player] .player-main .explanation h2{font:500 18px var(--font-head);color:var(--navy);text-align:left;align-items:center;gap:8px;margin:0 0 6px;display:flex}body[data-view=player] .explanation h2 .i{width:22px;height:22px;color:var(--leaf)}body[data-view=player] .player-main .explanation p{color:var(--navy);text-align:left;margin:0;font-size:16px}body[data-view=player] .player-main>.confetti{z-index:-1}body[data-view=player] .rank-move{border:2px solid var(--deep);border-radius:var(--r-control);background:var(--glass);width:fit-content;color:var(--cream);align-items:center;gap:6px;margin:10px auto 0;padding:4px 12px;font-size:14px;font-style:normal;font-weight:700;display:flex}.rank-move .i{width:16px;height:16px}body[data-view=player] .rank-move.up{background:var(--green);color:var(--navy)}body[data-view=player] .rank-move.down{background:var(--cream);color:var(--chili)}body[data-view=player] .player-main .rankrow{color:var(--cream);background:var(--glass);border:2px solid var(--glass-line);border-radius:var(--r-box);box-shadow:none;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;margin:10px 0 0;padding:12px 14px;font-size:17px;display:grid}body[data-view=player] .player-main .rankrow>strong:first-child{font:700 20px var(--font-num);text-align:center}body[data-view=player] .player-main .rankrow>strong:last-child{font:700 18px var(--font-num);color:var(--night-mint)}body[data-view=player] .player-main .rankrow.top{background:var(--gold);color:var(--navy);border:3px solid var(--deep)}body[data-view=player] .player-main .rankrow.top>strong:last-child{color:var(--navy)}body[data-view=player] .player-main .rankrow.mine{border-color:var(--night-mint);box-shadow:inset 0 0 0 1px var(--night-mint)}body[data-view=player] .player-main .rankrow.top.mine{box-shadow:inset 0 0 0 2px var(--night-mint)}body[data-view=player] .player-main .rankrow small{color:var(--navy);background:var(--night-mint);border-radius:var(--r-mark);vertical-align:2px;margin-left:8px;padding:0 6px;font-size:12px;font-weight:700;display:inline-block}body[data-view=player] .rank-gap{justify-content:center;gap:6px;margin:10px 0 0;display:flex}.rank-gap i{background:var(--glass-line);border-radius:1px;width:6px;height:6px}@media (width<=360px){body[data-view=player] .gameanswers{gap:10px}body[data-view=player] .player-main .gameanswers button{min-height:108px;padding:12px;font-size:16px}body[data-view=player] .player-main .ready-orbit{width:132px;height:132px}body[data-view=player] .player-main .countdown-digit{font-size:84px}}