/* LEGENDKO / ATAKANACS · fire and frost. Images and effects remain decorative. */
:root{--gold:#edc579;--text:#f5f3ee;--muted:#bdc9d5;--line:#334858;--shell:1240px}
html{scroll-behavior:smooth;scrollbar-gutter:stable}
body{background:#060b12;isolation:isolate;overflow-x:clip}
body::before{content:'';position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 0 40%,#c7592526,transparent 38%),radial-gradient(ellipse at 100% 40%,#1d76a433,transparent 38%),linear-gradient(180deg,#0a131e,#050911 85%)}
.notice,header,.landing-top,.layout,footer,.inner-masthead{position:relative;z-index:1;box-sizing:border-box;width:min(calc(100% - 40px),var(--shell));max-width:var(--shell);margin-left:auto;margin-right:auto}
.notice{border:1px solid #40526155;border-bottom:0;background:#0c1420ed;border-radius:10px 10px 0 0;margin-top:18px;padding:10px 20px;align-items:center;font-size:11px}
.notice b{letter-spacing:1px;color:#f6d49c}.notice span:last-child{display:flex;align-items:center;gap:9px}
.motion-toggle{font:inherit;cursor:pointer;border:1px solid #405566;border-radius:5px;padding:5px 9px;background:#101d2a;color:#c8deeb;font-size:10px;white-space:nowrap}
header{background:linear-gradient(180deg,#152330ef,#0b1520f5);border:1px solid #405568;border-top:0;border-bottom:2px solid #b18a4a;padding:22px;gap:24px;box-shadow:0 10px 36px #0004}
header .brand{color:#f5d38e;letter-spacing:1px;font-size:28px;text-shadow:0 0 22px #e3ac4c30}
header .brand small{font-size:9px;letter-spacing:2px;color:#b9d6e8}header nav{gap:18px;min-width:0}
header nav a,header nav button{font-size:12px;font-weight:750;letter-spacing:.2px}
.actions{flex-shrink:0}.actions .btn{padding:10px 13px;font-size:12px}
.btn{border-radius:5px;transition:background-color .18s,border-color .18s,box-shadow .18s,transform .18s;min-height:42px}
.btn:hover{box-shadow:0 0 18px #edbe5620;transform:translateY(-1px)}.btn.gold{background:linear-gradient(145deg,#f8dda3,#d8a84c);box-shadow:inset 0 1px 0 #fff8,0 5px 22px #bf812320}
.btn:active{transform:translateY(0)}.dropdown{background:#0e1d2bf7;border:1px solid #597087;box-shadow:0 12px 30px #0008;border-radius:6px;z-index:20}
.landing-top{margin-top:18px}.mythic-hero{display:block;isolation:isolate;overflow:hidden;border:1px solid #8c7147;border-radius:7px;padding:0!important;min-height:0!important;background:#08121d;box-shadow:0 14px 50px #0006,0 0 38px #35627815}
.mythic-hero::after{display:none}.banner-image{display:block;width:100%;height:auto;aspect-ratio:3/1;object-fit:contain}
.mythic-hero .hero-copy{position:absolute;z-index:3;bottom:24px;left:0;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 20px;background:none}
.mythic-hero .hero-copy p{color:#edf3f8;font-size:13px;line-height:1.4;margin:0 0 10px;max-width:none;text-shadow:0 2px 6px #000;font-weight:700;letter-spacing:1px}
.hero-cta{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px}
.mythic-hero .hero-cta .btn{margin:0;padding:11px 22px;font-size:12px;min-height:40px;background-color:#091321d9}
.mythic-hero .hero-cta .btn.gold{background:linear-gradient(145deg,#ffe7af,#d6a44a)}
.banner-badge{position:absolute;top:16px;left:16px;z-index:3;font-size:10px;font-weight:800;letter-spacing:1.5px;padding:7px 10px;color:#f7d897;background:#09101ccc;border:1px solid #b3955755;border-radius:4px}
.banner-effects{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:2}
.banner-effects i{position:absolute;bottom:-15px;left:calc(var(--i)*6%);width:3px;height:3px;border-radius:50%;background:#bde6ff;opacity:0;box-shadow:0 0 8px #9edfff;animation:banner-drift calc(6s + var(--i)*.28s) linear infinite;animation-delay:calc(var(--i)*-.6s)}
.banner-effects i:nth-child(-n+7){background:#ffc67c;box-shadow:0 0 8px #f1a052}
@keyframes banner-drift{0%{transform:translate3d(0,0,0);opacity:0}12%{opacity:.65}80%{opacity:.32}100%{transform:translate3d(28px,-330px,0);opacity:0}}
.inner-masthead{display:none;margin-top:18px;border:1px solid #607086;border-radius:6px;overflow:hidden;background:#101a24}
.inner-page .inner-masthead{display:block}.inner-masthead img{width:100%;display:block;height:155px;object-fit:cover;object-position:50% 29%}
.inner-page .layout{margin-top:18px}.layout{margin-top:22px;grid-template-columns:264px minmax(0,1fr);gap:20px}
.layout>main{min-width:0}.panel{background:linear-gradient(145deg,#142331f5,#0c1722fa);border:1px solid #384f62;border-radius:7px;box-shadow:0 8px 22px #0003}
.panel h2{color:#ecd19b;font-size:17px;border-color:#46607944}.event{background:#07121ddd;border-color:#2e475b;font-size:12px}.event strong{font-size:11px;color:#b9e2ff}
.rank{font-size:13px}.rank strong{font-size:12px}.rank i{color:#e4c383}.content-page{background:linear-gradient(145deg,#142736fa,#0b1623fc);border:1px solid #486477;border-top:2px solid #cfaa63;border-radius:7px;box-shadow:0 16px 42px #0004;min-width:0}
.content-page h1{color:#f4dfb6;font-size:clamp(27px,2.8vw,37px)}.section-link{background:#0b1724;border-color:#3b5367;color:#c5dfef}.section-link:hover{background:#1b3243}
.detail-card,.profile-char,.drop-result{background:linear-gradient(145deg,#102131,#0b1723)!important;border-color:#365164!important;border-radius:6px!important}
.profile-stat{background:linear-gradient(140deg,#2a251d,#132330);border:1px solid #786744;box-shadow:inset 0 1px 0 #dec39115}.profile-stat strong{color:#ffe0a3}
.server-box,.forum-box{background:#0e1d2aef;border-color:#3a566a;border-radius:7px}.forum-box a{background:linear-gradient(90deg,#182c3c,#112130);border-color:#334b5f}.forum-box a:hover{border-color:#cdab64}
.announcement{background:linear-gradient(90deg,#142b39,#101923);border-color:#44606c;border-radius:5px}.season{background:#6d3026;border:1px solid #be755452;border-radius:3px}
.launch-grid{gap:12px;margin:14px 0 20px}.launch-grid a{min-height:96px;padding:20px 16px;position:relative;overflow:hidden;box-shadow:inset 0 1px 0 #ffffff12,0 6px 18px #0002;transition:transform .2s,filter .2s}
.launch-grid a:hover{transform:translateY(-3px)}.launch-grid b{font-size:14px}.launch-grid small{font-size:11px}.links .quick{background:linear-gradient(145deg,#1b2e3e,#102130);border-color:#3d5b6e}.cta{background:radial-gradient(ellipse at 50% 70%,#286c8c22,transparent 70%);border-color:#7697aa33}
footer{margin-top:28px;border:1px solid #354f62;background:#0d1823ef;border-radius:7px 7px 0 0;gap:16px;flex-wrap:wrap}.acs-signature{font-size:11px;letter-spacing:1px;color:#a7cfde}
.world-characters{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;user-select:none;contain:layout paint}
.world-character{position:absolute;bottom:-40px;display:block;width:clamp(180px,calc((100vw - 1140px)/2),430px);aspect-ratio:2/3;margin:0;mask-image:linear-gradient(180deg,#000 0%,#000 78%,transparent 100%);opacity:.9}
.world-character.warrior{left:-16px}.world-character.rogue{right:-16px}
.character-body{position:absolute;inset:0;transform-origin:50% 85%;animation:idle-breath 4.8s ease-in-out infinite}
.rogue .character-body{animation-delay:-2.2s}.world-character img{width:100%;height:100%;object-fit:contain;display:block}
@keyframes idle-breath{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(0,-3px,0) scale(1.009)}}
.cold-breath{position:absolute;left:70%;top:17.6%;width:28%;height:5%;pointer-events:none;--dir:1}
.rogue .cold-breath{left:40%;top:18.7%;--dir:-1}
.cold-breath i{position:absolute;inset:0;transform-origin:0 50%;border-radius:50%;opacity:0;background:radial-gradient(ellipse at 35% 50%,#e2f4ffad,#c4eaff44 42%,transparent 70%);filter:blur(4px);animation:exhale 4.8s ease-out infinite;animation-delay:calc(var(--p)*.3s)}
.rogue .cold-breath i{animation-delay:calc(-2.2s + var(--p)*.3s)}
@keyframes exhale{0%,25%{opacity:0;transform:translate3d(0,0,0) scale(.15)}35%{opacity:.65}65%{opacity:.2}82%,100%{opacity:0;transform:translate3d(calc(var(--dir)*55px),-20px,0) scale(1.8)}}
.world-dust{position:absolute;inset:15% 5% 0;overflow:hidden}.world-dust i{position:absolute;left:calc(var(--i)*13%);bottom:0;width:2px;height:2px;background:#efbc69;box-shadow:0 0 6px #e89544;border-radius:50%;opacity:0;animation:side-drift calc(7s + var(--i)*.8s) linear infinite;animation-delay:calc(var(--i)*-1.1s)}
.rogue .world-dust i{background:#b3dcfa;box-shadow:0 0 6px #c1e8ff}
@keyframes side-drift{0%{opacity:0;transform:translate3d(0,0,0)}20%{opacity:.6}85%{opacity:.25}100%{opacity:0;transform:translate3d(15px,-450px,0)}}
.route-enter{animation:route-reveal .22s cubic-bezier(.2,.7,.3,1) both}
@keyframes route-reveal{from{opacity:.35;transform:translate3d(0,9px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
.skeleton-line{height:12px;margin:14px 0;border-radius:4px;background:linear-gradient(90deg,#223e52,#365269,#223e52);background-size:200% 100%;animation:skeleton-flow 1.6s ease-in-out infinite}
.skeleton-line:nth-child(2){width:76%}.skeleton-line:nth-child(3){width:52%}@keyframes skeleton-flow{from{background-position:100% 0}to{background-position:-100% 0}}
.motion-paused .character-body,.motion-paused .cold-breath i,.motion-paused .world-dust i,.motion-paused .banner-effects i,.motion-paused .skeleton-line{animation-play-state:paused}
.motion-paused .route-enter{animation:none}.motion-paused .cold-breath i,.motion-paused .world-dust i,.motion-paused .banner-effects i{opacity:0}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1700px){.world-character{bottom:-90px;width:min(430px,calc((100vw - 1120px)/2))}}
@media(max-width:1399px){.world-characters{display:none}}
@media(max-width:1250px){header{flex-wrap:wrap;gap:16px}.actions{margin-left:auto}header nav{order:3;flex:1 1 100%;justify-content:space-between;gap:12px}.mythic-hero .hero-copy{bottom:18px}.mythic-hero .hero-copy p{font-size:12px}}
@media(max-width:900px){.layout{grid-template-columns:224px minmax(0,1fr);gap:14px}.panel{padding:16px}.panel h2{font-size:15px}.mythic-hero .hero-copy{position:relative;bottom:auto;padding:13px;background:#08121ce6}.mythic-hero .hero-copy p{font-size:12px;margin-bottom:10px}.inner-masthead img{height:125px;object-position:50% 25%}.content-page{padding:22px}.launch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.drop-grid{grid-template-columns:1fr}}
@media(max-width:800px){.layout{display:flex;flex-direction:column}.layout>aside{order:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.layout>aside .panel{margin-bottom:0}.layout>aside .panel:first-child{grid-column:1/-1}.layout>main{order:1;width:100%}.inner-masthead img{height:auto;aspect-ratio:3/1;object-fit:contain}.banner-badge{font-size:8px;padding:5px 7px;top:9px;left:9px}.notice{font-size:10px}.notice span:last-child{display:none}.hero-cta .btn{min-height:42px}.profile-chars{grid-template-columns:1fr!important}}
@media(max-width:540px){.notice,header,.landing-top,.layout,footer,.inner-masthead{width:calc(100% - 24px)}.notice{margin-top:10px;padding:9px 12px}.notice span:nth-child(2){display:none}header{padding:16px 12px;gap:12px}header .brand{font-size:23px}header .brand small{font-size:8px;letter-spacing:1px}.actions{gap:6px}.actions .btn{font-size:10px;min-height:38px;padding:9px 10px}header nav{justify-content:flex-start;gap:5px 16px}header nav a,header nav button{font-size:11px;padding:8px 0}.dropdown{position:absolute;top:100%;left:0;width:190px}.landing-top{margin-top:12px}.mythic-hero .hero-copy{padding:13px 10px}.mythic-hero .hero-cta .btn{padding:10px 13px;font-size:11px}.hero-cta{gap:8px}.launch-grid{gap:8px}.launch-grid a{padding:15px 10px;min-height:85px;gap:9px}.launch-grid b{font-size:12px}.launch-grid small{font-size:10px}.launch-grid i{font-size:22px}.launch-grid em{font-size:17px}.announcement{font-size:11px;padding:10px;gap:7px}.season{font-size:10px}.content-page{padding:17px 14px}.section-nav{gap:6px;margin-bottom:20px}.section-link{font-size:11px;padding:8px 10px}.content-page h1{font-size:26px}.layout{margin-top:16px}.layout>aside{gap:9px}.panel{padding:12px}.panel h2{font-size:14px}.rank{gap:6px;font-size:11px}.rank strong{font-size:10px}.rank i{width:15px}.links{gap:8px}.quick{padding:16px 10px}.quick b{font-size:13px}.quick small{font-size:11px}.cta{padding:25px 10px}.server-stats{padding:14px;gap:14px;grid-template-columns:1fr}.forum-box{padding:14px}.forum-box a{padding:13px 10px}.forum-box b{font-size:12px}footer{padding:20px 14px}}
@media(max-width:360px){header .brand{font-size:20px}.actions .btn{padding:8px;font-size:9px}.launch-grid small{font-size:9px}.launch-grid em{display:none}.layout>aside{grid-template-columns:1fr}.launch-grid b{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.cold-breath,.world-dust,.banner-effects{display:none}.motion-toggle{display:none}}
@media print{.world-characters,.banner-effects,.inner-masthead,.motion-toggle{display:none}body{background:white;color:black}}

.tab-asleep .character-body,.tab-asleep .cold-breath i,.tab-asleep .world-dust i,.tab-asleep .banner-effects i,.tab-asleep .skeleton-line{animation-play-state:paused}

header{z-index:5}.notice{z-index:6}.breadcrumbs{justify-content:flex-start;flex:none;width:auto;overflow:visible;gap:9px}.menu-wrap:nth-of-type(2) .dropdown{left:auto;right:0}

/* V9: original client characters; existing grid, routes and controls preserved. */
:root{--gold:#dfb774;--text:#efe6d2;--muted:#c1b6a5;--line:#5d4b35}
body::before{background:radial-gradient(ellipse at 4% 48%,#7b331f35,transparent 33%),radial-gradient(ellipse at 98% 48%,#4e2b6938,transparent 35%),repeating-linear-gradient(118deg,#ffffff02 0 1px,transparent 1px 7px),linear-gradient(180deg,#171411,#090b0d 75%)}
header,.notice,footer{background:linear-gradient(180deg,#302a20f7,#131414fa);border-color:#7a623c;box-shadow:inset 0 1px #e4c28822,0 8px 25px #0007}
header .brand{font-family:Georgia,serif;color:#e7c18b;text-shadow:0 2px 2px #000,0 0 20px #b775312a}
header nav>button,.menu-wrap>button{padding:10px 8px;border:1px solid #80654344;border-radius:3px;color:#e2d4b9;background:linear-gradient(180deg,#49402b55,#17171577);box-shadow:inset 0 1px #b89a5c18}
header nav>button:hover,.menu-wrap>button:hover{border-color:#bc955e;background:linear-gradient(180deg,#5d492c,#251c14);color:#ffdfa1}
.dropdown{background:linear-gradient(145deg,#30291f,#151514);border-color:#9c7a43}.dropdown button{color:#e1d1b7}.dropdown button:hover{background:#6b4b2633;color:#ffe2a4}
.btn,.motion-toggle,.section-link,.launch-grid button,.quick,.forum-box a{color:#e5c58d;border:1px solid #896c3d;background:linear-gradient(180deg,#453827,#211c17);box-shadow:inset 0 1px #ffdb9b22,inset 0 -3px #0004,0 3px 8px #0005}
.btn.gold{border:1px solid #eed39a;background:linear-gradient(180deg,#edcf88,#b88a41);color:#281d0c}
.launch-grid button{border-radius:4px}.launch-grid button:hover,.quick:hover{border-color:#ddba7b;filter:brightness(1.12)}.launch-grid i{color:#e6bd75!important}.launch-grid small,.quick small{color:#c2b49c}
.panel,.content-page,.server-box,.forum-box{background:repeating-linear-gradient(118deg,#fff1 0 1px,transparent 1px 14px),linear-gradient(140deg,#28251ef5,#131516fa);border-color:#6c5738;box-shadow:inset 0 1px #d7b26c22,0 8px 24px #0005}
.panel h2,.content-page h1,.server-box h2,.section-title h2{font-family:Georgia,serif;color:#eed3a2;text-shadow:0 2px #000}
.event,.announcement,.profile-char,.detail-card,.drop-result,.profile-stat,.forum-box a,.links .quick{background:linear-gradient(140deg,#30291f,#17191b)!important;border-color:#75603d!important}
.ranking-table thead,.clan-stat,.ko-title{background:linear-gradient(180deg,#534128,#241d15)!important}.ranking-table th{color:#efd5a3}.ranking-table td{border-color:#65533644}.ranking-table tbody tr:hover{background:#bd8b3420}
input,select,textarea{background:#151513!important;color:#f2e7d2!important;border-color:#82704c!important}
.mythic-hero{background:#14110d;border-color:#aa844d}.banner-image,.inner-masthead>img{object-fit:cover;opacity:.3;filter:brightness(.7) saturate(.7);object-position:40% 45%}
.mythic-hero::before,.inner-masthead::before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#24161077,transparent 35%,transparent 65%,#27152b66),radial-gradient(ellipse at 50% 50%,#14141166,transparent 75%)}
.ko-banner-actors{position:absolute;inset:0;z-index:2;overflow:hidden;pointer-events:none}.ko-banner-actors img{position:absolute;height:94%;width:auto;bottom:0;object-fit:contain;transform-origin:50% 100%;animation:ko-natural-breath 5.6s ease-in-out infinite;filter:drop-shadow(0 6px 7px #000a)}
.ko-banner-karus{left:5%}.ko-banner-mage{right:5%;animation-delay:-2.8s!important}
.ko-banner-title{position:absolute;z-index:3;left:25%;right:25%;top:20%;text-align:center;pointer-events:none;color:#efd5a3;text-shadow:0 3px 2px #000,0 0 20px #000;display:grid;gap:8px}
.ko-banner-title>span{font-size:10px;letter-spacing:4px;color:#cdb788}.ko-banner-title>strong{font:bold clamp(27px,5vw,72px)/1 Georgia,serif;letter-spacing:2px;color:#e9c080}.ko-banner-title strong span{color:#f6ead0}.ko-banner-title>small{font-size:11px;letter-spacing:3px;color:#b7a68a}
.mythic-hero .hero-copy{bottom:18px}.banner-badge{background:#1a160de6;border-color:#8a7149}.banner-effects{z-index:4}
.inner-masthead{border-color:#957343;height:155px}.inner-masthead>img{height:155px;width:100%;object-fit:cover}.inner-masthead .ko-banner-actors img{height:145%;bottom:-32%;}.inner-masthead .ko-banner-karus{left:9%}.inner-masthead .ko-banner-mage{right:9%}.inner-masthead .ko-banner-title{top:23%;gap:4px}.inner-masthead .ko-banner-title>strong{font-size:42px}.inner-masthead .ko-banner-title>span{font-size:8px}.inner-masthead .ko-banner-title>small{font-size:8px}
.world-character{bottom:4vh!important;opacity:1;mask-image:linear-gradient(#000 0 96%,transparent);width:min(295px,calc((100vw - var(--shell))/2 - 22px))!important;aspect-ratio:295/459}.world-character.warrior{left:8px}.world-character.rogue{right:8px;aspect-ratio:313/431}
.world-character .character-body{transform-origin:50% 100%;animation:ko-natural-breath 5.6s ease-in-out infinite}.world-character.rogue .character-body{animation-delay:-2.8s}.world-character img{object-fit:contain;filter:drop-shadow(0 8px 10px #000a)}
@keyframes ko-natural-breath{0%,100%{transform:scale(1,1)}48%{transform:scale(1.003,1.009)}}
.world-character.warrior .cold-breath{display:none}.world-character.rogue .cold-breath{left:54%;top:9%;width:14%;height:2%;--dir:1}.world-character.rogue .cold-breath i{animation-duration:5.6s;filter:blur(3px);opacity:0}.world-dust{display:none}
.ko-sky-embers{position:fixed;inset:0;z-index:0;pointer-events:none;contain:strict;width:100%;height:100%;user-select:none}
.motion-paused .ko-banner-actors img,.tab-asleep .ko-banner-actors img{animation-play-state:paused}
@media(max-width:1399px){.ko-sky-embers{display:none}}
@media(max-width:900px){.ko-banner-title{top:22%;left:23%;right:23%}.ko-banner-title>strong{font-size:clamp(26px,5.5vw,48px)}.ko-banner-title>span{font-size:7px;letter-spacing:2px}.ko-banner-title>small{font-size:8px;letter-spacing:1px}.ko-banner-actors img{height:100%}.ko-banner-karus{left:2%}.ko-banner-mage{right:2%}}
@media(max-width:540px){header nav>button,.menu-wrap>button{padding:8px 6px}.ko-banner-title{top:11%;gap:5px}.ko-banner-title>strong{font-size:clamp(24px,6vw,33px);letter-spacing:0}.ko-banner-title>span{font-size:6px;letter-spacing:1px}.ko-banner-title>small{font-size:6px;letter-spacing:.6px}.ko-banner-actors{height:calc((100vw - 24px)/3)}.ko-banner-actors img{height:100%}.inner-masthead{height:104px}.inner-masthead>img{height:104px;aspect-ratio:auto;object-fit:cover}.inner-masthead .ko-banner-actors{height:104px}.inner-masthead .ko-banner-actors img{height:128%;bottom:-20%}.inner-masthead .ko-banner-title{top:22%}.inner-masthead .ko-banner-title>strong{font-size:28px}.inner-masthead .ko-banner-title>span{font-size:6px}.inner-masthead .ko-banner-title>small{font-size:6px}}
@media(prefers-reduced-motion:reduce){.ko-banner-actors img{animation:none!important}.ko-sky-embers{display:none}}
@media print{.ko-sky-embers,.ko-banner-actors{display:none}}
.banner-effects i{background:#ffc075!important;box-shadow:0 0 7px #ff763d!important}
.cta{position:relative;isolation:isolate;overflow:hidden}.cta::before{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background:url('/art/ko-lineup.png?v=9.0.0') no-repeat center bottom/contain;opacity:.09}
@media(min-width:541px) and (max-width:900px){.mythic-hero .ko-banner-actors{height:auto;bottom:auto;aspect-ratio:3/1}.inner-masthead .ko-banner-actors{height:155px;aspect-ratio:auto}}
.panel,.content-page,.server-box,.forum-box{background:repeating-linear-gradient(118deg,#ffffff03 0 1px,transparent 1px 14px),linear-gradient(140deg,#28251ef5,#131516fa)}
.feature,.preview-note{background:linear-gradient(140deg,#27231d,#141715);border-color:#695637}.server-box h2{background:linear-gradient(90deg,#4d3b23,#262119);border-color:#87683f;color:#e8c38a}.forum-icon{background:#413221;border-color:#8a6f43;color:#e0bc79}
.launch-grid button:nth-child(n){background:linear-gradient(145deg,#44331f,#201c18)!important;border-color:#8a6e42!important}.top-link{background:linear-gradient(180deg,#453827,#211c17);border-color:#80653d;color:#e6c58b}
@media(max-width:540px){.ko-banner-title{top:24%}.ko-banner-title>span{display:none}}
.world-character .character-body picture{position:absolute;inset:0;display:block}.world-character .ko-torso-layer{clip-path:inset(18% 0 0 0)}.world-character .ko-head-layer{clip-path:inset(0 0 80.5% 0);transform-origin:50% 18%;animation:ko-head-idle 11s ease-in-out infinite;will-change:transform}.rogue .ko-head-layer{animation-delay:-5s!important;transform-origin:53% 15%}
@keyframes ko-head-idle{0%,12%,100%{transform:perspective(700px) rotateY(0deg) rotateZ(0deg)}29%,39%{transform:perspective(700px) rotateY(7deg) rotateZ(.55deg)}62%,72%{transform:perspective(700px) rotateY(-6deg) rotateZ(-.45deg)}}
.motion-paused .ko-head-layer,.tab-asleep .ko-head-layer{animation-play-state:paused}.menu-wrap{position:relative}.dropdown{min-width:200px}.dropdown button{min-height:40px}.dropdown.open{animation:ko-menu-in .14s ease-out}@keyframes ko-menu-in{from{opacity:.5;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:800px){header{gap:12px}.actions .btn{min-height:44px}.notice .motion-toggle{display:inline-block}.notice span:last-child{display:flex}.notice .top-link{display:none}.inner-masthead{margin-top:12px}header nav{gap:8px}.menu-wrap>button,header nav>button{min-height:42px}.section-link{min-height:40px;display:inline-flex;align-items:center}.table-scroll{scrollbar-width:thin}footer{padding-bottom:max(20px,env(safe-area-inset-bottom))}.content-page{border-radius:9px}}
@media(max-width:540px){.notice{gap:5px}.notice span:last-child{margin-left:auto}.motion-toggle{font-size:9px;padding:5px}.notice b{font-size:9px}header nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:6px}header nav>button,.menu-wrap>button{width:100%;font-size:10px;white-space:nowrap;padding:9px 3px}.dropdown{width:205px;min-width:0;max-width:calc(100vw - 24px)}.launch-grid button:nth-child(n){min-height:85px;border-radius:7px}.content-page h1{font-size:24px}.ko-banner-title>strong{text-shadow:0 2px 1px #000,0 0 10px #ac652044}.ko-banner-actors img{animation-duration:5.6s}.hero-copy p{font-size:11px!important}.mythic-hero .hero-cta .btn{min-height:44px}}
@media(prefers-reduced-motion:reduce){.ko-head-layer{animation:none!important}.dropdown.open{animation:none!important}}
.social-hub{position:relative;flex-shrink:0;line-height:1.3}.social-toggle{display:flex;align-items:center;gap:6px;min-height:36px;padding:7px 10px;border:1px solid #a18249;border-radius:5px;background:linear-gradient(#493824,#201b14);color:#efcf90;font-size:10px;font-weight:800;letter-spacing:.6px;cursor:pointer}.social-toggle:hover,.social-toggle[aria-expanded=true]{border-color:#e3bf79;box-shadow:0 0 12px #e6a14222}.social-panel{position:absolute;z-index:30;right:0;top:calc(100% + 7px);width:270px;padding:13px;background:linear-gradient(150deg,#342a1efc,#141611fc);border:1px solid #b08b51;border-radius:8px;box-shadow:0 14px 35px #000b,inset 0 1px #efc67722}.social-panel[hidden]{display:none!important}.social-panel-heading{color:#f2d59e;font-size:11px;font-weight:800;letter-spacing:1px;margin-bottom:11px}.social-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.social-link{display:flex;align-items:center;gap:8px;min-height:48px;padding:10px 8px;border:1px solid #856b46;border-radius:5px;background:linear-gradient(135deg,#493722,#242018);color:#f3dcae;letter-spacing:0;font-size:11px;font-weight:700;white-space:nowrap}.social-link:hover{border-color:#efc877;background:#514127}.social-link.inactive{opacity:.45;cursor:default}.social-icon{font-size:20px;line-height:1}.social-status{font-size:10px;color:#beaf95;line-height:1.5;margin:10px 0 0}.notice>span:last-child{gap:8px;flex-wrap:nowrap}
@media(max-width:540px){.notice{flex-wrap:nowrap;align-items:center;padding:7px 9px}.social-toggle{min-height:40px;font-size:9px;gap:4px;padding:7px 8px}.social-panel{position:fixed;right:12px;left:auto;top:64px;width:min(290px,calc(100vw - 24px));max-height:calc(100dvh - 84px);overflow:auto}.social-link{min-height:50px}.notice .motion-toggle{min-height:36px;font-size:8px;max-width:90px;padding:5px}.notice b{letter-spacing:0}.social-panel-heading{font-size:12px}}
@media(max-width:360px){.notice .motion-toggle{max-width:75px;font-size:8px}.social-toggle{padding:7px 6px}.notice>span:last-child{gap:5px}.notice b{font-size:8px}}
@media print{.social-hub{display:none}}
.notice-controls{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0}.social-link>span{display:inline-block!important}
@media(max-width:360px){.notice-controls{gap:5px}}
/* Social bubble is outside the header and follows the viewport while scrolling. */
.social-hub.social-bubble{position:fixed;z-index:900;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));width:64px;line-height:1.3;isolation:isolate}
.social-bubble .social-toggle{position:relative;display:flex;align-items:center;justify-content:center;width:64px;height:64px;min-height:64px;border-radius:50%;padding:0;border:2px solid #d6b371;background:radial-gradient(circle at 32% 25%,#705337,#312313 62%,#15130f);color:#ffe1a0;box-shadow:0 8px 25px #0009,inset 0 1px #ffe4a966,0 0 20px #bc7a2228;transition:transform .2s,box-shadow .2s}
.social-bubble .social-toggle:hover{transform:translateY(-2px);box-shadow:0 8px 28px #000b,0 0 23px #d9934e55}.social-bubble .social-bubble-glyph{font-size:26px;margin-top:-8px;line-height:1}.social-bubble-caption{position:absolute;bottom:8px;font-size:8px;font-weight:800;letter-spacing:1px}.social-bubble.is-open .social-bubble-glyph{font-size:36px;transform:rotate(90deg)}
.social-bubble .social-panel{position:absolute;left:auto;right:0;top:auto;bottom:calc(100% + 12px);width:min(238px,calc(100vw - 36px));max-height:calc(100dvh - 110px);overflow:auto;overscroll-behavior:contain;padding:12px;border-radius:12px;animation:ko-social-unfold .22s cubic-bezier(.2,.8,.3,1) both;transform-origin:bottom right}
.social-bubble .social-panel::after{content:'';position:absolute;bottom:-6px;right:23px;width:10px;height:10px;background:#241d15;border-right:1px solid #b08b51;border-bottom:1px solid #b08b51;transform:rotate(45deg)}
.social-bubble .social-grid{display:flex;flex-direction:column;gap:7px}.social-bubble .social-link{min-height:45px;gap:12px;padding:10px 12px;font-size:12px;animation:ko-social-item .22s ease both}.social-bubble .social-link:nth-child(2){animation-delay:.035s}.social-bubble .social-link:nth-child(3){animation-delay:.07s}.social-bubble .social-link:nth-child(4){animation-delay:.105s}.social-bubble .social-link:nth-child(5){animation-delay:.14s}.social-bubble .social-link:nth-child(6){animation-delay:.175s}.social-bubble .social-link:not(.inactive)::after{content:'↗';margin-left:auto;color:#e7c588}.social-bubble .social-panel-heading{font-size:10px}.social-bubble .social-status{font-size:10px}
@keyframes ko-social-unfold{from{opacity:0;transform:translateY(10px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes ko-social-item{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:540px){.social-hub.social-bubble{right:max(12px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));width:56px}.social-bubble .social-toggle{width:56px;height:56px;min-height:56px}.social-bubble .social-bubble-glyph{font-size:23px}.social-bubble-caption{font-size:7px;bottom:7px}.social-bubble .social-panel{position:absolute;left:auto;right:0;top:auto;bottom:calc(100% + 10px);width:min(224px,calc(100vw - 24px));max-height:calc(100dvh - 100px)}.social-bubble .social-link{min-height:46px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.social-bubble .social-panel,.social-bubble .social-link{animation:none!important}}