
.runz-awaken-overlay{position:fixed;inset:0;z-index:3000;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity .12s ease;}
.runz-awaken-overlay.active{opacity:1;pointer-events:auto;}
.runz-awaken-backdrop{position:absolute;inset:0;background:radial-gradient(circle at 50% 48%, rgba(170,85,255,.22), rgba(8,4,14,.92) 55%, rgba(0,0,0,.98) 100%);} 
.runz-awaken-shock{position:absolute;inset:0;background:linear-gradient(90deg, transparent 0 15%, rgba(255,255,255,.22) 18%, transparent 22%, transparent 44%, rgba(190,132,255,.28) 48%, transparent 52%, transparent 78%, rgba(255,255,255,.22) 81%, transparent 84%);mix-blend-mode:screen;opacity:0;animation:runzAwakenGlitch .18s steps(2,end) 5 both;}
.runz-awaken-frame{position:relative;display:flex;align-items:center;justify-content:center;width:min(84vw,920px);max-height:82vh;padding:1.2rem;filter:drop-shadow(0 0 24px rgba(177,105,255,.45)) drop-shadow(0 0 80px rgba(110,48,255,.26));}
.runz-awaken-img,.runz-awaken-img-glitch{display:block;max-width:100%;max-height:72vh;object-fit:contain;image-rendering:auto;border-radius:18px;}
.runz-awaken-img{position:relative;z-index:3;animation:runzAwakenPop .45s cubic-bezier(.16,1,.3,1) both;}
.runz-awaken-img-glitch{position:absolute;inset:auto;z-index:2;opacity:.78;mix-blend-mode:screen;filter:saturate(1.2);} 
.runz-awaken-img-glitch.g1{transform:translate(10px,-2px);clip-path:inset(0 0 62% 0);animation:runzAwakenGlitchLayer .18s steps(2,end) 6 both;}
.runz-awaken-img-glitch.g2{transform:translate(-12px,4px);clip-path:inset(60% 0 0 0);animation:runzAwakenGlitchLayer2 .14s steps(2,end) 7 both;}
.runz-awaken-bolts{position:absolute;inset:0;overflow:hidden;z-index:4;}
.runz-awaken-bolt{position:absolute;width:5px;height:150%;top:-20%;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.96),rgba(180,101,255,.95),rgba(255,255,255,0));filter:blur(.8px) drop-shadow(0 0 10px rgba(208,160,255,.9)) drop-shadow(0 0 24px rgba(143,70,255,.9));transform:skewX(-25deg);opacity:0;animation:runzBolt .35s linear infinite;}
.runz-awaken-bolt.b1{left:16%;animation-delay:.02s}.runz-awaken-bolt.b2{left:34%;animation-delay:.12s}.runz-awaken-bolt.b3{left:57%;animation-delay:.08s}.runz-awaken-bolt.b4{left:78%;animation-delay:.19s}
.runz-awaken-copy{position:absolute;left:50%;bottom:4vh;transform:translateX(-50%);z-index:5;text-align:center;font-family:"Baloo 2","Fredoka",Arial,sans-serif;letter-spacing:.04em;}
.runz-awaken-copy strong{display:block;font-size:clamp(2rem,4.8vw,4.2rem);line-height:.88;color:#fff6ff;text-shadow:0 2px 0 rgba(55,14,77,.8),0 0 18px rgba(194,141,255,.7),0 0 45px rgba(132,58,255,.48);} 
.runz-awaken-copy span{display:block;margin-top:.2rem;font-size:clamp(.72rem,1.65vw,1.15rem);color:#e4caff;text-shadow:0 0 14px rgba(185,120,255,.5);} 
@keyframes runzAwakenPop{0%{transform:scale(.88);opacity:0}45%{transform:scale(1.03)}100%{transform:scale(1);opacity:1}}
@keyframes runzAwakenGlitch{0%,100%{opacity:0}20%{opacity:.95}40%{opacity:.3}60%{opacity:.85}80%{opacity:.2}}
@keyframes runzAwakenGlitchLayer{0%{opacity:0;transform:translate(16px,-2px)}40%{opacity:.78}100%{opacity:0;transform:translate(-6px,3px)}}
@keyframes runzAwakenGlitchLayer2{0%{opacity:0;transform:translate(-18px,6px)}40%{opacity:.72}100%{opacity:0;transform:translate(8px,-4px)}}
@keyframes runzBolt{0%{opacity:0;transform:translateY(-22%) skewX(-25deg)}25%{opacity:1}55%{opacity:.75}100%{opacity:0;transform:translateY(22%) skewX(-25deg)}}

/* === V1.4.1 OVERDRIVE CINEMATIC === */
.runz-awaken-vignette{position:absolute;inset:-2%;z-index:2;box-shadow:inset 0 0 130px 55px rgba(0,0,0,.9),inset 0 0 48px 12px rgba(132,48,255,.34);mix-blend-mode:multiply;animation:runzVignettePulse .42s ease-out 2 both;}
.runz-awaken-overlay.active .runz-awaken-frame{animation:runzFrameImpact 1.35s cubic-bezier(.16,1,.3,1) both;}
.runz-awaken-overlay.phase-two .runz-awaken-frame{filter:drop-shadow(0 0 32px rgba(220,168,255,.72)) drop-shadow(0 0 110px rgba(113,36,255,.44));}
.runz-awaken-copy{bottom:3vh!important;min-width:min(88vw,720px);}
.runz-awaken-copy strong{font-size:clamp(2.5rem,6vw,5.3rem)!important;letter-spacing:-.07em!important;-webkit-text-stroke:1.5px rgba(255,255,255,.38);}
.runz-awaken-copy b{display:block;margin-top:.05rem;font-family:"Baloo 2","Fredoka",Arial,sans-serif;font-size:clamp(.9rem,2.1vw,1.45rem);letter-spacing:.28em;color:#cc8cff;text-shadow:0 0 12px rgba(212,143,255,.9),0 0 32px rgba(133,50,255,.75);animation:runzOverdriveBlink .16s steps(2,end) 6 both;}
.runz-awaken-copy span{font-weight:800;letter-spacing:.08em!important;}
.runz-awaken-bolt.b5{left:92%;animation-delay:.04s}
.runz-awaken-overlay.active:before{content:"";position:absolute;inset:0;z-index:10;pointer-events:none;background:white;opacity:0;animation:runzWhiteFlash .46s steps(2,end) both;mix-blend-mode:screen;}
@keyframes runzWhiteFlash{0%{opacity:.92}8%{opacity:.1}16%{opacity:.72}28%{opacity:0}100%{opacity:0}}
@keyframes runzVignettePulse{0%{opacity:.25;transform:scale(1.08)}45%{opacity:1}100%{opacity:.76;transform:scale(1)}}
@keyframes runzFrameImpact{0%{transform:scale(.78) rotate(-1.5deg);opacity:0}12%{transform:scale(1.07) rotate(.5deg);opacity:1}21%{transform:scale(.98) rotate(-.2deg)}100%{transform:scale(1);opacity:1}}
@keyframes runzOverdriveBlink{0%,100%{opacity:.25;transform:translateX(-3px)}50%{opacity:1;transform:translateX(3px)}}
