/* Character effects are part of the illustration; motion adds a live magic layer. */
.ko-battle{background:#0b0e19}.ko-landscape{filter:brightness(.8) saturate(1.2)}
.ko-champion{width:clamp(330px,34vw,520px);bottom:15px}.ko-champion-karus{left:max(-70px,calc(50% - 770px))}.ko-champion-human{right:max(-70px,calc(50% - 770px))}
.ko-champion img{width:100%;max-height:710px;object-fit:contain;filter:drop-shadow(0 0 25px #fc631650);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 90%,transparent),linear-gradient(0deg,transparent,#000 13%,#000 90%,transparent);mask-composite:intersect}
.ko-champion-human img{filter:drop-shadow(0 0 30px #9655e759)}.ko-champion>span{position:absolute;bottom:35px;width:100%;font-size:12px;color:#ffc893;opacity:.9;z-index:6}.ko-champion-human>span{color:#d5aaff}
.ko-aura-karus{background:radial-gradient(ellipse,#ec421482,#ab3a2540 35%,transparent 67%)}.ko-aura-human{background:radial-gradient(ellipse,#6f29d880,#2646bf38 38%,transparent 67%)}
.ko-energy{position:absolute;z-index:2;top:105px;width:470px;height:470px;border-radius:50%;pointer-events:none;opacity:.7;background:conic-gradient(from 45deg,transparent 0 15%,#ff9d48 22%,transparent 29% 52%,#ff6b35 60%,transparent 68%);mask-image:radial-gradient(transparent 52%,#000 54%,#000 56%,transparent 60%);filter:drop-shadow(0 0 14px #ff6926)}
.ko-energy-fire{left:calc(15% - 235px)}.ko-energy-arcane{right:calc(15% - 235px);background:conic-gradient(from 135deg,transparent 0 15%,#b784ff 22%,transparent 29% 52%,#56dcff 60%,transparent 68%);filter:drop-shadow(0 0 14px #a047ff)}
.ko-fog{background:radial-gradient(ellipse at 25% 80%,#eb782c3b,transparent 35%),radial-gradient(ellipse at 80% 65%,#9955ed36,transparent 38%);filter:blur(26px)}
.ko-particles{z-index:5}.ko-title{position:relative}.ko-title>span{background-size:100% 180%;background-image:linear-gradient(#fffde5 10%,#e8cfa5 27%,#80623f 40%,#fff4d2 49%,#e8b267 59%,#bc8a44 75%,#fffde5 95%)}
.ko-effects-control{border-color:#f1b85a99;color:#ffe0a5;background:#151520e6;box-shadow:0 0 18px #e399342d;font-weight:700;font-size:11px}
.ko-hero-center{text-shadow:0 3px 15px #000}.ko-hero-center h2 em{color:#ffc277;text-shadow:0 0 22px #d37b2466}
.ko-art-caption{font-size:9px;letter-spacing:2px;color:#bc9b76}.mw-class-layout{display:block}.mw-class-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding-top:8px;margin-bottom:24px}
.mw-class-tabs button{--spell:#ef914a;position:relative;display:block;overflow:hidden;height:280px;padding:0;margin:0;background:#151421;border:1px solid #9872467a;border-radius:3px;isolation:isolate;transition:transform .25s,border-color .25s,box-shadow .25s}
.mw-class-tabs button[data-class=asas],.mw-class-panel[data-class=asas]{--spell:#e463ff}.mw-class-tabs button[data-class=rogue],.mw-class-panel[data-class=rogue]{--spell:#d74fc7}.mw-class-tabs button[data-class=mage],.mw-class-panel[data-class=mage]{--spell:#64cfff}.mw-class-tabs button[data-class=priest],.mw-class-panel[data-class=priest]{--spell:#ff8a55}.mw-class-panel[data-class=warrior]{--spell:#ef914a}
.mw-class-tabs button[aria-selected=true]{border-color:var(--spell);box-shadow:0 0 24px color-mix(in srgb,var(--spell) 25%,transparent),inset 0 -3px var(--spell);background:#151421}.mw-class-tabs button:hover{transform:translateY(-5px);border-color:var(--spell)}
.ko-class-card-art{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center 24%;transition:transform .65s;z-index:-2}.mw-class-tabs button:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#080b14 0%,#0b0e154d 35%,transparent 62%);z-index:-1;pointer-events:none}.mw-class-tabs button:hover img{transform:scale(1.07)}
.ko-class-card-label{position:absolute;bottom:20px;left:15px;right:15px;display:flex;align-items:center;gap:10px;font:600 17px Cinzel,serif;color:#eedac4;text-shadow:0 3px 5px #000}.ko-class-card-label .mk-icon{color:var(--spell)}.mw-class-tabs button .mw-class-number{position:absolute;top:12px;right:14px;color:#ffeed1;font:11px Cinzel,serif;opacity:.8;letter-spacing:2px}
.mw-class-panel{position:relative;grid-template-columns:minmax(300px,1fr) 1fr;gap:60px;min-height:520px;border-top:1px solid #c69f4633;background:radial-gradient(ellipse at 25% 60%,color-mix(in srgb,var(--spell) 13%,transparent),transparent 60%);padding:15px 55px 0;isolation:isolate}
.mw-class-portrait.ko-portrait{height:510px;max-width:370px;overflow:visible}.ko-portrait img{width:100%;max-width:100%;height:510px;object-fit:contain;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent),linear-gradient(0deg,transparent,#000 12%,#000 95%,transparent);mask-composite:intersect;filter:drop-shadow(0 0 24px color-mix(in srgb,var(--spell) 28%,transparent))}
.ko-portrait:after{background:radial-gradient(ellipse,#0e131bea,transparent 70%);height:85px}.ko-rune{top:140px;width:350px;height:350px;border-color:var(--spell);opacity:.45;box-shadow:0 0 35px color-mix(in srgb,var(--spell) 35%,transparent)}.ko-rune:before,.ko-rune:after{border-color:var(--spell)}.ko-portrait-nation{color:var(--spell);bottom:23px;font-size:10px;letter-spacing:3px}.mw-class-copy h3{font-size:52px;color:#f3e6d0}.mw-class-copy .mw-kicker,.mw-class-copy>strong{color:var(--spell)}
.mw-news-image{height:270px;background:#11131e}.mw-news-image img{width:100%;height:100%;top:0;right:0;object-fit:cover;object-position:50% 24%;filter:none}.mw-news-image:before{content:none}.mw-news-image:after{background:linear-gradient(transparent,#080b1680)}.mw-news-card:nth-child(2) .mw-news-image{background:#171311}.mw-news-card{border-color:#dfb17355}.mw-article-image{height:450px;background:#0b0f18;object-fit:contain}
body.ko-effects-enabled .ko-energy{animation:ko-energy-spin 9s linear infinite!important}body.ko-effects-enabled .ko-energy-arcane{animation-direction:reverse!important;animation-duration:12s!important}
body.ko-effects-enabled .ko-champion img{animation:ko-art-breathe 4.5s ease-in-out infinite alternate!important}body.ko-effects-enabled .ko-champion-human img{animation-delay:-2s!important}
body.ko-effects-enabled .ko-title>span{animation:ko-metal-flow 6s ease-in-out infinite alternate!important}body.ko-effects-enabled .ko-fog{animation:ko-fog 12s ease-in-out infinite alternate!important}
body.ko-effects-enabled .ko-play{animation:ko-cta-charge 2.4s ease-in-out infinite alternate!important}body.ko-effects-enabled .mw-gold:before{animation:ko-shine 3.5s ease-in-out infinite!important}
body.ko-effects-enabled .ko-rune{animation:ko-rune 16s linear infinite!important}body.ko-effects-enabled .mw-class-panel:not([hidden]){animation:ko-class-summon .6s ease-out!important}body.ko-effects-enabled .ko-portrait img{animation:ko-art-breathe 5s ease-in-out infinite alternate!important}
body.ko-effects-enabled .mw-class-tabs button[aria-selected=true]{animation:ko-card-glow 2.7s ease-in-out infinite alternate!important}body.ko-effects-enabled .ko-particles{display:block}
body.ko-effects-off .ko-fog{filter:none;opacity:.42}body.ko-effects-off .ko-energy{filter:none;opacity:.3}body.ko-effects-off .ko-particles{display:none}
@keyframes ko-energy-spin{to{transform:rotate(360deg)}}@keyframes ko-art-breathe{to{transform:translateY(-12px) scale(1.018)}}@keyframes ko-metal-flow{to{background-position:0 100%}}@keyframes ko-cta-charge{to{box-shadow:inset 0 0 0 3px #6c431a99,0 0 35px #ff8c3477,0 0 65px #f58c262f}}
@keyframes ko-card-glow{to{box-shadow:0 0 33px color-mix(in srgb,var(--spell) 38%,transparent),inset 0 -3px var(--spell)}}@keyframes ko-class-summon{from{opacity:.2;transform:translateY(18px);filter:brightness(1.5)}to{opacity:1;transform:none;filter:brightness(1)}}
@media(max-width:1100px){.ko-champion{width:37vw;bottom:100px}.ko-champion-karus{left:-70px}.ko-champion-human{right:-70px}.ko-energy{width:380px;height:380px;top:150px}.ko-energy-fire{left:calc(12% - 190px)}.ko-energy-arcane{right:calc(12% - 190px)}.mw-class-tabs{gap:12px}.mw-class-tabs button{height:240px}.ko-class-card-label{font-size:14px;gap:5px;left:10px;right:10px}.mw-class-panel{gap:30px;padding-inline:25px}.mw-class-copy h3{font-size:40px}}
@media(max-width:760px){
 .ko-champion{top:6px;bottom:auto;width:245px;max-width:65vw;opacity:1}.ko-champion-karus{left:-36px}.ko-champion-human{right:-36px;top:2px}.ko-champion img{width:100%;height:355px;max-height:none;object-fit:contain;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 93%,transparent),linear-gradient(0deg,transparent,#000 20%,#000 94%,transparent);mask-composite:intersect}.ko-hero-center{padding-top:311px;min-height:850px}.ko-battle{min-height:850px}.ko-energy{width:230px;height:230px;top:66px;opacity:.95}.ko-energy-fire{left:-29px}.ko-energy-arcane{right:-29px}.ko-effects-control{font-size:10px;bottom:19px}.ko-title{z-index:7}.ko-art-caption{display:block;margin-top:16px;font-size:8px;letter-spacing:1.5px}.ko-classes .mw-heading{margin-bottom:12px}
 .mw-class-tabs{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:15px 3px 23px;margin-bottom:0;scrollbar-width:thin;scrollbar-color:#9f704c #151823}.mw-class-tabs button{height:198px;width:140px;flex:0 0 140px;scroll-snap-align:start;min-height:0;display:block}.mw-class-tabs button .mw-class-number{display:block;font-size:9px;top:9px;right:10px}.ko-class-card-label{font-size:11px;bottom:13px;left:9px;right:5px;gap:4px;white-space:nowrap}.ko-class-card-label .mk-icon{width:18px;transform:scale(.65)!important}.ko-class-card-art{object-position:50% 15%}
 .mw-class-panel{padding:10px 0 0;gap:12px;grid-template-columns:49% 1fr;min-height:340px;overflow:visible}.mw-class-portrait.ko-portrait{height:330px;width:100%;max-width:none}.ko-portrait img{width:145%;max-width:145%;height:330px;object-fit:contain;margin-left:0;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent),linear-gradient(0deg,transparent,#000 18%,#000 95%,transparent);mask-composite:intersect}.ko-rune{width:185px;height:185px;top:85px}.ko-portrait-nation{font-size:7px;letter-spacing:1px;bottom:11px}.mw-class-copy{padding:20px 0 35px}.mw-class-copy h3{font-size:27px}.mw-class-copy .mw-kicker{font-size:7px}.mw-class-copy p{font-size:10px}.mw-class-copy .mw-button{font-size:8px}.mw-news-image{height:240px}.mw-news-image img{height:100%;width:100%;right:0;object-position:center 25%}.mw-article-image{height:350px}
}
@media(max-width:360px){.ko-champion{width:215px}.ko-champion img{height:320px}.ko-hero-center{padding-top:285px;min-height:820px}.ko-battle{min-height:820px}.ko-energy{width:210px;height:210px;top:60px}.ko-energy-fire{left:-31px}.ko-energy-arcane{right:-31px}.mw-class-copy h3{font-size:23px}.mw-class-tabs button{width:130px;flex-basis:130px;height:185px}.ko-rune{width:155px;height:155px}}