.mastery-hud{position:absolute;z-index:3;right:18px;top:18px;display:flex;gap:5px;pointer-events:none}.mastery-hud span{display:grid;gap:1px;min-width:61px;padding:6px 8px;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:rgba(5,7,19,.68);backdrop-filter:blur(7px);transition:.2s}.mastery-hud i{color:#7f8498;font:700 6px 'Space Grotesk';font-style:normal;letter-spacing:.12em}.mastery-hud b{color:#d8dbe7;font:700 10px 'Space Grotesk'}.mastery-hud span.charged{border-color:rgba(200,92,255,.48);background:rgba(113,44,183,.18);box-shadow:0 0 22px rgba(200,92,255,.2);animation:hudCharge .7s ease-in-out infinite alternate}.mastery-hud span.charged i,.mastery-hud span.charged b{color:#efc9ff}
.impact-text{z-index:4;display:grid;justify-items:center;font-size:clamp(15px,2.6vw,27px);line-height:1;text-transform:uppercase}.impact-text::after{content:attr(data-subtitle);margin-top:7px;color:#fff;font:700 clamp(7px,.9vw,10px) 'Space Grotesk';letter-spacing:.23em;text-shadow:0 0 13px currentColor}.impact-text.expert{font-size:clamp(19px,3.5vw,38px);letter-spacing:.08em;animation:expertImpact 1.35s cubic-bezier(.16,.85,.2,1) forwards}.impact-text.legendary{top:27%;font-size:clamp(23px,4.3vw,48px);letter-spacing:.05em;animation:legendaryImpact 1.7s cubic-bezier(.1,.8,.2,1) forwards}.impact-text.prism-reversal{color:#fff;text-shadow:-4px 0 15px #ff3b89,4px 0 15px #36e6ff,0 0 32px #fff}.impact-text.quantum-counter{color:#dffffc;text-shadow:0 0 10px #fff,0 0 32px #31d9ff}.impact-text.singularity-break{color:#fff;text-shadow:0 0 12px #fff,0 0 32px #e45cff,0 0 55px #702cff}.impact-text.singularity-break::after{color:#f0b5ff}
.arena-frame.shake-soft{animation:shakeSoft .24s ease-out}.arena-frame.shake-heavy{animation:shakeHeavy .48s cubic-bezier(.1,.8,.2,1)}.arena-frame.shake-legendary{animation:shakeLegendary .85s cubic-bezier(.1,.8,.2,1)}.arena-frame.shake-legendary::before{content:'';position:absolute;z-index:3;inset:8px;border-radius:12px;pointer-events:none;background:radial-gradient(circle at center,transparent 35%,rgba(162,45,255,.18));animation:singularityVeil .85s ease-out forwards}
@keyframes hudCharge{to{transform:translateY(-1px);box-shadow:0 0 28px rgba(200,92,255,.34)}}
@keyframes shakeSoft{20%{transform:translateX(-2px)}45%{transform:translateX(2px)}70%{transform:translateX(-1px)}100%{transform:none}}
@keyframes shakeHeavy{12%{transform:translate(-5px,2px) rotate(-.15deg)}28%{transform:translate(5px,-2px) rotate(.15deg)}44%{transform:translate(-3px,-1px)}62%{transform:translate(3px,1px)}82%{transform:translate(-1px,0)}100%{transform:none}}
@keyframes shakeLegendary{0%{filter:saturate(1)}8%{transform:scale(1.012);filter:saturate(1.8) contrast(1.15)}16%{transform:translate(-8px,3px) rotate(-.25deg)}28%{transform:translate(7px,-4px) rotate(.2deg)}40%{transform:translate(-6px,-2px)}54%{transform:translate(5px,3px)}70%{transform:translate(-3px,0)}86%{transform:translate(1px,0)}100%{transform:none;filter:none}}
@keyframes expertImpact{0%{opacity:0;transform:translate(-50%,-50%) scale(.45) skewX(-12deg);filter:blur(6px)}14%{opacity:1;transform:translate(-50%,-50%) scale(1.18) skewX(-4deg);filter:none}25%{transform:translate(-50%,-50%) scale(.98)}72%{opacity:1}100%{opacity:0;transform:translate(-50%,-105%) scale(1.07)}}
@keyframes legendaryImpact{0%{opacity:0;transform:translate(-50%,-50%) scale(2.2);filter:blur(12px)}11%{opacity:1;transform:translate(-50%,-50%) scale(.82);filter:none}20%{transform:translate(-50%,-50%) scale(1.14)}29%{transform:translate(-50%,-50%) scale(1)}72%{opacity:1}100%{opacity:0;transform:translate(-50%,-115%) scale(1.12);filter:blur(2px)}}
@keyframes singularityVeil{0%{opacity:0}14%{opacity:1;box-shadow:inset 0 0 80px rgba(176,42,255,.42)}100%{opacity:0;box-shadow:inset 0 0 12px transparent}}
@media(max-width:700px){.mastery-hud{right:12px;top:11px;gap:3px}.mastery-hud span{min-width:45px;padding:4px 5px}.mastery-hud i{font-size:5px}.mastery-hud b{font-size:8px}.impact-text{top:28%;max-width:86%;white-space:normal;text-align:center}.impact-text.legendary{font-size:clamp(18px,6vw,29px)}}
@media(prefers-reduced-motion:reduce){.arena-frame.shake-soft,.arena-frame.shake-heavy,.arena-frame.shake-legendary,.mastery-hud span.charged{animation:none}.impact-text.expert,.impact-text.legendary{animation:perfectPop .75s ease-out forwards}}