.pp{min-height:100dvh;display:flex;flex-direction:column;max-width:460px;margin:0 auto;padding:max(.9rem,env(safe-area-inset-top)) 1.1rem max(1.1rem,env(safe-area-inset-bottom))}.pp-bar{display:flex;align-items:center;gap:.5rem;min-height:44px}.pp-bar .grow{flex:1;min-width:0}.pp-bar .brand{padding:0;color:#fff;font-size:1.1rem}.me-chip{display:inline-flex;align-items:center;gap:.5rem;min-width:0;font-weight:700}.me-chip b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pts-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .75rem;border-radius:99px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);font-weight:800;font-variant-numeric:tabular-nums}.pts-pill small{color:#8fa4c4;font-weight:600}.streak-pill{display:inline-flex;align-items:center;gap:.3rem;padding:.4rem .65rem;border-radius:99px;background:#f5b70029;color:var(--emas);font-weight:800;font-size:.85rem;animation:chipin .45s cubic-bezier(.34,1.56,.64,1)}.net-dot{width:9px;height:9px;border-radius:50%;background:#4ade80;flex:none}.net-dot.poll{background:var(--kunyit)}.net-dot.off{background:#f87171}.qsteps{display:flex;gap:4px;margin-top:.6rem}.qsteps i{flex:1;height:4px;border-radius:4px;background:#ffffff1f}.qsteps i.done{background:var(--emas)}.qsteps i.now{background:#f5b7008c}.pv-view{flex:1;display:flex;flex-direction:column;gap:1rem;padding:1.1rem 0 .4rem;animation:upin .5s cubic-bezier(.16,1,.3,1)}.pv-view[hidden]{display:none}.pv-center{justify-content:center;align-items:center;text-align:center}.pp h1{font-size:1.75rem;letter-spacing:-.03em;margin:0}.pp .lead2{color:#a9bbd6;margin:0}.sticky-cta{position:sticky;bottom:0;padding-top:.8rem;margin-top:auto;background:linear-gradient(transparent,var(--malam) 30%)}.soft{background:#ffffff0f;border:1px solid rgba(255,255,255,.09);border-radius:22px;padding:1.1rem;box-shadow:inset 0 1px #ffffff0f}@keyframes chipin{0%{opacity:0;transform:scale(.6)}}@keyframes upin{0%{opacity:0;transform:translateY(12px)}}@keyframes floaty{50%{transform:translateY(-7px)}}@keyframes shake{20%,60%{transform:translate(-7px)}40%,80%{transform:translate(7px)}}.kodo-say{display:flex;align-items:flex-end;gap:.4rem}.kodo-say .kodo{width:84px;flex:none;animation:floaty 4s ease-in-out infinite}.bubble{position:relative;background:#fff;color:var(--malam);font-weight:700;padding:.7rem .9rem;border-radius:18px 18px 18px 4px;font-size:.95rem;margin-bottom:1.6rem;box-shadow:0 12px 24px -12px #00000080}.pin-wrap{position:relative}.pin-boxes{display:grid;grid-template-columns:repeat(6,1fr);gap:.45rem}.pin-boxes i{font-style:normal;aspect-ratio:4 / 5;border-radius:16px;display:grid;place-items:center;font-size:2rem;font-weight:800;background:#ffffff12;border:2px solid rgba(255,255,255,.12);transition:border-color .2s,background .2s,transform .2s}.pin-boxes i.fill{background:#ffffff1f;color:#fff}.pin-boxes i.cur{border-color:var(--emas);box-shadow:0 0 0 4px #f5b70026}.pin-boxes i.cur:empty:after{content:"";width:2px;height:1.6rem;background:var(--emas);animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.pin-wrap input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;font-size:16px;caret-color:transparent}.pin-wrap.err .pin-boxes{animation:shake .4s}.pin-wrap.err .pin-boxes i{border-color:#f87171}.msg-err{display:flex;align-items:center;gap:.45rem;color:#fda4af;font-size:.9rem;font-weight:600;min-height:1.4em;margin:.6rem 0 0}.msg-err:empty{visibility:hidden}.btn-big{min-height:60px;width:100%;font-size:1.1rem;border-radius:18px}.btn-big[disabled]{opacity:.45;cursor:not-allowed}.spin{width:20px;height:20px;border-radius:50%;border:3px solid rgba(11,31,58,.25);border-top-color:var(--malam);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.link-row{display:flex;justify-content:center;gap:.4rem;color:#8fa4c4;font-size:.92rem}.link-row a{color:#fff;font-weight:700}.saver{display:flex;align-items:center;gap:.8rem;padding:.85rem 1rem;border-radius:18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);cursor:pointer;margin:0;font-weight:400}.saver .si{width:38px;height:38px;border-radius:12px;background:#0f9d8a2e;color:#5eead4;display:grid;place-items:center;flex:none}.saver div{flex:1;line-height:1.3}.saver b{font-size:.92rem;display:block}.saver small{color:#8fa4c4;font-size:.78rem}.saver input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:44px;height:26px;border-radius:99px;background:#ffffff2e;position:relative;flex:none;cursor:pointer;margin:0;transition:background .2s}.saver input:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .25s cubic-bezier(.16,1,.3,1)}.saver input:checked{background:var(--toska)}.saver input:checked:after{transform:translate(18px)}.field-d label{color:#c9d6ea;font-size:.85rem}.nick{position:relative}.nick input{min-height:58px;font-size:1.2rem;font-weight:700;padding-right:3.5rem;border-radius:16px}.nick .count{position:absolute;right:.9rem;top:50%;transform:translateY(-50%);font-size:.78rem;color:#8fa4c4;font-weight:700}.pe-avgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}.pe-avgrid button{border:2px solid transparent;background:#ffffff0d;border-radius:16px;padding:.55rem .2rem .45rem;color:#c9d6ea;font:inherit;font-size:.68rem;font-weight:600;cursor:pointer;display:grid;justify-items:center;gap:.3rem;transition:transform .2s}.pe-avgrid button:active{transform:scale(.95)}.pe-avgrid button.on{border-color:var(--emas);background:#f5b7001a;color:#fff}.pe-avgrid span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.preview-me{display:flex;align-items:center;gap:.8rem}.preview-me .avatar{animation:floaty 4s ease-in-out infinite}.me-big{display:grid;justify-items:center;gap:.6rem}.me-big .ring-wrap{position:relative;padding:10px;border-radius:50%}.me-big .ring-wrap:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px dashed rgba(245,183,0,.5);animation:spin 14s linear infinite}.me-big .avatar{animation:floaty 4s ease-in-out infinite}.wait-dots{display:inline-flex;gap:6px}.wait-dots i{width:9px;height:9px;border-radius:50%;background:var(--emas);animation:bounce 1.2s ease-in-out infinite}.wait-dots i:nth-child(2){animation-delay:.15s}.wait-dots i:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,80%,to{transform:scale(.5);opacity:.4}40%{transform:scale(1);opacity:1}}.tip{display:flex;gap:.7rem;text-align:left;font-size:.9rem;color:#c9d6ea}.tip .ui-ic{color:var(--emas);flex:none;margin-top:.15rem}.stack-row{display:flex;align-items:center;justify-content:center;gap:.6rem;color:#8fa4c4;font-size:.88rem}.stack-row .stk{display:flex}.stack-row .avatar{margin-left:-8px;border:2px solid var(--malam)}.stack-row .avatar:first-child{margin-left:0}.cd-num{font-size:9rem;font-weight:800;line-height:1;color:var(--emas);animation:pop .9s ease-out infinite}.qcard{background:#fff;color:var(--ink);border-radius:22px;padding:1.1rem 1.1rem 1rem;display:grid;gap:.8rem;box-shadow:0 20px 40px -24px #0009}.qcard .qmeta{display:flex;align-items:center;gap:.5rem;justify-content:space-between}.qcard .qmeta .tag{background:#f1eee7}.qcard p{margin:0;font-size:1.18rem;font-weight:700;line-height:1.45}.qcard .q-img{color:#a9bbd6}.qcard .speak{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:44px;border-radius:12px;border:1.5px solid var(--line);background:#fbfaf7;font:inherit;font-weight:700;color:var(--malam);cursor:pointer}.qcard .speak:active{transform:scale(.98)}.timer-s{--p: 100;width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--emas) calc(var(--p) * 1%),#ece8df 0);position:relative;flex:none}.timer-s:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:50%;background:#fff}.timer-s span{position:relative;font-weight:800;color:var(--malam)}.timer-s.low{background:conic-gradient(#ef4444 calc(var(--p) * 1%),#ece8df 0)}.timer-s.low span{color:#dc2626}.proj-card{display:grid;justify-items:center;gap:.5rem;text-align:center;padding:1.4rem 1rem}.proj-card .ui-ic{width:40px;height:40px;color:var(--emas)}.answer .tiles{gap:.6rem}.answer .tile{border-radius:18px}.answer .input{min-height:58px;font-size:1.15rem;border-radius:16px}.answer .order-item{min-height:56px;border-radius:14px;background:#ffffff12}.locked-ic{width:92px;height:92px;border-radius:28px;display:grid;place-items:center;background:#f5b70024;color:var(--emas)}.locked-ic .ui-ic{width:46px;height:46px}.my-ans{display:inline-flex;align-items:center;gap:.55rem;padding:.55rem .9rem .55rem .55rem;border-radius:14px;font-weight:700;color:#fff}.my-ans .key{width:28px;height:28px;border-radius:8px;background:#0003;display:grid;place-items:center;font-weight:800}.prog{width:100%;max-width:260px}.prog .bar{background:#ffffff1a;margin-top:.4rem}.prog .bar span{background:var(--toska);transition:width .5s}.res{border-radius:26px;padding:1.6rem 1.2rem;text-align:center;display:grid;justify-items:center;gap:.3rem;position:relative;overflow:hidden;isolation:isolate}.res:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--kawung);opacity:.1;z-index:-1}.res.ok{background:linear-gradient(160deg,#16a34a,#0f766e)}.res.bad{background:linear-gradient(160deg,#be123c,#831843)}.res.neutral{background:linear-gradient(160deg,var(--malam-3),var(--malam-2))}.res .ri{width:64px;height:64px;border-radius:50%;background:#fff3;display:grid;place-items:center;margin-bottom:.3rem;animation:chipin .5s cubic-bezier(.34,1.56,.64,1)}.res .ri .ui-ic{width:34px;height:34px}.res h2{margin:0;font-size:1.8rem}.res .gain{font-size:2.6rem;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.res p{margin:0;opacity:.9}.key-card{display:grid;gap:.5rem}.key-card .lbl{font-size:.78rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#8fa4c4}.key-row{display:flex;align-items:center;gap:.6rem;padding:.7rem .8rem;border-radius:14px;font-weight:700}.key-row .key{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-weight:800;color:#fff;flex:none}.key-row.ok{background:#4ade8024;color:#bbf7d0}.key-row.mine{background:#fb71851f;color:#fecdd3}.key-row .tagx{margin-left:auto;font-size:.72rem;font-weight:800;opacity:.85}.explain2{display:flex;gap:.7rem;font-size:.95rem;line-height:1.5;color:#e2e8f0}.explain2 .kodo{width:54px;flex:none}.rank-hint{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#c9d6ea;font-weight:600}.rank-hint b{color:#fff}.myrank{display:flex;align-items:center;gap:.9rem}.myrank .rk{font-size:2.6rem;font-weight:800;color:var(--emas);line-height:1}.myrank .mv{font-size:.8rem;font-weight:800;color:#4ade80;display:inline-flex;align-items:center;gap:.15rem}.lb2{display:grid;gap:.45rem}.lb2 .row2{display:grid;grid-template-columns:28px 36px minmax(0,1fr) auto;gap:.6rem;align-items:center;padding:.6rem .75rem;border-radius:14px;background:#ffffff0d;animation:upin .5s cubic-bezier(.16,1,.3,1) both}.lb2 .row2 b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lb2 .row2 .r{font-weight:800;color:var(--emas);text-align:center}.lb2 .row2 .p{font-weight:800;font-variant-numeric:tabular-nums}.lb2 .row2.me{background:#f5b70024;outline:1.5px solid var(--emas)}.grade-ring{--v: 0;width:150px;height:150px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--emas) calc(var(--v) * 1%),rgba(255,255,255,.1) 0);position:relative;margin:0 auto}.grade-ring:before{content:"";position:absolute;top:11px;right:11px;bottom:11px;left:11px;border-radius:50%;background:var(--malam-2)}.grade-ring div{position:relative;text-align:center;line-height:1.1}.grade-ring b{font-size:2.8rem;font-weight:800}.grade-ring small{display:block;color:#8fa4c4;font-size:.78rem}.badge-new{display:flex;align-items:center;gap:.9rem;text-align:left}.badge-new svg{width:64px;height:64px;flex:none;animation:floaty 4s ease-in-out infinite}.badge-new b{display:block}.badge-new small{color:#a9bbd6}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:5}.confetti i{position:absolute;top:-12px;width:9px;height:14px;border-radius:2px;animation:fall linear forwards}@keyframes fall{to{transform:translateY(105vh) rotate(720deg)}}.bell-wrap{position:relative;display:grid;place-items:center;margin:1rem auto}.bell-wrap:before,.bell-wrap:after{content:"";position:absolute;width:230px;height:230px;border-radius:50%;border:2px solid rgba(219,39,119,.4);animation:ripple 2s ease-out infinite}.bell-wrap:after{animation-delay:1s}@keyframes ripple{0%{transform:scale(.9);opacity:1}to{transform:scale(1.35);opacity:0}}.buzzer2{position:relative;width:210px;height:210px;border-radius:50%;border:0;display:grid;place-items:center;align-content:center;gap:.3rem;color:#fff;font:inherit;font-size:1.6rem;font-weight:800;background:radial-gradient(circle at 35% 30%,#f472b6,var(--magenta) 58%,#9d174d);box-shadow:0 12px #831843,0 26px 40px -10px #0009;cursor:pointer}.buzzer2 .ui-ic{width:46px;height:46px}.buzzer2:active{transform:translateY(9px);box-shadow:0 3px #831843,0 10px 20px -10px #0009}.buzzer2[disabled]{filter:grayscale(.7);opacity:.6;cursor:not-allowed}.buzz-res{border-radius:18px;padding:1rem;font-weight:700;display:flex;gap:.6rem;align-items:center;justify-content:center}.buzz-res.win{background:#4ade8026;color:#bbf7d0}.buzz-res.lose{background:#ffffff12;color:#c9d6ea}.net-banner{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.55rem .8rem;font-size:.85rem;font-weight:700;color:#fff}.proto{position:fixed;right:0;top:38%;z-index:40}.proto>summary{list-style:none;display:inline-flex;align-items:center;gap:.35rem;padding:.6rem .55rem;border-radius:12px 0 0 12px;background:#111827;color:#e5e7eb;font-size:.78rem;font-weight:700;cursor:pointer;border:1px solid #374151;box-shadow:0 10px 24px -10px #0009}.proto>summary::-webkit-details-marker{display:none}.proto .panel-p{position:absolute;right:calc(100% + .4rem);top:0;width:250px;background:#111827;border:1px solid #374151;border-radius:16px;padding:.8rem;display:grid;gap:.45rem;font-size:.8rem;color:#d1d5db}.proto .panel-p b{color:var(--emas);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.proto button,.proto select{font:inherit;font-size:.8rem;padding:.45rem .6rem;border-radius:9px;border:1px solid #374151;background:#1f2937;color:#e5e7eb;cursor:pointer;text-align:left;width:100%;min-height:0}.proto .primary{background:var(--emas);color:var(--malam);border-color:var(--emas);font-weight:800;text-align:center}.proto label{display:flex;align-items:center;justify-content:space-between;margin:0;font-weight:500;font-size:.8rem;color:#d1d5db}.theme-ceria .answer .tile{min-height:88px;font-size:1.3rem}.theme-ceria .qcard .speak{background:var(--emas);border-color:var(--emas);min-height:54px;font-size:1.05rem}.theme-ceria .qcard p{font-size:1.3rem}.theme-akademik.play{background:#111827}.theme-akademik .kodo-say .kodo,.theme-akademik .kodo-wrap,.theme-akademik .confetti{display:none}.hemat .confetti,.hemat .bell-wrap:before,.hemat .bell-wrap:after{display:none}.proto>summary span{display:none}.proto[open]>summary{background:var(--emas);color:var(--malam)}.theme-ceria .answer .tiles{grid-template-columns:minmax(0,1fr)}.team-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .65rem .25rem .3rem;border-radius:99px;font-size:.8rem;font-weight:800;color:#fff;background:color-mix(in srgb,var(--tc) 35%,transparent);border:1.5px solid var(--tc);white-space:nowrap}.team-chip.big{font-size:1.05rem;padding:.4rem 1rem .4rem .4rem}.poll-ic{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#fbbf2433;color:#fbbf24}.poll-ic .ui-ic{width:15px;height:15px}.intro-card{display:grid;gap:1rem}.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:.5rem}.facts div{background:#ffffff0d;border-radius:14px;padding:.7rem .5rem;text-align:center}.facts b{display:block;font-size:1.25rem}.facts span{font-size:.72rem;color:#8fa4c4}.due-box{display:flex;align-items:center;gap:.7rem;padding:.8rem .9rem;border-radius:14px;background:#f5b7001a;border:1px solid rgba(245,183,0,.3);font-size:.9rem}.due-box .ui-ic{color:var(--emas);flex:none}.rules{list-style:none;padding:0;margin:0;display:grid;gap:.6rem;font-size:.9rem;color:#c9d6ea}.rules li{display:flex;gap:.6rem}.rules .ui-ic{color:#5eead4;flex:none;margin-top:.1rem}.fb{display:grid;gap:.7rem}.fb-head{display:flex;align-items:center;gap:.6rem}.fb-head .si{width:36px;height:36px;border-radius:11px;background:#a78bfa33;color:#c4b5fd;display:grid;place-items:center}.answer .order-item{position:relative}.answer .order-item .grip{display:grid;place-items:center;width:36px;align-self:stretch;margin:-.3rem 0 -.3rem -.4rem;color:#8fa4c4;cursor:grab;touch-action:none;border-radius:10px}.answer .order-item .grip:active{cursor:grabbing}.answer .order-item .grip:focus-visible{outline:2px solid var(--emas)}.answer .order-item.dragging{z-index:5;background:#ffffff29;box-shadow:0 18px 32px -14px #000000b3;transform-origin:center}.answer .order-item .grip .ui-ic{width:22px;height:22px}.mute-btn{width:36px;height:36px;flex:none;display:grid;place-items:center;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.1);color:#fff;cursor:pointer}.mute-btn .ui-ic{width:20px;height:20px}.react-bar{position:sticky;bottom:max(.6rem,env(safe-area-inset-bottom));display:flex;justify-content:space-between;gap:.4rem;margin-top:1rem;padding:.45rem;border-radius:99px;background:#0a1628d9;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.react-bar button{flex:1;max-width:52px;display:grid;place-items:center;padding:0;background:none;border:0;cursor:pointer;transition:transform .15s cubic-bezier(.34,1.56,.64,1)}.react-bar button svg{width:100%;height:auto;filter:drop-shadow(0 3px 6px rgba(0,0,0,.35))}.react-bar button:hover{transform:translateY(-3px) scale(1.08)}.react-bar button:active{transform:scale(.82)}.react-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:60}.react-fly{position:absolute;bottom:-100px;display:flex;flex-direction:column;align-items:center;gap:.35rem;transform:translate(-50%);animation:react-up 3s cubic-bezier(.2,.7,.3,1) forwards}.react-fly>svg{filter:drop-shadow(0 6px 14px rgba(0,0,0,.4));animation:react-wobble .9s ease-in-out infinite alternate}.react-who{display:inline-flex;align-items:center;gap:.4rem;max-width:220px;padding:.25rem .7rem .25rem .3rem;border-radius:99px;background:#0a1628d9;border:1px solid rgba(255,255,255,.15);color:#fff;font-weight:700;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes react-wobble{0%{transform:rotate(-10deg)}to{transform:rotate(10deg)}}@keyframes react-up{0%{transform:translate(-50%) scale(.3);opacity:0}12%{transform:translate(-50%,-14vh) scale(1.2);opacity:1}25%{transform:translate(-50%,-22vh) scale(1)}55%{transform:translate(calc(-50% + 20px),-48vh) scale(1);opacity:1}to{transform:translate(calc(-50% - 14px),-85vh) scale(.9);opacity:0}}@media (prefers-reduced-motion: reduce){.react-fly{animation-duration:1.5s}.react-fly>svg{animation:none}}