*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:#06040c;font-family:Outfit,system-ui,sans-serif;color:#f3eefe}.cdroot{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow:hidden;background:#06040c}.cdframe{position:relative;width:min(100vw,177.778vh);height:min(100vh,calc(100vw / 1.77778));container-type:size;overflow:hidden;background:radial-gradient(ellipse 90% 70% at 50% 30%,#241441,#120a26 45%,#08050f)}.bg-floor{position:absolute;left:-20%;right:-20%;bottom:-6%;height:46%;background-image:linear-gradient(rgba(168,85,247,.22) 1.5px,transparent 1.5px),linear-gradient(90deg,rgba(168,85,247,.22) 1.5px,transparent 1.5px);background-size:7% 16%;transform:perspective(60cqh) rotateX(68deg);transform-origin:50% 100%;-webkit-mask:linear-gradient(#000,transparent 78%);mask:linear-gradient(#000,transparent 78%);pointer-events:none}.spot{position:absolute;top:-12%;width:46%;height:120%;pointer-events:none;mix-blend-mode:screen;filter:blur(6px);transform-origin:50% 0}.spot.l{left:2%;background:conic-gradient(from 168deg at 50% 0,transparent 0,rgba(168,85,247,.16) 12deg,transparent 24deg);animation:sweepL 7s ease-in-out infinite}.spot.r{right:2%;background:conic-gradient(from 168deg at 50% 0,transparent 0,rgba(56,189,248,.14) 12deg,transparent 24deg);animation:sweepR 8s ease-in-out infinite}.vig{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 70% 60% at 50% 42%,transparent 55%,rgba(4,2,10,.7) 100%)}.grain{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.5;background:radial-gradient(circle at 18% 26%,rgba(124,58,237,.18),transparent 30%),radial-gradient(circle at 82% 70%,rgba(56,189,248,.12),transparent 32%)}.topbar{position:absolute;top:0;left:0;right:0;height:13cqh;display:flex;align-items:center;justify-content:flex-end;padding:0 3.4cqw;z-index:30}.tb-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:7.4cqh;width:auto;filter:drop-shadow(0 .4cqh 1.2cqh rgba(124,58,237,.6))}.tb-right{display:flex;align-items:center;gap:1.6cqw}.pill{display:flex;align-items:center;gap:.7cqw;background:#140c26b8;border:1.5px solid rgba(168,85,247,.4);border-radius:999px;padding:.9cqh 1.5cqw;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 .4cqh 2cqh #00000059}.pill .lab{font:600 1.45cqw/1 Outfit;letter-spacing:.04em;color:#cdb6f5;text-transform:uppercase}.pill .val{font:700 2.4cqw/1 Fredoka;color:#fff}.pill.gold .val{color:#ffd34d;text-shadow:0 0 1.4cqh rgba(255,193,7,.6)}.lives{display:flex;gap:.55cqw}.life{width:1.9cqw;height:1.9cqw;border-radius:50%;border:1.5px solid rgba(168,85,247,.55);background:radial-gradient(circle at 35% 30%,#c9a4ff,#7c3aed 70%);box-shadow:0 0 1cqh #7c3aedb3}.life.out{background:transparent;box-shadow:none;border-color:#785aa059;opacity:.5}.viewers{display:flex;align-items:center;gap:.6cqw;font:600 1.45cqw/1 Outfit;color:#9fe7ff}.dotlive{width:1cqw;height:1cqw;border-radius:50%;background:#34e36b;box-shadow:0 0 1.2cqh #34e36b;animation:pulseDot 1.4s ease-in-out infinite}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;z-index:20;animation:screenIn .5s cubic-bezier(.2,.8,.25,1)}.kicker{font:700 1.5cqw/1 Outfit;letter-spacing:.34em;text-transform:uppercase;color:#b98cff}.neon{font-family:Fredoka;font-weight:700;color:#fff;text-shadow:0 0 2.2cqh rgba(168,85,247,.85),0 .5cqh 0 rgba(91,33,182,.6)}.btn{font:700 2.1cqw/1 Fredoka;border:none;cursor:pointer;border-radius:1.6cqh;color:#fff;padding:1.8cqh 3cqw;letter-spacing:.01em;transition:transform .12s cubic-bezier(.34,1.6,.6,1),box-shadow .2s,filter .2s;position:relative}.btn:active{transform:translateY(.4cqh) scale(.98)}.btn-primary{background:linear-gradient(180deg,#a855f7,#7c3aed);box-shadow:0 .7cqh #4c1d95,0 1.2cqh 2.4cqh #7c3aed80}.btn-primary:hover{filter:brightness(1.08);box-shadow:0 .7cqh #4c1d95,0 1.6cqh 3.2cqh #a855f7b3}.btn-ghost{background:#1e1436b3;border:1.6px solid rgba(168,85,247,.4);box-shadow:0 .5cqh 1.6cqh #0000004d}.btn-ghost:hover{border-color:#a855f7;filter:brightness(1.1)}.home-hero{margin-top:3.6cqh;width:27cqw;animation:floatY 5s ease-in-out infinite;filter:drop-shadow(0 1.4cqh 2.6cqh rgba(124,58,237,.55))}.tagline{margin-top:.1cqh;font:600 1.32cqw/1.2 Outfit;color:#cbb6f0;text-align:center}.seg{display:flex;gap:.5cqw;background:#100a20cc;border:1.5px solid rgba(168,85,247,.32);border-radius:999px;padding:.5cqh;margin:2cqh 0 .3cqh}.seg button{font:700 1.3cqw/1 Outfit;border:none;background:transparent;color:#a78bce;padding:1cqh 1.7cqw;border-radius:999px;cursor:pointer;transition:.18s;display:flex;align-items:center;gap:.6cqw}.seg button.on{background:linear-gradient(180deg,#a855f7,#7c3aed);color:#fff;box-shadow:0 .4cqh 1.4cqh #7c3aed99}.seg .sub{font-weight:500;font-size:1.1cqw;opacity:.8}.qp{margin:1.6cqh 0 0;display:inline-flex;align-items:center;gap:1cqw;font-size:1.9cqw;padding:1.3cqh 2.8cqw;border-radius:1.6cqh}.qp-star{font-size:2cqw;color:#ffe07a;text-shadow:0 0 1.4cqh rgba(255,193,7,.7)}.qp-sub{font:600 1.15cqw/1 Outfit;opacity:.82}.or-pick{font:600 1.05cqw/1 Outfit;color:#7e6fa6;letter-spacing:.12em;margin:1.9cqh 0 .5cqh;text-transform:uppercase}.modes{display:grid;grid-template-columns:repeat(4,1fr);gap:1.8cqw;width:70cqw;margin-top:.6cqh}.mcard{position:relative;background:linear-gradient(180deg,#22163aeb,#120b22eb);border:1.7px solid rgba(168,85,247,.3);border-radius:2cqh;padding:2.4cqh 1.5cqw 2.2cqh;cursor:pointer;transition:transform .18s cubic-bezier(.34,1.5,.6,1),border-color .2s,box-shadow .2s;overflow:hidden;text-align:left}.mcard:hover{transform:translateY(-1.2cqh);border-color:var(--mc);box-shadow:0 1.6cqh 3cqh #00000073,0 0 0 1.5px var(--mc)}.mcard .glowtop{position:absolute;top:-30%;left:-10%;right:-10%;height:60%;background:radial-gradient(ellipse at 50% 100%,var(--mc),transparent 70%);opacity:.35;filter:blur(8px)}.mc-ico{display:block;margin-bottom:1.5cqh;font:700 3.6cqh/1 Fredoka;filter:drop-shadow(0 0 1.8cqh var(--mc))}.mc-name{font:700 1.45cqw/1.12 Fredoka;color:#fff}.mc-tag{font:600 .88cqw/1 Outfit;color:var(--mc);margin-top:.6cqh;text-transform:uppercase;letter-spacing:.07em}.mc-blurb{font:400 .9cqw/1.55 Outfit;color:#a99cc6;margin-top:1.2cqh;min-height:4.4cqh}.mc-play{margin-top:1.4cqh;font:700 1.1cqw/1 Fredoka;color:#fff;display:flex;align-items:center;gap:.5cqw}.howto-card{margin-top:13cqh;width:62cqw;background:linear-gradient(180deg,#1e1336f2,#100a20f2);border:1.7px solid rgba(168,85,247,.35);border-radius:3cqh;padding:4cqh 4cqw;box-shadow:0 2cqh 5cqh #00000080;position:relative}.howto-steps{display:flex;flex-direction:column;gap:1.6cqh;margin:2.6cqh 0}.step{display:flex;align-items:center;gap:1.6cqw}.step-n{flex:none;width:5cqh;height:5cqh;border-radius:50%;display:grid;place-items:center;font:700 2.4cqw/1 Fredoka;background:linear-gradient(180deg,#a855f7,#7c3aed);box-shadow:0 0 1.6cqh #7c3aedb3}.step p{font:500 1.7cqw/1.35 Outfit;color:#ddd1f5}.stage-area{flex:1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14cqh 4cqw 4cqh;gap:2.9cqh}.qprompt{font:700 3cqw/1.05 Fredoka;text-align:center;max-width:70cqw}.qsub{font:600 1.6cqw/1 Outfit;color:#b98cff;letter-spacing:.06em;text-transform:uppercase}.subject{display:flex;flex-direction:column;align-items:center;gap:1.4cqh;animation:popIn .5s cubic-bezier(.2,1.4,.5,1)}.avatar{width:13cqh;height:13cqh;border-radius:50%;display:grid;place-items:center;font:700 6cqh/1 Fredoka;color:#fff;border:.5cqh solid rgba(255,255,255,.14);box-shadow:0 1cqh 3cqh #00000080,0 0 3cqh var(--ah)}.uname{font:700 3.4cqw/1 Fredoka;color:#fff}.umeta{font:500 1.5cqw/1 Outfit;color:#9d8fc4}.choices{display:flex;gap:2.2cqw;margin-top:1cqh}.choice{min-width:22cqw;background:linear-gradient(180deg,#24173ef2,#140c26f2);border:2px solid rgba(168,85,247,.4);border-radius:2.2cqh;padding:2.6cqh 2cqw;cursor:pointer;text-align:center;transition:transform .14s cubic-bezier(.34,1.5,.6,1),border-color .2s,box-shadow .2s}.choice:hover{transform:translateY(-.8cqh) scale(1.02);border-color:#a855f7;box-shadow:0 1.4cqh 3cqh #7c3aed73}.choice .big{font:700 3.2cqw/1 Fredoka;color:#fff}.choice .sm{font:500 1.4cqw/1 Outfit;color:#a99bcd;margin-top:.6cqh}.choice.correct{border-color:#34e36b;box-shadow:0 0 0 2px #34e36b,0 0 3cqh #34e36b99;background:linear-gradient(180deg,#144628e6,#0a2818e6)}.choice.wrong{border-color:#ff5d7a;box-shadow:0 0 0 2px #ff5d7a,0 0 3cqh #ff5d7a80;background:linear-gradient(180deg,#461220e6,#280a12e6)}.choice.dim{opacity:.4;filter:grayscale(.4)}.msg{position:relative;background:linear-gradient(180deg,#2a1b4d,#1c1136);border:1.7px solid rgba(168,85,247,.4);border-radius:2.2cqh;padding:2.4cqh 2.6cqw;max-width:62cqw;box-shadow:0 1.4cqh 3cqh #00000073;animation:popIn .45s cubic-bezier(.2,1.3,.5,1)}.msg .mhead{display:flex;align-items:center;gap:1cqw;margin-bottom:1cqh}.msg .mav{width:5cqh;height:5cqh;border-radius:50%;display:grid;place-items:center;font:700 2.4cqh/1 Fredoka;color:#fff}.msg .mname{font:700 1.7cqw/1 Fredoka}.msg .mname.hidden{filter:blur(.9cqh);-webkit-user-select:none;user-select:none}.msg .mtime{font:500 1.2cqw/1 Outfit;color:#8d7eb4;margin-left:auto}.msg .mtext{font:500 2.1cqw/1.35 Outfit;color:#f1ebff}.msg.fakecard{cursor:pointer;transition:transform .14s,border-color .2s,box-shadow .2s}.msg.fakecard:hover{transform:translateY(-.7cqh);border-color:#a855f7;box-shadow:0 1.4cqh 3cqh #7c3aed80}.msg.fakecard.correct{border-color:#34e36b;box-shadow:0 0 0 2px #34e36b}.msg.fakecard.wrong{border-color:#ff5d7a;box-shadow:0 0 0 2px #ff5d7a}.tag-real,.tag-fake{position:absolute;top:-1.6cqh;right:1.4cqw;font:700 1.3cqw/1 Fredoka;padding:.7cqh 1.2cqw;border-radius:999px}.tag-real{background:#34e36b;color:#06311a}.tag-fake{background:#ff5d7a;color:#3a0411}.guessrow{display:flex;gap:1cqw;align-items:center;margin-top:.6cqh}.ginput{font:600 2.2cqw/1 Fredoka;background:#0c0718e6;border:2px solid rgba(168,85,247,.45);border-radius:1.6cqh;padding:1.6cqh 2cqw;color:#fff;width:36cqw;outline:none;transition:.2s}.ginput:focus{border-color:#a855f7;box-shadow:0 0 2.4cqh #a855f780}.ginput.shake{animation:shake .4s}.tries{display:flex;gap:.7cqw;margin-top:1.2cqh}.tryd{width:1.6cqw;height:1.6cqw;border-radius:50%;border:1.5px solid rgba(168,85,247,.5)}.tryd.used{background:#ff5d7a;border-color:#ff5d7a;box-shadow:0 0 1cqh #ff5d7ab3}.lineup{display:flex;gap:1.4cqw;flex-wrap:wrap;justify-content:center;margin-top:1cqh}.suspect{width:15cqw;background:linear-gradient(180deg,#24173ef2,#140c26f2);border:2px solid rgba(168,85,247,.4);border-radius:1.8cqh;padding:1.8cqh 1cqw;cursor:pointer;text-align:center;transition:transform .14s,border-color .2s,box-shadow .2s}.suspect:hover{transform:translateY(-.7cqh);border-color:#a855f7;box-shadow:0 1.2cqh 2.6cqh #7c3aed66}.suspect.correct{border-color:#34e36b;box-shadow:0 0 0 2px #34e36b}.suspect.wrong{border-color:#ff5d7a;box-shadow:0 0 0 2px #ff5d7a}.suspect .sname{font:700 1.55cqw/1.1 Fredoka;color:#fff;word-break:break-word}.lc-banner{font:700 2.4cqw/1 Fredoka;color:#ff5d7a;text-shadow:0 0 2cqh rgba(255,93,122,.7);letter-spacing:.08em;animation:flashBanner 1s ease-in-out infinite}.verdict{display:flex;flex-direction:column;align-items:center;gap:.6cqh;animation:popIn .45s cubic-bezier(.2,1.5,.5,1)}.verdict .vbig{font:700 4cqw/1 Fredoka;letter-spacing:.02em}.verdict.good .vbig{color:#43f08a;text-shadow:0 0 2.6cqh rgba(67,240,138,.8)}.verdict.bad .vbig{color:#ff5d7a;text-shadow:0 0 2.6cqh rgba(255,93,122,.8)}.verdict .vinfo{font:500 1.7cqw/1.35 Outfit;color:#cbbcec;text-align:center;max-width:54cqw}.pts{font:700 2.2cqw/1 Fredoka;color:#ffd34d;text-shadow:0 0 1.6cqh rgba(255,193,7,.6);animation:popIn .5s}.aud{position:absolute;right:3cqw;bottom:4cqh;width:24cqw;background:#0e091cdb;border:1.6px solid rgba(56,189,248,.35);border-radius:1.8cqh;padding:1.6cqh 1.4cqw;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 1cqh 3cqh #00000080;z-index:25}.aud-h{display:flex;align-items:center;gap:.7cqw;font:700 1.45cqw/1 Fredoka;color:#7fdcff;margin-bottom:1.2cqh}.vrow{margin-bottom:1cqh}.vrow .vl{display:flex;justify-content:space-between;font:600 1.35cqw/1 Outfit;color:#d7ccf2;margin-bottom:.5cqh}.vbar{height:1.6cqh;border-radius:999px;background:#ffffff14;overflow:hidden}.vfill{height:100%;border-radius:999px;transition:width .9s cubic-bezier(.3,1,.4,1)}.result-card{margin-top:13cqh;width:60cqw;background:linear-gradient(180deg,#20143af5,#100a20f5);border:1.8px solid rgba(168,85,247,.4);border-radius:3cqh;padding:3.6cqh 4cqw;text-align:center;box-shadow:0 2cqh 6cqh #0000008c;position:relative;animation:popIn .55s cubic-bezier(.2,1.3,.5,1)}.bigscore{font:700 8cqw/1 Fredoka;color:#ffd34d;text-shadow:0 0 3cqh rgba(255,193,7,.6)}.statrow{display:flex;justify-content:center;gap:3cqw;margin:2.4cqh 0}.stat .sv{font:700 3.2cqw/1 Fredoka;color:#fff}.stat .sl{font:600 1.3cqw/1 Outfit;color:#a99bcd;text-transform:uppercase;letter-spacing:.06em;margin-top:.4cqh}.lb{margin:1.6cqh 0;text-align:left}.lb-row{display:flex;align-items:center;gap:1cqw;padding:1cqh 1.2cqw;border-radius:1.2cqh;background:#ffffff0a;margin-bottom:.7cqh}.lb-row .rk{font:700 1.8cqw/1 Fredoka;color:#ffd34d;width:3cqw}.lb-row .nm{font:600 1.6cqw/1 Outfit;color:#eadffb;flex:1}.lb-row .pt{font:700 1.7cqw/1 Fredoka;color:#9fe7ff}.gameover .bigscore{color:#ff5d7a;text-shadow:0 0 3cqh rgba(255,93,122,.6);font-size:6.4cqw}.actions{display:flex;gap:1.4cqw;justify-content:center;margin-top:1cqh}.masc-wrap{position:absolute;left:2.4cqw;bottom:3cqh;z-index:28;display:flex;align-items:flex-end;gap:1cqw;pointer-events:none}.masc{position:relative;width:13cqh;height:15cqh;animation:bob 3.2s ease-in-out infinite;transform-origin:50% 100%}.masc.happy{animation:hop .5s ease 2}.masc.shock{animation:shockShake .45s ease}.bubble{position:relative;margin-bottom:9cqh;max-width:24cqw;background:#fff;color:#28184a;border-radius:1.6cqh;padding:1.3cqh 1.4cqw;font:600 1.45cqw/1.3 Outfit;box-shadow:0 1cqh 2.6cqh #0006;animation:popIn .4s cubic-bezier(.2,1.4,.5,1)}.bubble:after{content:"";position:absolute;left:-1.4cqh;bottom:1.4cqh;border:1cqh solid transparent;border-right-color:#fff;border-left:0}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:40;overflow:hidden}.cpiece{position:absolute;top:-6%;width:1.1cqw;height:1.6cqw;border-radius:2px;animation:confFall linear forwards}.btn-back{position:absolute;left:3cqw;top:3.4cqh;z-index:35;font:700 1.5cqw/1 Fredoka;background:#140c26b3;border:1.5px solid rgba(168,85,247,.4);color:#cdb6f5;border-radius:999px;padding:1cqh 1.6cqw;cursor:pointer;transition:.18s}.btn-back:hover{border-color:#a855f7;color:#fff}@keyframes screenIn{0%{transform:translateY(2.4cqh)}to{transform:none}}@keyframes floatY{0%,to{transform:translateY(-1cqh)}50%{transform:translateY(1cqh)}}@keyframes popIn{0%{transform:scale(.9)}to{transform:scale(1)}}@keyframes pulseDot{0%,to{opacity:1}50%{opacity:.35}}@keyframes sweepL{0%,to{transform:rotate(-9deg)}50%{transform:rotate(7deg)}}@keyframes sweepR{0%,to{transform:rotate(9deg)}50%{transform:rotate(-7deg)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-1.2cqw)}40%{transform:translate(1.2cqw)}60%{transform:translate(-.8cqw)}80%{transform:translate(.8cqw)}}@keyframes flashBanner{0%,to{opacity:1}50%{opacity:.45}}@keyframes bob{0%,to{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-.8cqh) rotate(1.5deg)}}@keyframes hop{0%,to{transform:translateY(0)}50%{transform:translateY(-2.4cqh) scale(1.04)}}@keyframes shockShake{0%,to{transform:translate(0)}25%{transform:translate(-1cqh) rotate(-4deg)}75%{transform:translate(1cqh) rotate(4deg)}}@keyframes blink{0%,94%,to{transform:translate(-50%,-50%) scaleY(1)}97%{transform:translate(-50%,-50%) scaleY(.1)}}@keyframes confFall{to{transform:translateY(110cqh) rotate(720deg);opacity:.9}}.mcard.off{opacity:.45;cursor:default;filter:grayscale(.6)}.mcard.off .mc-play{color:#8b82a8}.login-err{margin-top:1.6cqh;font:600 1.4cqw/1.3 Outfit,system-ui,sans-serif;color:#ff5d7a;text-align:center}.btn:disabled{opacity:.5;cursor:default}.mtext,.uname,.vinfo{overflow-wrap:anywhere}.screen.home{justify-content:center;padding:1cqh 0 3cqh}.screen.home .home-hero{margin-top:0;width:25cqw}.screen.home .tagline{margin-top:2.2cqh;font-size:1.45cqw}.screen.home .qp{margin-top:3.6cqh}.screen.home .or-pick{margin:3.8cqh 0 2.2cqh}.screen.home .modes{margin-top:0;gap:2cqw;width:72cqw}.screen.home .mcard{padding:3cqh 1.7cqw 2.8cqh}.screen.home .mc-blurb{margin-top:1.6cqh;min-height:5.6cqh}.screen.home .mc-play{margin-top:2cqh}.masc{width:15cqh;height:17.25cqh}.masc-art{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 .6cqh 1.4cqh rgba(0,0,0,.45))}.masc-art .mo{display:none}.masc-art.idle .mo-idle,.masc-art.happy .mo-happy,.masc-art.shock .mo-shock,.masc-art.think .mo-think{display:inline}.masc-art .m-eyes{transform-box:fill-box;transform-origin:50% 50%;animation:blinkY 4.4s infinite}@keyframes blinkY{0%,93%,to{transform:scaleY(1)}96%{transform:scaleY(.08)}}.screen.home .mcard{display:flex;flex-direction:column}.screen.home .mc-play{margin-top:auto;padding-top:2cqh}.cdroot{background:radial-gradient(ellipse 90% 70% at 50% 30%,#241441,#120a26 45%,#08050f)}.cdbg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.cdframe{background:none}.cdframe{width:min(100vw,calc(100vh * 2.2));height:min(100vh,80vw)}.tb-right{gap:1cqw}.pill{gap:.5cqw;padding:.6cqh 1.05cqw}.pill .lab{font-size:1cqw}.pill .val{font-size:1.7cqw}.lives{gap:.4cqw}.life{width:1.35cqw;height:1.35cqw}.or-pick{display:flex;align-items:center;justify-content:center;gap:1.2cqw}.or-pick:before,.or-pick:after{content:"";width:4cqw;height:1px;background:currentColor;opacity:.55}