.premium-eyebrow{color:#d6b878;font:600 10px/1.5 Arial,sans-serif;letter-spacing:.22em}
/* Gallery pages share battle typography, but their content must remain scrollable in platform frames. */
html:has(>.legends-page){overflow-x:hidden;overflow-y:auto;height:auto;min-height:100%}
body.legends-page{height:auto;overflow:visible}
/* Keep the complete relic square visible without stretching a frame of the atlas. */
.legends-page .relic-art{width:min(100%,510px);height:auto;max-width:510px;margin-inline:auto}
@media(min-width:701px) and (max-height:900px){
 .legends-page .legends-header{padding-block:18px}
 .legends-page .legends-main{padding-top:24px;padding-bottom:60px}
 .legends-page .legends-main h1{font-size:clamp(36px,4vw,54px);margin:8px 0 12px}
 .legends-page .relic-list{margin-top:18px}
 .legends-page .relic-layout{margin-top:18px;gap:36px}
 .legends-page .relic-art{width:min(100%,max(260px,50dvh));max-height:none}
 .legends-page .relic-copy h2{font-size:clamp(27px,3vw,36px);margin:10px 0}
 .legends-page .relic-progress{margin-top:18px}
}
@media(max-width:700px){.legends-page .relic-art{width:min(100%,280px)}}
@media(max-width:420px){.legends-page .relic-art{width:min(100%,240px)}}
.epic-fighter>.premium-cinematic,.combatant>.premium-cinematic{inset:auto -20% 0;transform:none;width:140%}.tower-page[data-depths]:not([data-depths=""]) .tower-rail{display:grid;grid-template-columns:repeat(2,24px);grid-auto-flow:column;grid-template-rows:repeat(10,1fr);gap:3px;align-content:center;justify-content:start}.tower-page[data-depths]:not([data-depths=""]) .tower-rail li{width:21px;height:21px;font-size:9px}.epic-dialog>.premium-cinematic{inset:0;margin:auto;transform:none;width:100%;z-index:-1}
.legends-page{isolation:isolate}.legends-backdrop{pointer-events:none}.pet-story-visual{min-height:340px;display:grid;place-items:center}.pet-story-visual>.pet-art{width:100%;height:440px;max-width:500px;object-fit:contain}.premium-pet-art{width:100%;max-width:500px;aspect-ratio:1;background:url('/assets/premium/companions-v1.webp') no-repeat;background-size:200% 300%;background-position:calc(var(--pet-column)*100%) calc(var(--pet-row)*50%);filter:drop-shadow(0 16px 18px #0008)}.pet-specializations{display:grid;gap:12px;margin:22px 0}.pet-specializations label{display:flex;gap:12px;align-items:flex-start;cursor:pointer}.pet-specializations strong,.pet-specializations small{display:block}.pet-specializations small{line-height:1.5;margin-top:6px;color:#c8c3b8}#pet-specialization>label{display:grid;gap:8px}#pet-specialization input[name=name]{background:#0a1720cc;border:1px solid #ad8e56;color:#f7e7c7;padding:12px;font:18px Georgia,serif;max-width:320px;box-sizing:border-box}#pet-specialization input[type=radio]{accent-color:#d7b76f}.siege-preparation{padding:26px 0;margin:22px 0;border-block:1px solid #d5af6540}.siege-preparation h2{font:500 28px Georgia,serif;color:#f6deb0}.siege-preparation p{max-width:720px;line-height:1.6}.tower-page[data-depths]:not([data-depths=""]) .tower-backdrop{background-image:linear-gradient(#07121a55,#07121acc),url('/assets/premium/reliquary-v1.webp')}.city-story-page .legends-backdrop{background-image:linear-gradient(90deg,#071118e8,#071118bb 50%,#07111822),url('/assets/premium/city-dawn-v1.webp')}.city-story-command{max-width:660px;margin-top:50px}.city-story-command h2{font:32px Georgia,serif}.city-story-command p{line-height:1.7}.relic-visual>.premium-cinematic{left:0;width:100%;bottom:0;transform:none}
@media(max-width:700px){.pet-story-visual{min-height:240px}.pet-story-visual>.pet-art{height:280px}.premium-pet-art{max-width:300px}.city-story-command{margin-top:25px}}
.ashkar-decision{max-width:920px;margin:12px auto 20px;text-align:center}.ashkar-decision[hidden]{display:none}.ashkar-decision h2{margin:6px 0;color:#f1dfba;font:500 clamp(23px,3vw,34px)/1.2 Georgia,serif}.ashkar-decision p{margin:8px 0;color:#e0d6c1}.ashkar-decision small{display:block;color:#bdb7a9;font-size:11px;margin-top:10px}.tactical-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:16px 0}.tactical-choices button{background:#0a161ddd;border:1px solid #9a794c;padding:14px;color:#e9d9b3;text-align:left;cursor:pointer;min-height:86px}.tactical-choices strong{display:block;font:500 19px/1.2 Georgia,serif;margin-bottom:6px}.tactical-choices span{font:12px/1.45 Arial,sans-serif;color:#c5c5bf}.tactical-choices button:hover,.tactical-choices button:focus-visible{background:#283239;border-color:#edd392;outline:2px solid #d9b66d;outline-offset:3px}.tactical-choices button:disabled{opacity:.55;cursor:wait}
.epic-battle-ground{position:relative}.premium-cinematic{position:absolute;pointer-events:none;z-index:12;width:min(44vw,600px);height:auto;left:52%;bottom:4%;transform:translateX(-10%);contain:strict}.premium-cinematic[data-kind=cover]{left:18%;bottom:0}.premium-cinematic[data-kind=bond]{left:48%}
.legends-page{margin:0;color:#eddfc5;background:#0b141b;font-family:Arial,sans-serif;min-height:100svh}.legends-backdrop{position:fixed;inset:0;z-index:-1;background:linear-gradient(90deg,#071118e8,#07111899 55%,#07111833),url('/assets/premium/reliquary-v1.webp') center/cover}.legends-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px clamp(20px,5vw,90px);border-bottom:1px solid #b59a6133}.legends-header a{color:#dec18a;text-decoration:none}.legends-tabs{display:flex;gap:24px}.legends-tabs a[aria-current=page]{border-bottom:1px solid #e5c888;padding-bottom:8px;color:#fff2d4}.legends-main{max-width:1360px;margin:auto;padding:44px clamp(20px,5vw,80px)}.legends-main h1{font:500 clamp(36px,6vw,68px)/1.1 Georgia,serif;margin:10px 0 16px}.legends-lede{color:#c3c4bf;max-width:600px;line-height:1.6}.relic-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center;margin-top:25px}.relic-art{aspect-ratio:1;background-image:url('/assets/premium/relics-v1.webp');background-size:300% 100%;background-position:calc(var(--relic-index)*50%) center;background-repeat:no-repeat;max-height:510px;filter:drop-shadow(0 18px 24px #0008)}.relic-list{display:flex;gap:22px;margin-top:26px;flex-wrap:wrap}.relic-list button{background:none;color:#c8c1b1;border:0;border-bottom:1px solid transparent;padding:12px 0;font:17px Georgia,serif;cursor:pointer}.relic-list button[aria-pressed=true]{border-color:#e4c687;color:#ffdf9a}.relic-copy h2{font:500 clamp(27px,3vw,42px)/1.2 Georgia,serif;margin:14px 0}.relic-copy p{line-height:1.6;color:#d2c9b8}.relic-progress{font-size:24px;color:#edcb84;margin:24px 0 8px}.relic-track{height:3px;background:#d8bc7430;max-width:390px}.relic-track i{display:block;height:100%;width:var(--progress);background:#dab475}.premium-action{display:inline-block;min-height:48px;padding:15px 26px;background:#c6a46a;color:#111b20;border:1px solid #edce95;font:19px Georgia,serif;cursor:pointer;text-decoration:none;box-sizing:border-box;margin:15px 14px 0 0}.premium-action:disabled{opacity:.55;cursor:default}.premium-link{display:inline-flex;align-items:center;min-height:44px;max-width:100%;vertical-align:middle;color:#e4c689;text-underline-offset:5px}.premium-notice{min-height:24px;color:#ffe0a2;line-height:1.5}.relic-context{font-size:12px;color:#b3bebf!important}.relic-copy .premium-cinematic{left:4%;width:90%;bottom:10%}.relic-visual{position:relative}
@media(max-width:700px){.legends-header{padding:18px;align-items:flex-start}.legends-tabs{gap:16px;flex-wrap:wrap;font-size:13px}.legends-main{padding-top:28px}.relic-layout{grid-template-columns:1fr;gap:4px}.relic-art{height:280px;max-width:320px;margin:auto}.relic-list{gap:14px}.relic-list button{font-size:15px}.tactical-choices{gap:8px}.tactical-choices button{padding:10px 8px}.tactical-choices strong{font-size:15px}.tactical-choices span{font-size:11px}.ashkar-decision{padding:0 12px}.ashkar-decision p{font-size:13px}.premium-cinematic{width:60vw}}
@media(max-width:420px){.tactical-choices{grid-template-columns:1fr}.tactical-choices button{min-height:60px}.tactical-choices strong{margin-bottom:4px}.relic-art{height:240px}}

.pet-story-visual{position:relative}.pet-story-visual>.premium-cinematic{left:0;width:100%;bottom:0;transform:none}.legends-header>a{flex-shrink:0}.legends-main{padding-bottom:90px}

[data-fighter]>.premium-cinematic{inset:auto -20% 0;transform:none;width:140%}.epic-dialog>.premium-cinematic{width:min(70%,350px);inset:0 auto auto 50%;transform:translateX(-50%);z-index:2;margin:0}.relic-visual>.premium-cinematic{width:82%;left:9%;bottom:6%}.siege-preparation .tactical-choices button:disabled{opacity:1;cursor:default;border-color:#9a794c70;background:#0a161dbb}.siege-preparation .tactical-choices button:disabled strong{color:#cdc1a9}.siege-preparation .tactical-choices button:disabled span{color:#bcb8ac}
