.awakening-cinematic{--awakening-color:#ffe69c;position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden;background:radial-gradient(ellipse at 50% 44%,#253347ed,#080d19fa 68%);isolation:isolate;color:#fff8df}.awakening-cinematic:before,.awakening-cinematic:after{content:'';position:absolute;left:0;right:0;height:9vh;background:#06090fea;z-index:5}.awakening-cinematic:before{top:0;border-bottom:1px solid #f0dc9d33}.awakening-cinematic:after{bottom:0;border-top:1px solid #f0dc9d33}.awakening-portrait{position:relative;z-index:3;width:290px;height:340px;filter:drop-shadow(0 0 28px var(--awakening-color));animation:awakenRise 2.7s both}.awakening-portrait canvas{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.awakening-words{z-index:4;text-align:center;margin-top:14px;animation:awakenWords 2.7s both}.awakening-words>span{display:block;font-size:14px;letter-spacing:12px;color:var(--awakening-color);margin-bottom:12px;font-weight:700}.awakening-words strong{font-size:34px;letter-spacing:8px;display:block;color:#fff9e8;text-shadow:0 0 25px var(--awakening-color),0 2px 5px #000}.awakening-words small{display:block;margin-top:16px;font-size:12px;letter-spacing:2px;color:#d4dce4}.awakening-rays{position:absolute;inset:0;opacity:.45;animation:awakenRadiance 2.7s both;z-index:0}.awakening-rays i{position:absolute;left:49%;bottom:48%;height:75vh;width:2vw;background:linear-gradient(0deg,var(--awakening-color),transparent 75%);transform-origin:50% 100%;transform:rotate(calc(var(--ray)*22.5deg));filter:blur(3px)}.awakening-orbit{position:absolute;z-index:1;left:50%;top:48%;width:460px;height:460px;margin-left:-230px;margin-top:-230px;border:2px solid var(--awakening-color);border-radius:50%;box-shadow:0 0 35px #fff2,inset 0 0 30px #fff1;opacity:.6}.orbit-one{animation:awakenOrbit 2.7s both;transform:rotateX(65deg) rotateZ(0deg)}.orbit-two{border-width:1px;border-style:dashed;width:540px;height:540px;margin:-270px 0 0 -270px;animation:awakenOuter 2.7s both}.awakening-shards{position:absolute;inset:0;z-index:2}.awakening-shards i{position:absolute;left:50%;top:48%;width:4px;height:12px;background:var(--awakening-color);box-shadow:0 0 12px var(--awakening-color);animation:awakenShard 2.7s both;transform:rotate(calc(var(--shard)*22.5deg)) translateY(180px)}.awakening-flash{position:absolute;inset:0;z-index:6;background:#fff9e8;opacity:0;animation:awakenFlash 2.7s both;pointer-events:none}.awakening-cutin{background:linear-gradient(115deg,#08101df5 15%,#1b2c44f0 55%,#080e1af5 90%);flex-direction:row;gap:30px}.awakening-cutin:before,.awakening-cutin:after{height:15vh}.awakening-cutin .awakening-portrait{width:270px;height:330px;animation:awakenCutPortrait 1.2s both}.awakening-cutin .awakening-words{margin:0;animation:awakenCutWords 1.2s both}.awakening-cutin .awakening-words>span{font-size:12px;letter-spacing:8px}.awakening-cutin .awakening-words strong{font-size:34px;letter-spacing:4px}.awakening-cutin .awakening-rays{animation:awakenRadiance 1.2s both}.awakening-cutin .awakening-orbit{animation:awakenOuter 1.2s both;left:35%;opacity:.4}.awakening-cutin .awakening-shards i{animation-duration:1.2s}.awakening-cutin .awakening-flash{display:none}.awakening-impact{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:4}.awakening-impact i{position:absolute;width:48%;height:4px;left:4%;top:calc(37% + var(--hit)*3%);background:var(--awakening-color);box-shadow:0 0 16px var(--awakening-color),0 0 4px #fff;transform:rotate(calc(-28deg + var(--hit)*9deg));animation:awakeningSlash .7s both;animation-delay:calc(var(--hit)*.035s)}.effect-1 i{width:120px;height:120px;left:17%;top:36%;border:2px solid var(--awakening-color);border-radius:50%;background:radial-gradient(circle,#fff9,var(--awakening-color),transparent 70%);animation:awakeningNova .8s both;animation-delay:calc(var(--hit)*.025s)}.effect-2 i{height:2px;left:6%;width:40%;animation-duration:.55s;animation-delay:calc(var(--hit)*.065s)}.effect-3 i{width:5px;height:230px;left:28%;top:26%;transform-origin:50% 50%;transform:rotate(calc(var(--hit)*30deg));animation:awakeningSun .8s both;background:linear-gradient(transparent,var(--awakening-color),#fff,var(--awakening-color),transparent)}.awakening-shake{animation:awakeningImpactShake .35s}.simple-battle .retro-battle .commands .awakening-spent{border-color:#74858d66!important;box-shadow:none!important;background:#52616c33!important}.simple-battle .retro-battle .commands .awakening-spent b{color:#b5c1c4}.simple-battle .retro-battle .commands .awakening-spent small{color:#d3c7a3}
@keyframes awakenRise{0%,20%{opacity:0;transform:translateY(35px) scale(.85);filter:brightness(0) drop-shadow(0 0 14px var(--awakening-color))}33%{opacity:1;filter:brightness(4) drop-shadow(0 0 60px var(--awakening-color))}47%,85%{opacity:1;transform:translateY(0) scale(1);filter:brightness(1) drop-shadow(0 0 25px var(--awakening-color))}100%{opacity:0;transform:scale(1.05)}}@keyframes awakenWords{0%,35%{opacity:0;transform:translateY(15px)}50%,85%{opacity:1;transform:translateY(0)}100%{opacity:0}}@keyframes awakenRadiance{0%{opacity:0;transform:scale(.4) rotate(-20deg)}35%{opacity:.8}80%{opacity:.4}100%{opacity:0;transform:scale(1.25) rotate(15deg)}}@keyframes awakenOrbit{0%{opacity:0;transform:rotateX(65deg) rotateZ(-70deg) scale(.2)}35%,80%{opacity:.6;transform:rotateX(65deg) rotateZ(0deg) scale(1)}100%{opacity:0;transform:rotateX(65deg) rotateZ(50deg) scale(1.3)}}@keyframes awakenOuter{0%{opacity:0;transform:scale(.2) rotate(-40deg)}35%,80%{opacity:.45}100%{opacity:0;transform:scale(1.25) rotate(45deg)}}@keyframes awakenShard{0%,15%{opacity:0;transform:rotate(calc(var(--shard)*22.5deg)) translateY(30px) scale(.2)}45%{opacity:1}100%{opacity:0;transform:rotate(calc(var(--shard)*22.5deg)) translateY(340px) scale(1)}}@keyframes awakenFlash{0%,27%{opacity:0}33%{opacity:.65}43%,100%{opacity:0}}@keyframes awakenCutPortrait{0%{opacity:0;transform:translateX(-80px)}18%,80%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(20px)}}@keyframes awakenCutWords{0%,12%{opacity:0;transform:translateX(70px)}30%,80%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-20px)}}@keyframes awakeningSlash{0%{opacity:0;scale:.15 1}25%{opacity:1;scale:1.1 1}100%{opacity:0;scale:1.3 .1}}@keyframes awakeningNova{0%{opacity:0;scale:.1}30%{opacity:.7}100%{opacity:0;scale:2}}@keyframes awakeningSun{0%{opacity:0;scale:.2}30%{opacity:.8}100%{opacity:0;scale:1.5}}@keyframes awakeningImpactShake{20%,60%{translate:-3px 1px}40%,80%{translate:3px -1px}}
@media(max-width:680px){.awakening-portrait{width:210px;height:260px}.awakening-words strong{font-size:26px;letter-spacing:4px}.awakening-words>span{font-size:12px;letter-spacing:8px}.awakening-words small{font-size:10px}.awakening-orbit{width:320px;height:320px;margin:-160px 0 0 -160px}.orbit-two{width:370px;height:370px;margin:-185px 0 0 -185px}.awakening-cutin{gap:0;flex-direction:column}.awakening-cutin .awakening-portrait{width:190px;height:230px}.awakening-cutin .awakening-words strong{font-size:25px;letter-spacing:2px}.awakening-cutin .awakening-words>span{font-size:10px}.awakening-cutin .awakening-orbit{left:50%}.effect-1 i{width:80px;height:80px;left:14%}.effect-3 i{height:160px;top:26%;left:25%}}
@media(prefers-reduced-motion:reduce){.awakening-cinematic *,.awakening-impact *,.awakening-shake{animation:none!important}.awakening-flash,.awakening-shards,.awakening-rays{display:none}.awakening-portrait,.awakening-words{opacity:1;transform:none;filter:none}.awakening-orbit{opacity:.15}.awakening-impact{display:none}}
.simple-battle #hero-sprite[data-awakening-form="0"],.simple-battle #hero-sprite[data-awakening-form="2"]{width:170px;height:175px;bottom:230px}.form-0 .awakening-portrait,.form-2 .awakening-portrait{width:370px;height:360px}@media(max-width:680px){.simple-battle #hero-sprite[data-awakening-form="0"],.simple-battle #hero-sprite[data-awakening-form="2"]{width:120px;height:136px;bottom:220px;right:18%!important}.form-0 .awakening-portrait,.form-2 .awakening-portrait{width:260px;height:280px}}