@import url('../commander/styles.css');
:root{--ink:#193d40;--paper:#f3f0e5;--gold:#b5853c}
.backup-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.backup-actions #restore-import{grid-column:1/-1}.backup-actions button{min-height:46px}#backup-message{color:#985232;font-size:12px}
body{background:radial-gradient(ellipse at top,#35504b,#102b31 80%)}
#app{max-width:1220px;min-height:0;box-shadow:0 0 100px #071f2870}
header{background:#183b40;color:#f4e9c9;border-bottom:1px solid #52605a;padding-block:max(9px,env(safe-area-inset-top)) 9px;min-height:64px}
.brand{display:flex;gap:10px;align-items:center}.brand img{width:34px;height:39px}.eyebrow{color:#adbfac;font-size:9px;letter-spacing:2.3px}h1{font-size:19px;letter-spacing:3px;margin-top:2px}.header-actions button{background:#24484b;color:#f4e9c9;border-color:#58706a;min-height:44px}
#play-space{display:flex;flex:1;min-height:0;position:relative}#arena{min-height:0;flex:1}
#camp{width:365px;display:flex;flex-direction:column;background:#f3f0e5;border-left:1px solid #c8cbbd;min-height:0;z-index:2}
#camp-tabs{display:flex;padding:11px 14px 0;gap:5px;border-bottom:1px solid #d0d5c8}#camp-tabs button{flex:1;border:0;background:transparent;border-radius:8px 8px 0 0;padding:10px 8px;color:#758079;font-size:13px}#camp-tabs button[aria-pressed=true]{color:#244e4d;background:#e1e6d7;box-shadow:inset 0 -3px #b98a43}#camp-tabs small{font-size:10px}#growth-dot{color:#b27d29}
#camp-content{flex:1;overflow:auto;padding:17px 17px 12px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}#camp-content h2{font-size:21px;margin:3px 0 7px;letter-spacing:1px}#camp-content p{font-size:12px;line-height:1.6;margin:7px 0 13px;color:#617770}.section-kicker{font-size:10px;letter-spacing:1.7px;color:#9b7b48;font-weight:800}.small-note{font-size:11px;color:#6c7d71;line-height:1.6}
#camp-actions{padding:12px 16px max(12px,env(safe-area-inset-bottom));border-top:1px solid #d4d8c9;background:#e9ecdf;display:grid;gap:8px;box-shadow:0 -7px 15px #667c5a08}#camp-actions .primary{background:#245451;border-color:#245451;text-align:left;display:flex;justify-content:space-between;align-items:center;font-size:16px;letter-spacing:1px}#camp-actions small{font-weight:400;font-size:10px;letter-spacing:0}
#camp-caption{position:absolute;bottom:22px;left:22px;color:#274d4c;pointer-events:none;text-shadow:0 1px 2px #fbf1d9}#camp-caption span{display:block;font-size:10px;letter-spacing:3px}#camp-caption strong{display:block;font-size:21px;letter-spacing:2px;margin-top:7px}
.army-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:9px 0 11px}.unit-card{min-height:91px;padding:9px 3px 6px;display:flex;flex-direction:column;align-items:center;gap:3px;position:relative;background:#faf9f0;border-color:#cbd4c2}.unit-card[aria-pressed=true]{background:#e7d6ae;border-color:#b48a43;box-shadow:inset 0 0 0 1px #c49c5c}.unit-card b{font-size:12px}.unit-card small{font-size:9px;color:#6b7e71}.unit-mark{font-size:25px;line-height:30px;font-family:Georgia,serif;color:#2b6869;text-shadow:1px 1px #dce8d3}.unit-card em{font-style:normal;font-size:8px;position:absolute;right:5px;top:5px;color:#a07131}.row-guide{display:flex;justify-content:space-between;font-size:10px;color:#7b8778}.unit-tools{display:grid;grid-template-columns:1fr 1fr;gap:7px}.unit-tools button{font-size:12px;padding:9px 7px;min-height:46px}.orders{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin:10px 0}.orders button{font-size:11px;min-height:44px;padding:8px 6px}.orders button[aria-pressed=true]{background:#d9e5d5;border-color:#829e85}.wall-row{display:flex;gap:6px;margin:8px 0}.wall-row button{flex:1;min-height:44px;padding:6px;font-size:11px}.wall-row button[aria-pressed=true]{background:#ded0b0;border-color:#b69b65}.divider{height:1px;background:#d6dbce;margin:13px 0}
.reward-banner{display:block;width:100%;text-align:left;border:1px solid #c19b51;background:#efe0b9;color:#644c22;margin:10px 0;font-size:12px;line-height:1.6}.reward-banner small{display:block}.mode-choice{margin:10px 0}.mode-choice button{min-height:46px}.escort-choice select{height:46px;font-size:12px}.scene-list{display:grid;gap:8px}.chapter-scene{display:grid;grid-template-columns:34px 1fr auto;text-align:left;gap:8px;align-items:center;min-height:66px;background:#faf9ef}.chapter-scene .number{font:20px Georgia,serif;color:#a18658}.chapter-scene b{font-size:13px;display:block}.chapter-scene small{font-size:10px;display:block;color:#718071;margin-top:4px}.chapter-scene .complete{color:#3f7d6b;font-size:17px}.chapter-scene[aria-pressed=true]{background:#e0e8d7;border-color:#809b80}.chapter-scene:disabled{opacity:.55}.specs{display:grid;gap:9px;margin:12px 0}.spec-card{text-align:left;padding:14px;min-height:85px;background:#faf9ef}.spec-card b{font-size:15px;display:flex;justify-content:space-between}.spec-card b small{font-size:10px;color:#8d773d}.spec-card p{margin:7px 0 0!important;font-size:11px!important}.spec-card[aria-pressed=true]{background:#e8ddc0;border-color:#ae8a49}
.scrim{position:absolute;inset:0;z-index:8;padding:max(16px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));background:#102f3bb0;backdrop-filter:blur(5px)}#modal-body{max-width:510px;border-radius:18px;padding:24px;overscroll-behavior:contain;max-height:100%;outline:none}#modal-body h2{font-size:28px;letter-spacing:1px}#modal-body .primary{min-height:50px}#modal-body .reward-banner{padding:13px}#modal-body button{min-height:46px}.modal-kicker{color:#a37e3c}.medal{font:52px Georgia,serif;color:#b18944;margin:5px 0}.result-grid{background:#e8ecdf;border:0;border-radius:10px;padding:16px 7px}.result-army{font-size:11px;color:#607969;border-top:1px solid #d3dcca;padding:12px 0;display:grid;gap:5px}.result-army div{display:flex;justify-content:space-between}.recruit-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.recruit-card{text-align:left;padding:15px 12px}.recruit-card p{font-size:11px!important}.recruit-card .unit-mark{display:block;font-size:35px;line-height:45px;margin-bottom:7px}.swap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.swap-grid button{font-size:11px;min-height:67px}.settings-row{min-height:46px;margin:5px 0}.settings-row input{min-width:24px;min-height:24px}.subtle{font-size:11px!important}
#boss-hud{position:absolute;left:20%;right:20%;top:49px;pointer-events:none;background:#f6e8d3e8;border:1px solid #bd9a75;padding:7px 10px;border-radius:8px}#boss-hud>div:first-child{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:#8c4435}#boss-state{font-size:9px}.boss-track{height:5px;background:#d7b39b;margin-top:6px;border-radius:3px;overflow:hidden}.boss-track i{display:block;height:100%;background:#ab493b;width:100%}#feedback{top:51px;z-index:3}#arena.has-boss #feedback{top:105px}#squad-bars{position:absolute;inset:0;pointer-events:none}.squad-health{position:absolute;width:28px;height:4px;border:1px solid #fff4d3b0;background:#32565890;border-radius:2px;transform:translate(-50%,-50%)}.squad-health i{height:100%;display:block;background:#4fc0ba}.squad-health.enemy i{background:#d8755e}.camp-mode #squad-bars,.camp-mode #army-counts,.camp-mode #hero-label{display:none!important}
#controls{padding-inline:max(16px,env(safe-area-inset-left)) max(16px,env(safe-area-inset-right))}#controls.left-handed .control-row{flex-direction:row-reverse}#controls.left-handed .action-wrap{flex-direction:row-reverse}.vital{min-height:15px}#controls button{user-select:none}#charge{width:90px;height:90px}#rally{min-width:64px}.camp-mode #clock{display:none}
@media(max-width:760px){#play-space{flex-direction:column}header{min-height:58px;padding-inline:max(12px,env(safe-area-inset-left)) max(12px,env(safe-area-inset-right))}.brand img{width:28px;height:33px}h1{font-size:17px}#camp{width:100%;border-left:0;border-top:1px solid #bcc8b7;flex:0 1 53%;max-height:57%;min-height:255px}#camp-content{padding:12px 14px}#camp-tabs{padding:3px 13px 0}#camp-tabs button{min-height:44px;font-size:12px}#camp-actions{padding:8px 14px max(8px,env(safe-area-inset-bottom))}#camp-actions button{min-height:48px}#camp-caption{bottom:16px;left:15px}#camp-caption strong{font-size:16px}#camp-caption span{font-size:9px}.unit-card{min-height:78px;padding-top:5px}.unit-mark{font-size:22px;line-height:25px}.army-grid{gap:7px}.camp-mode #arena{min-height:155px}#camp-content h2{font-size:18px}#boss-hud{left:12%;right:12%}.control-row{height:115px}#joystick{height:110px}#modal-body{padding:20px}.header-actions button{font-size:10px}}
@media(max-height:650px) and (orientation:portrait){#camp{flex-basis:68%;min-height:280px;max-height:70%}#camp[data-tab=army] #camp-content>p:first-of-type{display:none}#camp-caption strong{font-size:13px}#camp-caption{bottom:9px}#camp-caption span{display:none}.camp-mode #arena{min-height:100px}#controls{padding-top:8px}.control-row{height:100px}#joystick{height:96px}#charge{width:78px;height:78px}.action-wrap{gap:8px}#rally{width:60px;height:60px;min-width:60px}}
@media(orientation:landscape) and (max-height:550px){#app{min-height:0}header{min-height:50px;padding-top:max(4px,env(safe-area-inset-top));padding-bottom:4px}.brand img{width:25px;height:31px}h1{font-size:15px}.eyebrow{font-size:8px}#play-space{flex-direction:row}#camp{width:320px;max-height:100%;flex:0 0 44%;min-height:0;border-left:1px solid #bcc8b7;border-top:0}#camp-content{padding:10px}#camp-tabs{padding-top:0}#camp-actions{padding:6px 10px max(6px,env(safe-area-inset-bottom))}#camp-actions .primary{font-size:13px;min-height:46px}#camp-caption{bottom:10px;left:10px}#camp-caption strong{font-size:12px}#camp-caption span{font-size:8px}#arena{min-height:0}#controls{position:absolute;bottom:0;left:0;right:0;padding:4px max(18px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));background:transparent;pointer-events:none}#controls .control-row{height:96px}.control-row>*{pointer-events:auto}#joystick{width:150px;height:93px}#charge{width:76px;height:76px}#rally{width:58px;height:58px;min-width:58px}#army-counts{bottom:102px}#boss-hud{top:40px;left:33%;right:33%}#boss-hud>div:first-child{display:block}#boss-state{display:block;margin-top:3px}#arena.has-boss #feedback{top:104px}.scrim{padding:10px max(16px,env(safe-area-inset-right)) 10px max(16px,env(safe-area-inset-left))}#modal-body{max-width:570px;padding:16px}.vital{left:38%;width:25%;bottom:max(7px,env(safe-area-inset-bottom))}.result-grid{padding:10px}.camp-mode #arena{min-height:0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto;transition:none!important}}
.graphics-scrim{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:#132c30e8}.graphics-scrim[hidden]{display:none}.graphics-scrim section{width:min(420px,100%);max-height:100%;overflow:auto;padding:24px;border-radius:14px;background:#f1ecd9;color:#28463f;box-shadow:0 20px 60px #0006}.graphics-scrim h2{font-size:24px}.graphics-scrim p{font-size:14px;line-height:1.7}.graphics-scrim button{min-height:48px;width:100%;margin-top:12px}
.chapter-heading{font-size:14px;display:flex;justify-content:space-between;margin:22px 0 8px}.chapter-heading small{font-weight:400;color:#7c857a}.hero-choices{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.hero-choices button{min-height:95px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.hero-choices button>span{font-size:26px}.hero-choices small{font-size:10px}.hero-choices [aria-pressed=true]{background:#dbe7e8;border-color:#527c95}.ability-note{padding:13px;background:#dce9e9;border:1px solid #b0c7cd;font-size:12px;line-height:1.8;border-radius:9px}.expansion-cover{position:relative;margin:12px 0 0;padding:23px 20px;background:linear-gradient(145deg,#183d52,#55778b);color:#fff0c8;border-radius:12px;overflow:hidden}.expansion-cover>span{position:absolute;right:12px;top:-16px;font-size:130px;color:#ffffff17}.expansion-cover>small{letter-spacing:4px;font-size:9px;color:#bed2dd}.expansion-cover h2{font-size:29px!important;color:#f6ead1;margin:8px 0!important;position:relative}.expansion-cover p{color:#d0dde2!important;margin:0!important}.offer-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:17px 0;border-bottom:1px solid #d5d8ca}.offer-facts div{text-align:center;display:grid;gap:4px}.offer-facts b{font:25px Georgia,serif;color:#51758c}.offer-facts span{font-size:10px;color:#607975}#camp-content h3{font-size:13px;margin-bottom:5px}.preview-note{background:#e3e9dc;padding:12px;border-radius:8px}#camp[data-tab=expedition] #camp-content .stack button{min-height:48px}#objective-hud{position:absolute;top:49px;left:18%;right:18%;padding:8px 11px;background:#f4eee2eb;border:1px solid #9eaaad;border-radius:8px;pointer-events:none;color:#314f5b}#objective-hud b{display:block;font-size:12px}#objective-hud small{display:block;font-size:10px;margin-top:3px}.objective-track{height:5px;background:#c8d7d7;margin-top:6px;overflow:hidden;border-radius:3px}.objective-track i{display:block;height:100%;background:#558da6}#arena.has-objective #feedback{top:120px}#camp-tabs button{min-width:0;padding-inline:4px}#camp-tabs small{display:block}
@media(max-width:360px){#camp-tabs{gap:2px;padding-inline:8px}#objective-hud{left:10%;right:10%}#boss-state{font-size:9px}.result-army div{gap:8px}.result-army b{text-align:right}}
@media(orientation:landscape) and (max-height:550px){#objective-hud,#boss-hud{top:43px;left:12px;right:auto;width:calc(33% - 24px);padding:7px 9px}#objective-hud b{font-size:10px}#objective-hud small{font-size:9px}#feedback,#arena.has-objective #feedback,#arena.has-boss #feedback{top:48px;left:auto;right:12px;max-width:calc(33% - 24px);transform:none;font-size:10px;padding:8px 11px;white-space:normal}}