.milo-concert{position:fixed;inset:0;width:100vw;height:100vh;max-width:none;max-height:none;z-index:10040;pointer-events:none;overflow:hidden;filter:drop-shadow(0 0 5px var(--milo-vfx-green))}
.milo-persistent{position:absolute;inset:-5px;z-index:19;pointer-events:none;border-radius:inherit;color:var(--milo-vfx-green)}
.milo-persistent-frame{position:absolute;inset:0;border:2px solid var(--milo-vfx-green);border-radius:inherit;box-shadow:0 0 15px var(--milo-vfx-c1),inset 0 0 14px var(--milo-vfx-green);animation:miloConcertBreathe 2.4s ease-in-out infinite}
.milo-persistent-frame.is-inner{inset:6px;border-color:var(--milo-vfx-gold);border-width:1px;box-shadow:none;animation-delay:-1.2s}
.milo-persistent-note{position:absolute;left:var(--x);top:var(--y);width:38px;height:38px;max-width:none;max-height:none;overflow:visible;fill:currentColor;color:var(--milo-vfx-green);filter:drop-shadow(0 0 5px currentColor);animation:miloConcertNotes 3.2s ease-in-out infinite;animation-delay:calc(var(--i)*-.27s)}
.milo-persistent-note:nth-of-type(even){color:var(--milo-vfx-gold)}
.milo-persistent-eq{position:absolute;left:5%;right:5%;bottom:-5px;height:48px;display:flex;align-items:end;justify-content:space-between;opacity:.8}
.milo-persistent-eq i{display:block;width:4px;height:var(--bar);background:linear-gradient(var(--milo-vfx-gold),var(--milo-vfx-green),var(--milo-vfx-c1));box-shadow:0 0 8px var(--milo-vfx-green);border-radius:5px;transform-origin:bottom;animation:miloConcertEqualizer 1.3s ease-in-out infinite alternate;animation-delay:calc(var(--i)*-.14s)}
.milo-persistent--charge .milo-persistent-frame{border-style:dashed;box-shadow:0 0 14px var(--milo-vfx-c2)}
.milo-persistent--charge .milo-persistent-note{width:29px;height:29px}
.milo-persistent--sprint{inset:-10px}
.milo-persistent--sprint .milo-persistent-frame{border-color:var(--milo-vfx-c2);box-shadow:0 0 14px var(--milo-vfx-green)}
.milo-persistent--sprint .milo-persistent-note{animation-duration:2.4s}
.milo-persistent--guard{inset:-3px}
.milo-persistent--guard .milo-persistent-frame{border-width:3px;border-color:var(--milo-vfx-gold);box-shadow:0 0 16px var(--milo-vfx-green),inset 0 0 10px var(--milo-vfx-gold)}
.milo-persistent--guard .milo-persistent-eq{top:-18px;bottom:auto;transform:scaleY(-1)}
.milo-speed-stream{position:absolute;left:-15%;right:-15%;top:25%;height:5px;border-radius:50%;background:linear-gradient(90deg,transparent,var(--milo-vfx-c2),var(--milo-vfx-green),transparent);filter:drop-shadow(0 0 7px var(--milo-vfx-green));animation:miloConcertSpeed 1.8s ease-in-out infinite}
.milo-speed-stream.is-second{top:55%;animation-delay:-.6s}.milo-speed-stream.is-third{top:80%;animation-delay:-1.2s}
@keyframes miloConcertBreathe{0%,100%{opacity:.45}50%{opacity:.95}}
@keyframes miloConcertNotes{0%,100%{transform:translate(-50%,-35%) rotate(-12deg);opacity:.5}50%{transform:translate(-50%,-70%) rotate(14deg);opacity:1}}
@keyframes miloConcertEqualizer{from{transform:scaleY(.3);opacity:.5}to{transform:scaleY(1);opacity:1}}
@keyframes miloConcertSpeed{0%{transform:translateX(-16%) scaleX(.45);opacity:0}40%{opacity:.85}100%{transform:translateX(16%) scaleX(1);opacity:0}}
.milo-card-hit{position:absolute;inset:0;z-index:35;pointer-events:none;overflow:visible;border:4px solid var(--milo-vfx-gold);background:linear-gradient(135deg,transparent 25%,color-mix(in srgb,var(--milo-vfx-green) 30%,transparent),transparent 75%);box-shadow:inset 0 0 35px var(--milo-vfx-green),0 0 25px var(--milo-vfx-c1);animation:miloConcertContact 2.1s ease-out both}
.milo-card-hit>i,.milo-card-hit>b{position:absolute;left:8%;top:48%;width:84%;height:6px;border-radius:50%;background:var(--milo-vfx-gold);box-shadow:0 0 18px var(--milo-vfx-green);transform:rotate(-38deg)}
.milo-card-hit>b{transform:rotate(38deg);background:var(--milo-vfx-green)}
.milo-hit-note{position:absolute;left:calc(10% + var(--i)*23%);top:calc(16% + var(--i)*17%);width:64px;height:64px;max-width:none;fill:currentColor;color:var(--milo-vfx-gold);filter:drop-shadow(0 0 9px var(--milo-vfx-green));animation:miloConcertNotes 2.1s ease-in-out both}
@keyframes miloConcertContact{0%{opacity:0}12%{opacity:1}45%{opacity:.8}100%{opacity:0}}
.v3-vfx-disabled .milo-persistent,.v3-vfx-disabled .milo-card-hit{display:none}
.milo-persistent[data-milo-vfx-theme="academy"] .milo-persistent-frame{border-radius:5px 16px 5px 16px;border-style:solid;background:linear-gradient(130deg,#59D7FD0d,transparent 40%,#289EFD0a);box-shadow:0 0 13px #289EFD66,inset 0 0 13px #59D7FD44}
.milo-persistent[data-milo-vfx-theme="academy"] .milo-persistent-note{width:44px;height:44px;fill:#141633;filter:drop-shadow(0 0 4px #59D7FD)}
.milo-persistent[data-milo-vfx-theme="academy"] .milo-persistent-eq{bottom:-8px;height:30px;opacity:.65}
.milo-persistent[data-milo-vfx-theme="academy"] .milo-persistent-eq i{width:8px;border:1px solid #B1EBFF;border-radius:1px 1px 5px 5px;background:linear-gradient(#B1EBFF,#289EFD 45%,#141633)}
.milo-persistent--guard[data-milo-vfx-theme="academy"] .milo-persistent-frame{border-radius:10px 10px 38% 38%;border-bottom-width:5px}
.milo-persistent--sprint[data-milo-vfx-theme="academy"] .milo-speed-stream{height:3px;transform:rotate(-16deg);background:linear-gradient(90deg,transparent,#289EFD,#B1EBFF,transparent)}
.milo-card-hit[data-milo-vfx-theme="academy"]{border-width:2px;border-radius:6px 20px;background:linear-gradient(145deg,transparent 30%,#59D7FD44 48%,transparent 65%);box-shadow:inset 0 0 25px #289EFD77,0 0 20px #59D7FD66}
.milo-card-hit[data-milo-vfx-theme="academy"] .milo-hit-note{width:70px;height:70px}
@media(prefers-reduced-motion:reduce){.milo-persistent *{animation:none!important}.milo-speed-stream{display:none}.milo-concert{filter:none}}