:root{--teal: #2be4e0;--pink: #ff35cb;--red: #ff4545;--purple: #bfa8ff;--bg: #060608;--pad-dead: #101014;--pad-block-hi: #2c2c33;--pad-block-lo: #1b1b21;--font-display: "Poppins", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:#fff;font-family:var(--font-display);overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none}button{font-family:var(--font-display)}.app{position:relative;height:100%;display:flex;align-items:center;justify-content:center}.bg{position:fixed;inset:0;overflow:hidden;pointer-events:none}.triangles{position:absolute;inset:-30%;background:url(/assets/triangles-CqSXzOTA.webp) center / cover no-repeat;transition:opacity .6s,scale .6s ease-out;scale:1.05}.bg.darken .triangles{filter:saturate(.6) brightness(.6);transition:filter 2s ease-out}.bg.darken .blob{opacity:.05!important}.scr-playing .triangles,.scr-tutorial .triangles,.scr-countdown .triangles,.scr-result .triangles,.scr-gameover .triangles{opacity:.42;scale:1}.blob{position:absolute;width:60vmax;height:60vmax;border-radius:50%;opacity:.14;transition:opacity .6s}.blob.a{background:radial-gradient(circle,var(--teal),transparent 65%);top:-18vmax;left:-12vmax}.blob.b{background:radial-gradient(circle,var(--pink),transparent 65%);bottom:-22vmax;right:-12vmax}.phase-2 .blob.a{opacity:.2}.phase-3 .blob.a,.phase-3 .blob.b{opacity:.3}.frenzy-mode .blob.b{opacity:.42}body.beat .blob,body.beat .triangles{animation:beatpulse .5s ease-out}@keyframes beatpulse{0%{scale:1.045}to{scale:1}}.dots{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1.4px);background-size:26px 26px;-webkit-mask-image:radial-gradient(ellipse at center,black 25%,transparent 72%);mask-image:radial-gradient(ellipse at center,black 25%,transparent 72%)}.screen{position:relative;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:24px;text-align:center;width:100%;max-width:560px;transition:opacity .3s}.screen.landing{height:100%;justify-content:space-between;padding:8vh 24px 6vh}.landing-hero{display:flex;flex-direction:column;align-items:center;gap:24px;margin-top:26vh}.landing-action{display:flex;flex-direction:column;align-items:center;width:100%;margin-bottom:2vh}.screen.landing{scale:1;transition:opacity .3s,scale .35s ease-in}.screen.landing-out{opacity:0;scale:1.04}.scr-landing .triangles{translate:calc(var(--par-x, 0) * 16px) calc(var(--par-y, 0) * 12px);animation:bgdrift 26s ease-in-out infinite alternate}@keyframes bgdrift{0%{transform:translate3d(-.5%,-.4%,0) rotate(-.4deg)}to{transform:translate3d(.5%,.4%,0) rotate(.4deg)}}.scr-landing .blob.a{translate:calc(var(--par-x, 0) * 30px) calc(var(--par-y, 0) * 24px);animation:blobdrift-a 17s ease-in-out infinite alternate}.scr-landing .blob.b{translate:calc(var(--par-x, 0) * 30px) calc(var(--par-y, 0) * 24px);animation:blobdrift-b 23s ease-in-out infinite alternate}@keyframes blobdrift-a{0%{transform:translateZ(0);opacity:.12}to{transform:translate3d(9%,6%,0);opacity:.2}}@keyframes blobdrift-b{0%{transform:translateZ(0);opacity:.2}to{transform:translate3d(-8%,-7%,0);opacity:.12}}.scr-landing .dots{translate:calc(var(--par-x, 0) * 7px) calc(var(--par-y, 0) * 5px)}.scr-landing .landing-hero{translate:calc(var(--par-x, 0) * -8px) calc(var(--par-y, 0) * -6px)}.scr-landing .bg:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 52%,rgba(0,0,0,.55) 130%)}.dust{position:fixed;inset:0;pointer-events:none;z-index:-1}.dust i{position:absolute;left:var(--x);bottom:-3vh;width:var(--s);height:var(--s);border-radius:50%;background:var(--c);box-shadow:0 0 6px var(--c);filter:blur(1px);opacity:0;animation:dustrise var(--d) linear infinite;animation-delay:var(--dl)}@keyframes dustrise{0%{transform:translateZ(0);opacity:0}12%{opacity:var(--o)}85%{opacity:var(--o)}to{transform:translate3d(var(--dx),-108vh,0);opacity:0}}@media(prefers-reduced-motion:reduce){.scr-landing .triangles,.scr-landing .blob.a,.scr-landing .blob.b,.dust i,.btn.glass.big,.title span{animation:none}}.badge{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;white-space:nowrap;color:#ffffffe6;border:1px solid transparent;border-radius:999px;padding:8px 18px;background:linear-gradient(100deg,#ffffff0d,#ffffff05 50%,#ffffff0d) padding-box,linear-gradient(180deg,#ffffff38,#ffffff0d) border-box;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 4px 16px #00000040,inset 0 1px #ffffff1f}.title{font-size:clamp(52px,16.5vw,88px);font-weight:700;letter-spacing:-.02em;line-height:.92;filter:drop-shadow(0 3px 5px rgba(0,0,0,.4))}.title span{display:block;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.9) 50%,transparent 60%),linear-gradient(180deg,var(--g-from),var(--g-to));background-size:250% 100%,100% 100%;background-position:135% 0,0 0;-webkit-background-clip:text;background-clip:text;color:transparent;animation:titlesweep 6s ease-in-out infinite}.title span:first-child{--g-from: #ffffff;--g-to: #f2f5f8}.title span:last-child{--g-from: #f2f5f8;--g-to: #ccd5df;animation-delay:.18s}@keyframes titlesweep{0%,70%{background-position:135% 0,0 0}90%,to{background-position:-60% 0,0 0}}.tagline{color:#ffffff9e;font-weight:400;font-size:15px;line-height:1.6;max-width:420px}.hint{font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;color:#ffffff59}.btn{display:block;width:100%;text-align:center;text-decoration:none;font-weight:600;font-size:14px;letter-spacing:.12em;border-radius:14px;padding:15px 20px;cursor:pointer;transition:transform .12s,box-shadow .12s,filter .12s}.btn:active{transform:scale(.96);filter:brightness(.85)}.btn.pink{color:#fff;background:linear-gradient(180deg,#ff4fd4d9,#e618abd9);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.25);box-shadow:0 0 26px #ff35cb73,inset 0 1px #ffffff59}.btn.pink:hover{filter:brightness(1.08);box-shadow:0 0 40px #ff35cba6}.btn.pink:active{box-shadow:inset 0 3px 12px #0006}.btn.dark{color:#ffffffd9;background:linear-gradient(180deg,#2e2e3599,#20202699);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px #ffffff14,0 4px 12px #0006}.btn.dark:hover{filter:brightness(1.15)}.btn.dark:active{box-shadow:inset 0 3px 12px #0009}.btn.big{width:auto;min-width:260px;font-size:16px;padding:17px 60px}.btn.glass.big{width:100%;max-width:354px;height:68px;font-size:16px;padding:0}.btn.glass{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid transparent;border-radius:18px;background:radial-gradient(140% 180% at 50% 0%,#00b9c238,#00b9c205 70%) padding-box,linear-gradient(#080f1180,#080f1180) padding-box,linear-gradient(180deg,#5df8ffd9,#00b9c259 55%,#00b9c299) border-box;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 8px 28px #0000008c,0 0 36px #00b9c238,inset 0 0 18px #00b9c22e,inset 0 1px #fff3}.btn.glass.big{animation:ctabreathe 3.4s ease-in-out infinite}@keyframes ctabreathe{0%,to{scale:1}50%{scale:1.02}}.btn.glass:active{filter:brightness(1.15);box-shadow:0 4px 16px #0009,0 0 64px #00b9c280,inset 0 0 26px #00b9c273,inset 0 1px #ffffff4d}.btn.glass span{background:linear-gradient(180deg,#5df8ff,#00b9c2 50%,#28778b);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 2px rgba(0,0,0,.4))}.btn.glass svg{flex:none}.btn.glass:hover{box-shadow:0 8px 28px #0000008c,0 0 56px #00b9c257,inset 0 0 22px #00b9c242,inset 0 1px #ffffff47}.countdown{position:fixed;inset:0;z-index:16;display:flex;align-items:center;justify-content:center;pointer-events:none;background:radial-gradient(ellipse at center,#04040640,#0404068c)}.scr-countdown .stage{pointer-events:none}.count-num{font-size:clamp(110px,26vw,200px);font-weight:700;color:#fff;text-shadow:0 0 60px rgba(255,255,255,.35);animation:countin .7s ease-out}.count-num.start{font-size:clamp(54px,13vw,110px);letter-spacing:.14em;color:var(--teal);text-shadow:0 0 60px rgba(43,228,224,.6)}@keyframes countin{0%{transform:scale(1.7);opacity:0}30%{transform:scale(1);opacity:1}to{transform:scale(.94);opacity:.9}}.stage{position:relative;z-index:2;display:flex;flex-direction:column;align-items:stretch;gap:12px;width:min(94vw,calc(100dvh - 250px),520px)}.hud{display:flex;flex-direction:column;gap:10px}.hud-controls{display:flex;justify-content:flex-end;gap:10px}.iconbtn{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:12px;color:var(--teal);background:#2be4e00f;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(43,228,224,.4);box-shadow:0 0 14px #2be4e033,inset 0 0 10px #2be4e014;cursor:pointer;transition:filter .12s}.iconbtn:hover{filter:brightness(1.3)}.iconbtn svg{width:19px;height:19px}.hud-cards{display:flex;justify-content:space-between;gap:10px}.hud-box{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:9px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(180deg,#1e1e2480,#10101480);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 1px #ffffff0f}.hud-label{font-family:var(--font-mono);font-size:9px;letter-spacing:.28em;color:#fff6}.hud-value{font-family:var(--font-mono);font-size:22px;font-weight:600;font-variant-numeric:tabular-nums;display:flex;align-items:baseline;gap:8px}.hud-value.time{color:var(--teal);text-shadow:0 0 16px rgba(43,228,224,.45)}.timer.low .hud-value{color:var(--red);text-shadow:0 0 16px rgba(255,69,69,.5);animation:blink .5s steps(2) infinite}@keyframes blink{50%{opacity:.55}}.mult{font-style:normal;font-size:13px;color:#fff6;transition:color .2s}.mult.hot{color:var(--teal);text-shadow:0 0 12px rgba(43,228,224,.7)}.mult.frenzy{color:var(--red);text-shadow:0 0 12px rgba(255,69,69,.8)}.mult.max{background:linear-gradient(0deg,#ff9a47 10%,#ffd75e 45%,#fff3c4 90%);background-size:100% 200%;-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 0 7px rgba(255,154,71,.85));animation:multflame .7s ease-in-out infinite}@keyframes multflame{0%,to{background-position:0 0%}50%{background-position:0 60%}}.lbbar{width:100%;padding:13px 0;border-radius:14px;font-weight:600;font-size:12px;letter-spacing:.28em;color:var(--teal);background:#2be4e00d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(43,228,224,.35);box-shadow:0 0 16px #2be4e026,inset 0 0 12px #2be4e00f;cursor:pointer;transition:filter .12s}.lbbar:hover{filter:brightness(1.3)}.lbbar:disabled{opacity:.45;cursor:default;filter:none}.boardwrap{position:relative;width:100%;padding:0 12px 12px;border-radius:26px;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="120" height="120"><filter id="n"><feTurbulence type="fractalNoise" baseFrequency="0.85" numOctaves="2" stitchTiles="stitch"/><feColorMatrix type="saturate" values="0"/><feComponentTransfer><feFuncA type="linear" slope="0.045"/></feComponentTransfer></filter><rect width="120" height="120" filter="url(%23n)"/></svg>'),linear-gradient(180deg,#1b1b22,#101014,#0b0b0e);border:1px solid rgba(0,0,0,.85);border-top-color:#ffffff24;box-shadow:inset 0 1px #ffffff0d,0 30px 70px #000000b3}.padtray{position:relative;padding:8px;border-radius:18px;background:#08080a;box-shadow:inset 0 2px 9px #000000d9,inset 0 -1px #ffffff0a;transition:box-shadow .5s}.screw{position:absolute;width:7px;height:7px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#3c3c46,#16161b 72%);box-shadow:inset 0 1px 2px #000000d9,0 1px #ffffff0d;pointer-events:none}.screw.tl{top:11px;left:11px}.screw.tr{top:11px;right:11px}.screw.bl{bottom:11px;left:11px}.screw.br{bottom:11px;right:11px}body.beat .scr-playing .boardwrap{animation:bezelblink .3s ease-out}@keyframes bezelblink{0%{border-top-color:#ffffff4d}to{border-top-color:#ffffff24}}.boardwrap.shake{animation:shake .34s}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px,3px)}40%{transform:translate(5px,-4px)}60%{transform:translate(-4px,-2px)}80%{transform:translate(3px,3px)}}.board{position:relative;aspect-ratio:1}.frenzy-mode .board:after{content:"";position:absolute;inset:-9px;border-radius:20px;border:2px solid rgba(255,69,69,.55);box-shadow:0 0 28px #ff454566,inset 0 0 30px #ff45451f;pointer-events:none;animation:frenzyrim .46s ease-in-out infinite alternate}@keyframes frenzyrim{0%{box-shadow:0 0 18px #ff45454d,inset 0 0 20px #ff454514;border-color:#ff454566}to{box-shadow:0 0 40px #ff45458c,inset 0 0 40px #ff45452e;border-color:#ff5a5abf}}.frenzy-mode:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:15;background:radial-gradient(ellipse at center,transparent 58%,rgba(255,69,69,.16));animation:frenzyvig .46s ease-in-out infinite alternate}@keyframes frenzyvig{0%{opacity:.65}to{opacity:1}}.grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);gap:6px}.pad{position:relative;border-radius:24%;background:radial-gradient(120% 90% at 30% 18%,#1d1d24,var(--pad-dead) 65%);border:1px solid rgba(0,0,0,.5);border-top-color:#ffffff17;box-shadow:0 2px #0000008c,0 3px 5px #0006;display:flex;align-items:center;justify-content:center;animation:breathe 2.6s ease-in-out infinite;transition:background .25s,transform .14s ease-out,box-shadow .14s ease-out}.pad:before{content:"";position:absolute;inset:8%;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(circle,#2be4e0b3,#2be4e008 72%)}.scr-countdown .pad:before{animation:bootflash .6s ease-out both;animation-delay:calc(var(--bd, 0) * 1ms)}@keyframes bootflash{0%{opacity:0}25%{opacity:1}to{opacity:0}}.scr-playing .pad:before{opacity:calc(var(--lv, 0) * .24)}.pad.press{transform:translateY(2px);box-shadow:0 0 #0000008c,inset 0 1px 3px #00000080;transition:transform .05s ease-in,box-shadow .05s ease-in}@keyframes breathe{0%,to{opacity:1}50%{opacity:.78}}.pad.warning{animation:warnpulse .4s ease-in-out infinite;border-color:#ff4545a6}.pad.warning:after{content:"";position:absolute;inset:6%;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,#ff45451a,#ff454599);transform-origin:bottom;transform:scaleY(.06);animation:hazardcharge 1s linear forwards}@keyframes hazardcharge{to{transform:scaleY(1)}}@keyframes warnpulse{0%,to{box-shadow:0 2px #0000008c,0 3px 5px #0006}50%{box-shadow:0 2px #0000008c,0 0 14px #ff454559}}@keyframes warnflash{0%,to{background:var(--pad-dead);box-shadow:none}50%{background:#b2202099;box-shadow:0 0 18px #ff454573}}.pad.block{background:linear-gradient(155deg,#ffffff26,#ffffff08 40%,#2be4e012 68%,#ff35cb12),linear-gradient(180deg,#35353f,#202028);border-color:#ffffff47;border-top-color:#ffffff80;box-shadow:inset 0 1px 1px #ffffff59,inset 0 -5px 9px #00000080,0 6px 14px #0000008c,0 0 12px #96dceb0f;animation:blockin .28s cubic-bezier(.3,.9,.4,1)}.pad.block:after{content:"";position:absolute;inset:5%;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,transparent 34%,rgba(255,255,255,.22) 46%,rgba(255,255,255,.05) 52%,transparent 64%);background-size:320% 100%;animation:glint 5.5s linear infinite;animation-delay:calc(var(--bd, 0) * -13ms)}@keyframes glint{0%{background-position:140% 0}55%,to{background-position:-80% 0}}.phase-3 .pad.block{border-color:#ff787866;background:linear-gradient(24deg,transparent 47.4%,rgba(255,190,190,.22) 49%,transparent 50.6%),linear-gradient(-38deg,transparent 57.4%,rgba(255,190,190,.16) 59%,transparent 60.6%),linear-gradient(155deg,#ffffff26,#ffffff08 40%,#ff454517 68%,#ff35cb12),linear-gradient(180deg,#3a3238,#241f24);box-shadow:inset 0 1px 1px #ffffff4d,inset 0 -5px 9px #00000080,inset 0 0 12px #ff454533,0 6px 14px #0000008c,0 0 12px #ff5a5a1a}.phase-3 .pad.block:after{animation-duration:3.2s}@keyframes blockin{0%{transform:translateY(-45%) scale(1.08);opacity:0}55%{transform:translateY(0) scale(1.04,.92);opacity:1}78%{transform:scale(.98,1.03)}to{transform:scale(1)}}.pad.haspower{z-index:2;border-color:color-mix(in srgb,var(--pc) 75%,transparent);box-shadow:0 2px #0000008c,0 0 10px color-mix(in srgb,var(--pc) 35%,transparent),inset 0 0 10px color-mix(in srgb,var(--pc) 16%,transparent)}.pad .halo{position:absolute;inset:-48%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--pc) 50%,transparent),transparent 68%);pointer-events:none;animation:halopulse 1.1s ease-in-out infinite}@keyframes halopulse{0%,to{opacity:.55;transform:scale(.94)}50%{opacity:1;transform:scale(1.04)}}.pad.haspower:after{content:"";position:absolute;inset:-26%;border-radius:40%;border:2px solid var(--pc);animation:spawnring .55s cubic-bezier(.2,.8,.3,1) both;pointer-events:none}@keyframes spawnring{0%{transform:scale(.35);opacity:1;filter:brightness(2)}to{transform:scale(1.25);opacity:0}}.pad.haspower.expiring{animation:powerblink .3s steps(2) infinite}@keyframes powerblink{50%{opacity:.3}}.power{width:52%;height:52%;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 8px currentColor);animation:iconpop .4s cubic-bezier(.34,1.56,.64,1) both}@keyframes iconpop{0%{transform:scale(0) rotate(-40deg)}to{transform:scale(1) rotate(0)}}.power svg{width:100%;height:100%}.spark{position:absolute;width:calc((100% - 42px)/8);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:24%;background:linear-gradient(180deg,#2e2e35,#1c1c22);border:1px solid rgba(255,255,255,.85);box-shadow:0 0 14px 3px #ffffffbf,0 0 44px 12px #ffffff38,inset 0 0 14px #ffffff52;pointer-events:none;z-index:10;animation:sparkidle 1.4s ease-in-out infinite}@keyframes sparkidle{0%,to{box-shadow:0 0 14px 3px #ffffffbf,0 0 44px 12px #ffffff38,inset 0 0 14px #ffffff52}50%{box-shadow:0 0 20px 5px #ffffffe6,0 0 60px 18px #ffffff4d,inset 0 0 20px #ffffff73}}.spark.frenzy{border-color:#ff5a5af2;box-shadow:0 0 16px 4px #ff4545d9,0 0 54px 16px #ff45454d,inset 0 0 16px #ff454566;animation:none}.spark.stunned{filter:brightness(.45) saturate(.4)}.trail{position:absolute;width:calc((100% - 42px)/8);aspect-ratio:1;border-radius:24%;background:var(--mtrail, rgba(255, 255, 255, .5));box-shadow:0 0 18px var(--mtrail, rgba(255, 255, 255, .4));transform:translate(-50%,-50%);opacity:0;pointer-events:none;z-index:5}.fxlayer{position:absolute;inset:0;pointer-events:none;z-index:7}.particles{position:absolute;left:-48px;top:-48px;width:calc(100% + 96px);height:calc(100% + 96px);pointer-events:none;z-index:9}.fxgroup,.laserfx{position:absolute;inset:0;pointer-events:none}.screenflash{position:absolute;inset:-2%;border-radius:12px;background:#fff;opacity:0;animation:sflash .24s ease-out forwards}.screenflash.pinkish{background:color-mix(in srgb,var(--pink) 45%,#fff)}.screenflash.reddish{background:#ff4545;animation:sflash-red .9s ease-out forwards}@keyframes sflash-red{0%{opacity:.34}to{opacity:0}}@keyframes sflash{0%{opacity:.28}to{opacity:0}}.beam{position:absolute;border-radius:6px;background:currentColor;box-shadow:0 0 18px 4px currentColor,0 0 60px 16px color-mix(in srgb,currentColor 55%,transparent)}.beam:before{content:"";position:absolute;inset:25%;border-radius:6px;background:#fff;box-shadow:0 0 10px 2px #fff}.beam.h{left:-2%;right:-2%;height:9px;transform-origin:var(--o) 50%;animation:beamzapH .68s cubic-bezier(.16,1,.3,1) forwards}.beam.v{top:-2%;bottom:-2%;width:9px;transform-origin:50% var(--o);animation:beamzapV .68s cubic-bezier(.16,1,.3,1) forwards}@keyframes beamzapH{0%{transform:translateY(-50%) scaleX(.04) scaleY(1.8);opacity:1;filter:brightness(2.6)}16%{transform:translateY(-50%) scaleX(1) scaleY(1.4);filter:brightness(1.8)}55%{opacity:.95;transform:translateY(-50%) scaleX(1) scaleY(1)}to{transform:translateY(-50%) scaleX(1) scaleY(.3);opacity:0}}@keyframes beamzapV{0%{transform:translate(-50%) scaleY(.04) scaleX(1.8);opacity:1;filter:brightness(2.6)}16%{transform:translate(-50%) scaleY(1) scaleX(1.4);filter:brightness(1.8)}55%{opacity:.95;transform:translate(-50%) scaleY(1) scaleX(1)}to{transform:translate(-50%) scaleY(1) scaleX(.3);opacity:0}}.lflash{position:absolute;width:26%;aspect-ratio:1;transform:translate(-50%,-50%) scale(.3);border-radius:50%;background:radial-gradient(circle,#fff 12%,currentColor 38%,transparent 68%);opacity:0;animation:lflashout .45s ease-out forwards}@keyframes lflashout{0%{transform:translate(-50%,-50%) scale(.25);opacity:1}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.bombfx{position:absolute;width:46%;aspect-ratio:1;transform:translate(-50%,-50%)}.bflash{position:absolute;inset:22%;border-radius:50%;background:radial-gradient(circle,#fff 20%,var(--pink) 55%,transparent 75%);opacity:0;animation:bflashout .32s ease-out forwards}@keyframes bflashout{0%{transform:scale(.4);opacity:1;filter:brightness(2)}to{transform:scale(2.1);opacity:0}}.bring{position:absolute;inset:0;border-radius:50%;border:3px solid var(--pink);opacity:0;box-shadow:0 0 30px #ff35cb99,inset 0 0 22px #ff35cb4d;animation:bringout .6s cubic-bezier(.16,1,.3,1) forwards}.bring.r2{animation-delay:.09s;border-color:#fff;border-width:2px}.bring.r3{animation-delay:.18s}@keyframes bringout{0%{transform:scale(.22);opacity:1}to{transform:scale(1.75);opacity:0}}.sweep{position:absolute;left:-2%;right:-2%;top:0;height:15%;pointer-events:none;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--purple) 14%,transparent) 55%,color-mix(in srgb,var(--purple) 38%,transparent));border-bottom:3px solid color-mix(in srgb,var(--purple) 60%,#fff);box-shadow:0 4px 26px 2px color-mix(in srgb,var(--purple) 80%,transparent),0 10px 60px 8px color-mix(in srgb,var(--purple) 40%,transparent);animation:sweepdown .82s cubic-bezier(.45,0,.55,1) forwards}@keyframes sweepdown{0%{transform:translateY(-110%);opacity:1}82%{opacity:1}to{transform:translateY(690%);opacity:0}}.shockring{position:absolute;width:30%;aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none}.shockring:before,.shockring:after{content:"";position:absolute;inset:0;border-radius:50%;border:2.5px solid currentColor;box-shadow:0 0 24px color-mix(in srgb,currentColor 70%,transparent),inset 0 0 16px color-mix(in srgb,currentColor 35%,transparent);animation:ringout .55s cubic-bezier(.16,1,.3,1) forwards}.shockring:after{animation-delay:.12s;border-width:1.5px}@keyframes ringout{0%{transform:scale(.25);opacity:1;filter:brightness(1.8)}to{transform:scale(2);opacity:0}}@keyframes scanfade{0%{opacity:.55}to{opacity:0}}.mudflash{position:absolute;border-radius:24%;background:#ff454566;animation:scanfade .4s ease-out forwards}.padflash{position:absolute;border-radius:24%;background:color-mix(in srgb,currentColor 30%,transparent);box-shadow:inset 0 0 16px color-mix(in srgb,currentColor 55%,transparent),0 0 20px 5px color-mix(in srgb,currentColor 26%,transparent);animation:padafterglow .52s ease-out forwards}@keyframes padafterglow{0%{opacity:1;filter:brightness(1.7)}40%{opacity:.5;filter:brightness(1)}to{opacity:0}}.burst{position:absolute;width:16%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#fff 8%,currentColor 40%,transparent 70%);transform:translate(-50%,-50%) scale(.3);animation:burstout .42s ease-out forwards}.burst:after{content:"";position:absolute;inset:-12%;border-radius:50%;border:2px solid currentColor;opacity:.8}@keyframes burstout{0%{transform:translate(-50%,-50%) scale(.3);opacity:1;filter:brightness(2)}to{transform:translate(-50%,-50%) scale(1.7);opacity:0}}.beam,.sweep,.burst,.mudflash,.padflash,.shockring:before,.shockring:after,.pad.haspower:after{opacity:0}.overlay{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:20px;background:#04040699;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);perspective:1000px;animation:overlayblur .35s ease-out both}.overlay.clear{background:#04040659}.overlay.rise{animation:overlayfade .45s ease both}@keyframes overlayblur{0%{background:#04040600;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}}@keyframes overlayfade{0%{background:#04040600;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}}.overlay.rise .modal{animation:modalrise .65s cubic-bezier(.2,.9,.3,1) both}@keyframes modalrise{0%{transform:translateY(56px) scale(.95) rotateX(4deg);opacity:0}to{transform:translateY(0) scale(1) rotateX(0);opacity:1}}.modal{position:relative;width:min(92vw,380px);max-height:calc(100dvh - 40px);overflow-y:auto;background:linear-gradient(180deg,#18141abf,#0c0a0ebf);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border:1.5px solid rgba(255,53,203,.75);border-radius:22px;padding:28px 24px 24px;display:flex;flex-direction:column;align-items:center;gap:12px;box-shadow:0 0 34px #ff35cb4d,0 0 90px #ff35cb1f,0 40px 90px #0009,inset 0 1px #ffffff1a}.modal.slide{transform:translateY(120vh);transition:transform .7s cubic-bezier(.22,1,.36,1)}.modal.slide.up{transform:translateY(0)}.modal-close{position:absolute;top:14px;right:14px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:9px;color:#fff9;background:#ffffff0f;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);cursor:pointer}.modal-close svg{width:14px;height:14px}.modal-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:14px}.modal-icon.pink{color:#fff;background:linear-gradient(180deg,#ff4fd4,#e618ab);box-shadow:0 0 24px #ff35cb8c}.modal-icon.red{color:#fff;background:linear-gradient(180deg,#ff5a5ad9,#d92626d9);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 0 24px #ff45458c}.modal-icon svg{width:22px;height:22px}.modal-kicker{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.26em;color:#fff}.modal-label{font-family:var(--font-mono);font-size:9px;letter-spacing:.28em;color:#fff6;margin-top:6px}.modal-score{font-family:var(--font-mono);font-size:40px;font-weight:600;font-variant-numeric:tabular-nums}.modal-score.big{font-size:clamp(44px,11vw,58px);text-shadow:0 0 34px rgba(255,53,203,.35)}.stats{width:100%;border-radius:14px;background:#ffffff0a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.09);padding:6px 14px;margin-top:4px}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:9px 0;font-size:13px;color:#fff9;opacity:0;animation:fadeup .4s ease-out forwards}.stat-row+.stat-row{border-top:1px solid rgba(255,255,255,.07)}.stat-row strong{font-family:var(--font-mono);font-weight:600;color:#fff;font-variant-numeric:tabular-nums}.modal-actions{display:flex;flex-direction:column;gap:10px;width:100%;margin-top:10px;opacity:0;animation:fadeup .5s ease-out forwards}.modal.tallying .name-input-group,.modal.tallying .leaderboard,.modal.tallying .tut-note,.modal.tallying .modal-actions{opacity:0;animation:fadeup .4s ease-out forwards}.modal.tallying .name-input-group{animation-delay:.9s}.modal.tallying .leaderboard{animation-delay:1s}.modal.tallying .modal-actions{animation-delay:1.1s}.modal.tallying .tut-note{animation-delay:1.2s}.modal:not(.tallying) .stat-row,.modal:not(.tallying) .name-input-group,.modal:not(.tallying) .leaderboard,.modal:not(.tallying) .tut-note,.modal:not(.tallying) .modal-actions{opacity:1;animation:none}@keyframes fadeup{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.leaderboard{width:100%;display:flex;flex-direction:column;gap:5px;margin-top:4px}.lb-row{display:flex;align-items:center;gap:12px;font-family:var(--font-mono);font-size:12px;padding:9px 13px;border-radius:10px;background:#ffffff09;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid transparent}.lb-rank-circle{width:24px;height:24px;border-radius:12px;background:#ffffff14;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;font-size:10px;color:#ffffffb3}.lb-row.me{background:linear-gradient(90deg,#10303599,#00b9c299);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-color:#2be4e066}.lb-row.me .lb-rank-circle{background:#0000004d;color:#fff}.lb-row.me .lb-name,.lb-row.me .lb-score{color:#fff}.lb-badge{display:inline-block;background:var(--teal);color:#fff;font-size:9px;padding:2px 6px;border-radius:8px;margin-left:8px;vertical-align:middle;font-weight:600;letter-spacing:.05em}.name-input-group{display:flex;gap:8px;width:100%;margin-top:8px;margin-bottom:4px}.player-input{flex:1;min-width:0;height:44px;background:#ffffff14;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:0 16px;color:#fff;font-family:var(--font-display);font-size:14px;outline:none;transition:border-color .2s}.player-input::placeholder{color:#fff6}.player-input:focus{border-color:var(--teal)}.player-input:disabled{opacity:.6}.player-input.error{border-color:var(--red)}.screen.gate{height:100%;justify-content:center}.gate-action{display:flex;flex-direction:column;align-items:center;width:100%}.gate-input-group{justify-content:center;max-width:354px}.gate-input-group .player-input{text-align:center;height:52px}.gate-error{color:var(--red);font-size:12px;letter-spacing:.04em;margin:-8px 0 16px}.btn.icon.cyan{width:44px;height:44px;flex-shrink:0;border-radius:12px;background:var(--teal);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #2be4e033,inset 0 2px #ffffff4d}.btn.icon.cyan:disabled{opacity:.6;cursor:default}.btn.icon.cyan svg{width:20px;height:20px}.lb-row.rank-1{background:#ffd75e1a;border-color:#ffd75e66}.lb-row.rank-1 .lb-score,.lb-row.rank-1 .lb-rank{color:#ffd75e}.lb-row.new-entry{animation:newentryflash .8s ease-out}@keyframes newentryflash{0%{background:#fffc;border-color:#fff;transform:scale(1.02)}}.lb-rank{color:#ffffff59}.lb-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-score{font-variant-numeric:tabular-nums;color:var(--teal)}.lb-empty{text-align:center;font-size:12px;color:#fff6;padding:12px 0}.tut-row{display:flex;align-items:center;gap:14px;width:100%;text-align:left;font-size:12.5px;line-height:1.55;color:#ffffffa6}.tut-row svg{width:30px;height:30px;flex-shrink:0;color:var(--teal)}.tut-warn{width:26px;height:26px;flex-shrink:0;border-radius:26%;background:#b22020b3;border:1px solid rgba(255,69,69,.7);animation:warnflash .5s ease-in-out infinite}.tut-powers{display:grid;grid-template-columns:1fr;gap:7px;width:100%}.tut-power{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);text-align:left;opacity:0;animation:tutfade .4s ease-out forwards}.tut-power:nth-child(1){animation-delay:.1s}.tut-power:nth-child(2){animation-delay:.2s}.tut-power:nth-child(3){animation-delay:.3s}.tut-power:nth-child(4){animation-delay:.4s}@keyframes tutfade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.tut-power-icon{width:30px;height:30px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:9px;border:1px solid currentColor;background:color-mix(in srgb,currentColor 12%,transparent);filter:drop-shadow(0 0 6px currentColor)}.tut-power-icon svg{width:17px;height:17px}.tut-power-text{display:flex;flex-direction:column;gap:1px}.tut-power-text strong{font-size:10.5px;letter-spacing:.14em;color:currentColor}.tut-power-text span{font-size:11px;color:#ffffff8c}.tut-note{font-size:11.5px;color:#ffffff73}.tutstage{z-index:5}.tut-topbar{display:flex;align-items:center;justify-content:space-between;padding:0 4px}.tut-dots{display:flex;align-items:center;gap:8px}.tut-dot{width:7px;height:7px;border-radius:50%;background:#ffffff24;transition:background .25s,box-shadow .25s}.tut-dot.active{background:var(--teal);box-shadow:0 0 10px #2be4e0e6}.tut-dot.done{background:#2be4e073}.tut-skip{font-family:var(--font-mono);font-size:10px;letter-spacing:.22em;color:#fff6;background:none;border:none;padding:6px 2px;cursor:pointer;transition:color .15s}.tut-skip:hover{color:#fff}.coach{display:flex;align-items:center;justify-content:center;min-height:118px;padding:12px 18px;border-radius:14px;border:1px solid rgba(43,228,224,.22);background:linear-gradient(180deg,#1e1e248c,#1010148c);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 1px #ffffff0f,0 0 22px #2be4e012}.coach-inner{display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center;animation:fadeup .35s ease-out both}.coach-kicker{font-family:var(--font-mono);font-size:9px;letter-spacing:.3em;color:var(--teal)}.coach-text{font-size:13px;line-height:1.55;color:#ffffffc7;max-width:42ch}.coach-goal{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.2em;color:#fff;padding:4px 13px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:#ffffff0d;font-variant-numeric:tabular-nums}.tut-pass{position:fixed;inset:0;z-index:18;display:flex;align-items:center;justify-content:center;pointer-events:none}.tut-pass-badge{font-weight:800;font-style:italic;font-size:clamp(28px,8vw,44px);letter-spacing:.06em;background:linear-gradient(180deg,#d8fffd 20%,var(--teal) 82%);-webkit-background-clip:text;background-clip:text;color:transparent;padding:.18em .14em;filter:drop-shadow(0 0 18px rgba(43,228,224,.6));animation:passin 1.15s cubic-bezier(.2,1.2,.3,1) both}@keyframes passin{0%{opacity:0;transform:scale(1.7) rotate(-3deg)}18%{opacity:1;transform:scale(1) rotate(0)}72%{opacity:1;transform:scale(1)}to{opacity:0;transform:translateY(-14px)}}.confetti{position:fixed;left:0;top:0;width:100vw;height:100vh;pointer-events:none;z-index:21}.scorefloat{position:absolute;translate:-50% -50%;z-index:12;pointer-events:none;font-family:var(--font-mono);font-weight:700;white-space:nowrap;opacity:0;--wx: 0px;--wy: -46px;animation:floatwarp .85s linear both}.scorefloat.t1{font-size:13px;color:#fff;text-shadow:0 0 8px rgba(255,255,255,.5)}.scorefloat.t2{font-size:16px;color:var(--teal);text-shadow:0 0 12px rgba(43,228,224,.7)}.scorefloat.t3{font-size:19px;color:var(--pink);text-shadow:0 0 14px rgba(255,53,203,.75)}.scorefloat.t4{font-size:23px;color:#ffd75e;text-shadow:0 0 16px rgba(255,215,94,.85),0 0 40px rgba(255,215,94,.4)}@keyframes floatwarp{0%{opacity:0;translate:-50% -36%;scale:.55;animation-timing-function:cubic-bezier(.17,.84,.44,1)}15%{opacity:1;scale:1.14}34%{scale:1;translate:-50% -85%;animation-timing-function:cubic-bezier(.55,0,.85,.4)}90%{opacity:.9}to{opacity:0;translate:calc(-50% + var(--wx)) calc(-50% + var(--wy));scale:.3}}.multfloat{position:absolute;translate:-50% -130%;z-index:12;pointer-events:none;font-family:var(--font-mono);font-weight:700;font-size:15px;color:#06090a;background:linear-gradient(100deg,#5ff0ec 0%,var(--teal) 35%,#b7fffb 50%,var(--teal) 65%,#5ff0ec 100%);background-size:220% 100%;border:1px solid rgba(255,255,255,.55);border-radius:999px;padding:3px 12px;box-shadow:0 0 22px #2be4e0b3,0 4px 12px #00000073;opacity:0;animation:multpop .85s cubic-bezier(.2,.9,.3,1.4) both,multsweep .85s linear both}@keyframes multpop{0%{opacity:0;scale:.3}20%{opacity:1;scale:1.18}40%{scale:1}78%{opacity:1}to{opacity:0;translate:-50% -190%}}@keyframes multsweep{0%{background-position:120% 0}to{background-position:-60% 0}}.shout{position:absolute;left:50%;top:34%;translate:-50% -50%;z-index:13;pointer-events:none;display:flex;white-space:nowrap;perspective:340px;font-weight:800;font-style:italic;font-size:clamp(28px,8vw,46px);letter-spacing:.06em;--g1: #d8fffd;--g2: var(--teal);--glow: rgba(43, 228, 224, .9);animation:shoutout 1.15s ease-out both}.shout.l2{font-size:clamp(30px,8.5vw,50px);--g1: #ffd7f3;--g2: var(--pink);--glow: rgba(255, 53, 203, .9)}.shout.l3{font-size:clamp(34px,9.5vw,56px);--g1: #ffe9a8;--g2: #ff9a47;--glow: rgba(255, 154, 71, .95)}.shout.escape{font-size:clamp(24px,6.8vw,40px);--g1: #ffffff;--g2: var(--teal);--glow: rgba(43, 228, 224, .95)}@keyframes shoutout{0%,72%{opacity:1;translate:-50% -50%}to{opacity:0;translate:-50% -62%}}.shout .sl{display:inline-block;background:linear-gradient(180deg,var(--g1) 20%,var(--g2) 82%);-webkit-background-clip:text;background-clip:text;color:transparent;padding:.18em .14em;margin:-.18em -.14em;opacity:0;animation:letterin .42s cubic-bezier(.2,1.2,.3,1) both}@keyframes letterin{0%{opacity:0;transform:translateY(-.55em) rotateX(55deg) scale(1.7);text-shadow:-.09em 0 rgba(43,228,224,.8),.09em 0 rgba(255,53,203,.8)}45%{opacity:1;transform:translateY(.04em) rotateX(-8deg) scale(.96);text-shadow:-.02em 0 rgba(43,228,224,.5),.02em 0 rgba(255,53,203,.5)}to{opacity:1;transform:translateY(0) rotateX(0) scale(1);text-shadow:0 0 .4em var(--glow),0 .09em .22em rgba(0,0,0,.6)}}.shout .shockwave{position:absolute;left:50%;top:50%;width:1.6em;height:1.6em;margin:-.8em 0 0 -.8em;border-radius:50%;border:2px solid var(--g2);box-shadow:0 0 .5em var(--glow),inset 0 0 .5em var(--glow);opacity:0;animation:shockout .6s ease-out both}@keyframes shockout{0%{opacity:.9;scale:.25}to{opacity:0;scale:2.6}}.nearmiss{position:absolute;border-radius:24%;border:2px solid rgba(255,154,71,.9);box-shadow:0 0 18px #ff9a4799;opacity:0;animation:nearflash .38s ease-out both;pointer-events:none}@keyframes nearflash{0%{opacity:1;scale:1.15}to{opacity:0;scale:1}}.boardwrap.nudge{animation:nudge .22s ease-out}@keyframes nudge{30%{transform:translate(2px,-2px)}60%{transform:translate(-2px,1px)}}.hud-value.scorepop{animation:scorepop .28s cubic-bezier(.2,.9,.3,1.3)}@keyframes scorepop{0%{scale:1}35%{scale:1.13}to{scale:1}}.hud-box.score.landed{animation:hudland .32s ease-out}@keyframes hudland{0%{border-color:#2be4e0b3;box-shadow:inset 0 1px #ffffff0f,inset 0 3px 12px #00000080,inset 0 0 18px #2be4e040,0 0 16px #2be4e059}to{border-color:#ffffff17;box-shadow:inset 0 1px #ffffff0f,inset 0 3px 12px #00000080}}.startflash{position:absolute;inset:-10px;border-radius:20px;background:#fff;z-index:20;pointer-events:none;animation:startflash .15s ease-out forwards}@keyframes startflash{0%{opacity:.12}to{opacity:0}}.lowtime:after{content:"";position:fixed;inset:0;z-index:15;pointer-events:none;box-shadow:inset 0 0 130px #ff454552;animation:lowpulse 1s ease-in-out infinite}@keyframes lowpulse{0%,to{opacity:.55}50%{opacity:1}}.danger:after{content:"";position:fixed;inset:0;z-index:15;pointer-events:none;box-shadow:inset 0 0 150px #ff2d3c80;animation:dangerpulse .55s ease-in-out infinite}@keyframes dangerpulse{0%,to{opacity:.6}50%{opacity:1}}@media(max-height:700px){.modal{padding:18px 18px 16px}.modal-icon{width:40px;height:40px;border-radius:11px}.modal-icon svg{width:18px;height:18px}.modal-score.big{font-size:clamp(32px,8.5vw,42px)}.name-input-group{margin-top:6px;margin-bottom:2px}.player-input{height:38px}.btn.icon.cyan{width:38px;height:38px}.leaderboard{gap:4px}.lb-row{padding:6px 12px;font-size:11px}.lb-rank-circle{width:20px;height:20px;border-radius:10px}.modal-actions{gap:8px;margin-top:8px}.modal-actions .btn{padding:11px 18px;font-size:13px}.modal .tut-note{font-size:10.5px;margin-top:6px!important}}@media(max-height:560px){.modal{padding:14px 16px 12px}.modal-icon{display:none}.modal-score.big{font-size:28px}.lb-row{padding:4px 10px}.player-input,.btn.icon.cyan{height:34px}.modal-actions .btn{padding:9px 16px}}.modal-score.shimmer{background:linear-gradient(110deg,#fff 38%,#ffd75e,#fff 58%);background-size:240% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 1.8s ease-in-out infinite}@keyframes shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}.btn.glass{position:relative;overflow:hidden}.btn.glass:after{content:"";position:absolute;top:-30%;bottom:-30%;width:34%;left:-60%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.32),transparent);transform:skew(-18deg);animation:sheen 4.4s ease-in-out infinite}@keyframes sheen{0%,58%{left:-60%}78%,to{left:135%}}.crash{height:100%;display:flex;align-items:center;justify-content:center;padding:20px}.crash-card{display:flex;flex-direction:column;align-items:center;gap:14px;max-width:360px;text-align:center;padding:28px 24px;border-radius:20px;background:#141016e6;border:1.5px solid rgba(255,53,203,.6);box-shadow:0 0 34px #ff35cb40}.crash-card p{font-family:var(--font-mono);font-size:12px;color:#fff9;word-break:break-word}.silkscreen{display:flex;align-items:center;justify-content:space-between;padding:12px 12px 10px;-webkit-user-select:none;user-select:none}.ssright{display:inline-flex;align-items:center;gap:8px}.ssname{font-family:var(--font-mono);font-size:9px;font-weight:600;letter-spacing:.4em;color:#ffffff52;text-shadow:0 1px 0 rgba(0,0,0,.9)}.ssver{font-family:var(--font-mono);font-size:8px;letter-spacing:.2em;color:#ffffff29;text-shadow:0 1px 0 rgba(0,0,0,.9);border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:1px 5px}.statusled{width:6px;height:6px;border-radius:50%;background:var(--teal);box-shadow:0 0 7px #2be4e0cc;opacity:.35}body.beat .statusled{animation:ledblink .32s ease-out}@keyframes ledblink{0%{opacity:1;box-shadow:0 0 12px #2be4e0}to{opacity:.35}}body.beat .scr-playing .grid{animation:gridduck .3s ease-out}@keyframes gridduck{0%{opacity:.84}to{opacity:1}}.hud-box{position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0f,inset 0 3px 12px #00000080}.hud-box:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.06) 0%,transparent 32%)}.boardwrap{transition:box-shadow .5s,border-color .5s}.spark:after{content:"";position:absolute;inset:-17%;border-radius:32%;border:2px solid var(--mc, transparent);opacity:var(--mo, 0);transition:opacity .3s,border-color .3s;pointer-events:none}.boardwrap.m2{--mc: rgba(43, 228, 224, .45);--mo: .55}.boardwrap.m3{--mc: rgba(43, 228, 224, .75);--mo: .8;--mtrail: rgba(43, 228, 224, .55)}.boardwrap.m3 .padtray{box-shadow:inset 0 2px 9px #000000d9,inset 0 0 22px #2be4e01f}.boardwrap.m4{--mc: rgba(255, 209, 102, .85);--mo: .85;--mtrail: rgba(255, 209, 102, .55)}.boardwrap.m4 .padtray{box-shadow:inset 0 2px 9px #000000d9,inset 0 0 28px #ffd16629}.boardwrap.m5{--mc: rgba(255, 53, 203, .9);--mo: .95;--mtrail: rgba(255, 53, 203, .55)}.boardwrap.m5 .padtray{box-shadow:inset 0 2px 9px #000000d9,inset 0 0 34px #ff35cb33,inset 0 0 16px #2be4e01a}.scr-gameover .pad{animation:poweroff .6s ease both;animation-delay:calc(.5s + var(--row, 0) * .07s)}@keyframes poweroff{to{opacity:.25}}.scr-gameover .statusled{animation:none;opacity:.12;box-shadow:none}.scr-gameover .ssname,.scr-gameover .ssver{color:#ffffff1a}@media(max-height:700px){.stage{gap:8px}.hud-value{font-size:17px}.iconbtn{width:36px;height:36px}}.cta-reveal{opacity:0;transform:translateY(14px);pointer-events:none;transition:opacity .45s ease,transform .45s cubic-bezier(.2,.9,.3,1.2)}.cta-reveal.in{opacity:1;transform:none;pointer-events:auto}.best-delta{margin-top:6px;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.14em;color:#ffd75e;text-shadow:0 0 12px rgba(255,215,94,.45);animation:deltapop .45s cubic-bezier(.2,.9,.3,1.3) both}.best-delta.pb{font-size:12px;letter-spacing:.2em}@keyframes deltapop{0%{opacity:0;scale:.7}60%{opacity:1;scale:1.08}to{scale:1}}.toolkit{margin-top:10px;display:flex;flex-direction:column;align-items:center;gap:6px}.toolkit-label{font-family:var(--font-mono);font-size:9px;letter-spacing:.28em;color:#ffffff59}.toolkit-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.tk-chip{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.08em;white-space:nowrap;padding:3px 9px;border-radius:999px;border:1px solid currentColor;background:#ffffff08;box-shadow:0 0 12px -6px currentColor}.retry-hint{margin-top:10px;font-family:var(--font-mono);font-size:9px;letter-spacing:.24em;color:#ffffff4d}@media(hover:none){.retry-hint{display:none}}
