@import"https://fonts.googleapis.com/css2?family=Caveat:wght@700&family=DM+Sans:wght@400;500;600;700&family=Nunito:wght@600;700;800;900&display=swap";:root{font-family:DM Sans,sans-serif;color:#171c1b;background:#f7faf7;font-synthesis:none;--mint: #a8efd4;--pink: #a52761;--line: #dce6df}*{box-sizing:border-box}body{margin:0;min-height:100svh}button,input{font:inherit}button,a,input,label{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}button:focus-visible,a:focus-visible{outline:3px solid var(--pink);outline-offset:5px}#background{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background-size:cover;background-position:center;opacity:.8;transition:background-image .5s}body.themed{background:#fff}body.podium #background{opacity:1;background:radial-gradient(ellipse at 80% 10%,#ffbc8b80,transparent 55%),linear-gradient(150deg,#e5ceff,#bca8ea 65%,#f3b69e)}#effects{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:20}header{height:112px;max-width:1320px;margin:auto;padding:24px 5%;display:flex;align-items:center;justify-content:space-between}.logo{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;width:126px;height:60px;background:var(--mint);border-radius:50%;transform:rotate(-10deg);box-shadow:inset 0 -2px #86d7b7}.logo span{font-family:Caveat,cursive;font-size:48px;line-height:1;font-style:italic;font-weight:900;color:var(--pink);position:relative;letter-spacing:-2px}.logo span:after{content:"";position:absolute;left:2px;right:-5px;bottom:-5px;height:10px;border-bottom:3px solid var(--pink);border-radius:50%}.header-note{font-size:12px;color:#64736b;display:flex;align-items:center;gap:12px}.status-dot{width:7px;height:7px;border-radius:50%;background:#36b789;box-shadow:0 0 0 5px #a8efd430}main{max-width:1060px;margin:0 auto;padding:24px 24px 48px;min-height:calc(100svh - 112px)}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:10px;font-weight:700;color:#66776d}.hero{text-align:center;margin:36px 0 40px}h1,h2,h3,p{margin-top:0}h1{font-family:Nunito,sans-serif;font-size:clamp(40px,7vw,72px);line-height:1.05;font-weight:900;letter-spacing:-.055em;margin-bottom:16px}h1 em{color:var(--pink);font-style:normal}h2{font-family:Nunito,sans-serif;font-size:32px;letter-spacing:-.04em;margin-bottom:10px}.muted{color:#6b786f;font-size:14px}.roles{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:740px;margin:auto}.role{position:relative;overflow:hidden;min-height:260px;border:1px solid #d7e8de;border-radius:28px;text-align:left;padding:30px;background:#e8f7ee;transition:transform .2s,box-shadow .2s;color:#171c1b}.role:hover{transform:translateY(-5px);box-shadow:0 18px 40px #233b2710}.role.host{background:#f7e9f0;border-color:#ecd8e3}.role .symbol{font-size:46px;display:block;width:80px;height:80px;border-radius:24px;background:#ffffff80;line-height:80px;text-align:center;margin-bottom:28px}.role strong{font-family:Nunito,sans-serif;display:block;font-size:28px;font-weight:900;letter-spacing:-.04em}.role small{display:block;color:#65736a;font-size:13px;margin-top:6px}.role .arrow{position:absolute;right:28px;bottom:38px;font-size:25px}.home-footer{text-align:center;margin:30px 0;color:#8a958d;font-size:11px;letter-spacing:.04em}.panel{max-width:600px;margin:18px auto;padding:32px;background:#fffffff0;border:1px solid #ffffff;border-radius:28px;box-shadow:0 20px 80px #192c2210;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.back{border:0;background:transparent;color:#5c6d62;padding:0;margin-bottom:24px;font-size:13px}.stack{display:flex;flex-direction:column;gap:20px}label,.field-label{display:block;font-size:12px;font-weight:700;margin-bottom:8px}input[type=text],input[type=password]{width:100%;padding:15px 16px;border:1px solid var(--line);border-radius:12px;background:#fafcfb;color:#171c1b;outline:0}input:focus{border-color:#70b69b;box-shadow:0 0 0 3px #a8efd440}.primary,.secondary{border:0;border-radius:13px;min-height:50px;padding:13px 22px;font-weight:700}.primary{background:var(--mint);color:#15382a}.secondary{background:#f1e3eb;color:var(--pink)}.wide{width:100%}.themes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.theme{padding:0;border:2px solid transparent;border-radius:16px;background:#f2f5f2;overflow:hidden;text-align:left}.theme.selected{border-color:var(--pink)}.theme img{width:100%;height:90px;object-fit:cover;display:block}.theme span{display:block;padding:10px 8px;font-size:11px;font-weight:700}.upload{padding:24px 12px;border:1px dashed #a5b7ab;border-radius:14px;text-align:center;background:#f9fcfa;cursor:pointer}.upload input{display:block;max-width:100%;font-size:12px;margin:12px auto 0}.upload span{font-size:13px;font-weight:500}.characters{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.character{border:2px solid transparent;padding:6px 3px;border-radius:14px;background:#f1f6f2;font-size:10px;color:#34483b}.character.selected{border-color:var(--pink);background:#f8eaf1}.avatar{width:60px;height:60px;object-fit:contain;display:block}.character .avatar{width:100%;height:auto;aspect-ratio:1}.character span{display:block;margin-top:4px}.room-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.room-code{font-size:13px;letter-spacing:.1em;font-weight:700}.pill{font-size:10px;padding:7px 10px;background:#e7f7ed;border-radius:20px;white-space:nowrap}.share{display:flex;gap:10px;margin:20px 0}.share input{font-size:12px}.share button{white-space:nowrap}.waiting-title{text-align:center;padding:22px 0 5px}.waiting-title h1{font-size:44px}.arena{position:relative;height:330px;max-width:560px;margin:0 auto;border-radius:24px;background:#ffffff60;border:1px solid #ffffff90;overflow:hidden}.waiting-avatar{position:absolute;width:52px;height:52px;animation:bob 3s ease-in-out infinite}.waiting-avatar img{width:100%;height:100%;object-fit:contain}.room-actions{text-align:center;margin-top:20px;display:flex;gap:10px;justify-content:center}.room-actions .primary{min-width:170px}.room-meta{text-align:center;font-size:11px;color:#67776c;margin:15px}.question{max-width:780px;margin:12px auto}.question-top{display:flex;justify-content:space-between;align-items:center;font-size:13px;background:#ffffffe8;padding:15px 20px;border-radius:16px}.timer{font-size:22px;font-weight:800;font-variant-numeric:tabular-nums}.question-card{margin:16px 0;background:#fffffff0;padding:32px;border-radius:24px;text-align:center;min-height:160px;display:grid;place-items:center}.question-card h2{font-size:clamp(22px,4vw,34px);margin:0;overflow-wrap:anywhere}.answers{display:grid;grid-template-columns:1fr 1fr;gap:12px}.answer{min-height:136px;aspect-ratio:1.8;border:2px solid #ffffff80;padding:22px;border-radius:20px;font-weight:700;color:#15231b;text-align:left;position:relative;font-size:18px;overflow-wrap:anywhere;transition:transform .15s}.answer:hover:enabled{transform:translateY(-3px)}.answer:nth-child(1){background:#b1ecd8}.answer:nth-child(2){background:#f0b9d0}.answer:nth-child(3){background:#c7c2ef}.answer:nth-child(4){background:#f4d397}.answer.chosen{outline:3px solid #273e33;outline-offset:2px;opacity:1}.answer .letter{display:block;font-size:11px;opacity:.5;margin-bottom:16px}.answer:disabled{opacity:.8}.feedback{text-align:center;min-height:30px;margin:16px 0;font-size:14px;font-weight:600}.countdown-screen{min-height:65svh;display:flex;flex-direction:column;justify-content:space-between;max-width:800px;margin:auto}.points{text-align:right;font-size:22px;font-weight:800}.points small{font-size:10px;color:#68736c}.road{position:relative;height:180px;margin:40px 50px 0}.road:before{content:"";position:absolute;left:0;right:-15px;top:115px;height:8px;background:linear-gradient(90deg,#e5a8c2,#6bd2ad);border-radius:8px}.road:after{content:"";position:absolute;right:-24px;top:107px;border-left:16px solid #6bd2ad;border-top:12px solid transparent;border-bottom:12px solid transparent}.marker{position:absolute;top:8px;transform:translate(-50%);text-align:center;width:95px}.marker .avatar{margin:auto}.marker strong{display:block;font-size:18px}.marker span{display:block;font-size:11px;margin:5px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.marker.me .avatar{filter:drop-shadow(0 4px 7px #a5276150)}.countdown-number{text-align:center;padding:20px}.countdown-number b{font-family:Nunito,sans-serif;font-size:clamp(90px,22vw,150px);line-height:1;font-weight:900;color:var(--pink)}.countdown-number p{font-size:12px;letter-spacing:.15em;text-transform:uppercase}.podium-title{text-align:center;margin:25px 0 55px}.podium-title h1{font-size:54px}.podium-row{display:flex;align-items:flex-end;justify-content:center;gap:12px;max-width:600px;margin:0 auto}.winner{width:30%;text-align:center}.winner img{width:84px;height:84px;object-fit:contain;display:block;margin:auto}.winner-name{display:block;font-weight:700;font-size:14px;overflow-wrap:anywhere;margin:10px 0 4px}.winner-points{display:block;font-size:12px;margin-bottom:18px}.step{border-radius:18px 18px 0 0;display:grid;place-items:center;font-family:Nunito,sans-serif;font-size:44px;font-weight:900;box-shadow:inset 0 2px #ffffff70}.gold .step{height:180px;background:linear-gradient(#ffe19b,#e5b75c)}.silver .step{height:130px;background:linear-gradient(#e8edf3,#b7bfcc)}.bronze .step{height:100px;background:linear-gradient(#edbf9e,#bf8d6e)}.loader{max-width:300px;text-align:center;margin:20svh auto}.loader-track{height:5px;background:#d9e6dd;border-radius:5px;overflow:hidden}.loader-fill{height:100%;background:var(--pink);transition:width .2s}.loader p{font-size:12px;color:#6b786f;margin-top:18px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%);max-width:90vw;background:#1d342b;color:#fff;border-radius:14px;padding:14px 20px;z-index:50;font-size:13px;opacity:0;pointer-events:none;transition:opacity .2s}#toast.visible{opacity:1}.error{color:#a52761;font-size:13px;line-height:1.5}.empty{text-align:center;color:#718077;font-size:13px;position:absolute;inset:45% 10% auto}.spinner{display:inline-block;width:14px;height:14px;border:2px solid #a5276130;border-top-color:var(--pink);border-radius:50%;animation:spin 1s linear infinite}@keyframes bob{50%{transform:translateY(-5px)}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:600px){header{height:86px;padding:18px 22px}.logo{width:102px;height:49px}.logo span{font-size:35px}.header-note{font-size:10px;max-width:120px;line-height:1.5}main{padding:18px 18px 35px;min-height:calc(100svh - 86px)}.hero{margin:35px 0 28px}.roles{gap:12px}.role{min-height:220px;padding:22px 18px;border-radius:22px}.role .symbol{font-size:34px;width:62px;height:62px;line-height:62px}.role strong{font-size:24px}.role small{font-size:11px;max-width:100px}.role .arrow{right:18px;bottom:28px}.panel{padding:24px 20px;margin:6px auto}.characters{gap:6px}.theme img{height:75px}.theme span{font-size:10px}.waiting-title h1{font-size:36px}.arena{height:350px}.question-card{padding:25px 18px;min-height:145px}.answer{padding:16px;min-height:144px;aspect-ratio:1;font-size:16px}.road{margin:38px 40px 0}.marker{width:80px}.marker .avatar{width:52px;height:52px}.share{flex-wrap:wrap}.share input{flex:1;min-width:150px}.podium-title h1{font-size:44px}.winner img{width:65px;height:65px}.winner-name{font-size:12px}.podium-row{gap:8px}.step{font-size:36px}.gold .step{height:160px}.silver .step{height:115px}.bronze .step{height:90px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}#background{background-size:100% 100%}#background{z-index:0}header,main{position:relative;z-index:1}.answer{aspect-ratio:1}.winner .avatar{margin-inline:auto}.ranking-panel{background:#c3c9ca80;border:1px solid rgba(255,255,255,.55);border-radius:24px;padding:18px 14px 0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#101713}.ranking-panel .points small{color:#283f32}.audio-toggle{position:fixed;top:max(20px,env(safe-area-inset-top));right:max(20px,env(safe-area-inset-right));z-index:40;width:44px;height:44px;display:grid;place-items:center;padding:0;border:1px solid rgba(165,39,97,.16);border-radius:50%;background:var(--mint);color:var(--pink);box-shadow:0 3px 14px #173d2520}.audio-toggle .sound-muted,.audio-toggle[aria-pressed=true] .sound-waves{display:none}.audio-toggle[aria-pressed=true] .sound-muted{display:block}header .header-note{margin-right:60px}.hero h1{color:var(--mint)}.role .symbol{background:transparent}.role .symbol img{display:block;width:100%;height:100%;object-fit:contain}