/* AsOfKing V19 Inferno Red / Violet Lightning — actual WebEngine CMS integration. */
body.theme-demonic #navbar.ak19{--ak-gold:#f4d078;--ak-cream:#fff4d0;--ak-violet:#f15a34;position:relative!important;z-index:90!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important;min-height:106px!important;height:auto!important;padding:0!important;margin:0 auto!important;width:100%!important;isolation:isolate}
body.theme-demonic #navbar.ak19::before,body.theme-demonic #navbar.ak19::after{content:none!important;display:none!important}
body.theme-demonic #navbar.ak19 .ak19__shell{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;max-width:1540px!important;width:100%!important;min-height:106px!important;margin:0 auto!important;padding:15px clamp(95px,11vw,155px)!important;background:url('../assets/bar-frame.svg') center/100% 100% no-repeat!important;box-shadow:none!important;border:0!important;filter:drop-shadow(0 6px 12px #67170f88)!important;isolation:isolate;box-sizing:border-box}
body.theme-demonic #navbar.ak19 .ak19__shell::before,body.theme-demonic #navbar.ak19 .ak19__shell::after{content:none!important;display:none!important}
body.theme-demonic #navbar.ak19 .ak19__menu{position:relative!important;z-index:5!important;min-width:0!important;width:100%!important}
body.theme-demonic #navbar.ak19 .ak19__menu ul{display:flex!important;position:relative!important;z-index:5!important;align-items:center!important;justify-content:center!important;flex-wrap:wrap!important;gap:clamp(1px,.6vw,11px)!important;width:100%!important;margin:0!important;padding:0!important;background:transparent!important;list-style:none!important}
body.theme-demonic #navbar.ak19 .ak19__menu ul li{list-style:none!important;display:block!important;float:none!important;position:relative!important;min-width:0!important}
body.theme-demonic #navbar.ak19 .ak19__menu ul li::before,body.theme-demonic #navbar.ak19 .ak19__menu ul li::after{content:none!important;display:none!important}
body.theme-demonic #navbar.ak19 .ak19__menu ul a{display:block!important;position:relative!important;padding:14px clamp(7px,.8vw,16px)!important;line-height:24px!important;min-height:0!important;background:transparent!important;color:#fff1d1!important;font:700 clamp(10px,.94vw,14px)/24px 'Cinzel',Georgia,serif!important;letter-spacing:.04em!important;text-transform:uppercase!important;text-align:center!important;white-space:nowrap!important;text-shadow:0 1px 3px #170500,0 0 8px #992b1a!important;transform:none;transition:color .2s,text-shadow .2s,transform .2s!important;border:0!important}
body.theme-demonic #navbar.ak19 .ak19__menu ul a::after{content:'';position:absolute;left:23%;right:23%;bottom:6px;height:2px;background:linear-gradient(90deg,transparent,#ffe9a0,transparent);opacity:0;box-shadow:0 0 10px #f9bd5a;transition:opacity .2s}
body.theme-demonic #navbar.ak19 .ak19__menu ul a:hover,body.theme-demonic #navbar.ak19 .ak19__menu ul a:focus-visible{color:#fff8ae!important;text-shadow:0 0 8px #ffd68b,0 0 18px #fc7943!important;transform:translateY(-2px)!important}
body.theme-demonic #navbar.ak19 .ak19__menu ul a:hover::after,body.theme-demonic #navbar.ak19 .ak19__menu ul a:focus-visible::after{opacity:1}
body.theme-demonic #navbar.ak19 .ak19__menu ul a:focus-visible{outline:2px solid #ffdc86!important;outline-offset:-4px!important}
body.theme-demonic #navbar.ak19 .ak19__energy{position:absolute;pointer-events:none;inset:24px 90px;z-index:1;overflow:hidden;border-radius:38%;background:radial-gradient(ellipse at center,#ff4b2422,transparent 72%)}
body.theme-demonic #navbar.ak19 .ak19__energy:after{content:'';position:absolute;width:30%;height:180%;top:-35%;left:-40%;transform:skewX(-22deg);background:linear-gradient(90deg,transparent,#ff9b6a24,transparent);animation:ak19-sweep 8s ease-in-out infinite}
body.theme-demonic #navbar.ak19 .ak19__sigil{position:absolute!important;top:50%!important;width:92px!important;height:92px!important;z-index:8!important;transform:translateY(-50%)!important;pointer-events:none!important;filter:drop-shadow(0 0 8px #ea522e) drop-shadow(0 0 3px #f4cd69)}
body.theme-demonic #navbar.ak19 .ak19__sigil--left{left:2%!important}body.theme-demonic #navbar.ak19 .ak19__sigil--right{right:2%!important}
body.theme-demonic #navbar.ak19 .ak19__star{position:relative;display:block;width:100%;height:100%;transform-origin:center;animation:ak19-spin 15s linear infinite}
body.theme-demonic #navbar.ak19 .ak19__sigil--right .ak19__star{animation-direction:reverse;animation-duration:19s}
body.theme-demonic #navbar.ak19 .ak19__star img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;max-width:none!important;animation:ak19-beat 3.2s ease-in-out infinite}
body.theme-demonic #navbar.ak19 .ak19__rune{position:absolute;inset:11%;border:1px dashed #e3a66c88;border-radius:50%;animation:ak19-spin 23s linear infinite reverse}
body.theme-demonic #navbar.ak19.ak19--active .ak19__star{animation-duration:6s}body.theme-demonic #navbar.ak19.ak19--active .ak19__shell{filter:drop-shadow(0 7px 17px #d5442999)!important}
@keyframes ak19-spin{to{transform:rotate(360deg)}}@keyframes ak19-beat{50%{filter:brightness(1.45) drop-shadow(0 0 8px #e94a2d)}}@keyframes ak19-sweep{0%,14%{left:-40%}60%,100%{left:120%}}
@media(max-width:767px){
 body.theme-demonic #navbar.ak19{min-height:80px!important}
 body.theme-demonic #navbar.ak19 .ak19__shell{display:block!important;min-height:80px!important;padding:14px 74px!important}
 body.theme-demonic #navbar.ak19 .ak19__sigil{width:56px!important;height:56px!important}
 body.theme-demonic #navbar.ak19 .ak19__sigil--left{left:2%!important}body.theme-demonic #navbar.ak19 .ak19__sigil--right{right:2%!important}
 body.theme-demonic #navbar.ak19 .ak19__menu{position:relative!important}
 body.theme-demonic #navbar.ak19 #menu-toggle{position:relative!important;z-index:9!important;display:block!important;margin:0 auto!important;min-height:48px!important;color:#ffe9ba!important;padding:9px 18px!important;background:rgba(44,9,11,.9)!important;border:1px solid #d18b64!important;border-radius:7px!important}
 body.theme-demonic #navbar.ak19 .ak19__menu ul{display:none!important;position:absolute!important;top:5px!important;left:50%!important;transform:translateX(-50%)!important;width:min(300px,90vw)!important;flex-direction:column!important;align-items:stretch!important;background:rgba(24,5,8,.97)!important;border:1px solid #a84e28!important;border-radius:10px!important;padding:8px!important;box-shadow:0 10px 24px #0009!important}
 body.theme-demonic #navbar.ak19.active .ak19__menu ul{display:flex!important}
 body.theme-demonic #navbar.ak19 .ak19__menu ul li{display:block!important;width:100%!important}
 body.theme-demonic #navbar.ak19 .ak19__menu ul a{padding:10px 14px!important;text-align:left!important}
}
@media(prefers-reduced-motion:reduce){body.theme-demonic #navbar.ak19 .ak19__star,body.theme-demonic #navbar.ak19 .ak19__star img,body.theme-demonic #navbar.ak19 .ak19__rune,body.theme-demonic #navbar.ak19 .ak19__energy:after{animation:none!important}body.theme-demonic #navbar.ak19 .ak19__menu a{transition:none!important}}

/* V20: violet electric arcs ONLY, never a violet bar background. */
body.theme-demonic #navbar.ak19 .ak19__energy{inset:16px 100px!important;background:transparent!important;overflow:hidden!important;z-index:2!important}
body.theme-demonic #navbar.ak19 .ak19__energy:before{content:"";position:absolute;inset:0;background:url('../assets/violet-lightning-v21.svg') center/100% 100% no-repeat;opacity:0;mix-blend-mode:screen;filter:drop-shadow(0 0 4px #bb69ff) drop-shadow(0 0 12px #7a27ec);animation:ak22-arcs 6.2s steps(1,end) infinite;pointer-events:none}
body.theme-demonic #navbar.ak19 .ak19__energy:after{background:linear-gradient(90deg,transparent,rgba(255,112,65,.2),transparent)!important}
body.theme-demonic #navbar.ak19 .ak19__sigil::after{content:"";position:absolute;inset:15%;border-radius:50%;z-index:-1;background:radial-gradient(circle,rgba(143,43,255,.32),transparent 67%);opacity:.2;animation:ak20-spark 4.3s ease-in-out infinite;pointer-events:none}
@keyframes ak20-arcs{0%,12%,16%,46%,50%,74%,79%,100%{opacity:0}13%,14%,47%,48%,75%,76%{opacity:.9}15%,49%,77%{opacity:.36}}
@keyframes ak20-spark{0%,80%,100%{opacity:.12;transform:scale(.9)}87%{opacity:.75;transform:scale(1.22)}}
@media(max-width:767px){body.theme-demonic #navbar.ak19 .ak19__energy{inset:20px 65px!important}}
@media(prefers-reduced-motion:reduce){body.theme-demonic #navbar.ak19 .ak19__energy:before,body.theme-demonic #navbar.ak19 .ak19__sigil::after{animation:none!important;opacity:0!important}}

/* V21 FIX: red body INSIDE the gold SVG border only. Purple is lightning ONLY. */
body.theme-demonic #navbar.ak19 {background:transparent!important; box-shadow:none!important; border:0!important; overflow:visible!important; isolation:isolate!important}
body.theme-demonic #navbar.ak19::before,body.theme-demonic #navbar.ak19::after{content:none!important;display:none!important}
body.theme-demonic #navbar.ak19 .ak19__shell{background-image:url('../assets/bar-frame-v21-red.svg')!important;background-color:transparent!important;isolation:isolate!important;overflow:hidden!important;clip-path:polygon(0 50%,2% 24%,4% 5%,96% 5%,98% 24%,100% 50%,98% 76%,96% 95%,4% 95%,2% 76%)!important;filter:none!important;box-shadow:none!important}
body.theme-demonic #navbar.ak19 .ak19__shell::before,body.theme-demonic #navbar.ak19 .ak19__shell::after{content:none!important;display:none!important}
/* electric arcs are clipped by the INNER golden border: never cross it */
body.theme-demonic #navbar.ak19 .ak19__energy{position:absolute!important;inset:29px 100px!important;overflow:hidden!important;clip-path:inset(0 round 8px)!important;background:transparent!important;z-index:2!important;mix-blend-mode:screen!important}
body.theme-demonic #navbar.ak19 .ak19__energy::before{background-image:url('../assets/violet-lightning-v21.svg')!important;background-size:100% 100%!important;background-repeat:no-repeat!important;opacity:0;animation:ak22-arcs 6.2s steps(1,end) infinite!important}
/* eliminate red roaming spotlight which previously passed outside the frame */
body.theme-demonic #navbar.ak19 .ak19__energy::after{content:none!important;display:none!important;animation:none!important}
body.theme-demonic #navbar.ak19 .ak19__sigil{z-index:8!important;filter:drop-shadow(0 0 6px #e45528) drop-shadow(0 0 3px #eac16a)!important}
body.theme-demonic #navbar.ak19 .ak19__sigil::after{background:radial-gradient(circle,rgba(153,57,255,.20),transparent 65%)!important}
@media(max-width:767px){body.theme-demonic #navbar.ak19 .ak19__shell{clip-path:none!important;overflow:visible!important}body.theme-demonic #navbar.ak19 .ak19__energy{inset:29px 74px!important;overflow:hidden!important}}
@media(prefers-reduced-motion:reduce){body.theme-demonic #navbar.ak19 .ak19__energy::before{animation:none!important;opacity:0!important}}

/* V22: more violet lightning of different sizes */
@keyframes ak22-arcs{0%,7%,11%,18%,23%,30%,35%,44%,48%,56%,60%,69%,74%,82%,87%,100%{opacity:0}8%,9%,19%,20%,31%,32%,45%,46%,57%,58%,70%,71%,83%,84%{opacity:.98}10%,21%,33%,47%,59%,72%,85%{opacity:.45}}
@media(max-width:767px){body.theme-demonic #navbar.ak19 .ak19__energy{inset:18px 56px!important}}

/* V23: independent violet electrical pulses at different scales; only within border. */
body.theme-demonic #navbar.ak19 .ak19__energy::before,
body.theme-demonic #navbar.ak19 .ak19__energy::after{content:""!important;position:absolute!important;inset:0!important;background-color:transparent!important;background-size:100% 100%!important;background-position:center!important;background-repeat:no-repeat!important;pointer-events:none!important;mix-blend-mode:screen!important;filter:drop-shadow(0 0 3px #aa45ff)!important;will-change:opacity}
body.theme-demonic #navbar.ak19 .ak19__energy::before{background-image:url('../assets/violet-lightning-v23-a.svg')!important;animation:ak23-pulse-a 5.8s steps(1,end) infinite!important}
body.theme-demonic #navbar.ak19 .ak19__energy::after{background-image:url('../assets/violet-lightning-v23-b.svg')!important;animation:ak23-pulse-b 7.4s steps(1,end) infinite!important}
@keyframes ak23-pulse-a{0%,8%,12%,22%,25%,39%,42%,55%,59%,72%,76%,90%,95%,100%{opacity:0}9%,10%,23%,24%,40%,41%,56%,57%,73%,74%,91%,92%{opacity:.9}11%,58%,75%,93%{opacity:.3}}
@keyframes ak23-pulse-b{0%,4%,7%,16%,20%,33%,38%,48%,54%,67%,71%,82%,87%,100%{opacity:0}5%,6%,17%,18%,34%,35%,49%,50%,68%,69%,83%,84%{opacity:.85}19%,36%,51%,70%,85%{opacity:.25}}
@media(prefers-reduced-motion:reduce){body.theme-demonic #navbar.ak19 .ak19__energy::before,body.theme-demonic #navbar.ak19 .ak19__energy::after{animation:none!important;opacity:0!important}}


/* V24: staged lightning across the whole bar */
body.theme-demonic #navbar.ak19 .ak19__energy::before,
body.theme-demonic #navbar.ak19 .ak19__energy::after{display:none!important;content:none!important;animation:none!important;opacity:0!important}
body.theme-demonic #navbar.ak19 .ak19__energy{position:absolute!important;inset:29px 100px!important;overflow:hidden!important;clip-path:inset(0 round 8px)!important;background:transparent!important;z-index:2!important;mix-blend-mode:screen!important}
body.theme-demonic #navbar.ak19 .ak19__bolt{position:absolute!important;top:-2px!important;bottom:-2px!important;opacity:0;pointer-events:none;mix-blend-mode:screen;filter:drop-shadow(0 0 3px #ba5dff) drop-shadow(0 0 10px #7a27ec);background-position:center center;background-repeat:no-repeat;background-size:100% 100%;will-change:opacity,transform}
body.theme-demonic #navbar.ak19 .ak19__bolt--1{left:1%!important;width:21%!important;background-image:url('../assets/violet-lightning-v23-a.svg')!important;animation:ak24-stage-1 7.2s steps(1,end) infinite!important}
body.theme-demonic #navbar.ak19 .ak19__bolt--2{left:20%!important;width:18%!important;background-image:url('../assets/violet-lightning-v23-b.svg')!important;animation:ak24-stage-2 6.6s steps(1,end) infinite!important;transform:scaleY(.95)!important}
body.theme-demonic #navbar.ak19 .ak19__bolt--3{left:37%!important;width:24%!important;background-image:url('../assets/violet-lightning-v23-a.svg')!important;animation:ak24-stage-3 7.8s steps(1,end) infinite!important;transform:scale(1.08,1)!important}
body.theme-demonic #navbar.ak19 .ak19__bolt--4{left:59%!important;width:18.5%!important;background-image:url('../assets/violet-lightning-v23-b.svg')!important;animation:ak24-stage-4 6.9s steps(1,end) infinite!important;transform:scale(.9,.92)!important}
body.theme-demonic #navbar.ak19 .ak19__bolt--5{left:75%!important;width:23%!important;background-image:url('../assets/violet-lightning-v23-a.svg')!important;animation:ak24-stage-5 7.4s steps(1,end) infinite!important;transform:scale(1,.98)!important}
@keyframes ak24-stage-1{0%,5%,8%,24%,27%,43%,46%,62%,65%,82%,85%,100%{opacity:0}6%,7%,25%,26%,44%,45%,63%,64%,83%,84%{opacity:.98}66%,86%{opacity:.35}}
@keyframes ak24-stage-2{0%,11%,14%,30%,33%,49%,52%,70%,73%,91%,94%,100%{opacity:0}12%,13%,31%,32%,50%,51%,71%,72%,92%,93%{opacity:.92}15%,34%,53%,74%{opacity:.28}}
@keyframes ak24-stage-3{0%,17%,20%,38%,41%,57%,60%,78%,81%,96%,100%{opacity:0}18%,19%,39%,40%,58%,59%,79%,80%{opacity:.95}21%,42%,61%,82%{opacity:.32}}
@keyframes ak24-stage-4{0%,9%,12%,28%,31%,47%,50%,66%,69%,87%,90%,100%{opacity:0}10%,11%,29%,30%,48%,49%,67%,68%,88%,89%{opacity:.9}13%,32%,51%,70%{opacity:.25}}
@keyframes ak24-stage-5{0%,14%,17%,34%,37%,54%,57%,75%,78%,95%,100%{opacity:0}15%,16%,35%,36%,55%,56%,76%,77%,96%,97%{opacity:.96}18%,38%,58%,79%{opacity:.3}}
@media(max-width:767px){
  body.theme-demonic #navbar.ak19 .ak19__energy{inset:29px 74px!important}
  body.theme-demonic #navbar.ak19 .ak19__bolt--1{width:24%!important;left:0%!important}
  body.theme-demonic #navbar.ak19 .ak19__bolt--2{width:20%!important;left:18%!important}
  body.theme-demonic #navbar.ak19 .ak19__bolt--3{width:26%!important;left:35%!important}
  body.theme-demonic #navbar.ak19 .ak19__bolt--4{width:20%!important;left:57%!important}
  body.theme-demonic #navbar.ak19 .ak19__bolt--5{width:24%!important;left:74%!important}
}
@media(prefers-reduced-motion:reduce){
  body.theme-demonic #navbar.ak19 .ak19__bolt{animation:none!important;opacity:0!important}
}

/* V25 - One lightning segment at a time. All 10 areas use the same 12s cycle,
   offset by 1.2s, so there are no simultaneous flashes. */
body.theme-demonic #navbar.ak19 .ak19__energy>.ak19__bolt{display:none!important}
body.theme-demonic #navbar.ak19 .ak19__energy::before,body.theme-demonic #navbar.ak19 .ak19__energy::after{content:none!important;display:none!important}
body.theme-demonic #navbar.ak19 .ak19__energy{overflow:hidden!important;z-index:2!important;isolation:isolate!important;clip-path:inset(0 round 8px)!important}
body.theme-demonic #navbar.ak19 .ak25-bolt{display:block!important;position:absolute!important;top:2%!important;height:96%!important;width:8.5%!important;background:url('../assets/violet-single-bolt-v25.svg') center/100% 100% no-repeat!important;opacity:0;pointer-events:none!important;mix-blend-mode:screen!important;filter:drop-shadow(0 0 4px rgba(157,66,255,.8));animation:ak25-flash 12s steps(1,end) infinite!important;}
/* 1.2 second stagger = 10 spatially spaced flashes per 12 seconds */
body.theme-demonic #navbar.ak19 .ak25-bolt--1{left:1%!important;width:7%!important;animation-delay:-0.0s!important;transform:scaleY(0.7)!important}
body.theme-demonic #navbar.ak19 .ak25-bolt--2{left:11%!important;width:8.5%!important;animation-delay:-1.2s!important;transform:scaleY(0.95)!important}
body.theme-demonic #navbar.ak19 .ak25-bolt--3{left:22%!important;width:6%!important;animation-delay:-2.4s!important;transform:scaleY(0.6)!important}
body.theme-demonic #navbar.ak19 .ak25-bolt--4{left:31%!important;width:10%!important;animation-delay:-3.6s!important;transform:scaleY(1)!important}
body.theme-demonic #navbar.ak19 .ak25-bolt--5{left:42%!important;width:7.5%!important;animation-delay:-4.8s!important;transform:scaleY(0.8)!important}
body.theme-demonic #navbar.ak19 .ak25-bolt--6{left:52%!important;width:9%!important;animation-delay:-6.0s!important;transform:scaleY(0.88)!important}
body.theme-demonic #navbar.ak19 .ak25-bolt--7{left:63%!important;width:6.5%!important;animation-delay:-7.2s!important;transform:scaleY(0.65)!important}
body.theme-demonic #navbar.ak19 .ak25-bolt--8{left:72%!important;width:8.5%!important;animation-delay:-8.4s!important;transform:scaleY(1)!important}
body.theme-demonic #navbar.ak19 .ak25-bolt--9{left:82%!important;width:7%!important;animation-delay:-9.6s!important;transform:scaleY(0.72)!important}
body.theme-demonic #navbar.ak19 .ak25-bolt--10{left:90%!important;width:9%!important;animation-delay:-10.8s!important;transform:scaleY(0.9)!important}
@keyframes ak25-flash{0%,0.8%,3%,4.4%,100%{opacity:0}1%,2.2%{opacity:1}2.5%{opacity:.3}}
@media(prefers-reduced-motion:reduce){body.theme-demonic #navbar.ak19 .ak25-bolt{animation:none!important;opacity:0!important}}