/* 山河经略 II: lacquer, patinated brass, painted silk. UI remains live DOM. */
:root{--ink:#17241f;--ink-deep:#0c1514;--panel:rgba(13,23,21,.97);--panel-light:rgba(25,36,30,.97);--line:rgba(196,162,99,.38);--gold:#c8a66b;--gold-bright:#f0d6a1;--text:#ede1c9;--muted:#aeb2a0;--paper:#e5d6b6}
#topbar{background:linear-gradient(180deg,#101917fa,#101714f5);box-shadow:0 3px 24px #0008}
#resource-strip{background:linear-gradient(90deg,#111d19e8,#243a2edf,#101d18ed);gap:23px;color:#c9c1a6}
#resource-strip .resource-note{display:none}.knowledge-resource strong{color:var(--gold-bright)}
#left-panel,#right-panel{filter:drop-shadow(0 6px 12px #0004)}.hero-upper{height:257px}
.hero-upper img{top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 24%}
.hero-upper:after{background:linear-gradient(0deg,#0e1c17 0%,#10211bb0 17%,transparent 48%)}
.hero-quote{display:none}.hero-rank{background:#14231cc9;max-width:95%;padding:4px 5px;left:9px;top:9px}
.hero-name{bottom:14px}.hero-name span{color:#d2ccb6}.hero-signet{background:#764c2c}
.city-card{background:linear-gradient(110deg,#eddfbe,#d7c9a8)}.city-vista{height:105px;overflow:hidden}.city-vista img{width:100%;height:100%;object-fit:cover;opacity:1;mix-blend-mode:normal}
.city-card .city-resources small{color:#697258}.city-card .city-resources b{color:#203728}.city-card .city-metric{color:#43563e}
.city-secondary-actions{margin-top:9px}.city-secondary-actions .btn{color:#39492f;border-color:#99966d;font-size:12px;padding:8px}
#scene-heading{padding:12px 17px 16px;background:linear-gradient(110deg,#0d221bce,#12291a63,transparent);border-left:2px solid #d8bd8288;max-width:350px;top:127px;left:275px}
.scene-title{color:#f2e8d0;font-size:26px;text-shadow:0 2px 4px #12251c}.scene-eyebrow,.scene-subtitle{color:#d2cfb8;text-shadow:0 1px 3px #142216}
#bottom-bar.painted-dock{padding:6px;gap:5px;background:#0b1713ed;border:1px solid #ab905abb;box-shadow:0 0 0 3px #13241dc9,0 8px 28px #0008;height:96px;bottom:43px;overflow:hidden}
.painted-command{position:relative;flex:1;min-width:58px;height:100%;padding:0;border:1px solid #b1986088;overflow:hidden;background:#1f3024}
.painted-command img{width:100%;height:100%;object-fit:cover;opacity:.83;filter:saturate(.75);transition:transform .3s,filter .3s}
.painted-command:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#08140fee,transparent 88%)}
.painted-command span{position:absolute;bottom:10px;left:0;right:0;text-align:center;z-index:1;color:#f6e6be;font:21px var(--serif);letter-spacing:5px;text-shadow:0 2px 5px #000}
.painted-command:hover{border-color:#efd398}.painted-command:hover img{filter:saturate(1.1);transform:scale(1.08)}
#world-legend{bottom:147px;background:#10221dd9;padding:5px 10px;max-width:70%;border-left:2px solid #ad935b}
.compact-progress{padding:9px 13px;font-size:11px;line-height:1.8}.compact-progress div{display:flex;align-items:center;gap:7px}.compact-progress span{margin-left:auto;color:var(--gold-bright)}
.battle-v2-info{border-top:1px solid var(--line);padding-top:10px;margin-top:9px}.battle-v2-info>span{float:right;color:var(--jade)}.battle-v2-info .meter{margin:6px 0}.battle-v2-info small{font-size:11px;line-height:1.7;display:block}.battle-v2-info .btn{font-size:11px;padding:7px;margin-top:8px}
.army-row .army-portrait img{height:100%;width:100%;object-fit:cover;object-position:top}.tactics-command{background:#66512647!important;color:#f3d7a0!important}
#loading-screen{position:fixed;inset:0;background:radial-gradient(ellipse at 60% 35%,#294635,#0b1813 70%);z-index:100;display:flex;align-items:center;justify-content:center;text-align:center;color:#d5bb86}
.loading-seal{display:block;width:52px;height:60px;line-height:60px;background:#95482e;border:1px solid #d89962;margin:0 auto 22px;font:36px/60px var(--serif)}
#loading-screen h1{font:43px var(--serif);letter-spacing:12px;margin:20px 0}#loading-screen p{color:#b7baa6;letter-spacing:4px}#loading-screen progress{height:3px;width:250px;accent-color:#cbac6b;margin:20px 0}
.realm-modal{max-width:1120px!important;width:min(1120px,94vw)!important;background:linear-gradient(125deg,#18291f,#0e1917 65%);box-shadow:0 20px 100px #000c,0 0 0 4px #31432f55}
.realm-modal .modal-header{padding:21px 30px 17px;background:linear-gradient(90deg,#20342a,#111e19);border-bottom:1px solid var(--line)}
.realm-modal .modal-header h2{font-size:26px;letter-spacing:4px}.realm-modal .modal-subtitle{font-size:12px;margin-top:5px;color:#b8b9a0}.realm-modal .modal-body{padding:0 28px 27px}
.realm-tabs{display:flex;gap:0;border-bottom:1px solid var(--line);margin:0 -28px 0;padding:0 28px;background:#111d18d9;position:sticky;top:0;z-index:5}
.realm-tab{flex:1;position:relative;height:56px;display:flex;align-items:center;justify-content:center;gap:12px;font:16px var(--serif);color:#a9b1a0;border-bottom:2px solid transparent}
.realm-tab img{width:33px;height:33px;object-fit:cover;border:1px solid var(--line);opacity:.58;filter:sepia(.25)}.realm-tab.active{border-bottom-color:#deb975;background:#cbb16b12;color:#efd7a1}.realm-tab.active img{opacity:1}.realm-tab:hover{background:#bb9e6c14}
.realm-overline{padding:17px 0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);margin-bottom:20px}.realm-overline>span{font:17px var(--serif);letter-spacing:2px}.realm-overline>div{display:flex;gap:31px}.realm-stat small{font-size:11px;color:#aeb6a0;display:block;margin-bottom:5px}.realm-stat strong{font:21px var(--serif);font-variant-numeric:tabular-nums;color:#ead5a7}.realm-stat i{font:11px var(--sans);margin-left:3px;font-style:normal;color:#abb099}
.realm-toolbar{display:flex;align-items:center;justify-content:space-between;margin:0 0 20px;gap:15px}.realm-toolbar span{font-size:12px;color:#a4b49e}
.realm-modal select{border:1px solid #758360;background:#0d1d15;color:#e9dbc0;padding:9px 32px 9px 12px;border-radius:0;max-width:100%;min-height:38px}.realm-modal label{color:#c9cbb2;display:flex;align-items:center;gap:12px;font-size:13px}
.realm-hero{height:167px;position:relative;overflow:hidden;border:1px solid var(--line)}.realm-hero>img{width:100%;height:100%;object-fit:cover;opacity:.56}.realm-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0d1c18e0,#16352735)}.realm-hero>div{position:absolute;left:25px;top:28px;z-index:1}.realm-hero h3{font:26px var(--serif);letter-spacing:3px;margin:12px 0}.realm-hero p{font-size:12px;color:#d0d2b8;margin:0}
.realm-summary{display:grid;grid-template-columns:repeat(4,1fr);margin:20px 0;background:#23352769;border:1px solid var(--line);padding:17px 22px;gap:25px}
.section-label{display:flex;align-items:center;justify-content:space-between;font:18px var(--serif);letter-spacing:2px;color:#e0cca0;margin:23px 0 15px;gap:12px}.section-label small{font:11px var(--sans);color:#aab39b;letter-spacing:0}
.policy-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.policy-card{border:1px solid #8495674d;background:#1f332759;padding:16px 17px}.policy-card.selected{border-color:#c6a56b;background:#a68a4917}.policy-glyph{font:27px var(--serif);border:1px solid var(--line);display:inline-grid;place-items:center;width:47px;height:47px;color:#d2b778;background:#0f2018}
.policy-card h4{font:20px var(--serif);margin:15px 0 9px}.policy-card p{font-size:12px;color:#b4bca5;line-height:1.85;min-height:67px;margin:0 0 15px}.policy-card .btn{font-size:12px;padding:9px}
.realm-note{font-size:12px;line-height:1.85;color:#a8b69d;background:#8fa16a0a;border-left:2px solid #8f9a6166;padding:12px 15px;margin:20px 0 0}.realm-warning{border:1px solid #bf865c;background:#af805d13;color:#d2ad8a;padding:13px;margin-bottom:17px;line-height:1.7}
.realm-shortcuts{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.realm-shortcuts .btn{font-size:12px}
.queue-strip{padding:14px 17px;background:#d3b57512;border:1px solid #c3a36666;display:flex;align-items:center;gap:16px;margin:0 0 17px;color:#e0c493}.queue-strip small{display:block;color:#babca4;font-size:12px;margin-top:7px}.queue-badge{font-size:11px;margin-left:auto;border:1px solid #b4955b;padding:6px 9px;white-space:nowrap}
.development-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.development-card{position:relative;overflow:hidden;background:#21332970;border:1px solid var(--line)}.development-art{width:100%;height:111px;object-fit:cover;opacity:.88;filter:saturate(.8)}.development-text{padding:15px 16px 16px}.card-eyebrow{font-size:10px;color:#a4b59a;display:flex;align-items:center;gap:5px;letter-spacing:1px}.card-eyebrow>span{margin-left:auto;font-size:9px}.development-card h3,.tech-card h3{font:22px var(--serif);margin:10px 0;letter-spacing:2px}.development-card p{font-size:12px;line-height:1.8;color:#bfbea7;margin:0;min-height:64px}.level-pips{display:flex;gap:6px;margin:12px 0}.level-pips i{height:3px;flex:1;background:#8c977437}.level-pips .filled{background:#d5b171}.card-cost{border-top:1px solid #86967130;padding-top:11px;display:flex;align-items:center;justify-content:space-between;gap:8px}.card-cost>span{font-size:10px;color:#aab296;line-height:1.6}.card-cost .btn{font-size:12px;padding:8px 12px;white-space:nowrap}
.tech-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:15px}.tech-card{display:flex;align-items:flex-start;gap:15px;padding:19px;border:1px solid var(--line);background:#21382b66}.tech-card.completed{border-color:#79a689;background:#39674322}.tech-card.in-progress{border-color:#d1b277;box-shadow:inset 3px 0 #ceab68}.tech-card.locked{background:#111e17;opacity:.8}.tech-symbol{display:grid;place-items:center;flex-shrink:0;width:47px;height:47px;background:#0e2017;border:1px solid #83926780;color:#cdba85}.tech-copy{flex:1;min-width:0}.tech-card h3{margin:8px 0;font-size:20px}.tech-card p{font-size:12px;line-height:1.7;color:#b9c1a8;margin:0 0 9px;min-height:39px}.tech-prerequisites{display:block;color:#919e83;font-size:10px;margin:0 0 14px}
.trade-layout{display:grid;grid-template-columns:1fr 1fr;gap:28px}.trade-order{border:1px solid var(--line);background:#20322677}.trade-art{width:100%;height:125px;object-fit:cover;filter:saturate(.85)}.trade-order-body{padding:21px}.trade-order-body h3{font:25px var(--serif);margin:9px 0 24px}.trade-order-body>label{margin:17px 0;flex-wrap:wrap}.trade-order-body select{flex:1}.escort-control{font-size:12px!important;gap:8px!important}.escort-control span{color:#a5b498;font-size:10px}.escort-control input{accent-color:#bd9d5a}.trade-quote{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;border-block:1px solid var(--line);padding:16px 0}.trade-quote strong{font-size:22px}.trade-quote small{font-size:10px}.route-chain{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin:20px 0;color:#cccbaa;font-size:11px}.route-chain i{color:#799274;font-style:normal}.route-chain span{padding:5px 7px;background:#a1ad7514;border:1px solid #a1ad7533}.trade-order .btn{font-size:13px}
.trade-ledger .section-label:first-child{margin-top:0}.empty-ledger{padding:45px 20px;border:1px dashed var(--line);text-align:center;color:#a0ae97;font:14px/2.3 var(--serif)}.caravan-card{padding:17px 16px;margin:12px 0;border:1px solid var(--line);background:#29463233}.caravan-card>div:first-child{display:flex;justify-content:space-between;gap:15px;margin-bottom:16px}.caravan-card b{font:17px var(--serif)}.caravan-card p{font-size:12px;color:#b7bea4}.caravan-card small{color:#90a78d;font-size:11px}.ledger-row{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--line);font-size:13px}.warning{color:#d8a07d}.jade-text{color:#92c5a5}
.intel-layout{display:grid;grid-template-columns:270px 1fr;gap:30px}.intel-portrait{position:relative;min-height:425px;border:1px solid var(--line);background:#1e2e24;overflow:hidden}.intel-portrait img{height:100%;width:100%;object-fit:cover;opacity:.44;position:absolute}.intel-portrait>div{position:absolute;inset:0;padding:27px 23px;background:linear-gradient(0deg,#0d1d18e3,transparent)}.intel-portrait h3{font:32px/1.8 var(--serif);letter-spacing:7px;margin-top:35px}.intel-portrait p{font-size:12px;color:#c6c9b2;line-height:2}.intel-dossier>label select{flex:1}.intel-heading{display:flex;gap:12px;align-items:center;margin:30px 0 20px;flex-wrap:wrap}.intel-heading h3{font:31px var(--serif);letter-spacing:5px;margin:0}.intel-numbers{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;background:#c2ac6c0c;border:1px solid var(--line);padding:18px}.intel-actions{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:22px}.intel-actions h4{font:19px var(--serif);margin:0 0 12px}.intel-actions h4 span{font-size:15px;color:#91b197}.intel-actions p{font-size:12px;line-height:1.9;color:#aebb9f;min-height:69px}.intel-actions .btn{font-size:11px;padding:9px}
.commission-heading{display:flex;justify-content:space-between;gap:30px;margin-bottom:25px}.commission-heading h3{font:27px var(--serif);letter-spacing:3px;margin:13px 0}.commission-heading p{color:#b0b79e;font-size:12px;line-height:1.8}.commission-heading img{width:210px;height:110px;object-fit:cover;opacity:.75;border:1px solid var(--line)}.commission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.commission-card{position:relative;padding:27px 22px 23px;border:1px solid #bca36573;background:linear-gradient(130deg,#d6c59b14,#20332655)}.commission-no{position:absolute;right:14px;top:12px;color:#9aa67826;font:57px var(--serif)}.commission-card h3{font:25px var(--serif);letter-spacing:3px;margin:25px 0 14px}.commission-card p{font-size:12px;color:#bbc3a6;min-height:40px}.commission-progress{text-align:right;font-size:11px;margin:8px 0 17px;color:#acb791}.commission-reward{border-top:1px solid var(--line);padding:14px 0;margin:8px 0;display:flex;gap:8px;flex-wrap:wrap;font-size:11px;color:#dbc58e}
.tactics-hero{display:flex;align-items:center;gap:25px;margin:22px 0}.tactics-hero>img{width:103px;height:119px;object-fit:cover;object-position:top;border:1px solid var(--line)}.tactics-hero h3{font:29px var(--serif);letter-spacing:3px;margin:9px 0 11px}.tactics-hero h3 small{font:13px var(--serif);color:#bac4a9}.tactics-hero p{font-size:12px;color:#b9c4a5;margin:0 0 12px}.tactics-hero>div>small{font-size:11px;color:#9fae93}.command-points{display:flex;align-items:center;gap:7px;margin:12px 0}.command-points i{width:17px;height:17px;background:#62755626;border:1px solid #b19b6366;transform:rotate(45deg) scale(.7)}.command-points .filled{background:#ddba72;box-shadow:0 0 12px #ccb27144}.command-points b{font:15px var(--serif);margin-left:12px;color:#e8c988}
.realm-modal .formation-grid{grid-template-columns:repeat(3,1fr);gap:12px}.realm-modal .formation-choice{display:flex;align-items:center;gap:13px;text-align:left;padding:14px;border:1px solid var(--line);background:#203e2b55}.realm-modal .formation-choice.selected{border-color:#dfc08b;background:#b19c5b22}.realm-modal .formation-choice div{display:flex;flex-direction:column;gap:7px}.realm-modal .formation-choice b{font:18px var(--serif)}.realm-modal .formation-choice small{font-size:11px;color:#adba9f;line-height:1.65}
.tactic-target{margin:0 0 15px}.tactic-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.tactic-card{position:relative;overflow:hidden;border:1px solid #b89e6970;background:#223429cc}.tactic-card.spent{opacity:.5}.tactic-card>img{width:100%;height:89px;object-fit:cover;opacity:.8}.tactic-card>div{padding:12px}.tactic-cost{position:absolute;left:8px;top:8px;width:29px;height:29px;display:grid;place-items:center;border:1px solid #d2b270;background:#15251fe6;color:#edda9f;font:20px var(--serif);border-radius:50%}.tactic-card h4{display:flex;justify-content:space-between;font:19px var(--serif);margin:0 0 11px;gap:5px}.tactic-card h4 span{font:12px var(--sans);color:#b8bd9a}.tactic-card p{font-size:11px;line-height:1.75;color:#b8c0a3;min-height:75px;margin:0 0 13px}.tactic-card .btn{padding:8px 3px;font-size:11px}.talent-row{display:flex;align-items:center;justify-content:space-between;gap:25px;background:#c0a56f13;border:1px solid #b99d6870;padding:19px;margin-top:23px}.talent-row b{font:21px var(--serif);color:#e4c795}.talent-row p{font-size:12px;line-height:1.8;color:#b8c0a5;margin:10px 0 0}.talent-row .btn{white-space:nowrap;font-size:12px}
.map-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}.map-choice{padding:14px;text-align:left;border:1px solid var(--line);background:#243b2c55}.map-choice.selected{border-color:#d3b277;background:#b9a56622}.map-choice b{font:18px var(--serif);display:block;margin-bottom:8px}.map-choice small{font-size:11px;color:#a9b99b;line-height:1.7}
@media(min-width:1440px){.hero-upper{height:270px}#left-panel,#right-panel{width:238px}#bottom-bar{left:280px;right:280px}#scene-heading{left:280px}}
@media(max-height:820px) and (min-width:901px){#left-panel,#right-panel{top:125px}.hero-upper{height:215px}.hero-stats{padding:9px 0}.hero-details{padding-bottom:9px}.hero-card .ap-row{margin-top:9px}.quest-card{padding:11px 15px}.quest-desc{font-size:10px}.news-item{padding:8px 0}.city-vista{height:77px}.city-card-content{padding:12px 15px}.city-resources{gap:12px}.compact-progress{display:none}.battle-command-info{font-size:10px;line-height:1.8}.army-row{min-height:74px}.battle-roster{padding:12px}.battle-v2-info small{font-size:10px}.battle-v2-info .btn{margin-top:4px}.realm-modal .modal-body{padding-bottom:20px}}
@media(max-width:1100px){.realm-overline>div{gap:17px}.development-grid{gap:12px}.development-text{padding:12px}.tactic-cards{gap:8px}.tactic-card>div{padding:10px}.tactic-card h4{font-size:17px}.intel-layout{grid-template-columns:200px 1fr;gap:20px}.trade-layout{gap:19px}}
@media(max-width:900px){#scene-heading{top:127px;left:18px;max-width:290px;padding:9px 12px}.scene-title{font-size:22px}.hero-upper{height:230px}#bottom-bar.painted-dock{left:12px;right:12px;bottom:40px;height:78px;padding:4px;gap:4px;overflow-x:auto;justify-content:flex-start}.painted-command{min-width:68px;flex:1 0 68px}.painted-command span{font-size:19px;bottom:8px;letter-spacing:3px}#world-legend{bottom:127px;left:16px}.realm-modal{width:min(94vw,760px)!important;max-height:94dvh}.realm-modal .modal-header{padding:17px 20px}.realm-modal .modal-body{padding:0 20px 22px}.realm-tabs{margin:0 -20px;padding:0 10px}.realm-tab{gap:7px;font-size:15px}.realm-tab img{width:26px;height:26px}.policy-grid{grid-template-columns:1fr 1fr}.development-grid{grid-template-columns:1fr 1fr}.tactic-cards{grid-template-columns:repeat(3,1fr)}.tactic-card>img{height:85px}.tactic-card p{min-height:56px}.commission-grid{gap:11px}.commission-card{padding:22px 15px}.commission-card h3{font-size:21px}.realm-toolbar{flex-direction:column;align-items:flex-start}.intel-layout{grid-template-columns:1fr}.intel-portrait{display:none}.tech-card{padding:13px;gap:11px}.tech-symbol{width:36px;height:36px}.tech-card h3{font-size:18px}.trade-order-body{padding:16px}.trade-quote{grid-template-columns:1fr 1fr;gap:18px}.trade-order-body .btn{font-size:11px}.realm-summary{gap:15px;padding:15px}.realm-summary .realm-stat strong{font-size:18px}}
@media(max-width:600px){#resource-strip{gap:14px;font-size:10px}.resource strong{font-size:11px}.resource-note{display:none}.resource:nth-child(4),.resource:nth-child(5){display:none}#scene-heading{top:132px;left:13px}.scene-eyebrow{font-size:8px;letter-spacing:1px}.scene-title{font-size:21px}.scene-subtitle{font-size:9px}#bottom-bar.painted-dock{height:75px;left:8px;right:8px;bottom:calc(33px + env(safe-area-inset-bottom))}.painted-command{min-width:65px}.painted-command span{font-size:18px}.realm-modal{width:96vw!important;max-height:96dvh}.realm-modal .modal-header{padding:14px 15px}.realm-modal .modal-header h2{font-size:22px;letter-spacing:2px}.realm-modal .modal-subtitle{font-size:11px}.realm-modal .modal-body{padding:0 14px 22px}.realm-tabs{padding:0 4px;margin:0 -14px}.realm-tab{height:48px;gap:0;font-size:14px}.realm-tab img{display:none}.realm-overline{align-items:flex-start;padding:14px 0;gap:9px}.realm-overline>span{font-size:13px;letter-spacing:0;max-width:75px;line-height:1.7}.realm-overline>div{gap:18px}.realm-stat strong{font-size:19px}.realm-stat small{font-size:10px}.realm-toolbar{gap:9px}.realm-toolbar span{font-size:10px}.realm-hero{height:155px}.realm-hero>div{left:16px;top:27px}.realm-hero h3{font-size:20px;letter-spacing:1px}.realm-hero p{font-size:10px;max-width:240px;line-height:1.8}.realm-summary{grid-template-columns:1fr 1fr;gap:18px}.section-label{font-size:17px;align-items:flex-start;letter-spacing:1px}.section-label small{text-align:right;font-size:10px;line-height:1.6;max-width:180px}.policy-grid{gap:10px}.policy-card{padding:13px}.policy-card h4{font-size:19px}.policy-card p{font-size:11px;min-height:64px}.development-grid{gap:11px}.development-art{height:91px}.development-text{padding:11px}.development-card h3{font-size:20px;letter-spacing:1px}.development-card p{font-size:11px;min-height:82px}.development-card .card-eyebrow>span{display:none}.card-cost{display:flex;align-items:flex-start;flex-direction:column}.card-cost>span{font-size:10px}.card-cost .btn{width:100%}.tech-grid{grid-template-columns:1fr;gap:12px}.tech-card{padding:16px}.tech-card p{min-height:0}.tech-card .card-cost{flex-direction:row;align-items:center}.tech-card .card-cost .btn{width:auto}.trade-layout{grid-template-columns:1fr}.trade-art{height:115px}.trade-quote{grid-template-columns:repeat(4,1fr);gap:7px}.trade-quote strong{font-size:21px}.trade-ledger{margin-top:12px}.intel-heading{gap:9px}.intel-heading h3{font-size:27px}.intel-numbers{gap:10px;padding:13px}.intel-numbers strong{font-size:19px}.intel-actions{gap:15px}.intel-actions p{font-size:11px;min-height:88px}.intel-actions .btn{font-size:10px;padding:10px 6px}.commission-heading img{display:none}.commission-grid{grid-template-columns:1fr}.commission-card{padding:24px}.commission-card h3{font-size:25px;margin:20px 0 13px}.commission-card p{min-height:0}.commission-reward{justify-content:space-between}.realm-note{padding:10px 12px;font-size:11px}.queue-strip{padding:12px;gap:12px;font-size:12px}.queue-strip small{font-size:11px}.tactics-hero{gap:14px;margin:18px 0}.tactics-hero>img{width:74px;height:101px}.tactics-hero h3{font-size:23px;letter-spacing:1px}.tactics-hero h3 small{font-size:11px}.tactics-hero p{font-size:11px}.tactics-hero>div>small{font-size:10px;line-height:1.7;display:block}.command-points{gap:3px}.command-points i{width:14px;height:14px}.command-points b{font-size:13px;margin-left:5px}.realm-modal .formation-grid{gap:7px}.realm-modal .formation-choice{padding:10px;display:block}.realm-modal .formation-choice>svg{display:none}.realm-modal .formation-choice b{font-size:17px}.realm-modal .formation-choice small{font-size:10px}.tactic-cards{grid-template-columns:1fr 1fr;gap:12px}.tactic-card>div{padding:12px}.tactic-card h4{font-size:20px}.tactic-card p{font-size:11px;min-height:65px}.tactic-card .btn{font-size:11px}.talent-row{flex-direction:column;align-items:stretch;gap:15px;padding:15px}.talent-row .btn{align-self:flex-start}.map-choice-grid{gap:7px}.map-choice{padding:11px}.map-choice b{font-size:16px}.map-choice small{font-size:10px}.realm-shortcuts{gap:8px}.realm-shortcuts .btn{font-size:11px;padding:9px 11px}#world-legend{bottom:120px;max-width:94%;font-size:9px}#loading-screen h1{font-size:30px;letter-spacing:7px}.tactics-command{min-width:96px!important}}
@media(prefers-reduced-motion:reduce){.painted-command img{transition:none}.hero-upper img{transition:none}}
/* Facility card scale and portrait vignette refinement. */
.development-art{height:98px}.development-card p{min-height:46px}.development-card h3{margin:8px 0}.level-pips{margin:10px 0}.development-text{padding:13px 15px}.hero-upper:after{background:linear-gradient(0deg,#0e1c17 0%,#10211bb0 17%,transparent 48%),linear-gradient(90deg,transparent 74%,#0d1913ef 99%)}
@media(max-width:600px){.development-art{height:100px}.development-card p{min-height:76px}.development-text{padding:11px}.development-card h3{font-size:19px}.city-vista{height:90px}}
@media(max-width:899px) and (min-height:540px){
 #scene-heading{top:168px}#mobile-hud{bottom:305px;z-index:2}#app[data-mode="world"] #scene-heading{display:none}
 #app[data-mode="battle"] #mobile-hud{bottom:245px}
 #app[data-mode="battle"] .battle-round{padding:10px;gap:0;min-width:43px}
 #app[data-mode="battle"] .battle-round span{display:none}
 #app[data-mode="battle"] .battle-round b{font-size:24px}
 #app[data-mode="battle"] .battle-turn-controls{padding:10px;gap:7px}
 #app[data-mode="battle"] .battle-turn-controls .text-btn{white-space:nowrap;font-size:10px}
 #app[data-mode="battle"] #right-panel{min-height:61px}
}