.hit-layer{pointer-events:none;position:absolute;inset:0;overflow:hidden}.hit-layer.hit-page{z-index:60;position:fixed}@supports (height:1lvh){.hit-layer.hit-page{height:100lvh;bottom:auto}}.hit-piece{display:block;position:absolute}.hit-going{opacity:0;transition:opacity .25s}.hit-crack svg{left:var(--x);top:var(--y);width:calc(var(--side) * .8);height:calc(var(--side) * .8);animation:.14s ease-out backwards hit-crack;position:absolute;translate:-50% -50%}.hit-crack polyline,.hit-crack line{fill:none;stroke:#ffffffe6;stroke-width:2.2px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.hit-crack .hit-under polyline,.hit-crack .hit-under line{stroke:#0000008c;stroke-width:4.5px}@keyframes hit-crack{0%{scale:1.08}to{scale:1}}.hit-shatter svg{animation:.8s ease-in both hit-fall}@keyframes hit-fall{to{opacity:0;translate:-50% 30%;rotate:6deg}}.hit-shard{left:var(--x);top:var(--y);width:calc(var(--side) * .12);aspect-ratio:1;rotate:var(--a);clip-path:polygon(50% 0,100% 80%,10% 100%);animation:hit-shard .8s cubic-bezier(.3, 0, .8, .6) var(--d) both;background:linear-gradient(135deg,#ffffffd9,#b4dcff4d)}@keyframes hit-shard{0%{translate:-50% -50%}to{translate:var(--fx) 70vh;rotate:var(--r);opacity:0}}.hit-seal{opacity:0;transition:opacity .3s ease-in}.hit-seal svg{animation:.3s ease-in both hit-seal}@keyframes hit-seal{to{opacity:0;scale:.2}}.hit-scratch .hit-piece{left:calc(var(--x) + var(--dx));top:var(--y);width:calc(var(--side) * .035);height:calc(var(--side) * .55);transform-origin:50% 0;animation:hit-rake 1.1s ease-out calc(var(--i) * 40ms) both;background:linear-gradient(#fff,#fff 70%,#fff0);border-radius:999px;translate:-50% -50%;rotate:28deg;box-shadow:0 0 0 2px #0000004d}@keyframes hit-rake{0%{scale:1 0}12%{scale:1}70%{opacity:1}to{opacity:0}}.hit-scorch .hit-glow{transform-origin:bottom;background:linear-gradient(#0000,#ffa02859 55%,#ff6e1ebf);height:55%;animation:1.5s ease-out both hit-burn;inset:auto 0 0}@keyframes hit-burn{0%{opacity:.3;scale:1 .3}30%{opacity:1;scale:1}to{opacity:0}}.hit-scorch .hit-char{left:-10%;right:-10%;top:var(--y);height:calc(var(--side) * .05);translate:0 -50%;rotate:var(--tilt);transform-origin:var(--x) 50%;background:linear-gradient(#0000,#2a1205 30%,#ff8a2e 50%,#2a1205 70%,#0000);animation:1.5s ease-out both hit-char}@keyframes hit-char{0%{scale:0 1}25%{scale:1}75%{opacity:1}to{opacity:0}}.hit-laser .hit-glow{background:linear-gradient(#0000,#e6faff40 55%,#96e6ff99)}.hit-laser .hit-char{background:linear-gradient(#0000,#0d2a4a 30%,#e8fbff 50%,#0d2a4a 70%,#0000)}.hit-cloud .hit-piece{left:calc(var(--x) + var(--dx));top:var(--y);width:calc(var(--side) * .9);aspect-ratio:1;translate:-50% -50%;scale:var(--s);animation:hit-cloud 2.4s ease-out var(--d) both}@keyframes hit-cloud{0%{scale:calc(var(--s) * .5);opacity:.85}50%{translate:-50% -80%;scale:var(--s);opacity:.75}to{translate:-50% -130%;scale:calc(var(--s) * 1.3);opacity:0}}.hit-slime .hit-piece{left:calc(var(--x) + var(--dx));top:calc(var(--y) + var(--dy));width:calc(var(--side) * .13 * var(--s));height:calc(var(--side) * .11 * var(--s));animation:hit-slime 2.4s ease-in var(--d) both;background:radial-gradient(circle at 35% 30%,#c8f078d9,#6ebe28a6 60%,#50961e8c);border-radius:46% 54% 40% 60%/55% 45%;translate:-50% -50%}@keyframes hit-slime{0%{scale:.3}8%{scale:1.15}15%{scale:1}70%{opacity:.9;translate:-50% calc(2rem - 50%);scale:.95 1.25}to{opacity:0;translate:-50% calc(6rem - 50%);scale:.8 1.5}}.hit-thump .hit-piece{left:var(--px);width:calc(var(--side) * .28 * var(--s));aspect-ratio:1;opacity:.6;animation:hit-dust 1.1s ease-out var(--d) both;bottom:0;translate:-50% 50%}@keyframes hit-dust{0%{opacity:.9;scale:.3}to{opacity:0;translate:-50% -60%;scale:1.4}}.hit-stamp{animation:hit-dim calc(var(--lands) + .7s) linear both;background:#00000073}@keyframes hit-dim{0%{opacity:0}8%{opacity:1}80%{opacity:1}to{opacity:0}}.hit-band{height:min(30%,11rem);animation:hit-band var(--lands) ease-out both;background:linear-gradient(#fff,#1b1b1b 6%,#2a1a40 50%,#1b1b1b 94%,#fff);align-items:center;padding-left:14%;display:flex;top:50%;left:-10%;right:-10%;translate:0 -50%;rotate:-6deg}@keyframes hit-band{0%{translate:-110% -50%}22%{translate:0 -50%}88%{opacity:1;translate:0 -50%}to{opacity:0;translate:40% -50%}}.hit-name{max-width:calc(100% - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right));height:auto;animation:.3s cubic-bezier(.2,1.6,.4,1) .1s both hit-slam;position:absolute;top:50%;left:50%;translate:-50% -50%;rotate:-6deg}@keyframes hit-slam{0%{opacity:0;scale:2.2}to{opacity:1;scale:1}}.hit-count{width:auto;max-width:100%;height:auto;animation:.2s ease-out both hit-pop;display:block}@keyframes hit-pop{0%{scale:1.4}to{scale:1}}.hit-count.hit-done{animation:.25s ease-out both hit-pop,.3s ease-in 1.3s both hit-out}@keyframes hit-out{to{opacity:0}}.hit-count.hit-broken{animation:.7s ease-in both hit-drop}@keyframes hit-drop{to{opacity:0;translate:0 4rem;rotate:35deg}}.hit-still,.hit-still *{animation:none!important}@media (prefers-reduced-motion:reduce){.hit-layer,.hit-layer *,.hit-count{animation:none!important}}