:root{--red:#e5232b;--red-dark:#a80f18;--gold:#ffc928;--gold-dark:#e58a00;--ink:#3b1a14;--font:"Baloo 2", "Arial Rounded MT Bold", "Trebuchet MS", system-ui, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;font-family:var(--font);color:var(--ink);overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;background:radial-gradient(120% 100% at 50% 0,#17213a 0%,#070a14 100%);margin:0;overflow:hidden}button{cursor:pointer;color:inherit;background:0 0;border:0;padding:0;font-family:inherit}#app{background:#eaf4fc;width:min(100vw,60dvh);height:100dvh;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 0 80px #0000008c;container-type:size}#stage{z-index:2;background:#cfe8fa;width:100%;height:100%;transition:left .55s cubic-bezier(.65,0,.25,1),top .55s cubic-bezier(.65,0,.25,1),width .55s cubic-bezier(.65,0,.25,1),height .55s cubic-bezier(.65,0,.25,1),border-radius .55s cubic-bezier(.65,0,.25,1);position:absolute;top:0;left:0;overflow:hidden}#stage.instant{transition:none}#stage:after{content:"";pointer-events:none;background:radial-gradient(120% 90% at 50% 45%,#0000 55%,#141e3c47 100%);position:absolute;inset:0}#stage canvas{touch-action:none;width:100%;height:100%;display:block}.hidden{display:none!important}.screen{z-index:5;pointer-events:none;position:absolute;inset:0}.screen button,.screen .panel,.screen .sheet{pointer-events:auto}.ico{width:100%;height:100%;display:block;overflow:visible}#home-bg{z-index:1;background:radial-gradient(70cqw 40cqw at 90% 4%,#ffd67873,#0000 70%),radial-gradient(60cqw 40cqw at 0 100%,#78beff59,#0000 70%),linear-gradient(#f2f8ff,#e2eefb);position:absolute;inset:0}#home{z-index:4;flex-direction:column;padding:3.5cqw 4cqw 4cqw;transition:opacity .25s;display:flex}#home.leaving{opacity:0;pointer-events:none}.title{text-align:center;isolation:isolate;margin:0;font-weight:800;line-height:1.02}.title span{letter-spacing:.02em;background:linear-gradient(#fffbc7 0%,#ffe25a 45%,#ffa71a 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:6.4cqw;display:block;position:relative}.title span:before{content:attr(data-text);z-index:-1;-webkit-text-stroke:1.5cqw #c1121b;text-shadow:0 .7cqw #8c0a12,0 1.4cqw 1.6cqw #8c0a1259;position:absolute;inset:0}.title span:nth-child(2){font-size:6cqw}.pills{justify-content:space-between;gap:2.6cqw;margin-top:3.6cqw;display:flex}.pill{white-space:nowrap;background:#fff;border-radius:99cqw;flex:1;align-items:center;gap:2cqw;height:10cqw;padding:0 3cqw 0 2cqw;font-size:3.7cqw;font-weight:700;display:flex;box-shadow:0 .8cqw 2.4cqw #3250822e,inset 0 0 0 .35cqw #fff0c2}.pill b{color:#d3180f;font-weight:800}.pill .pill-ico{flex:none;width:7cqw;height:7cqw}.pill .chev{color:#a06a3a;margin-left:auto;font-size:5cqw;font-style:normal;line-height:1}.card{flex:1;min-height:0;margin-top:3cqw;position:relative}.slot{border-radius:5.2cqw;position:absolute;inset:0;box-shadow:0 0 0 .9cqw #fff,0 2cqw 5cqw .9cqw #1e3c6e47}.btn-play{color:#fff;text-shadow:0 .5cqw #78000a8c;background:linear-gradient(#ff5147 0%,#e0212a 55%,#b8121c 100%);border-radius:99cqw;justify-content:center;align-items:center;gap:3cqw;width:76%;height:15cqw;padding:0 2.6cqw 0 6cqw;font-size:6.2cqw;font-weight:800;transition:transform .1s;animation:1.6s ease-in-out infinite pulse;display:flex;position:absolute;bottom:4.5cqw;left:50%;translate:-50%;box-shadow:inset 0 .8cqw #ffffff73,inset 0 -1cqw #78000a59,0 0 0 .9cqw #fff,0 2.4cqw 3.6cqw #a00a1480}.btn-play:active{animation:none;transform:scale(.96)}.btn-play em{color:#d3180f;width:9.4cqw;height:9.4cqw;text-shadow:none;background:#fff;border-radius:50%;place-items:center;display:grid}.btn-play em svg{width:62%;height:62%;translate:6%}@keyframes pulse{50%{transform:scale(1.035)}}.btn-sound{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#141e3780;border-radius:50%;width:9cqw;height:9cqw;padding:2cqw;position:absolute;top:3cqw;right:3cqw}.sec{color:#7a1a12;margin:3.2cqw 0 1.6cqw 1cqw;font-size:4.9cqw;font-weight:800}.tiles{grid-template-columns:1fr 1fr;gap:3cqw;display:grid}.tile{background:#fff;border-radius:5cqw;flex-direction:column;align-items:center;padding:2.4cqw 2cqw 3cqw;transition:transform .1s;display:flex;box-shadow:0 1cqw 3cqw #3250822e}.tile:active{transform:scale(.96)}.tile .tile-ico{width:15cqw;height:15cqw}.tile b{margin-top:.8cqw;font-size:4.2cqw;font-weight:800;line-height:1.1}.tile small{color:#8b8f9a;font-size:3.2cqw;font-weight:600}#hud{z-index:6}.pause-btn{left:3.6cqw;top:calc(env(safe-area-inset-top,0px) + 3.4cqw);background:linear-gradient(#ff5147,#c4141c);border-radius:50%;width:10.5cqw;height:10.5cqw;padding:2.3cqw;position:absolute;box-shadow:inset 0 .5cqw #ffffff80,0 0 0 .7cqw #fff,0 1.2cqw 2.4cqw #0000004d}.chips{right:3.6cqw;top:calc(env(safe-area-inset-top,0px) + 3.4cqw);flex-direction:column;align-items:flex-end;gap:1.6cqw;display:flex;position:absolute}.chip{color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 .3cqw #0006;background:#182034b8;border-radius:99cqw;justify-content:flex-end;align-items:center;min-width:27cqw;height:8.4cqw;padding:0 4cqw 0 9cqw;font-size:5.2cqw;font-weight:800;display:flex;position:relative;box-shadow:0 .8cqw 2cqw #00000040,inset 0 0 0 .35cqw #ffffff24}.chip .chip-ico{filter:drop-shadow(0 .5cqw .6cqw #00000059);width:11cqw;height:11cqw;position:absolute;top:50%;left:-1.4cqw;translate:0 -50%}.chip-score{background:#18203499;min-width:25cqw;height:7cqw;font-size:4.3cqw}.chip-score .chip-ico{width:8.4cqw;height:8.4cqw;left:-.6cqw}.chip.bump span{animation:.18s ease-out bump}@keyframes bump{40%{transform:scale(1.18)}}.progress{left:18cqw;right:41cqw;top:calc(env(safe-area-inset-top,0px) + 6.6cqw);background:#141e3773;border-radius:9cqw;height:2.2cqw;position:absolute;box-shadow:0 0 0 .4cqw #ffffff8c}.progress i{border-radius:inherit;transform-origin:0;background:linear-gradient(90deg,#ffe066,#ff9a1f);position:absolute;inset:0;transform:scaleX(0)}.progress s{background:conic-gradient(#fff 25%, #1b1b22 0 50%, #fff 0 75%, #1b1b22 0);border-radius:50%;width:4.4cqw;height:4.4cqw;position:absolute;top:50%;right:-1.4cqw;translate:0 -50%;box-shadow:0 0 0 .5cqw #fff}.powers{left:4cqw;top:calc(env(safe-area-inset-top,0px) + 17.5cqw);flex-direction:column;gap:2cqw;display:flex;position:absolute}.power{background:linear-gradient(#182034bf, #182034bf) content-box, conic-gradient(#ffd24a var(--f,360deg), #ffffff40 0);border-radius:50%;width:11.5cqw;height:11.5cqw;padding:.9cqw;animation:.3s cubic-bezier(.3,1.6,.5,1) pop-in;position:relative}.power .ico{padding:1cqw}.p-shield{background:#182034bf;box-shadow:0 0 0 .9cqw #49b4ff,0 0 3cqw #49b4ff}.power.low{animation:.4s steps(2,end) infinite blink}@keyframes pop-in{0%{transform:scale(.2)}}@keyframes blink{50%{opacity:.4}}.toast{left:50%;top:calc(env(safe-area-inset-top,0px) + 20cqw);color:#ffe27a;opacity:0;pointer-events:none;white-space:nowrap;background:#182034c7;border-radius:99cqw;padding:1.2cqw 5cqw;font-size:4.6cqw;font-weight:800;position:absolute;translate:-50%}.toast.show{animation:1.6s ease-out forwards toast}@keyframes toast{0%{opacity:0;transform:translateY(2cqw)scale(.8)}12%{opacity:1;transform:none}80%{opacity:1}to{opacity:0;transform:translateY(-2cqw)}}.count{color:#fff;-webkit-text-stroke:1.6cqw #c1121b;paint-order:stroke fill;text-shadow:0 1.6cqw #8c0a12;pointer-events:none;align-content:center;place-items:center;padding-bottom:34cqh;font-size:34cqw;font-weight:800;line-height:1;display:grid;position:absolute;inset:0}.count.pop{animation:.55s cubic-bezier(.2,1.4,.4,1) countpop}@keyframes countpop{0%{opacity:0;transform:scale(2.2)}40%{opacity:1}}.hint{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 7cqw);color:#fff;text-align:center;white-space:nowrap;opacity:0;pointer-events:none;background:#141c30ad;border-radius:4cqw;padding:2.2cqw 5cqw;font-size:3.8cqw;font-weight:700;line-height:1.25;transition:opacity .35s;position:absolute;translate:-50%}.hint.show{opacity:1}.fly{pointer-events:none;z-index:8;filter:drop-shadow(0 0 1.6cqw #ffd23cf2);will-change:transform;width:7cqw;height:7cqw;position:absolute;top:0;left:0}.chip-ico.pulse{animation:.25s ease-out ico-pulse}@keyframes ico-pulse{0%{transform:translateY(-50%)scale(1)}35%{filter:drop-shadow(0 0 2.4cqw #ffdc50)brightness(1.3);transform:translateY(-50%)scale(1.3)rotate(-10deg)}to{transform:translateY(-50%)scale(1)}}.float-text{pointer-events:none;z-index:8;color:#ffe27a;-webkit-text-stroke:.9cqw #b3121b;paint-order:stroke fill;text-shadow:0 .6cqw #8c0a12;font-size:6cqw;font-weight:800;animation:.75s ease-out forwards float-up;position:absolute;translate:-50% -50%}@keyframes float-up{0%{opacity:0;transform:translateY(0)scale(.4)}20%{opacity:1;transform:translateY(-2cqw)scale(1.2)}to{opacity:0;transform:translateY(-11cqw)scale(1)}}.dim{z-index:8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#080c189e;place-items:center;display:grid}.panel{background:linear-gradient(#fff6de,#ffe6b0);border-radius:6cqw;flex-direction:column;gap:3.2cqw;width:78cqw;padding:6cqw 6cqw 6.5cqw;animation:.28s cubic-bezier(.2,1.3,.4,1) rise;display:flex;box-shadow:0 0 0 .9cqw #fff,0 3cqw 8cqw #00000073}.panel h3{text-align:center;color:#b3121b;margin:0 0 1cqw;font-size:8cqw;font-weight:800}.btn{color:#fff;border-radius:99cqw;justify-content:center;align-items:center;gap:2.4cqw;width:100%;height:12cqw;font-size:4.8cqw;font-weight:800;transition:transform .1s;display:flex}.btn:active{transform:scale(.97)}.btn-red{text-shadow:0 .4cqw #78000a80;background:linear-gradient(#ff5147 0%,#e0212a 55%,#b8121c 100%);box-shadow:inset 0 .7cqw #fff6,inset 0 -.9cqw #78000a4d,0 1.6cqw 2.8cqw #a00a1466}.btn-dark{background:linear-gradient(#3a3d47,#23252d);height:10.4cqw;font-size:4cqw;box-shadow:inset 0 0 0 .4cqw #ffffff47,0 1.2cqw 2.4cqw #0000004d}.btn .btn-ico{color:#fff;width:5.6cqw;height:5.6cqw}#result{z-index:9;background:radial-gradient(64cqw 34cqw at 50% 16%,#ffc4466b,#0000 72%),linear-gradient(#0608120d 0%,#06081252 22%,#060812cc 52%,#060812eb);flex-direction:column;justify-content:flex-end;animation:.35s fade;display:flex}@keyframes fade{0%{opacity:0}}.close-x{top:calc(env(safe-area-inset-top,0px) + 4cqw);background:#141826bf;border-radius:50%;width:9cqw;height:9cqw;padding:2.4cqw;position:absolute;right:4cqw;box-shadow:inset 0 0 0 .35cqw #ffffff8c}.close-x.sm{background:#c4141c;width:8cqw;height:8cqw;padding:2cqw;position:static}.res-body{flex-direction:column;align-items:stretch;gap:2cqw;padding:0 5cqw 5cqw;animation:.45s cubic-bezier(.2,1.2,.4,1) .15s both rise;display:flex}@keyframes rise{0%{opacity:0;transform:translateY(6cqw)scale(.94)}}.res-title{text-align:center;isolation:isolate;margin:0;position:relative}.res-title span{white-space:nowrap;background:linear-gradient(#fffbc7 0%,#ffe25a 50%,#ffa71a 100%);color:#0000;-webkit-background-clip:text;background-clip:text;padding:0 4cqw;font-size:7.2cqw;font-weight:800;line-height:1.05;display:inline-block;position:relative}.res-title span:before{content:attr(data-text);z-index:-1;-webkit-text-stroke:1.8cqw #c1121b;text-shadow:0 1cqw #8c0a12,0 2cqw 3cqw #00000073;padding:0 4cqw;position:absolute;inset:0}.res-title.fail span{background:linear-gradient(#fff,#ffd3c9);-webkit-background-clip:text;background-clip:text;font-size:7.6cqw}.res-sub{text-align:center;color:#fff;opacity:.95;margin:0;font-size:3.3cqw;font-weight:600;line-height:1.2}.res-card{background:linear-gradient(#fff2d0,#ffdc9a);border-radius:6cqw;flex-direction:column;gap:1.8cqw;padding:2.6cqw 2.6cqw 2.8cqw;display:flex;box-shadow:0 0 0 .8cqw #ffc94a,0 3cqw 6cqw #0006}.res-stars{color:#fff;background:linear-gradient(#ffb04a,#ff7a2a);border-radius:4.6cqw;align-items:center;gap:3cqw;padding:1.8cqw 3cqw;display:flex;position:relative;box-shadow:inset 0 .6cqw #ffffff80}.res-stars .big-star{filter:drop-shadow(0 1cqw 1.2cqw #a03c0080);flex:none;width:13.5cqw;height:13.5cqw;animation:2.4s ease-in-out infinite spin-star}@keyframes spin-star{50%{transform:rotate(-8deg)scale(1.08)}}.res-stars>div:nth-child(2){flex-direction:column;line-height:1;display:flex}.res-stars small{color:#fff8e6;font-size:3cqw;font-weight:700}.res-stars strong{text-shadow:0 .8cqw #96320080;font-size:10.5cqw;font-weight:800;line-height:.95}.bubble{color:#6b3b1a;text-align:center;background:#fff;border-radius:3.4cqw;align-self:center;max-width:34cqw;margin-left:auto;padding:2cqw 2.6cqw;font-size:3.1cqw;font-weight:700;line-height:1.15;position:relative;box-shadow:0 .8cqw 1.6cqw #8c32004d}.bubble:after{content:"";border:1.6cqw solid #0000;border-left:0;border-right-color:#fff;position:absolute;top:50%;left:-1.4cqw;translate:0 -50%}.res-score{color:#7a3e12;justify-content:center;align-items:center;gap:1.6cqw;font-size:3.5cqw;font-weight:700;display:flex}.res-score b{color:#c1121b;font-weight:800}.res-score .mini{width:5cqw;height:5cqw}.res-score .dot{background:#d9a15a;border-radius:50%;width:1.2cqw;height:1.2cqw;margin:0 1cqw}.res-items{background:#fff9ee;border-radius:4.6cqw;padding:2cqw 2cqw 2.2cqw;box-shadow:inset 0 0 0 .35cqw #f1d29a}.res-items h4{text-align:center;color:#5b3a1a;margin:0 0 1.4cqw;font-size:3.4cqw;font-weight:800}.ritems{grid-template-columns:repeat(3,1fr);gap:2cqw;display:grid}.ritem{text-align:center;background:#fff;border-radius:3.6cqw;flex-direction:column;align-items:center;padding:1.6cqw 1cqw;display:flex;box-shadow:0 .6cqw 1.4cqw #78461426}.ritem.none{opacity:.5;filter:grayscale(.7)}.ritem-ico{width:10.5cqw;height:10.5cqw;margin-bottom:.8cqw;position:relative}.ritem-ico em{color:#fff;background:#e5232b;border-radius:99cqw;padding:.2cqw 1.5cqw;font-size:2.9cqw;font-style:normal;font-weight:800;position:absolute;top:-1.4cqw;right:-3cqw}.ritem b{font-size:3cqw;font-weight:800;line-height:1.05}.ritem small{color:#8b7a66;margin-top:.4cqw;font-size:2.5cqw;font-weight:600;line-height:1.1}#modal{z-index:12;pointer-events:auto;background:#080c188c;align-items:flex-end;animation:.2s fade;display:flex}.sheet{background:linear-gradient(#fff8e6,#ffeec6);border-radius:7cqw 7cqw 0 0;flex-direction:column;width:100%;max-height:78cqh;animation:.3s cubic-bezier(.2,1,.4,1) slide-up;display:flex;box-shadow:0 -2cqw 6cqw #00000059}@keyframes slide-up{0%{transform:translateY(100%)}}.sheet header{justify-content:space-between;align-items:center;padding:4cqw 5cqw 2cqw;display:flex}.sheet h3{color:#b3121b;margin:0;font-size:6.4cqw;font-weight:800}.sheet-body{touch-action:pan-y;flex-direction:column;gap:2.6cqw;padding:1cqw 5cqw 7cqw;display:flex;overflow-y:auto}.mnote{color:#6b4a2a;margin:0;font-size:3.7cqw;font-weight:600}.mnote b{color:#c1121b}.mnote.empty{text-align:center;padding:8cqw 4cqw}.mrow{background:#fff;border-radius:4.4cqw;align-items:center;gap:3.4cqw;padding:2.4cqw 3cqw;display:flex;box-shadow:0 .6cqw 1.6cqw #78461426}.mrow>div:nth-child(2){flex-direction:column;flex:1;line-height:1.1;display:flex}.mrow b{font-size:4.2cqw;font-weight:800}.mrow small{color:#8b7a66;align-items:center;gap:1cqw;font-size:3.3cqw;font-weight:600;display:flex}.mrow small .inline{width:3.8cqw;height:3.8cqw}.mico{background:#fff3d6;border-radius:3.4cqw;flex:none;width:13cqw;height:13cqw;padding:1.4cqw}.btn-mini{color:#fff;background:linear-gradient(#ff5147,#c4141c);border-radius:99cqw;padding:1.6cqw 5cqw;font-size:4cqw;font-weight:800;box-shadow:inset 0 .5cqw #fff6}.btn-mini:disabled{box-shadow:none;cursor:not-allowed;background:#c9c3b8}@media (prefers-reduced-motion:reduce){.btn-play{animation:none}}