.logo-battle{width:min(82vw,320px)}.logo-stage{isolation:isolate;aspect-ratio:481.85/479.27;perspective:900px;width:min(70vw,300px);margin-inline:auto;position:relative}.logo-target{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;width:100%;height:100%;display:block}.logo-target:focus-visible{outline:2px solid var(--color-violet);outline-offset:8px}.logo-target[aria-disabled=true]{cursor:wait}.logo-tilt,.logo-impact,.logo-target .logo-glow{width:100%;height:100%;display:block}.logo-tilt{transition:transform .2s ease-out}.logo-impact.is-hit{animation:.28s cubic-bezier(.36,.07,.19,.97) battle-shake}.logo-impact.is-critical{animation:.42s cubic-bezier(.36,.07,.19,.97) battle-shake-big}.logo-impact.is-hit .c-logo{animation:.22s ease-out battle-flash}@keyframes battle-flash{0%{filter:brightness(2)}to{filter:brightness()}}@keyframes battle-shake{0%{translate:0;scale:.96}20%{translate:-5px 2px}40%{translate:5px -2px;scale:1}60%{translate:-3px 1px}80%{translate:2px}to{translate:0}}@keyframes battle-shake-big{0%{translate:0;rotate:0deg;scale:.92}15%{translate:-10px 4px;rotate:-2deg}30%{translate:9px -4px;rotate:2deg;scale:1.02}45%{translate:-7px 2px;rotate:-1deg}60%{translate:5px -1px;rotate:.5deg}80%{translate:-2px}to{translate:0;rotate:0deg;scale:1}}.logo-death-layer,.logo-remnant,.battle-floaters{pointer-events:none;position:absolute;inset:0}.logo-death-layer{z-index:2}.logo-remnant .c-logo{width:100%;height:100%}.logo-battle[data-phase=rewarded] .logo-tilt{opacity:0}.logo-battle[data-phase=respawning] .logo-impact{animation:.55s cubic-bezier(.2,1.4,.4,1) battle-spawn}@keyframes battle-spawn{0%{opacity:0;transform:scale(.65)}60%{opacity:1}to{opacity:1;transform:scale(1)}}.battle-particles{pointer-events:none;z-index:3;width:min(160%,100vw);height:160%;position:absolute;top:-30%;left:50%;transform:translate(-50%)}.battle-floaters{z-index:4}.battle-damage{font:700 2.15rem / 1 var(--font-display);color:#fff;-webkit-text-stroke:4px #110c25;paint-order:stroke fill;white-space:nowrap;text-shadow:0 0 16px #b98cff99;animation:.9s cubic-bezier(.2,.7,.3,1) forwards battle-damage;position:absolute;translate:-50% -50%}.battle-damage.is-critical{color:#ffd56a;font-size:3rem}.battle-damage.is-critical:before{content:"CRIT";text-align:center;color:#fff;margin-bottom:2px;font-size:.45em;display:block}@keyframes battle-damage{0%{opacity:0;transform:translate(0)scale(.3)}15%{transform:translate(calc(var(--dx) * .2), -6px) scale(1.3);opacity:1}30%{transform:translate(calc(var(--dx) * .35), -12px) scale(1)}70%{opacity:1}to{transform:translate(var(--dx), -84px) scale(.9);opacity:0}}.battle-banner{z-index:5;pointer-events:none;font-family:var(--font-display);text-align:center;text-shadow:0 0 10px #05060f,0 0 24px #8e6fff;transition:opacity .25s ease-out;animation:.25s ease-out battle-banner;position:absolute;inset:42% -10% auto}.battle-banner.is-leaving{opacity:0}.battle-banner strong{letter-spacing:.15em;color:#fff;font-size:clamp(1.5rem,6vw,2rem);display:block}.battle-banner span{letter-spacing:.12em;color:var(--color-cyan);margin-top:.4rem;font-size:.85rem;font-weight:700;display:block}@keyframes battle-banner{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.battle-hud{letter-spacing:.12em;text-transform:uppercase;color:var(--color-muted);margin-top:1.5rem;font-size:.65rem}.battle-health-label{justify-content:space-between;gap:1rem;display:flex}.battle-health{background:#ffffff1a;border-radius:99px;height:5px;margin-top:.35rem;position:relative;overflow:hidden}.battle-health-fill,.battle-health-trail{border-radius:inherit;width:100%;position:absolute;inset:0 auto 0 0}.battle-health-fill{background:linear-gradient(90deg, var(--color-violet), var(--color-cyan));transition:width .16s ease-out}.battle-health[data-low=true] .battle-health-fill{background:var(--color-pink)}.battle-health-trail{background:#eee6ff;transition:width .45s ease-out}.battle-xp{white-space:nowrap;align-items:center;gap:.7rem;margin-top:.6rem;display:flex}.battle-xp-track{background:#ffffff1a;border-radius:99px;flex:1;height:3px;position:relative;overflow:hidden}#xp-fill{background:linear-gradient(90deg, var(--color-violet), var(--color-pink));width:0;height:100%;transition:width .4s;display:block}@media (prefers-reduced-motion:reduce){.logo-tilt,.battle-banner,.battle-health-fill,.battle-health-trail,#xp-fill{transition:none}.logo-impact.is-hit,.logo-impact.is-critical,.logo-impact.is-hit .c-logo,.logo-battle[data-phase=respawning] .logo-impact,.battle-banner{animation:none}.battle-damage{animation:.85s ease-out forwards battle-static-note}}@keyframes battle-static-note{0%,65%{opacity:1}to{opacity:0}}