:root{--bg: #1a0635;--bg2: #2a0a4a;--purple: #7c3aed;--purple-l: #a855f7;--pink: #ff3df0;--cyan: #2ee6ff;--gold: #f5c542;--green: #22c55e;--red: #ef4444;--text: #f5f3ff;--muted: #c4b5fd;--c0: #2563eb;--c1: #f59e0b;--c2: #16a34a;--c3: #db2777;--shadow: 0 10px 40px rgba(0, 0, 0, .45)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{font-family:Nunito,Segoe UI,system-ui,-apple-system,sans-serif;background:radial-gradient(circle at 50% 0%,#3b1370,var(--bg) 60%);color:var(--text);overflow:hidden;-webkit-user-select:none;user-select:none}button{font-family:inherit;cursor:pointer;border:none}.logo{font-family:Fredoka,Nunito,system-ui,sans-serif;font-weight:700;letter-spacing:.02em;line-height:1;text-shadow:0 0 22px rgba(180,90,255,.5)}.logo .lg-q{color:#ff3fa6}.logo .lg-b{color:#ff9a3d}.logo .lg-3{color:#46d6ff}.glow{text-shadow:0 0 34px rgba(190,110,255,.7)}.canvas-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1}.screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;pointer-events:none}.screen .panel{pointer-events:auto}.splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;background:radial-gradient(circle at 50% 40%,#3c146ee6,#0a0219fa)}.splash .logo{font-size:clamp(48px,9vw,130px)}.splash p{color:var(--muted);font-size:20px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:22px 36px;gap:16px}.badge{background:#7846d252;border:1.5px solid rgba(180,140,255,.5);padding:9px 20px;border-radius:999px;font-weight:800;font-size:15px;color:#efe6ff;letter-spacing:.02em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.badge .icon{margin-right:6px}.mode-badge{background:#ff9a3d38;border-color:#ffb4648c;color:#ffd9a8}.diff-badge{background:#2dc36b38;border-color:#50dc8c80;color:#9bf4c4}.timer-donut{width:86px;height:86px;border-radius:50%;background:conic-gradient(#ffd36b var(--pct, 100%),rgba(255,255,255,.12) 0);display:grid;place-items:center;box-shadow:0 0 30px #ffc85a8c}.timer-donut .inner{width:70px;height:70px;border-radius:50%;background:#160a30;display:grid;place-items:center;font-family:Fredoka,system-ui,sans-serif;font-weight:700;font-size:34px;color:#fff}.timer-donut.low{background:conic-gradient(#ff5a5a var(--pct,100%),rgba(255,255,255,.12) 0);animation:pulse .5s infinite}.timer-donut.low .inner{color:#ff8a8a}.center-area{flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:22px;padding:0 30vw 0 6%}.center-area.with-presenter{padding-right:30vw}.center-area.with-presenter .question-card{max-width:60vw}.center-area.with-presenter .options-grid{width:min(820px,58vw)}.lobby{display:flex;gap:42px;align-items:center;flex-wrap:wrap}.qr-panel{background:#fff;padding:22px;border-radius:20px;box-shadow:0 18px 50px #00000080,0 0 0 1px #ffffff1a;display:flex;flex-direction:column;align-items:center;gap:12px}.qr-panel .code{font-family:Fredoka,system-ui,sans-serif;color:#2c1556;font-weight:700;font-size:26px;letter-spacing:.32em}.join-info{max-width:460px}.join-info h1{font-family:Fredoka,system-ui,sans-serif;font-weight:700;font-size:clamp(38px,4.4vw,58px);line-height:1.02;margin:0 0 22px;color:#fff;text-shadow:0 0 34px rgba(190,110,255,.7)}.join-info ol{color:#e7ddff;font-size:18px;line-height:1.5;font-weight:600;padding-left:22px;margin:0}.join-info ol li{margin-bottom:10px}.join-info ol b{color:#fff}.url-pill{display:inline-block;margin-left:6px;font-family:ui-monospace,monospace;font-size:14px;background:#6e5ac84d;border:1px solid rgba(160,130,255,.35);padding:4px 10px;border-radius:7px;color:#9ad8ff}.join-info .waiting{margin-top:24px;font-size:16px;color:#c8b4ffb3;font-weight:700;letter-spacing:.02em}.players-row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;max-width:1100px}.player-chip{background:#7c3aed4d;border:1px solid rgba(168,85,247,.5);padding:10px 18px;border-radius:14px;font-weight:700;font-size:20px;display:flex;align-items:center;gap:8px;animation:pop .3s ease}.player-chip.host{background:linear-gradient(90deg,var(--gold),#e0992f);color:#2a0a4a}.player-chip .dot{width:9px;height:9px;border-radius:50%;background:var(--green)}.player-chip.off{opacity:.45}.player-chip.off .dot{background:#777}.q-meta{display:flex;align-items:center;gap:11px}.question-card{position:relative;background:#120926a8;border:1.5px solid rgba(150,110,255,.3);border-radius:24px;padding:38px 42px;text-align:left;box-shadow:0 22px 64px #00000080,inset 0 0 70px #7846dc1f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%}.question-text{font-family:Fredoka,system-ui,sans-serif;font-weight:600;font-size:clamp(28px,3.4vw,46px);line-height:1.08;color:#fff;text-shadow:0 0 30px rgba(190,110,255,.45)}.question-card .timer-donut{position:absolute;top:-28px;right:-26px;width:98px;height:98px}.question-card .timer-donut .inner{width:78px;height:78px;font-size:40px}.options-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%}.option{display:flex;align-items:center;gap:16px;padding:16px 20px;border-radius:18px;background:#140a2a9e;border:1.5px solid rgba(255,255,255,.08);box-shadow:0 8px 26px #00000061;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .2s,opacity .2s,box-shadow .2s}.option .shape-badge{flex:none;width:52px;height:52px;border-radius:14px;display:grid;place-items:center}.option .shape-badge.c0{background:#2f7bff;box-shadow:0 0 20px #2f7bff8c}.option .shape-badge.c1{background:#ff3d9a;box-shadow:0 0 20px #ff3d9a8c}.option .shape-badge.c2{background:#ffb02e;box-shadow:0 0 20px #ffb02e8c}.option .shape-badge.c3{background:#2fc36b;box-shadow:0 0 20px #2fc36b8c}.option .shape{width:22px;height:22px;background:#fff}.option .shape.tri{width:0;height:0;background:transparent;border-left:13px solid transparent;border-right:13px solid transparent;border-bottom:21px solid #fff}.option .shape.dia{transform:rotate(45deg);border-radius:4px}.option .shape.cir{border-radius:50%}.option .shape.sqr{border-radius:5px}.option .opt-text{font-family:Fredoka,system-ui,sans-serif;font-weight:600;font-size:clamp(20px,1.8vw,27px);color:#fff}.option.correct{outline:4px solid #2fc36b;transform:scale(1.03);box-shadow:0 0 40px #2fc36b8c}.option.wrong{opacity:.35;filter:grayscale(.5)}.option.reading{outline:3px solid var(--cyan, #5cd6ff);transform:scale(1.04);box-shadow:0 0 38px #5cd6ff99;animation:readingPulse 1s ease-in-out infinite}@keyframes readingPulse{0%,to{box-shadow:0 0 26px #5cd6ff73}50%{box-shadow:0 0 46px #5cd6ffcc}}.buzz-big{width:280px;height:280px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ff6b6b,var(--red) 60%,#991b1b);box-shadow:0 0 60px #ef4444e6,inset 0 -14px 30px #0006;display:grid;place-items:center;font-size:44px;font-weight:900;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.5);animation:pulse .7s infinite}.buzz-winner{font-size:clamp(34px,5vw,70px);font-weight:900;text-align:center}.buzz-winner .name{color:var(--gold)}.leaderboard{position:fixed;top:88px;right:30px;width:320px;z-index:4;display:flex;flex-direction:column;gap:11px;pointer-events:auto}.leaderboard .lb-title{text-align:right;font-size:16px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#cdb9ffd1;margin-bottom:4px}.lb-row{display:flex;align-items:center;gap:13px;padding:12px 18px 12px 12px;border-radius:18px;background:#160b2e99;border:1.5px solid rgba(160,130,255,.28);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.lb-row.lb-first{border-color:#ffd47899;box-shadow:0 0 22px #ffc86447;background:#160b2eb3}.lb-row .lb-av{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:20px;color:#1a0a30}.lb-row .lb-nm{flex:1;font-weight:700;font-size:21px;color:#e7ddff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lb-row.lb-first .lb-nm{color:#fff}.lb-row .lb-pts{font-weight:800;font-size:21px;color:#cdbcff}.lb-row.lb-first .lb-pts{color:#ffd36b}@keyframes slideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(-16px);opacity:0}to{transform:translateY(0);opacity:1}}.lb-row{animation:slideUp .4s ease-out}.lb-row.moving-up{animation:slideUp .5s cubic-bezier(.34,1.56,.64,1)}.lb-row.moving-down{animation:slideDown .5s cubic-bezier(.34,1.56,.64,1)}.answer-cards{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:4px;max-width:60vw}.answer-card{width:104px;height:126px;perspective:800px}.answer-card .ac-flip{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.4,.8,.3,1)}.answer-card.revealed .ac-flip{transform:rotateY(180deg)}.ac-face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;padding:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:2px solid rgba(255,255,255,.12);box-shadow:0 10px 26px #0000006b}.ac-front{background:linear-gradient(160deg,#3a1d6e,#241046)}.ac-front .ac-lock{font-size:34px}.ac-back{transform:rotateY(180deg);background:#140a2ae0}.ac-name{font-family:Fredoka,system-ui,sans-serif;font-weight:700;font-size:15px;color:#e7ddff;max-width:92px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ac-icon{font-size:30px}.ac-shape-badge{width:46px;height:46px;border-radius:13px;display:grid;place-items:center}.ac-shape-badge.c0{background:#2f7bff;box-shadow:0 0 16px #2f7bff8c}.ac-shape-badge.c1{background:#ff3d9a;box-shadow:0 0 16px #ff3d9a8c}.ac-shape-badge.c2{background:#ffb02e;box-shadow:0 0 16px #ffb02e8c}.ac-shape-badge.c3{background:#2fc36b;box-shadow:0 0 16px #2fc36b8c}.ac-shape-badge .shape{width:20px;height:20px;background:#fff}.ac-shape-badge .shape.tri{width:0;height:0;background:transparent;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:19px solid #fff}.ac-shape-badge .shape.dia{transform:rotate(45deg);border-radius:4px}.ac-shape-badge .shape.cir{border-radius:50%}.ac-shape-badge .shape.sqr{border-radius:5px}.ac-mark{position:absolute;top:6px;right:10px;font-size:18px;font-weight:900}.answer-card.is-correct .ac-back{border-color:#2fc36b;box-shadow:0 0 30px #2fc36b99;background:#122e1ceb}.answer-card.is-correct .ac-mark{color:#5cffa0}.answer-card.is-wrong .ac-back{border-color:#ff507880;opacity:.82}.answer-card.is-wrong .ac-mark{color:#ff6b8a}.answer-card.is-correct{animation:cardPop .55s ease-out}@keyframes cardPop{0%{transform:scale(1)}45%{transform:scale(1.09)}to{transform:scale(1)}}.answer-card.false .ac-flip{transform:none}.ac-false{background:linear-gradient(160deg,#5e1330,#3a0c1f);border-color:#ff5a7880}.ac-false .ac-tag{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#ff8aa3}.subtitle{position:fixed;bottom:26px;left:50%;transform:translate(-50%);z-index:3;max-width:70vw;text-align:center;padding:12px 26px;border-radius:16px;background:#0000008c;border:1px solid rgba(168,85,247,.4);font-size:22px;font-weight:600;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.podium-title{font-family:Fredoka,system-ui,sans-serif;font-weight:700;font-size:clamp(34px,4vw,46px);color:#fff;text-shadow:0 0 36px rgba(255,200,90,.55);margin:0;text-align:center}.podium-sub{margin-top:10px;font-size:17px;font-weight:700;color:#cdb9ffbf;letter-spacing:.03em;text-align:center}.podium{display:flex;align-items:flex-end;gap:24px;justify-content:center;margin-top:40px}.podium-step{display:flex;flex-direction:column;align-items:center;width:170px}.podium-step.first{width:188px;animation:rise 3.2s ease-in-out infinite}.podium-step .medal{font-size:26px;margin-bottom:2px}.podium-step.first .medal{font-size:30px;margin-bottom:-2px}.podium-av{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-family:Fredoka,system-ui,sans-serif;font-weight:700;font-size:28px;color:#1a0a30;border:3px solid #d7e2ee;box-shadow:0 0 22px #aac8e680}.podium-step.first .podium-av{width:76px;height:76px;font-size:36px;border:4px solid #ffd86b;box-shadow:0 0 34px #ffd478b3}.podium-step.third .podium-av{border-color:#e6c39a;box-shadow:0 0 22px #dcaa6e80}.podium-step .who{margin-top:9px;font-family:Fredoka,system-ui,sans-serif;font-weight:600;font-size:22px;color:#fff}.podium-step.first .who{font-weight:700;font-size:27px;text-shadow:0 0 22px rgba(255,200,90,.5)}.podium-step .pts{font-weight:800;font-size:19px;color:#d7e2ee}.podium-step.first .pts{font-size:22px;color:#ffd86b}.podium-step.third .pts{color:#e6c39a}.podium-block{position:relative;margin-top:12px;width:160px;border-radius:14px 14px 0 0;display:grid;place-items:center;font-family:Fredoka,system-ui,sans-serif;font-weight:700}.podium-block.p1{width:172px;height:182px;background:linear-gradient(180deg,#ffe49a,#f3b43f 60%,#d8932a);box-shadow:0 0 48px #ffc85a73,inset 0 4px #fff9;font-size:88px;color:#8c55148c}.podium-block.p2{height:124px;background:linear-gradient(180deg,#eef1f6,#c4cad6 60%,#9aa3b4);box-shadow:0 0 30px #b4c8e64d,inset 0 4px #ffffff8c;font-size:62px;color:#46506480}.podium-block.p3{height:94px;background:linear-gradient(180deg,#f0c08a,#cf914f 60%,#a96f33);box-shadow:0 0 30px #d2965a4d,inset 0 4px #ffffff73;font-size:54px;color:#6e411980}@keyframes spotlightFlicker{0%,to{opacity:.8}50%{opacity:1}}.podium:before,.podium:after{content:"";position:absolute;top:-200px;width:400px;height:400px;pointer-events:none}.podium:before{left:-100px;background:radial-gradient(circle,rgba(255,200,80,.3) 0%,transparent 70%);animation:spotlightFlicker 2.5s ease-in-out infinite}.podium:after{right:-100px;background:radial-gradient(circle,rgba(255,180,60,.25) 0%,transparent 70%);animation:spotlightFlicker 2.8s ease-in-out infinite;filter:blur(40px)}.podium-step.first:before{content:"✨";position:absolute;top:-60px;left:50%;transform:translate(-50%);font-size:40px;animation:pulse 1s ease-in-out infinite}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:21;overflow:hidden}.confetti .c{position:absolute;top:-30px;border-radius:2px;animation:fall linear infinite}.phone{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;padding:16px;background:radial-gradient(circle at 50% 0%,#3b1370,var(--bg) 70%)}.phone .head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.phone .head .logo{font-size:24px}.phone .me{font-size:13px;color:var(--muted)}.phone .body{flex:1;min-height:0;display:flex;flex-direction:column;gap:14px;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:8px}.phone .body.center{justify-content:center;align-items:center;text-align:center}.card{background:#14062db3;border:1px solid rgba(168,85,247,.35);border-radius:16px;padding:16px}.field label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}input[type=text]{width:100%;padding:16px;border-radius:14px;border:2px solid rgba(168,85,247,.5);background:#0000004d;color:var(--text);font-size:20px;text-align:center}.btn{width:100%;padding:16px;border-radius:14px;font-size:18px;font-weight:800;color:#fff;cursor:pointer;touch-action:manipulation;background:#7c3aed66;border:1px solid rgba(168,85,247,.5);transition:transform .1s,filter .2s}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(90deg,var(--pink),var(--purple))}.btn-gold{background:linear-gradient(90deg,var(--gold),#e0992f);color:#2a0a4a}.btn:disabled{opacity:.5}.section-title{font-size:14px;color:var(--muted);letter-spacing:1px;text-transform:uppercase;margin:4px 0 8px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:10px 14px;border-radius:12px;font-weight:700;font-size:15px;background:#7c3aed38;border:1px solid rgba(168,85,247,.35);color:var(--text);cursor:pointer;touch-action:manipulation}.chip.active{background:linear-gradient(90deg,var(--pink),var(--purple));border-color:transparent}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stepper{display:flex;align-items:center;gap:12px;justify-content:center}.stepper button{width:54px;height:54px;border-radius:14px;font-size:26px;font-weight:900;background:#7c3aed66;color:#fff;cursor:pointer;touch-action:manipulation}.stepper .val{font-size:30px;font-weight:900;min-width:50px;text-align:center}.mode-desc{font-size:12px;color:var(--muted);margin-top:4px}.wait{font-size:20px;color:var(--muted)}.wait .big{font-size:26px;color:var(--text);font-weight:800;margin-bottom:8px}.opts{display:flex;flex-direction:column;gap:12px}.opt-btn{display:flex;align-items:center;gap:14px;padding:20px;border-radius:16px;font-size:19px;font-weight:800;color:#fff;text-align:left;box-shadow:var(--shadow)}.opt-btn .letter{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:#00000040;flex:0 0 auto}.opt-btn.c0{background:linear-gradient(135deg,#3b82f6,var(--c0))}.opt-btn.c1{background:linear-gradient(135deg,#fbbf24,var(--c1))}.opt-btn.c2{background:linear-gradient(135deg,#4ade80,var(--c2))}.opt-btn.c3{background:linear-gradient(135deg,#f472b6,var(--c3))}.opt-btn:disabled{opacity:.45}.opt-btn.chosen{outline:4px solid #fff}.buzz-btn{flex:1;min-height:320px;border-radius:28px;font-size:40px;font-weight:900;color:#fff;background:radial-gradient(circle at 35% 30%,#ff6b6b,var(--red) 60%,#991b1b);box-shadow:0 0 50px #ef4444cc,inset 0 -16px 30px #0006;animation:pulse .7s infinite;text-shadow:0 2px 8px rgba(0,0,0,.5)}.buzz-btn:active{transform:scale(.96)}.locked-box{flex:1;display:grid;place-items:center;text-align:center;color:var(--muted);font-size:22px;gap:8px}.locked-box .lock{font-size:56px}.locked-box.false{color:#ffd0da}.locked-box.false .lock{animation:pulse .7s infinite}.false-watch{cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.false-warn{color:#ffb02e;font-weight:800;font-size:13px;margin-top:16px}.feedback{text-align:center;padding:26px;border-radius:18px;font-size:24px;font-weight:900}.feedback.correct{background:#22c55e40;border:2px solid var(--green)}.feedback.wrong{background:#ef444438;border:2px solid var(--red)}.feedback .gain{display:block;font-size:34px;color:var(--gold);margin-top:6px}.steal-list{display:flex;flex-direction:column;gap:10px}.steal-btn{display:flex;justify-content:space-between;align-items:center;padding:18px;border-radius:14px;font-size:18px;font-weight:800;color:#fff;background:linear-gradient(90deg,#b91c1c,#7f1d1d)}.my-score{text-align:center}.my-score .pts{font-size:48px;font-weight:900;color:var(--gold)}.placement{font-size:22px}.placement .rank{font-size:64px;font-weight:900;color:var(--gold)}.toast{position:fixed;top:12px;left:50%;transform:translate(-50%);background:#000c;padding:10px 18px;border-radius:12px;font-weight:700;z-index:40;animation:pop .3s}.quad-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30}.quad-info{position:absolute;top:6px;left:50%;transform:translate(-50%);z-index:3;font-size:12px;font-weight:700;color:var(--text);background:#00000073;padding:4px 14px;border-radius:999px;pointer-events:none;white-space:nowrap}.quad-grid{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:8px;padding:8px}.quad{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;border-radius:22px;color:#fff;background:#140a2ab8;border:1.5px solid rgba(255,255,255,.1);box-shadow:0 8px 26px #00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .1s,opacity .2s,filter .2s}.quad:active{transform:scale(.97)}.quad .q-shape-badge{width:clamp(56px,14vmin,96px);height:clamp(56px,14vmin,96px);border-radius:18px;display:grid;place-items:center}.quad .q-shape-badge.c0{background:#2f7bff;box-shadow:0 0 24px #2f7bff99}.quad .q-shape-badge.c1{background:#ff3d9a;box-shadow:0 0 24px #ff3d9a99}.quad .q-shape-badge.c2{background:#ffb02e;box-shadow:0 0 24px #ffb02e99}.quad .q-shape-badge.c3{background:#2fc36b;box-shadow:0 0 24px #2fc36b99}.quad .q-shape-badge .shape{width:clamp(22px,5.4vmin,40px);height:clamp(22px,5.4vmin,40px);background:#fff}.quad .q-shape-badge .shape.tri{width:0;height:0;background:transparent;border-left:clamp(13px,3vmin,22px) solid transparent;border-right:clamp(13px,3vmin,22px) solid transparent;border-bottom:clamp(21px,5vmin,36px) solid #fff}.quad .q-shape-badge .shape.dia{transform:rotate(45deg);border-radius:5px}.quad .q-shape-badge .shape.cir{border-radius:50%}.quad .q-shape-badge .shape.sqr{border-radius:6px}.quad .q-text{font-family:Fredoka,system-ui,sans-serif;font-size:clamp(16px,3.8vmin,30px);font-weight:600;text-align:center;padding:0 12px;color:#fff}.quad .q-check{position:absolute;top:10px;right:16px;font-size:28px}.quad.dim{opacity:.28;filter:grayscale(.6)}.quad.picked{outline:4px solid #fff}.quad-sent{position:absolute;bottom:8px;left:50%;transform:translate(-50%);z-index:3;background:#0009;padding:6px 18px;border-radius:999px;font-size:14px;font-weight:700}.rotate-hint{display:none}@media (orientation: portrait){.rotate-hint{display:block;position:absolute;top:8px;left:50%;transform:translate(-50%);z-index:4;background:#000000b8;padding:8px 16px;border-radius:999px;font-size:13px;font-weight:800;pointer-events:none;animation:pulse 1.4s infinite}.quad-info{top:42px}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes pop{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}@keyframes swayA{0%,to{transform:rotate(-7deg)}50%{transform:rotate(6deg)}}@keyframes swayB{0%,to{transform:rotate(6deg)}50%{transform:rotate(-9deg)}}@keyframes swayC{0%,to{transform:rotate(-4deg)}50%{transform:rotate(5deg)}}@keyframes swayKey{0%,to{transform:rotate(-1.5deg)}50%{transform:rotate(2deg)}}@keyframes flick{0%,to{opacity:1}43%{opacity:.74}46%{opacity:1}78%{opacity:.86}81%{opacity:1}}@keyframes ringPulse{0%,to{box-shadow:0 0 22px 2px #ffd4788c,0 0 60px 8px #ffbe5a47,inset 0 0 24px #ffd27859;opacity:.92}50%{box-shadow:0 0 34px 4px #ffde8cd9,0 0 96px 16px #ffc86473,inset 0 0 34px #ffdc8c80;opacity:1}}@keyframes burst{0%{opacity:.32;transform:translate(-50%,-50%) scale(.92) rotate(0)}50%{opacity:.62;transform:translate(-50%,-50%) scale(1.04) rotate(8deg)}to{opacity:.32;transform:translate(-50%,-50%) scale(.92) rotate(0)}}@keyframes scan{0%{background-position:0 0}to{background-position:0 140px}}@keyframes drift{0%{transform:translateY(10px);opacity:0}15%{opacity:.7}85%{opacity:.7}to{transform:translateY(-120px);opacity:0}}@keyframes glowP{0%,to{opacity:.45}50%{opacity:.8}}@keyframes eq{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}@keyframes stripScroll{0%{background-position:0 0}to{background-position:0 80px}}@keyframes twinkle{0%,to{opacity:.2;transform:scale(.7)}50%{opacity:1;transform:scale(1.25)}}@keyframes fall{0%{transform:translateY(-30px) rotate(0);opacity:0}12%{opacity:1}88%{opacity:1}to{transform:translateY(560px) rotate(420deg);opacity:0}}@keyframes rise{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes fadeInOut{0%{opacity:0;transform:scale(.92)}15%{opacity:1;transform:scale(1)}85%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.92)}}@keyframes flashGreen{0%{opacity:0}10%{opacity:.65}50%{opacity:.65}to{opacity:0}}@keyframes flashRed{0%{opacity:0}10%{opacity:.55}50%{opacity:.55}to{opacity:0}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.screen.flash-correct:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;opacity:0;background:#22c55e99;animation:flashGreen 1.2s ease-out forwards;pointer-events:none;z-index:39}.screen.flash-wrong:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;opacity:0;background:#ef444480;animation:flashRed 1.2s ease-out forwards;pointer-events:none;z-index:39}.screen.shake{animation:shake .4s}@media (prefers-reduced-motion: reduce){.buzz-big,.buzz-btn,.timer.low{animation:none}}.final-bet-panel{display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center}.final-bet-crown{font-size:clamp(48px,7vw,88px);animation:pulse 1.2s ease-in-out infinite}.final-bet-title,.final-q-title{font-size:clamp(44px,6vw,82px);color:var(--gold);text-shadow:0 0 40px rgba(245,197,66,.6)}.final-bet-sub{font-size:clamp(18px,2vw,26px);color:#c8b4ffe6}.final-bet-counter{font-size:clamp(22px,2.6vw,38px);font-weight:900;color:var(--cyan);background:#2ee6ff1f;border:1.5px solid rgba(46,230,255,.3);padding:12px 32px;border-radius:999px;letter-spacing:.04em}.ac-bet{font-family:Fredoka,system-ui,sans-serif;font-weight:800;font-size:14px;color:var(--gold);letter-spacing:.04em}.bet-header{text-align:center}.bet-title{font-family:Fredoka,system-ui,sans-serif;font-size:32px;font-weight:700;color:var(--gold)}.bet-sub{font-size:16px;color:var(--muted);margin-top:4px}.bet-score{font-size:18px;font-weight:700;margin-top:10px;color:var(--text)}.bet-card{display:flex;flex-direction:column;gap:16px}.bet-amount-display{font-family:Fredoka,system-ui,sans-serif;font-size:52px;font-weight:700;color:var(--gold);text-align:center;text-shadow:0 0 22px rgba(245,197,66,.5)}.bet-slider{width:100%;height:10px;border-radius:999px;cursor:pointer;accent-color:var(--gold)}.bet-presets{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.bet-hint{text-align:center;font-size:13px;color:var(--muted)}.feedback .gain.loss{color:var(--red)}