/* The city edition: ink, paper, brass. Flat surfaces and print-like hierarchy. */
:root{--bg:#111110;--panel:#1b1b18;--text:#e9e4d8;--muted:#aaa69b;--line:#3b3932;--gold:#c2a779;--weapon:#c89e61;--vitality:#9cad7f;--spirit:#b3a2c5;color-scheme:dark}
body{background:#111110;color:var(--text)}
body>header{min-height:112px;border-bottom:1px solid #5a5446;padding-block:24px;max-width:1480px;background:transparent}
body>header nav{gap:23px}nav a{color:#aaa69b;font-size:12px}nav a:hover,nav a.active{color:#f1e9d6}nav a.active{border-bottom-color:#e9e4d8}
.brand-art img{width:224px}body>header>.outline{border-color:#5a5446;color:#d4cbbb;font-size:11px;padding-inline:18px}
button,.button,.outline,input,select,textarea{border-radius:0;box-shadow:none}
button,.button{background:#e9e4d8;border-color:#e9e4d8;color:#191914;font-weight:800}.outline{color:#e9e4d8;border-color:#6b6556;background:transparent}.outline:hover{background:#e9e4d8;color:#191914}button:hover,.button:hover{filter:none;background:#d2c6ae}
input,textarea,select{background-color:#181815;border-color:#49473e;color:#e9e4d8}input::placeholder,textarea::placeholder{color:#aaa69b}
.eyebrow{color:#b4a17f;font-size:10px;letter-spacing:1.6px}.badge{border-radius:0;border-color:#4b4b3d;background:transparent;color:#c1c5ac}
.hero-cinematic{min-height:550px;margin-top:32px;border-radius:0;padding:42px;border:0;border-bottom:1px solid #69604e;background:#151510}
.hero-cinematic:before{background:linear-gradient(270deg,#111110f5 0%,#111110c7 34%,#11111016 68%),linear-gradient(0deg,#11111070,transparent 30%)}
.hero-cinematic .hero-scene{filter:saturate(.65) contrast(1.07);object-position:center 35%}.hero-cinematic .hero-copy{width:49%;padding:12px 0}.hero-cinematic h1{font-size:clamp(44px,4.6vw,67px);line-height:1.35;letter-spacing:-2px;font-weight:900;margin:23px 0}.hero-cinematic h1 em{color:#e9e4d8;font-style:normal}.hero-cinematic .hero-copy>p{font-size:14px;color:#c3bfb4;max-width:390px}.hero-cinematic .actions{margin-top:30px}.hero-cinematic .actions .button{padding:13px 23px}.hero-cinematic .hero-copy>p:last-child{display:none}
.stats{display:flex;justify-content:flex-start;gap:0;border-radius:0;border:0;border-bottom:1px solid #49463c;background:transparent;padding:0;margin:0 0 46px}.stats>div{flex:1;display:flex;align-items:center;justify-content:center;gap:16px;padding:20px 12px;border:0;border-inline-end:1px solid #49463c}.stats>div:last-child{border-inline-end:0}.stats strong{font:32px/1 Georgia,serif;color:#d5c6a8}.stats span{font-size:11px;color:#aaa69b}
.section-head{border-top:1px solid #5e584b;padding-top:23px;margin-top:50px;align-items:center}.section-head h2{font-size:32px;font-weight:900;letter-spacing:-1px;margin:7px 0}.section-head p{color:#aaa69b;font-size:12px}.section-head .outline{border:0;border-bottom:1px solid #6b6556;padding:7px 0;min-height:36px}.grid{gap:20px}
.hero-card{border:0;border-radius:0;background:#1e1f1b;box-shadow:none;overflow:hidden}.hero-card>img{height:340px;filter:saturate(.7);background:#24251e}.hero-card .caption{border-top:2px solid #b3a17d;background:#171714;padding:18px 0 16px}.hero-card .caption small{color:#aba38e;font-size:10px}.hero-card h3{font-size:30px;color:#eee7d7;margin:8px 0}.hero-card .hero-summary{font-size:12px;color:#a9a99b;min-height:44px}.hero-card .hero-link{color:#d4c4a3;margin-top:17px;font-size:11px}.hero-card:hover,.hero-card:focus-visible{transform:translateY(-3px);box-shadow:none;border-color:transparent}.hero-card:hover>img{filter:saturate(1)}
.home-shortcuts{gap:0;border-top:1px solid #625a4b;border-bottom:1px solid #625a4b;margin-top:48px}.shortcut-card,.build-shortcut,.patch-shortcut,.board-shortcut{border:0;border-radius:0;background:transparent;box-shadow:none;min-height:300px;padding:28px 30px;border-inline-end:1px solid #49463c}.shortcut-card:last-child{border-inline-end:0}.shortcut-card:hover{transform:none;background:#1a1a16;border-color:#49463c}.shortcut-card h2{font-size:28px;color:#e9e4d8}.shortcut-card p{font-size:12px;color:#aba79b}.shortcut-card>strong{color:#d8c7a6;font-size:12px;border-top-color:#49463c}.shortcut-emblem{color:#9e8b68;font-size:47px}.shortcut-visual img{background:#25251f;border-radius:0;border-color:#514c3d;filter:saturate(.65)}
.page-title{border-bottom:1px solid #575144;margin-bottom:30px;padding-bottom:26px}.page-title h1{font-size:46px;letter-spacing:-1px}.page-title .muted{font-size:14px;color:#b7b1a3}
.hero-profile{background:#1c1d19;border-radius:0;border-color:#45473c;box-shadow:none}.hero-profile>img{border-radius:0}.hero-profile p{color:#c4c3b4}.hero-profile .property{background:#28291f}
.ability-redesign{background:#1b1e1c;border-radius:0;border:1px solid #42483f;border-inline-start:3px solid var(--hero-accent);box-shadow:none;padding:30px}.ability-title>img{background:#282d26;border-radius:0;border-color:#515b4d}.ability-title>kbd{background:transparent;border-radius:0;color:#bcbfaf;border-color:#545c4e}.ability-title h3{color:#eee9dd}.ability-explanation{background:transparent;padding:18px 0 0;border-top:1px solid #41463c;border-radius:0}.ability-explanation h4{color:#cbbb99}.ability-explanation p{color:#d1d2c6}.ability-tip{background:#262d24;border-radius:0;border-inline-start-color:#879776}.ability-tip p{color:#bfc9b7}.ability-tip>span{color:#c8d4bb}.key-stats>div{background:#252922;border:0;border-bottom:1px solid #4a5142;border-radius:0}.key-stats small{color:#bfc6b5}.key-stats b{color:#e3d6b9}.ability-expand{border-top-color:#41483b}.ability-expand>summary{color:#cbbb99}.ability-expand .property,.ability-expand .upgrade-tier{background:#252922;border-color:#46503f;border-radius:0}.upgrade-tier{border-radius:0}.upgrade-tier-title{color:#d9c7a2}
.shop-category{border-radius:0;background:#171815;border-color:#3d4134;box-shadow:none}.category-heading{background:color-mix(in srgb,var(--accent) 9%,#171815);border-bottom-color:#404334}.shop-item{border-radius:0;background:color-mix(in srgb,var(--accent) 5%,#20211b);box-shadow:none}.shop-item:hover{background:color-mix(in srgb,var(--accent) 12%,#20211b);box-shadow:none}.shop-info img{border-radius:0;background:transparent}.shop-price{background:transparent;border-radius:0;padding:3px 0;color:var(--accent)}.arabic-name{color:#bdbcae}.shop-add{border-radius:0}.shop-item.picked{background:#2a3325}.shop-tabs button,.region-tabs button{border-radius:0;background:#20211c;border-color:#484b3d}.shop-tabs button.selected{background:color-mix(in srgb,var(--accent) 14%,#20211c)}.build-panel{border-radius:0;background:#1c1e18;border-color:#464a3b}.skill-card,.skill-picture,.skill-stages button,.skill-points,.skill-timeline li{border-radius:0}.skill-card{background:#22261e;border-color:#454d3d}.skill-card.unlocked{background:#303426;border-color:#9a916b}.skill-picture{background:#191e16}.skill-timeline li{background:#25291f;border-color:#464e3a}.skill-points{background:transparent}.skill-stages button.selected{background:#c7b58a}
.news-card{background:#1b1c18;border-radius:0;border:0;border-top:1px solid #605b4d;padding:30px 0;box-shadow:none}.news-card.latest-news{border-top:3px solid #c2ad83}.news-card h2{font-size:30px;max-width:850px}.news-meta{color:#a9ac9a}.news-meta>span{color:#d2b984}.news-body{color:#cbcdbf;max-width:880px}.news-source{color:#c8b48e}.news-kind{color:#a6b29b}.patch-toolbar{border-bottom:1px solid #393d31;padding-bottom:15px}
.leaderboard-card,.player-search-card,.arab-board-intro{background:#1b1d18;border-radius:0;border-color:#454a3a}.leader-row:nth-child(odd){background:#23271e}.leader-row:hover{background:#303627}.leader-table-head{background:#333a2a!important}.region-tabs button.selected{background:#303628;color:#ddd6bd;border-color:#a59c78}.player-totals>div,.player-hero-stats article{background:#272d21;border-color:#454e39}.board-switch a{border-radius:0}.board-switch a.selected{background:#c7b58a}.notice,.empty{border-radius:0}dialog{border-radius:0;background:#1e211a;border-color:#6c715a}#toast{border-radius:0;background:#e3dcc9;color:#23261c;border-color:#e3dcc9;box-shadow:0 5px 25px #0005}footer{border-color:#514c40;color:#aaa699}footer p{font-size:11px}
@media(max-width:1000px){.hero-cinematic{min-height:490px;padding:28px}.hero-cinematic .hero-copy{width:58%}.hero-card>img{height:290px}.shortcut-card{padding:24px 20px}.stats>div{gap:10px}}
@media(max-width:650px){body>header{min-height:0;padding-block:18px;gap:17px}.brand-art img{width:188px}body>header nav{gap:21px}.hero-cinematic{min-height:570px;padding:22px 18px;margin-top:20px}.hero-cinematic .hero-copy{width:100%;padding-top:240px}.hero-cinematic h1{font-size:37px;letter-spacing:-1px;margin:14px 0}.hero-cinematic .hero-copy>p{font-size:13px}.hero-cinematic .hero-scene{object-position:25% top}.hero-cinematic:before{background:linear-gradient(0deg,#111110 0%,#111110f0 39%,#11111005 90%)}.hero-cinematic .actions{margin-top:22px}.hero-cinematic .actions .button{padding:12px 7px}.stats{margin-bottom:30px}.stats>div{display:block;text-align:center;padding:18px 5px}.stats strong{display:block;font-size:28px;margin-bottom:8px}.stats span{font-size:9px}.section-head{padding-top:18px;margin-top:32px}.section-head h2{font-size:27px}.section-head .outline{font-size:10px}.grid{gap:14px}.hero-card>img{height:220px}.hero-card .caption{padding:14px 0}.hero-card h3{font-size:24px}.hero-card .hero-summary{font-size:11px;min-height:42px}.hero-card .hero-link{font-size:10px;margin-top:12px}.home-shortcuts{margin-top:32px}.shortcut-card{min-height:230px;padding:24px 8px;border-inline-end:0;border-bottom:1px solid #49463c}.shortcut-card:last-child{border-bottom:0}.shortcut-card h2{font-size:26px}.shortcut-visual,.shortcut-emblem{height:50px}.page-title h1{font-size:34px}.ability-redesign{padding:20px}.ability-title h3{font-size:23px}.ability-explanation p{font-size:14px}.news-card{padding:24px 0}.news-card h2{font-size:25px}.news-body{font-size:14px}.hero-profile{padding:20px}}
@media(prefers-reduced-motion:reduce){.hero-card:hover,.shop-item:hover{transform:none}}