*{box-sizing:border-box;margin:0;padding:0}html,body,#game-root{width:100dvw;height:100dvh}body{color:#fff9f0;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#2a1b3d;font-family:Fredoka,ui-sans-serif,system-ui,sans-serif;overflow:hidden}#game-root{position:relative}canvas{touch-action:none;display:block}.hud{pointer-events:none;z-index:5;position:absolute;inset:0}.hud>*{pointer-events:auto}.badge{background:#2a1b3dbf;border:2px solid #fff9f0;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:clamp(14px,2.4vw,17px);font-weight:600;display:inline-flex;position:absolute;top:14px;left:14px}.badge.pop{animation:.3s badgePop}@keyframes badgePop{0%{transform:scale(1)}40%{transform:scale(1.25)}to{transform:scale(1)}}.mute-btn{cursor:pointer;width:42px;height:42px;color:inherit;background:#2a1b3dbf;border:2px solid #fff9f0;border-radius:999px;place-items:center;font-size:18px;display:grid;position:absolute;top:14px;right:14px}.overlay{text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#2a1b3dd1;place-items:center;padding:24px;animation:.35s fadeIn;display:grid;position:absolute;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.overlay h1{margin-bottom:10px;font-size:clamp(30px,7vw,58px);animation:.6s cubic-bezier(.34,1.56,.64,1) titleDrop}@keyframes titleDrop{0%{opacity:0;transform:translateY(-30px)scale(.8)}to{opacity:1;transform:none}}.overlay p{opacity:.9;max-width:36ch;margin:0 auto 22px;font-size:clamp(15px,3vw,21px);line-height:1.5}.play-btn{color:#2a1b3d;cursor:pointer;background:#ffb627;border:3px solid #2a1b3d;border-radius:999px;padding:13px 36px;font-family:inherit;font-size:clamp(17px,3vw,23px);font-weight:700;transition:transform .1s,box-shadow .1s;animation:2.4s ease-in-out infinite btnPulse;box-shadow:0 5px #2a1b3d}.play-btn:hover{transform:translateY(-2px)}.play-btn:active{animation:none;transform:translateY(5px);box-shadow:0 0 #2a1b3d}@keyframes btnPulse{0%,to{box-shadow:0 5px #2a1b3d}50%{box-shadow:0 5px #2a1b3d,0 0 22px 4px #ffb62780}}.hint{opacity:.7;margin-top:16px;font-size:14px}.dice3d{cursor:pointer;perspective:600px;-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:8px}.dice3d:active{transform:scale(.94)}.dice3d-cube{transform-style:preserve-3d;margin:auto;transition-property:transform;transition-timing-function:cubic-bezier(.2,.8,.3,1);position:relative}.dice3d-cube.rolling{transition-timing-function:cubic-bezier(.3,.6,.4,1)}.dice3d-face{backface-visibility:hidden;background:linear-gradient(150deg,#fffdf8,#f2e6cf);border:2px solid #d8c295;border-radius:16%;position:absolute;inset:0;box-shadow:inset 0 0 0 2px #fff9,inset 0 -8px 16px #b4965a59}.dice3d-grid{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);place-items:center;display:grid;position:absolute;inset:12%}.dice3d-pip{background:0 0;border-radius:50%;width:62%;height:62%}.dice3d-pip.on{background:radial-gradient(circle at 35% 30%,#574063,#2a1b3d 70%);box-shadow:inset 0 -1px 2px #0006,0 1px 1px #ffffff80}@media (prefers-reduced-motion:reduce){.dice3d-cube{transition-duration:.001ms!important}}.end-screen{z-index:8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#2a1b3d8c;place-items:center;padding:20px;animation:.4s both endFade;display:grid;position:absolute;inset:0;overflow:hidden}.end-screen.win{background:#3a285a8c}.end-screen.lose{background:#2a1b3d99}@keyframes endFade{0%{opacity:0}to{opacity:1}}.end-card{z-index:2;text-align:center;color:#2a1b3d;background:#fff9f0;border:4px solid #2a1b3d;border-radius:28px;width:min(440px,92vw);padding:30px 26px 26px;animation:.55s cubic-bezier(.34,1.56,.64,1) both endPop;position:relative;box-shadow:0 18px 0 -4px #2a1b3d40,0 30px 60px -20px #00000080}@keyframes endPop{0%{opacity:0;transform:translateY(40px)scale(.7)}to{opacity:1;transform:none}}.end-emoji{font-size:clamp(56px,14vw,84px);line-height:1;animation:.7s .15s both endEmoji}@keyframes endEmoji{0%{transform:scale(0)rotate(-30deg)}60%{transform:scale(1.25)rotate(8deg)}to{transform:scale(1)rotate(0)}}.end-card h1{color:#2a1b3d;margin:6px 0 4px;font-size:clamp(28px,7vw,44px)}.end-card p{color:#5c4a6e;max-width:30ch;margin:0 auto 16px;font-size:clamp(15px,3vw,19px);line-height:1.45}.end-score{background:#fdefda;border:3px solid #2a1b3d;border-radius:18px;flex-direction:column;align-items:center;margin-bottom:18px;padding:10px 30px;display:inline-flex}.end-score-label{letter-spacing:.12em;text-transform:uppercase;color:#5c4a6e;font-size:12px;font-weight:600}.end-score-value{color:#f59218;font-variant-numeric:tabular-nums;font-size:clamp(34px,9vw,52px);font-weight:700;line-height:1}.end-extra{color:#3aa9a0;margin:-8px 0 18px;font-size:14px;font-weight:600}.confetti{z-index:1;pointer-events:none;position:absolute;inset:0}.confetti span{border-radius:2px;width:10px;height:14px;animation-name:confettiFall;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;top:-6%}@keyframes confettiFall{0%{opacity:1;transform:translateY(-10vh)rotate(0)}to{opacity:.9;transform:translateY(115vh)rotate(540deg)}}@media (prefers-reduced-motion:reduce){.confetti{display:none}.end-card,.end-emoji{animation:none}}.diff-row{justify-content:center;gap:10px;margin-bottom:20px;display:flex}.diff-btn{color:#fff9f0;cursor:pointer;background:#fff9f01f;border:2px solid #fff9f066;border-radius:999px;padding:8px 20px;font-family:inherit;font-size:15px;font-weight:600;transition:all .15s}.diff-btn.active{color:#2a1b3d;background:#fff9f0;border-color:#fff9f0}.popups{pointer-events:none;z-index:6;position:absolute;inset:0;overflow:hidden}.popup{color:#ffd45e;text-shadow:0 2px #2a1b3d,0 0 10px #0006;white-space:nowrap;font-size:clamp(20px,4vw,34px);font-weight:700;animation:.9s ease-out forwards floatUp;position:absolute;transform:translate(-50%,-50%)}@keyframes floatUp{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)rotate(-6deg)}25%{opacity:1;transform:translate(-50%,-70%)scale(1.15)rotate(2deg)}to{opacity:0;transform:translate(-50%,-160%)scale(1)rotate(-2deg)}}.stage-pill{color:#2a1b3d;background:#ffb627e6;left:50%;transform:translate(-50%)}.stage-pill.pop{animation:.3s badgePop}.stage-banner{z-index:7;pointer-events:none;place-items:center;animation:.3s fadeIn;display:grid;position:absolute;inset:0}.stage-banner-card{text-align:center;background:#2a1b3de6;border:4px solid #ffb627;border-radius:26px;padding:26px 40px;animation:.6s cubic-bezier(.34,1.56,.64,1) both stageIn;box-shadow:0 16px 44px #00000073}@keyframes stageIn{0%{opacity:0;transform:translateY(30px)scale(.7)}to{opacity:1;transform:none}}.stage-banner-big{color:#ffd45e;text-shadow:0 3px #2a1b3d;font-size:clamp(26px,6vw,46px);font-weight:700}.stage-banner-sub{opacity:.9;margin-top:8px;font-size:clamp(14px,3vw,20px)}.stage-banner-stars{margin-top:12px;font-size:clamp(22px,5vw,34px);animation:.9s ease-in-out infinite starPulse}@keyframes starPulse{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}@media (prefers-reduced-motion:reduce){.stage-banner-card,.stage-banner-stars{animation:none}}.vn-stage{z-index:5;flex-direction:column;justify-content:flex-end;display:flex;position:absolute;inset:0}.vn-box{pointer-events:auto;background:#2a1b3deb;border:3px solid #fff9f0;border-radius:22px;width:min(760px,94vw);margin:0 auto 3vh;padding:18px 22px 20px;box-shadow:0 10px 40px #0006}.vn-speaker{color:#241636;background:#ffb627;border:3px solid #fff9f0;border-radius:999px;margin-top:-32px;margin-bottom:10px;padding:3px 16px;font-size:17px;font-weight:700;display:inline-block}.vn-text{min-height:3.4em;font-size:clamp(16px,2.6vw,21px);line-height:1.55}.vn-cursor{margin-left:3px;animation:.8s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.vn-choices{flex-direction:column;gap:10px;margin-top:14px;display:flex}.vn-choice{text-align:left;color:#2a1b3d;cursor:pointer;background:#fff9f0;border:3px solid #2a1b3d;border-radius:14px;padding:12px 18px;font-family:inherit;font-size:clamp(15px,2.4vw,19px);font-weight:600;transition:transform .12s,background .12s}.vn-choice:hover{background:#ffe9c2;transform:translate(6px)}.vn-tap-hint{text-align:center;opacity:.6;margin-top:8px;font-size:13px}.overlay .row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.play-btn.secondary{background:#fff9f0}.cp-stage-pill{white-space:nowrap;background:#2a1b3dbf;border:2px solid #fff9f0;border-radius:999px;padding:6px 16px;font-size:clamp(12px,2.2vw,15px);font-weight:600;position:absolute;top:14px;left:50%;transform:translate(-50%)}.cp-progress{background:#2a1b3d99;border:2px solid #fff9f0;border-radius:999px;width:min(260px,60vw);height:10px;position:absolute;top:52px;left:50%;overflow:hidden;transform:translate(-50%)}.cp-progress-fill{background:linear-gradient(90deg,#2ec26a,#ffd45e);border-radius:999px;height:100%;transition:width .25s}.cp-banner{z-index:7;pointer-events:none;place-items:center;animation:.4s both cpBannerIn,.4s 1.8s both cpBannerOut;display:grid;position:absolute;inset:0}@keyframes cpBannerIn{0%{opacity:0}to{opacity:1}}@keyframes cpBannerOut{to{opacity:0}}.cp-banner-card{text-align:center;border:4px solid var(--tint,#c62828);box-shadow:0 0 40px -4px var(--tint,#c62828);background:#0f1b3dd9;border-radius:26px;padding:22px 30px;animation:.55s cubic-bezier(.34,1.56,.64,1) both cpBannerPop}@keyframes cpBannerPop{0%{transform:scale(.7)translateY(20px)}to{transform:none}}.cp-banner-emoji{font-size:clamp(48px,12vw,72px);line-height:1}.cp-banner-stage{letter-spacing:.14em;text-transform:uppercase;color:var(--tint,#c62828);margin-top:4px;font-size:13px;font-weight:700}.cp-banner-card h2{color:#fff9f0;margin:2px 0 6px;font-size:clamp(26px,6vw,42px)}.cp-banner-card p{color:#cdd8f0;max-width:26ch;margin:0 auto;font-size:clamp(14px,2.6vw,18px);line-height:1.45}@media (prefers-reduced-motion:reduce){.cp-banner,.cp-banner-card{animation:.3s both cpBannerIn,.3s 1.9s both cpBannerOut}}