:root{--bg:#101113;--gold:#d0ad70;--gold2:#f2d9a4;--line:#c3a16b40}html{scroll-behavior:smooth;scroll-padding-top:30px}body{background:#101113!important}.nav{background:linear-gradient(180deg,#101113fa,#16171bed)!important}.nav-inner{height:86px}.button{font-size:12px;letter-spacing:.08em;min-height:48px;display:inline-flex;align-items:center;justify-content:center}.text-link{font-size:12px}.hero{background:linear-gradient(90deg,#090d14ed 0%,#10131b99 36%,#10131b00 74%),linear-gradient(0deg,#101113,transparent 38%),url('/assets/battle-art.webp') 70% 40%/cover;min-height:810px}.hero-layout{min-height:650px}.hero-copy{padding:100px 0 130px;max-width:670px}.hero h1{font-size:clamp(58px,6.9vw,98px);font-weight:400;line-height:1.04;letter-spacing:-.045em}.hero h1 em{color:#f0d49c}.hero p{font-size:16px;color:#ded9d1;max-width:440px}.hero-meta{color:#d2bd95}.realm-strip{background:linear-gradient(115deg,#25252b,#15191c);margin-top:-35px;border-top:2px solid #c8a468}.section{padding:95px 0}.eyebrow{font-size:11px;line-height:1.7}.section-head h2{font-size:clamp(34px,4vw,52px)}.intro .section-head{max-width:1240px}.feature-grid{gap:24px}.feature,.feature.featured{position:relative;min-height:390px;padding:220px 26px 28px;background:linear-gradient(130deg,#22252a,#14171c);border:1px solid #b8a07240}.feature-art{position:absolute;top:0;left:0;width:100%;height:200px;object-fit:cover;object-position:center;mask-image:linear-gradient(#000 77%,transparent)}.feature .num{color:#d6b57e;letter-spacing:.15em;font-size:11px}.feature h3{margin:14px 0;font-size:28px}.feature p{font-size:14px;line-height:1.8;color:#bfc0c4}.kingdoms{background:radial-gradient(ellipse at 50% 30%,#3b34302b,transparent 75%)!important;border-top:1px solid #c3a16b25}.kingdom-grid{gap:24px}.kingdom-card{background:linear-gradient(180deg,#29312a,#181b20);border-color:#b5a06b40;transition:transform .25s,border-color .25s}.kingdom-card:hover{transform:translateY(-5px);border-color:#d0ad70}.city{aspect-ratio:766/310!important;height:auto!important;background:linear-gradient(#66828b33,#9e984b33);overflow:hidden}.city img{position:static!important;width:100%!important;height:100%!important;max-width:100%!important;transform:none!important;object-fit:cover!important;left:auto!important;top:auto!important}.kingdom-copy{padding:26px}.kingdom-copy h3{font-size:27px}.kingdom-copy p{font-size:14px;line-height:1.8}.chronicle{position:relative;background:linear-gradient(90deg,#11131805 10%,#111318db 57%,#111318 100%),url('/assets/commander.webp') left 35%/60% auto no-repeat!important;min-height:490px;display:flex;align-items:center}.chronicle .split>div{padding-left:35px}.chronicle h2{font-size:52px}.war-room{overflow:hidden}.war-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:85px;align-items:center}.war-art{position:relative;transform:rotate(-3deg);border:1px solid #b69b66;padding:9px;background:#493e2d;box-shadow:0 30px 60px #0007}.war-art img{display:block;width:100%;height:auto}.map-caption{position:absolute;bottom:25px;left:25px;right:25px;padding:16px;text-align:center;background:#211e17e8;color:#e7cf9e;font-size:10px;letter-spacing:.17em}.war-copy h2{font:48px/1.13 Georgia,serif;margin:22px 0}.war-copy h2 em{font-weight:400;color:#dfbb7c}.war-copy>p{color:#bdbab4;font-size:15px;line-height:1.9}.war-details{border-top:1px solid var(--line);margin:25px 0;display:grid;gap:20px;grid-template-columns:1fr 1fr}.war-details span{display:block;margin-top:23px;font-size:12px;color:#d0ad70}.war-details h3{font:23px Georgia,serif}.war-details p{font-size:13px;color:#bcb7ad;line-height:1.7}.art-gallery{background:#171a1f!important;border-block:1px solid var(--line)}.art-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:35px}.art-tile{position:relative;overflow:hidden;display:block;min-height:230px;background:#292b30;border:1px solid #b49a6933}.art-tile img{width:100%;height:100%;position:absolute;object-fit:cover;transition:transform .6s}.art-tile:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 25%,#060a10e6)}.art-tile>div{position:absolute;bottom:26px;left:28px;z-index:1}.art-tile small{color:#efcf90;font-size:11px;letter-spacing:.08em}.art-tile h3{font:30px Georgia,serif;color:#fff0db;margin:8px 0 0}.art-tile:hover img{transform:scale(1.045)}.expand{position:absolute;right:24px;bottom:25px;z-index:1;font-size:26px;color:#f3d396}.art-tile:nth-last-child(-n+2){min-height:300px}.rankings-preview{background:linear-gradient(#101113dd,#101113ed),url('/assets/world-art.webp') center/cover!important}.leader-card{background:#191d24e8}.news article{padding:0 0 24px;background:#191d24;border:1px solid var(--line);overflow:hidden;display:flex;flex-direction:column}.news-art{width:100%;height:145px;object-fit:cover;order:-1}.news article>*:not(img){margin-left:23px;margin-right:23px}.news .date{margin-top:24px}.download-band{background:linear-gradient(90deg,#211b19f5,#211b19a6),url('/assets/cavalry.webp') center/cover!important;min-height:260px;display:flex;align-items:center}.download-inner{gap:25px}.footer{background:#0a0c10}.visual-home .scroll{display:none}body:not(.visual-home){background:linear-gradient(#101113d9,#101113f5),url('/assets/world-art.webp') center top/cover fixed!important}body:not(.visual-home) .hero{background:linear-gradient(90deg,#0c1119d9,#10111388),url('/assets/battle-art.webp') center/cover}dialog{max-width:min(1100px,94vw);max-height:92vh;padding:40px 16px 12px;border:1px solid #d0ad70;background:#101318;color:#eed9b1;box-shadow:0 25px 100px #000b}dialog::backdrop{background:#06080def;backdrop-filter:blur(6px)}dialog img{display:block;max-width:100%;max-height:73vh;margin:auto;object-fit:contain}dialog p{text-align:center}.viewer-close{position:absolute;right:8px;top:4px;border:0;background:none;color:#fff;font-size:24px;width:38px;height:34px;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid #f1cd81;outline-offset:5px}@media(max-width:900px){.shell{width:calc(100% - 40px)}.hero{min-height:700px;background-position:60% center}.hero-layout{min-height:590px}.hero-copy{padding:80px 0}.hero h1{font-size:72px}.feature-grid{gap:14px}.feature,.feature.featured{padding-inline:18px}.war-grid{gap:40px}.war-copy h2{font-size:38px}.chronicle h2{font-size:42px}.realm-strip{grid-template-columns:1fr 1fr;gap:15px;padding:25px}.realm-strip>a{grid-column:1/-1}.art-tile{min-height:210px}}@media(max-width:640px){.shell{width:calc(100% - 32px)}.nav-inner{height:auto;min-height:86px;padding-block:16px;gap:20px}.links{gap:16px;flex-wrap:wrap;justify-content:center}.brand{font-size:13px}.hero{min-height:690px;background-position:60% center}.hero-copy{padding:65px 0 90px;max-width:100%}.hero h1{font-size:56px}.hero p{font-size:15px}.hero-layout{min-height:0}.hero-meta{font-size:8px;gap:12px}.actions{gap:10px;flex-wrap:wrap}.button{padding:16px 21px}.realm-strip{grid-template-columns:1fr;margin-top:-22px;gap:18px}.realm-strip>a{grid-column:auto}.realm-list{gap:18px}.section{padding:60px 0}.feature-grid,.kingdom-grid,.war-grid,.art-grid{grid-template-columns:1fr}.feature,.feature.featured{min-height:350px;padding:210px 24px 26px}.feature-art{height:190px}.chronicle{background:linear-gradient(0deg,#101113 8%,#10111344 100%),url('/assets/commander.webp') center top/cover!important;min-height:550px;align-items:end}.chronicle .split{display:block}.chronicle .split>div{padding:130px 0 0}.chronicle h2{font-size:40px}.war-art{margin:8px 14px 20px}.war-grid{gap:26px}.war-copy h2{font-size:40px}.row-head{display:block}.art-tile,.art-tile:nth-last-child(-n+2){min-height:225px}.art-tile h3{font-size:27px}.download-band h2{font-size:34px}.download-inner{display:block}.download-actions{margin-top:24px}.news{gap:20px}.news-art{height:170px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
body:not(.visual-home) main.section{background:linear-gradient(90deg,#10151bea,#10151bc9),url('/assets/world-art.webp') center top/cover!important;min-height:calc(100vh - 86px)}
@media(max-width:640px){.visual-home .hero{background-image:linear-gradient(90deg,#090d14dc,#10131b70),linear-gradient(0deg,#101113,transparent 55%),url('/assets/battle-art.webp')}.hero p{color:#eee7de}.hero .eyebrow{color:#edcc8f}}
/* Download banner actions must stay readable over the game artwork. */
.download-band .button.alt{background:#d9b575;border-color:#efd59f;color:#171b22;box-shadow:0 4px 18px #0005}
.download-band .button.alt:hover{background:#efcf96;border-color:#fff0cd;color:#10141b;filter:none}
.download-band .button.alt:focus-visible{outline:3px solid #fff0cd;outline-offset:4px}