/* War Continent: a wider battlefield, clearer orders, and a complete heroic cast. */
:root{--gold:#e5c48b;--ivory:#efe9da;--teal:#9bf0d2;--panel:#101d28}
.title-art{inset:0 0 120px;background-position:64% top;background-size:cover}.art-vignette{background:linear-gradient(90deg,#07131af5 0%,#08151bc7 23%,#08151b5c 45%,#08151b0d 77%),linear-gradient(0deg,#0b141c 0%,#0b141c 8%,#0b141c00 55%,#07121c4a 100%)}.title-content{padding-top:68px;padding-bottom:50px}.hero-line{color:var(--ivory);font-size:29px}.title-facts strong{color:var(--gold)}.title-facts{gap:39px;margin-top:33px}.art-caption{bottom:auto;top:550px}.art-caption>span:last-child{color:#e4e6db}.campaign-dock{background:linear-gradient(110deg,#14272be8,#0d1b25ed);border-color:#c9c7a32b}.portrait{background-image:url('./assets/champions-v3.png')!important;background-size:300% 200%!important;background-repeat:no-repeat!important;image-rendering:pixelated;text-shadow:none!important;flex-shrink:0;overflow:hidden}.fighter-picker .avatar{border-radius:5px;width:53px;height:59px;border-color:#c5d2bd55}.large-avatar.portrait{width:82px;height:90px;border-radius:4px;border-color:#e2d0a64d}.large-avatar.portrait:after{background:#112129;color:var(--gold);bottom:1px;right:1px}.champion-showcase{position:relative;z-index:1;margin:45px 6% 0;display:grid;grid-template-columns:230px minmax(0,1fr);align-items:center;gap:35px}.champion-showcase h2{font:25px/1.3 var(--serif);color:var(--ivory);margin:12px 0}.champion-showcase p{font-size:11px;line-height:1.9;color:#77939a;max-width:220px}.champion-showcase .tiny-label{font-size:7px;letter-spacing:1.8px}.home-champions{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.showcase-hero{background:#13222a;border:1px solid #ffffff12;padding:0 0 12px;position:relative;overflow:hidden;text-align:left;border-radius:3px;transition:transform .2s,border-color .2s}.showcase-hero:hover{transform:translateY(-5px);border-color:#a0e0bb77}.showcase-hero.selected{border-color:#d7bc7c77}.showcase-portrait{display:block;width:100%;aspect-ratio:1}.showcase-hero strong{display:block;font:18px var(--serif);padding:10px 10px 3px;color:#dce9dd}.showcase-hero small{display:block;font-size:7px;color:#7b9a9b;padding:0 10px}.home-footer{padding-top:35px;padding-bottom:25px}.hero-grid{gap:12px}.hero-choice{padding:0 0 17px;overflow:hidden;border-radius:4px;background:#172930;min-height:0}.hero-choice .avatar{height:auto;aspect-ratio:1;width:100%;border-radius:0;border:0;margin:0 0 12px}.hero-choice strong,.hero-choice small,.hero-choice p{margin-left:13px;margin-right:13px}.hero-choice strong{font-size:23px}.hero-choice p{font-size:9px;line-height:1.7;margin-top:7px}.hero-choice.selected{background:#26433e}.hero-choice .avatar.portrait{background-size:300% 200%!important}#hero-dialog{width:min(690px,calc(100% - 30px))}
.game-header{height:66px;padding:0 22px;background:linear-gradient(110deg,#111e28,#0d1923)}.game-wordmark{font-size:13px}.game-wordmark span{font-size:9px}.match-label>span{color:var(--ivory);font-size:17px}.match-label small{font-size:7px}.game-layout{grid-template-columns:minmax(0,1fr) 310px;max-width:1920px;min-height:calc(100svh - 66px)}.battle-column{padding:14px 18px 12px}.war-state{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:28px;margin-bottom:9px;font-size:8px;letter-spacing:.8px;color:#8da5a4}.war-state>span{display:flex;align-items:center;gap:8px;color:#c0c6b5}.war-state em{font-style:normal;color:#4c6c76;font-size:7px;border-left:1px solid #ffffff13;padding-left:9px}.war-state b{font-size:10px;font-weight:500;color:var(--gold)}.war-state i:not(.status-dot){font-style:normal;margin:0 8px;color:#4c6671}.scoreboard{gap:7px;margin-bottom:12px}.score-team{padding:9px 12px;background:#14222cbd}.score-team b{font-size:21px;margin-top:3px}.score-team.yours{border-color:#9bc9ad30}.score-team .score-name{font-size:8px}.score-team small{font-size:8px}.battlefield{height:calc(100svh - 397px);min-height:410px;max-height:1080px;border-color:#8faaa32b;box-shadow:0 12px 40px #0002;border-radius:4px;background:#091625}#battle{cursor:grab;image-rendering:pixelated}#battle:active{cursor:grabbing}.map-label{left:16px;top:15px;font-size:7px;color:#b9c6bc;letter-spacing:1.3px}.map-label small{font-size:6px;color:#66848d}.map-controls button{background:#14222ddb;color:#9bb2b2;font-size:8px;min-height:28px}.zone-badge{bottom:auto;top:43px;left:14px;transform:none;border-radius:3px;font-size:7px;padding:6px 10px;background:#0b1924c9;border-color:#d2bd8a30}.camera-controls{position:absolute;bottom:14px;left:14px;display:flex;align-items:center;gap:4px;z-index:2;padding:5px;border:1px solid #a2b2a72b;background:#0a1724e3;backdrop-filter:blur(5px);border-radius:4px}.camera-controls button{min-height:29px;padding:5px 9px;background:#23313a8c;color:#b1c1bb;border:1px solid #ffffff0c;font-size:8px;border-radius:2px}.camera-controls button:hover{background:#4d574447;color:var(--gold);border-color:#ddc78855}.camera-controls button:first-child,.camera-controls #zoom-in{font-size:16px;padding:0 8px;min-width:27px}.camera-controls>span{font-size:7px;min-width:30px;text-align:center;color:#91bcb9}.minimap-shell{position:absolute;right:14px;bottom:14px;width:160px;height:145px;padding:24px 7px 7px;border:1px solid #bdc6a542;border-radius:4px;background:#08141dec;box-shadow:0 7px 25px #0007;backdrop-filter:blur(5px)}.minimap-shell>span{position:absolute;left:9px;right:7px;top:7px;display:flex;justify-content:space-between;font-size:6px;letter-spacing:.8px;color:#c9c9ac}.minimap-shell i{font-style:normal;color:#5e7d84;font-size:5px;letter-spacing:0}#minimap{display:block;cursor:crosshair;touch-action:none;image-rendering:pixelated;border:1px solid #f9ffef0c}.battle-instruction{bottom:65px;font-size:9px;left:14px;transform:none;letter-spacing:.3px;max-width:calc(100% - 200px);white-space:normal;padding:7px 10px}.battle-callout{position:absolute;left:50%;top:24px;transform:translateX(-50%);border:1px solid #e0bd6e55;background:#172520ee;color:#ead4a3;border-radius:3px;padding:9px 14px;font-size:8px;letter-spacing:1px;text-align:center;max-width:60%;box-shadow:0 0 35px #d7aa4420;pointer-events:none}.battle-bottom{padding:11px 1px 5px;font-size:9px}.camera-tip{font-size:7px;color:#496873;white-space:nowrap}.battle-log{font-size:8px;gap:15px;padding-top:4px;max-height:20px}.command-panel{padding:22px 19px;background:linear-gradient(180deg,#13232c,#0d1c28);border-color:#9aa99f1c}.champion-heading .tiny-label{font-size:7px;letter-spacing:1.5px;color:var(--gold)}.player-mark{font-size:7px}.champion-card{gap:14px;padding:18px 0}.champion-card h2{font-size:29px;color:var(--ivory)}.champion-card span{font-size:10px}.champion-card small{font-size:8px;line-height:1.6;max-width:150px;margin-top:8px}.resource-bar{background:#25352766;border-color:#cfb9852b;border-radius:3px;padding:9px 11px}.resource-bar b{font-size:24px}.resource-bar small{font-size:8px;color:#92ab88}.champion-toggle{width:100%;text-align:left;background:transparent;border-bottom:1px solid #a3b39e20;padding:16px 0 11px;color:#adbfba;font-size:9px;display:flex;justify-content:space-between;align-items:center}.champion-toggle span{color:var(--gold);font-size:15px}.champion-details{padding-bottom:4px}.panel-section-heading{margin:19px 0 10px}.panel-section-heading h3{font-size:10px}.panel-section-heading>span{font-size:6px;color:#5d7c80}.upgrade-list>button{min-height:57px;border-color:#a4beb312;background:#1b2c35;padding:9px 8px}.upgrade-list b{font-size:9px}.upgrade-list small{font-size:7px}.upgrade-list strong{font-size:9px}.upgrade-icon{height:28px;width:28px}.form-list button{padding:10px 2px;min-height:97px;border-color:#b5c4ac19;background:#1b2a31}.form-list button>b{font-size:14px}.form-list button small{font-size:5px}.form-list button>span{font-size:22px}.form-description{font-size:8px;line-height:1.8;margin:9px 0 16px}.ability-button{padding:11px 10px;min-height:62px;background:linear-gradient(115deg,#365139,#1b3c32);border-color:#c3dfac5a}.ability-button b{font-size:10px}.ability-button small{font-size:7px}.ability-button>em{font-size:7px}.ability-orb{font-size:29px}.panel-footer{font-size:7px;padding:13px 0 6px;color:#52717b}.outpost-panel{border-top:1px solid #9ab6a61c;margin-top:13px}.outpost-list{display:grid;gap:5px}.outpost-list button{display:flex;align-items:center;gap:8px;min-height:33px;padding:7px 8px;background:#192b34;border:1px solid #ffffff0a;border-radius:3px;font-size:8px;text-align:left}.outpost-list button:hover{border-color:#dbcca55c}.outpost-list i{width:5px;height:5px;background:var(--owner,#7f929d);transform:rotate(45deg);box-shadow:0 0 8px var(--owner,#7f929d)}.outpost-list span{color:#aec0bc}.outpost-list b{margin-left:auto;font-size:6px;color:var(--owner,#7f929d);font-weight:500;letter-spacing:.3px}.outpost-panel>p{font-size:8px;line-height:1.8;color:#5c7c85;margin:10px 0 0}.orders-rail{margin-top:12px;border:1px solid #bfbd8a2b;background:linear-gradient(105deg,#18282c,#13232d);border-radius:4px;padding:12px 13px 9px;box-shadow:0 5px 25px #0002}.order-summary{display:flex;gap:10px;align-items:center;min-height:36px;margin-bottom:11px}.order-glyph{font-size:23px;color:var(--gold);line-height:1}.order-summary .tiny-label{font-size:6px;letter-spacing:1.3px;color:#7b999b}.order-summary h3{margin:2px 0 0;font-size:12px;font-weight:500;color:#dfdfcb}.order-confirmation{font-size:6px;letter-spacing:.8px;margin-left:auto;color:#75a68b;white-space:nowrap}.order-confirmation.pending{color:#e0b77b}.order-summary label{display:flex;align-items:center;gap:8px;margin-left:14px;font-size:8px;color:#6d8c94}.order-summary select{font-size:9px;padding:6px 23px 6px 8px;margin:0;min-height:30px;width:112px;background:#0c1c27;border-color:#ffffff14}.order-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.order-buttons button{position:relative;display:grid;grid-template-columns:25px 1fr;text-align:left;align-content:center;min-height:53px;padding:9px 9px;background:#233039;border:1px solid #aebba51d;border-radius:3px;transition:background .2s,border-color .2s}.order-buttons button>span{grid-column:1;grid-row:1/3;font-size:24px;align-self:center;line-height:1;color:#a2b8ab}.order-buttons b{font-size:10px;font-weight:500;color:#d9dfd2;grid-column:2}.order-buttons small{font-size:7px;color:#7d9899;grid-column:2;margin-top:2px}.order-buttons button:hover,.order-buttons button.selected{border-color:#d1b87488;background:#44473155}.order-buttons button.selected>span{color:var(--gold)}.order-buttons .launch-order{border-color:#a5d8b65e;background:linear-gradient(115deg,#9be8be,#6fbda5);color:#102e24}.order-buttons .launch-order>span,.order-buttons .launch-order b{color:#12362b}.order-buttons .launch-order small{color:#38614f}.order-buttons .launch-order:hover{background:#c3f5d7;border-color:#ddffe9}.route-preview{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px;font-size:8px;color:#688a91}.route-preview>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.route-preview button{padding:0;background:transparent;font-size:8px;color:#c2bb8b;white-space:nowrap}.ascension-banner{position:fixed;z-index:15;top:17%;left:50%;transform:translateX(-50%);text-align:center;border-top:1px solid #d7c282;border-bottom:1px solid #d7c282;padding:25px 55px;background:linear-gradient(90deg,#0c1b2200,#123229ed 20%,#123229ed 80%,#0c1b2200);pointer-events:none;min-width:450px;max-width:90%;box-shadow:0 0 65px #e0ba4b15;animation:ascend-in .35s ease-out}.ascension-banner>span{font-size:8px;color:var(--gold);letter-spacing:4px}.ascension-banner h2{font:34px var(--serif);margin:9px 0;color:#e2f1d6}.ascension-banner p{font-size:11px;color:#a0c7b2;margin:0}.update-notice{position:fixed;bottom:20px;left:20px;z-index:30;display:flex;gap:18px;align-items:center;background:#253d32;border:1px solid #bcdb9855;padding:13px 17px;border-radius:4px;box-shadow:0 10px 30px #0008;font-size:11px;color:#d6e7d4}.update-notice button{background:var(--gold);color:#21312b;padding:8px 10px;border-radius:2px;font-size:10px}.toast{bottom:25px;z-index:24;font-size:11px}.cinematic-copy h2{color:var(--ivory)}@keyframes ascend-in{from{opacity:0;transform:translate(-50%,15px) scale(.96)}to{opacity:1;transform:translate(-50%,0) scale(1)}}
@media(min-width:1600px){.title-content{padding-top:95px;padding-bottom:75px}.champion-showcase{margin-top:55px;grid-template-columns:260px minmax(0,1fr)}.champion-showcase h2{font-size:31px}.showcase-hero strong{font-size:21px}.showcase-hero small{font-size:9px}.war-state{font-size:9px}.war-state b{font-size:12px}.order-buttons button{min-height:60px}.order-buttons b{font-size:12px}.order-buttons small{font-size:9px}.order-summary h3{font-size:14px}}
@media(max-width:1100px){.game-layout{grid-template-columns:minmax(0,1fr) 280px}.command-panel{padding:18px 15px}.battle-column{padding:12px 13px}.battlefield{height:calc(100svh - 397px);min-height:400px}.order-summary h3{font-size:10px}.order-summary label{gap:5px;margin-left:8px}.order-summary select{width:100px}.order-confirmation{font-size:5px;letter-spacing:.3px}.order-buttons{gap:5px}.order-buttons button{padding:8px 7px;grid-template-columns:19px 1fr}.order-buttons b{font-size:8px}.order-buttons small{font-size:6px}.order-buttons button>span{font-size:19px}.camera-controls button{padding:5px 7px;font-size:7px}.minimap-shell{width:140px;height:126px}.war-state{font-size:7px;letter-spacing:.3px}.war-state em{font-size:6px}.war-state i:not(.status-dot){margin:0 4px}.war-state b{font-size:9px}.champion-showcase{margin-left:5%;margin-right:5%;grid-template-columns:190px 1fr;gap:24px}.champion-showcase h2{font-size:24px}.home-champions{gap:7px}.showcase-hero strong{font-size:16px;padding-left:8px}.showcase-hero small{font-size:6px;padding-left:8px}.large-avatar.portrait{width:67px;height:75px}.champion-card h2{font-size:26px}.champion-card small{font-size:7px}.panel-footer{font-size:6px}}
@media(max-width:800px){.title-content{padding-top:50px;padding-bottom:35px}.title-art{inset:0 0 480px;background-size:auto 900px;background-position:65% top}.art-vignette{background:linear-gradient(90deg,#08141bec 0%,#08141bb2 40%,#08141b33 100%),linear-gradient(0deg,#0b141c 24%,transparent 80%)}.hero-line{font-size:25px}.title-facts{gap:32px}.champion-showcase{display:block;margin-top:32px}.champion-showcase>div:first-child{display:flex;align-items:center;gap:20px;margin-bottom:17px}.champion-showcase h2{font-size:23px;margin:0}.champion-showcase .tiny-label{font-size:6px;max-width:120px;line-height:1.8}.champion-showcase p{display:none}.home-champions{gap:8px}.showcase-hero strong{font-size:16px;padding-top:8px}.showcase-hero small{font-size:6px}.home-footer{padding-top:27px}.game-header{height:60px}.game-layout{display:flex}.war-state{min-height:25px;margin-bottom:7px}.war-state em{display:none}.battle-column{padding:10px 11px 8px}.scoreboard{margin-bottom:9px}.score-team{padding:8px}.score-team b{font-size:19px}.battlefield{height:clamp(390px,70vw,550px);min-height:390px;max-height:none}.map-label{font-size:6px;letter-spacing:1px}.map-label small{display:none}.zone-badge{font-size:6px;top:40px;left:11px}.map-controls{right:10px;top:10px}.map-controls button{min-height:26px;padding:6px}.camera-controls{left:10px;bottom:10px;display:grid;grid-template-columns:repeat(3,minmax(35px,1fr));gap:3px;max-width:190px;right:150px;padding:4px}.camera-controls button{font-size:8px;min-height:29px;padding:5px}.camera-controls #camera-fit{grid-column:span 3}.camera-controls>span{font-size:7px}.minimap-shell{width:125px;height:115px;right:10px;bottom:10px;padding-top:22px}.minimap-shell>span{font-size:5px}.minimap-shell i{display:none}.battle-instruction{bottom:146px;font-size:7px;left:10px;max-width:65%}.battle-callout{font-size:6px;max-width:90%;top:79px;padding:7px 9px}.orders-rail{padding:11px 10px 9px;margin-top:10px}.order-summary{gap:8px;margin-bottom:10px}.order-summary h3{font-size:12px}.order-summary .tiny-label{font-size:6px}.order-summary label{font-size:7px;margin-left:auto}.order-summary select{font-size:9px;width:108px;min-height:33px}.order-confirmation{display:none}.order-buttons{gap:6px}.order-buttons button{min-height:56px;grid-template-columns:21px 1fr;padding:8px}.order-buttons b{font-size:10px}.order-buttons small{font-size:7px;line-height:1.5}.order-buttons button>span{font-size:22px}.route-preview{font-size:8px}.route-preview button{font-size:8px}.command-panel{display:block;padding:20px 22px 80px}.champion-card{padding:15px 0}.large-avatar.portrait{height:83px;width:79px}.champion-card h2{font-size:30px}.champion-card span{font-size:11px}.champion-card small{font-size:9px;max-width:230px}.resource-bar{padding:9px 13px;margin-bottom:2px}.resource-bar small{display:block}.resource-bar b{font-size:25px}.champion-toggle{font-size:11px;padding:17px 0 12px}.champion-details{display:grid;grid-template-columns:1fr 1fr;column-gap:18px;padding-top:3px}.champion-details .panel-section-heading:first-child{grid-column:1;grid-row:1}.champion-details .upgrade-list{grid-column:1;grid-row:2/4}.champion-details .panel-section-heading:nth-child(3){grid-column:2;grid-row:1}.champion-details .form-list{grid-column:2;grid-row:2}.champion-details .form-description{grid-column:2;grid-row:3;font-size:8px}.panel-section-heading{margin:13px 0 10px}.panel-section-heading h3{font-size:11px}.upgrade-list b{font-size:10px}.upgrade-list small{font-size:8px}.upgrade-icon{display:none}.upgrade-list strong{font-size:10px}.upgrade-list>button{padding:10px;min-height:59px}.form-list{gap:5px}.form-list button{min-height:110px;padding:12px 2px}.form-list button>b{font-size:16px}.form-list button small{font-size:5px}.form-list button>span{font-size:27px}.form-list button em{font-size:7px}.ability-button{position:fixed;left:auto;right:15px;bottom:calc(18px + env(safe-area-inset-bottom));width:61px;height:61px;min-height:61px;padding:8px;border-radius:50%;z-index:8;display:flex;justify-content:center;box-shadow:0 5px 25px #0009;background:#284d39e8}.ability-button>span:nth-child(2){display:none}.ability-button .ability-orb{font-size:34px}.ability-button>em{position:absolute;bottom:3px;left:0;right:0;margin:0;text-align:center;font-size:6px;padding:1px;background:#13382cbf;border-radius:20px}.ability-button:after{content:'ENERGY';position:absolute;top:-13px;left:0;right:0;text-align:center;font-size:6px;letter-spacing:1px;color:#a5c5b5}.ability-button:disabled{opacity:.55}.panel-footer{padding:12px 0;font-size:8px}.outpost-panel{margin-top:6px}.outpost-list{grid-template-columns:1fr 1fr;gap:7px}.outpost-list button{min-height:41px;font-size:10px}.outpost-list b{font-size:7px}.outpost-panel>p{font-size:9px;max-width:85%}.battle-bottom{font-size:8px;padding-top:10px}.battle-bottom>span{max-width:100%}.camera-tip{display:none}.arena{padding-bottom:0}.battle-log{font-size:7px;margin-bottom:3px}.ascension-banner{top:20%;min-width:0;width:94%;padding:22px 20px}.ascension-banner h2{font-size:30px}.ascension-banner p{font-size:10px}.ascension-banner>span{font-size:7px}.update-notice{bottom:12px;left:12px;right:12px;justify-content:space-between;font-size:10px}.toast{bottom:90px;left:12px;transform:translateY(15px);max-width:calc(100% - 100px);font-size:10px;padding:10px 13px}.toast.visible{transform:translateY(0)}}
@media(max-width:480px){.title-content{padding-top:42px;padding-bottom:30px}.title-art{background-size:auto 800px;background-position:64% top;opacity:1}.hero-line{font-size:24px}.hero-description{font-size:11px;max-width:270px}.eyebrow{font-size:7px;gap:9px}.chapter{font-size:6px;letter-spacing:.5px;padding-left:9px}.title-facts{gap:30px;margin-top:26px}.title-facts strong{font-size:25px}.title-facts span{font-size:6px}.champion-showcase{margin:28px 5% 0}.champion-showcase>div:first-child{display:block;margin-bottom:14px}.champion-showcase h2{font-size:24px;margin-top:6px}.champion-showcase .tiny-label{font-size:6px;max-width:none}.home-champions{grid-template-columns:repeat(3,1fr);gap:9px}.showcase-hero{padding-bottom:11px}.showcase-hero strong{font-size:19px;padding:8px 9px 4px}.showcase-hero small{font-size:7px;padding:0 9px}.fighter-picker .avatar{display:none}.war-state{font-size:6px;gap:6px;letter-spacing:.1px}.war-state>span{gap:5px}.war-state b{font-size:8px}.war-state i:not(.status-dot){margin:0 3px}.game-header{gap:9px}.match-label>span{font-size:14px}.match-label small{font-size:6px}.battle-column{padding:8px 9px}.score-team{padding:7px 5px}.score-team .score-name{font-size:6px!important}.score-team b{font-size:18px}.score-team small{font-size:6px}.battlefield{height:410px;min-height:410px}.minimap-shell{width:112px;height:103px;right:8px;bottom:8px;padding:20px 5px 5px}.minimap-shell>span{font-size:5px;left:7px;top:6px}.camera-controls{left:8px;bottom:8px;right:128px;max-width:185px}.camera-controls button{font-size:7px;min-height:28px}.camera-controls>span{font-size:7px}.map-label{font-size:5px;left:10px;top:13px}.map-controls{right:8px;top:8px}.map-controls button{font-size:7px;min-height:25px}.zone-badge{font-size:5px;top:37px;left:9px;padding:5px 7px}.battle-instruction{font-size:6px;bottom:137px;max-width:69%;padding:6px 8px}.order-summary label{gap:5px;font-size:6px}.order-summary select{width:100px;font-size:8px}.order-summary h3{font-size:10px;max-width:165px;line-height:1.5}.order-summary .tiny-label{font-size:5px}.order-glyph{font-size:21px}.orders-rail{padding:10px 8px 8px}.order-buttons{gap:5px}.order-buttons button{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:4px;min-height:75px;padding:8px 3px}.order-buttons button>span{font-size:23px}.order-buttons b{font-size:8px}.order-buttons small{font-size:5.5px;margin:0;white-space:normal}.route-preview{font-size:6px;gap:5px}.route-preview button{font-size:6px}.battle-bottom{font-size:7px;line-height:1.7}.command-panel{padding:19px 16px 85px}.champion-details{gap:0 12px}.champion-details .form-description{font-size:7px;line-height:1.8;margin-top:8px}.panel-section-heading h3{font-size:9px}.upgrade-list b{font-size:9px}.upgrade-list small{font-size:7px}.upgrade-list>button{padding:9px 7px;min-height:58px}.upgrade-list strong{font-size:9px}.form-list button{min-height:109px;padding:11px 2px}.form-list button>b{font-size:14px}.form-list button small{font-size:4px}.form-list button em{font-size:6px}.form-list button>span{font-size:24px}.outpost-list button{font-size:8px;padding:7px;gap:6px}.outpost-list b{font-size:6px}.hero-grid{grid-template-columns:repeat(2,1fr);gap:10px}.hero-choice .avatar{width:100%;height:auto;font-size:0}.hero-choice strong{font-size:23px}.hero-choice small{font-size:8px}.hero-choice p{font-size:8px}.hero-choice{padding-bottom:15px}.hero-choice strong,.hero-choice small,.hero-choice p{margin-left:11px;margin-right:11px}.ascension-banner h2{font-size:28px}.ascension-banner>span{font-size:6px;letter-spacing:3px}.ascension-banner p{font-size:9px}.battle-callout{top:71px;width:max-content;max-width:90%;font-size:5.5px}}
@media(prefers-reduced-motion:reduce){.ascension-banner{animation:none}.showcase-hero{transition:none}}
/* Agora Dominion: land ownership and the armed tower network. */
.dominion-bar{display:flex;align-items:center;gap:12px;margin:0 0 12px;padding:9px 12px;background:#18272c;border:1px solid #b89d6430;border-radius:3px;color:#b0c4b9;font-size:8px;letter-spacing:.8px;--faction:#43f4ce}.dominion-bar>span{white-space:nowrap}.dominion-bar b{color:var(--faction);margin-left:8px}.dominion-bar small{font-size:7px;white-space:nowrap;color:#c2b78b}.dominion-track{flex:1;height:4px;background:#ffffff0a;min-width:20px}.dominion-track i{display:block;background:var(--faction);height:100%;width:0;box-shadow:0 0 12px color-mix(in srgb,var(--faction) 30%,transparent);transition:width .4s}.territory-panel{margin-top:22px;border-top:1px solid #bfa36d26;padding-top:18px}.territory-list{display:grid;gap:6px}.territory-list button{display:flex;gap:9px;align-items:center;width:100%;padding:10px 8px;text-align:left;background:#ffffff04;border:1px solid #ffffff0b;border-left:2px solid var(--owner);border-radius:2px}.territory-list button:hover{background:#ffffff0b}.territory-list i{width:7px;height:7px;background:var(--owner);transform:rotate(45deg);flex-shrink:0}.territory-list span{flex:1}.territory-list strong{display:block;font-size:9px;font-weight:500;color:#c6d3c4}.territory-list small{display:block;font-size:5.5px;color:#78928f;margin-top:3px;letter-spacing:.4px}.territory-list b{font-size:8px;font-weight:500;color:var(--owner)}.territory-list .conquered{border-style:dashed;opacity:.8}.territory-list .conquered b{font-size:6px}.territory-panel p,.outpost-panel p{font-size:9px;line-height:1.8;color:#809b96}.outpost-list button.firing{border-color:var(--owner);box-shadow:inset 0 0 15px #a4f8d015}.outpost-list button.firing b{color:var(--owner)}
@media(max-width:600px){.dominion-bar{gap:6px;padding:8px;font-size:6px;margin-bottom:9px;letter-spacing:.3px}.dominion-bar small{font-size:5px;max-width:113px;white-space:normal;line-height:1.5}.dominion-bar b{margin-left:4px}.territory-list strong{font-size:9px}.territory-list small{font-size:6px}.territory-panel p,.outpost-panel p{font-size:8px}}