@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Nunito:wght@500;700;900&display=swap";:root{color:#fff;background:#170a38;font-family:Nunito,sans-serif}*{box-sizing:border-box}body{background:#170a38;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer;color:inherit;border:0}button:disabled{opacity:.4;cursor:not-allowed}.host{background:radial-gradient(circle at 12% 5%,#ff687f55,#0000 28%),radial-gradient(circle at 94% 74%,#52d3d466,#0000 30%),linear-gradient(135deg,#21104b,#4f1d6c 55%,#242153);min-height:100vh;padding:42px 7vw;position:relative;overflow:hidden}.host:before,.host:after{content:"";filter:blur(1px);opacity:.22;pointer-events:none;border-radius:50%;position:absolute}.host:before{background:#ffbd3f;width:360px;height:360px;animation:8s ease-in-out infinite float;top:20%;right:-110px}.host:after{background:#59d6e5;width:280px;height:280px;animation:10s ease-in-out infinite reverse float;bottom:-100px;left:20%}@keyframes float{50%{transform:translateY(-32px)translate(18px)rotate(14deg)}}.logo{z-index:1;letter-spacing:-1.5px;text-shadow:3px 4px #330e55;align-items:center;gap:8px;font-family:Fredoka,sans-serif;font-size:clamp(24px,3vw,42px);line-height:.72;display:inline-flex;position:relative;transform:rotate(-2deg)}.logo-mark{color:#39145e;width:.98em;height:.98em;text-shadow:none;background:#5de0df;border-radius:50% 50% 48% 42%;place-items:center;font-size:1.08em;font-weight:900;display:grid;position:relative;transform:rotate(-8deg);box-shadow:3px 4px #330e55}.logo-mark:after{content:"";clip-path:polygon(0 0,100% 0,100% 100%);background:#5de0df;width:.3em;height:.3em;position:absolute;bottom:-.08em;right:.05em;transform:rotate(-16deg)}.logo-words{flex-direction:column;align-items:flex-start;display:flex}.logo small{color:#fff;letter-spacing:.14em;margin-left:3px;font-size:.45em;font-weight:900}.logo strong{color:#ffcf45;letter-spacing:-.06em;font-size:.92em}.host .logo{font-size:clamp(36px,4.5vw,63px)}.setup{place-items:center;display:grid}.setup>.logo{position:absolute;top:42px;left:7vw}.card{z-index:1;color:#28134c;background:#ffffffef;border-radius:35px;width:min(580px,100%);padding:46px;position:relative;box-shadow:0 22px #15042d33}.card>.eyebrow{color:#bb4}.card h1,.phonecard h1{letter-spacing:-2px;margin:6px 0 30px;font:700 clamp(32px,5vw,54px)/.98 Fredoka,sans-serif}.eyebrow{letter-spacing:2px;color:#ffca46;text-transform:uppercase;margin:0;font-size:36px;font-weight:900}.card label{margin:20px 0;font-weight:900;display:block}.choice{gap:8px;margin-top:8px;display:flex}.choice button{color:#542a88;background:#f1eafd;border-radius:14px;padding:11px 18px;font-weight:900}.choice button.active{color:#fff;background:#6d32ad}.choice small{font-weight:700;display:block}.toggle{justify-content:space-between;align-items:center;display:flex!important}.toggle input{display:none}.toggle i{background:#d8c8ee;border-radius:20px;width:49px;height:27px;position:relative}.toggle i:after{content:"";background:#fff;border-radius:50%;width:21px;height:21px;transition:all .2s;position:absolute;top:3px;left:3px}.toggle input:checked+i{background:#6d32ad}.toggle input:checked+i:after{transform:translate(22px)}.primary,.secondary{background:#fa5776;border-radius:16px;padding:16px 24px;font-size:17px;font-weight:900;transition:all .15s;box-shadow:0 5px #ae2c51}.primary:hover,.secondary:hover{transform:translateY(-2px)}.card .primary{width:100%;margin-top:15px}.error{color:#cd2454;font-weight:800}.game{padding-top:28px}.game header,.phone header{z-index:2;justify-content:space-between;align-items:center;display:flex;position:relative}.round{background:#ffffff24;border-radius:50px;padding:10px 18px;font:900 19px Fredoka,sans-serif}.round span{opacity:.6}.timer{color:#ffdc58;text-align:center;text-shadow:2px 3px #30105d;font:900 40px/.8 Fredoka,sans-serif}.timer small{text-transform:uppercase;letter-spacing:2px;font:700 9px Nunito;display:block}.host-menu{z-index:10;position:fixed;top:26px;right:28px}.host-menu-trigger{color:#35175d;background:#5de0df;border:2px solid #ffffff7a;border-radius:46px;place-items:center;width:56px;height:52px;padding-bottom:4px;font:900 31px/1 Fredoka,sans-serif;transition:transform .15s,background .15s;display:grid;box-shadow:0 5px #24104788}.host-menu-trigger:hover{transform:translateY(-2px)}.host-menu-popover{background:#2c1359f5;border:1px solid #ffffff69;border-radius:18px;gap:8px;width:210px;padding:10px;display:grid;position:absolute;top:64px;right:0;box-shadow:0 12px 30px #12062899}.host-menu-popover button{color:#fff;text-align:left;background:#ffffff1b;border-radius:11px;width:100%;padding:11px 13px;font-weight:900;transition:background .15s}.host-menu-popover button:hover{background:#ffffff35}.host-menu-popover .pause-control{color:#35175d;background:#5de0df}.host-menu-popover .end-control{background:#d84162}.music-toggle,.fullscreen-toggle{z-index:10;color:#35175d;border:2px solid #ffffff7a;border-radius:50%;place-items:center;width:54px;height:54px;transition:transform .15s,background .15s;display:grid;position:fixed;bottom:28px;box-shadow:0 5px #24104788}.music-toggle{background:#5de0df;font:900 30px/1 Fredoka,sans-serif;right:28px}.fullscreen-toggle{background:#ffffffdf;font:900 31px/1 Nunito,sans-serif;right:94px}.music-toggle:hover,.fullscreen-toggle:hover{transform:translateY(-2px)scale(1.04)}.fullscreen-toggle:hover,.fullscreen-toggle.active{background:#ffce49}.music-toggle.muted{color:#6b4388;background:#ffffffdb}.music-toggle.muted:after{content:"";background:#f14f70;border-radius:5px;width:40px;height:4px;position:absolute;transform:rotate(-45deg);box-shadow:0 1px #fff}.host-paused{z-index:5;color:#35175d;background:#ffce49;border-radius:999px;padding:10px 22px;font:900 18px Fredoka,sans-serif;position:fixed;top:22px;left:50%;transform:translate(-50%);box-shadow:0 4px #31135c99}.paused-overlay{z-index:20;color:#ffce49;text-shadow:4px 5px #35175d;background:#160a36a8;place-items:center;font:900 clamp(34px,9vw,70px) Fredoka,sans-serif;display:grid;position:fixed;inset:0}.lobby,.center,.reveal,.result,.podium{z-index:1;text-align:center;margin:auto;padding-top:7vh;position:relative}.lobby{margin-top:-25px;padding-top:0}.joincode{letter-spacing:12px;color:#ffce49;text-shadow:7px 8px #3d146a;margin:10px;font:900 clamp(58px,11vw,140px)/1 Fredoka,sans-serif}.joinhint{font-size:18px}.invite-qr{color:#35175d;background:#fffdf5;border-radius:20px;flex-direction:column;align-items:center;gap:8px;margin:4px auto 0;padding:12px;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 7px #250d4a80}.invite-qr:hover{transform:translateY(-3px)rotate(-1deg);box-shadow:0 10px #250d4a80}.invite-qr:active{transform:translateY(2px);box-shadow:0 3px #250d4a80}.invite-qr svg{width:clamp(145px,13vw,210px);height:auto;display:block}.players{flex-wrap:wrap;justify-content:center;gap:12px;max-width:900px;margin:25px auto;display:flex}.playerchip{background:#ffffff1d;border:1px solid #ffffff38;border-radius:50px;align-items:center;gap:8px;padding:7px 13px 7px 7px;display:inline-flex}.playerchip span{color:#30125c;background:#ffdc87;border-radius:50%;place-items:center;width:35px;height:35px;font-size:21px;display:grid}.count{font-weight:800}.massive{margin-top:15px;padding:19px 55px;font-size:25px}.maker-mark{z-index:2;color:#ffffffc9;letter-spacing:.04em;text-shadow:2px 3px #30105d;align-items:center;gap:18px;font-size:clamp(18px,1.65vw,28px);font-weight:900;display:inline;position:fixed;bottom:38px;left:42px}.maker-mark img{object-fit:contain;border-radius:18px;width:clamp(92px,9vw,100px);height:clamp(92px,9vw,100px)}.center h1,.reveal h1,.result h1,.podium h1{letter-spacing:-3px;margin:10px;font:500 clamp(38px,6vw,78px)/.95 Fredoka,sans-serif}.answer-unit{font-size:clamp(18px,1.65vw,28px)}.center>p,.guessing>p{font-size:21px}.thinking{border:8px solid #ffcd4b;border-top-color:#fff;border-radius:50%;place-items:center;width:90px;height:90px;margin:35px auto 15px;font:900 42px Fredoka;animation:1.8s linear infinite spin;display:grid}@keyframes spin{to{transform:rotate(360deg)}}.answergrid{grid-template-columns:repeat(4,1fr);gap:14px;max-width:1280px;margin:32px auto;display:grid}.answergrid article{color:#301559;text-align:left;background:#ffffffed;border-radius:20px;min-height:165px;padding:19px;box-shadow:0 6px #29104455}.answergrid span{color:#9252c1;font-weight:900}.answergrid b{margin:6px 0;font:800 32px Fredoka;display:block}.answergrid b small,.result h1 small{font:700 14px Nunito}.answergrid p{margin:12px 0 0;font-size:13px;font-weight:700}.owner{margin:12px;font-size:82px}.unit{opacity:.8}.awardlist{gap:8px;max-width:650px;margin:25px auto;display:grid}.awardlist>div{background:#ffffff1b;border-radius:14px;grid-template-columns:1fr 100px 90px 90px minmax(0,110px);align-items:center;padding:6px;display:grid}.awardlist .playerchip{justify-self:start}.awardlist b{color:#ffdc54}.awardlist small{color:#d8c6e8;font-weight:800}.awardlist .bonus{color:#75f4dd}.scoreboard{gap:5px;max-width:640px;margin:30px auto 0;display:grid}.scoreboard>div{text-align:left;background:#ffffff15;border-radius:10px;grid-template-columns:35px 40px 1fr auto;align-items:center;padding:8px 16px;display:grid}.scoreboard i{font-size:24px;font-style:normal}.scoreboard strong{color:#ffce4e}.podium em{color:#ffcf4d;font-style:normal}.pedestals{justify-content:center;align-items:end;gap:20px;margin-top:40px;display:flex}.place{background:#ffffff1c;border-radius:28px 28px 0 0;flex-direction:column;align-items:center;width:180px;padding:18px;display:flex}.place span{font-size:58px}.place b{color:#ffce4e;font:900 60px Fredoka}.place h2{margin:2px;font:700 28px Fredoka}.place p{margin:0}.p1{color:#42205d;background:#ffcc4f;order:2;height:260px}.p1 b{color:#42205d;text-shadow:0 2px #fff8}.p2{order:1;height:230px}.p3{order:3;height:215px}.p2 h2,.p3 h2{overflow-wrap:anywhere;font-size:23px}.p2 p,.p3 p{font-size:14px}.podium-reveal{animation:.72s cubic-bezier(.18,.89,.32,1.28) both podium-pop}.p1.podium-reveal{animation:.95s cubic-bezier(.18,.89,.32,1.28) both podium-champion}@keyframes podium-pop{0%{opacity:0;transform:translateY(90px)scale(.55)rotate(-5deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(0)}}@keyframes podium-champion{0%{opacity:0;transform:translateY(110px)scale(.45)rotate(7deg)}70%{opacity:1;transform:translateY(-18px)scale(1.08)rotate(-2deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(0)}}.phone{background:radial-gradient(circle at 100% 0,#ef739144,#0000 32%),linear-gradient(150deg,#26104d,#56317c);min-height:100vh;padding:24px 18px}.phone>.logo{margin:5px 7px 28px;font-size:30px}.phonecard{color:#301653;background:#fff;border-radius:28px;padding:28px 22px;box-shadow:0 12px #1b0e3d44}.phonecard h1{margin-bottom:10px;font-size:35px}.phonecard>p{color:#725b85;font-weight:700}.phonecard form>input,.questioninput input{color:#32175a;border:2px solid #dfd0ef;border-radius:14px;outline:none;width:100%;padding:15px;font-size:18px;font-weight:800}.codeinput{text-align:center;letter-spacing:5px;text-transform:uppercase;font-size:28px!important}.phonecard .primary{width:100%;margin-top:20px}.avatars{grid-template-columns:repeat(6,1fr);gap:7px;margin-top:18px;display:grid}.avatars button{background:#f4edf9;border-radius:14px;padding:8px;font-size:27px}.avatars button.selected{background:#ffe6a1;outline:3px solid #f65c77}.playing{padding-top:18px}.playing .logo{font-size:24px}.playing .timer{font-size:31px}.playing .phonecard{margin-top:28px}.questioninput{border-top:2px solid #ecdfef;margin-top:21px;padding-top:19px}.questioninput p{color:#301653!important;font-size:18px!important}.questioninput label{align-items:center;margin:12px 0 4px;display:flex}.questioninput input{border-radius:14px 0 0 14px}.questioninput label span{background:#eadcf3;border-radius:0 14px 14px 0;max-width:115px;min-height:55px;padding:17px 10px;font-size:12px;font-weight:900}.questioninput small{color:#9875a7;font-weight:700}.secondary{background:#6c36ad;width:100%;margin-top:12px;font-size:15px;display:block;box-shadow:0 4px #442174}.phone .center{padding:30px 0}.phone .podium{padding-top:5px}.phone .podium h1{font-size:35px}.phone .pedestals{gap:7px;margin-top:20px}.phone .place{width:31%;padding:8px}.phone .place span,.phone .place b{font-size:35px}.phone .place h2{font-size:17px}.phone .place p{font-size:11px}.phone .p1{height:180px}.phone .p2{height:165px}.phone .p3{height:150px}.placement-card{text-align:center}.placement-number{color:#ffca46;text-shadow:3px 4px #35175d;margin:20px 0 8px;font:900 82px/1 Fredoka,sans-serif}@media (width<=800px){.host{padding:27px 20px}.game header .logo{font-size:26px}.round{padding:8px;font-size:13px}.timer{font-size:28px}.answergrid{grid-template-columns:repeat(2,1fr)}.answergrid article{min-height:130px}.setup>.logo{top:28px;left:20px}.card{margin-top:70px;padding:35px 24px}.choice button{padding:10px}.game .center{padding-top:13vh}.lobby{padding-top:12vh}.reveal{padding-top:35px}.answergrid{margin-top:22px}.result{padding-top:35px}.awardlist{font-size:13px}.awardlist>div{grid-template-columns:1fr 70px 55px}.scoreboard{font-size:13px}.pedestals{gap:8px}.place{width:31%;padding:8px}.place span,.place b{font-size:38px}.place h2{font-size:18px}.place p{font-size:11px}}.endcard{text-align:center;margin-top:45px}.endemoji{margin-bottom:10px;font-size:72px}.result .awardlist>div{opacity:0;animation:.48s forwards reveal-answer;transform:translateY(16px)}.result .awardlist>div:first-child{animation-delay:.3s}.result .awardlist>div:nth-child(2){animation-delay:1.05s}.result .awardlist>div:nth-child(3){animation-delay:1.8s}.result .awardlist>div:nth-child(4){animation-delay:2.55s}.result .awardlist>div:nth-child(5){animation-delay:3.3s}.result .awardlist>div:nth-child(6){animation-delay:4.05s}.result .awardlist>div:nth-child(7){animation-delay:4.8s}.result .scoreboard{opacity:0;animation:.6s 5.7s forwards reveal-answer;transform:translateY(15px)}@keyframes reveal-answer{to{opacity:1;transform:translateY(0)}}.intro em{color:#ffcf4d;font-style:normal}.rulecards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:1040px;margin:32px auto;display:grid}.rulecards article{color:#35175d;background:#ffffffeb;border-radius:24px;min-height:180px;padding:25px;box-shadow:0 8px #29104455}.rulecards b{color:#fff;background:#fa5776;border-radius:50%;place-items:center;width:48px;height:48px;margin:0 auto 14px;font:700 27px Fredoka,sans-serif;display:grid}.rulecards p{margin:0;font-size:18px;font-weight:800}.skip-rules{width:auto;margin:0 auto;padding-inline:32px}.waiting-for-host .thinking{margin-top:0}@media (width<=800px){.rulecards{grid-template-columns:1fr;max-width:440px;margin:20px auto}.rulecards article{min-height:auto;padding:15px}}