:root{--bg-void: #090603;--bg-deep: #1a120a;--bg-elev: #24180e;--bg-card: rgba(45, 28, 13, .86);--bg-card-soft: rgba(61, 36, 14, .78);--bg-chip: rgba(28, 21, 14, .95);--line-gold: #a5742a;--line-gold-soft: #6c4b1d;--line-strong: #c9973d;--text-main: #f3e6ce;--text-muted: #ceb997;--text-dim: #a58f70;--accent-gold: #d3a33f;--accent-green: #28b86c;--accent-red: #b93b30;--accent-blue: #6bb3ff;--shadow-out: 0 10px 28px rgba(0, 0, 0, .35);--shadow-in: inset 0 1px 0 rgba(255, 222, 154, .08);font-family:"Noto Serif SC","Source Han Serif SC",Songti SC,STSong,serif;color:var(--text-main);background:var(--bg-void)}*{box-sizing:border-box}body{margin:0;color:var(--text-main);background:radial-gradient(circle at 18% -4%,rgba(214,148,51,.2),transparent 42%),radial-gradient(circle at 82% 8%,rgba(123,72,22,.18),transparent 35%),linear-gradient(180deg,#0e0904,#1b1209 45%,#29190c)}#root{min-height:100vh}.app-shell{position:relative;max-width:480px;min-height:100vh;margin:0 auto;padding:10px 12px 94px;background:linear-gradient(180deg,rgba(255,177,73,.06) 0%,transparent 26%),linear-gradient(180deg,#1a1108,#24170c 38%,#2f1d0f);overflow:hidden}.app-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(246,203,130,.02),rgba(246,203,130,.02) 1px,transparent 1px,transparent 5px)}.retro-layout{padding-top:8px;padding-bottom:94px}.app-top-frame{position:sticky;top:0;z-index:30;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.top-actions{margin-top:8px;display:flex;justify-content:space-between;align-items:center}.top-actions .title{font-size:13px;letter-spacing:.12em;color:#e9ca87;text-shadow:0 0 12px rgba(229,169,75,.34)}.app-header{display:flex;justify-content:space-between;align-items:center;gap:10px}.app-header h1{margin:8px 0;font-size:20px}.content-area{position:relative;z-index:1;margin-top:10px}.content-area.world-content{margin-top:0}.panel{background:linear-gradient(180deg,#482c11a6,#27190bd9),var(--bg-card);border:1px solid var(--line-gold-soft);border-radius:16px;padding:12px;margin:10px 0;box-shadow:var(--shadow-out),var(--shadow-in)}.panel h2{margin:2px 0 10px;color:#f2dda8;font-size:18px;letter-spacing:.04em}.panel p{margin:8px 0}.panel strong{color:#ffe0a2}.panel-section{display:flex;flex-direction:column;gap:8px;margin-top:10px}.hud-panel{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hud-item{border-radius:11px;padding:8px;font-size:13px;background:var(--bg-card-soft);border:1px solid rgba(178,126,45,.35)}.hud-item.victory{color:#8ff0ba}.top-resource-bar{margin:0;padding:10px;background:linear-gradient(180deg,#52381ba8,#27180aeb),var(--bg-card);border-color:var(--line-gold)}.resource-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:8px}.meta-chip{display:inline-flex;justify-content:center;align-items:center;min-height:28px;border-radius:10px;border:1px solid rgba(209,156,72,.52);background:var(--bg-chip);color:#f3dca7;font-size:12px;font-weight:700;letter-spacing:.03em}.meta-chip.positive{color:#7de7ac;border-color:#43ae708c;background:#153423bd}.meta-chip.hunger-fed{color:#95efba;border-color:#4bc48194;background:#143825c7}.meta-chip.hunger-hungry{color:#f9d984;border-color:#d7a54a99;background:#463314c2}.meta-chip.hunger-critical{color:#ffb0a6;border-color:#d15d509e;background:#4e1f1bc7}.resource-line{display:grid;gap:6px}.resource-line.primary,.resource-line.secondary{grid-template-columns:repeat(3,minmax(0,1fr))}.resource-line.secondary{margin-top:6px}.resource-pill{border-radius:10px;border:1px solid rgba(211,157,70,.42);background:linear-gradient(180deg,#472e149e,#1f150dd1),var(--bg-chip);padding:6px 8px;display:flex;flex-direction:row;align-items:center;gap:6px;font-size:11px;white-space:nowrap}.resource-pill strong{font-family:DIN Alternate,Avenir Next,Trebuchet MS,sans-serif;font-size:17px;line-height:1;color:#ffdd98}.resource-pill em{margin-left:auto;text-align:right;font-style:normal;color:#87ebaf;font-size:10px}.resource-pill.small strong{font-size:15px}.resource-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.resource-card{border-radius:12px;padding:10px;border:1px solid rgba(177,129,48,.4);background:linear-gradient(180deg,#402912a6,#22160ad6),var(--bg-card-soft)}.resource-name{font-size:13px;color:var(--text-muted)}.resource-value{font-family:DIN Alternate,Avenir Next,Trebuchet MS,sans-serif;font-size:22px;margin:6px 0;color:#ffde9c}.resource-income{font-size:12px;color:#90ecb6;margin-bottom:8px}.build-row,.unit-row,.dispatch-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 10px;border-radius:10px;border:1px solid rgba(185,133,51,.35);background:#24170ce0}.role-row{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;border:1px solid rgba(185,133,51,.35);background:#24170ce0}.role-name{text-align:left;color:#f2ddbb}.role-count{min-width:28px;text-align:right}.role-btn{min-width:56px;padding:8px 0}.role-actions{display:flex;gap:6px}.population-panel{border-color:#704ad3b3;background:radial-gradient(circle at 15% -10%,rgba(164,92,255,.25),transparent 40%),radial-gradient(circle at 85% 0%,rgba(96,180,255,.15),transparent 36%),linear-gradient(180deg,#221241e0,#160c2cf0);box-shadow:0 10px 28px #0602138c,inset 0 1px #cb9cff47,inset 0 0 18px #7d48ee3d}.population-panel h2{color:#f4e7ff}.population-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:10px}.population-summary .meta-chip{border-color:#9861f0a8;background:#200f37db;color:#e8d7ff}.population-grow-btn{width:100%;margin-bottom:12px;background:linear-gradient(180deg,#39d78b,#1aaf67)}.workforce-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.workforce-card{border-radius:14px;border:1px solid rgba(130,82,236,.75);background:linear-gradient(180deg,#2c1751f5,#190d30f7),#1f113beb;box-shadow:inset 0 0 18px #814fe83d,0 0 0 1px #4e2d8e70;padding:8px}.workforce-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:6px;margin-bottom:8px}.workforce-icon{width:36px;height:36px;border-radius:10px;border:1px solid rgba(157,111,247,.72);display:inline-flex;align-items:center;justify-content:center;font-size:20px;background:#170c2cf2;box-shadow:inset 0 0 10px #6baeff38}.workforce-title{font-size:17px;letter-spacing:.02em;color:#f2e6ff;font-weight:700}.workforce-count{font-family:DIN Alternate,Avenir Next,Trebuchet MS,sans-serif;color:#f1de74;font-size:24px}.workforce-metric{border-radius:8px;border:1px solid rgba(116,168,246,.52);background:#13183bc7;padding:6px 8px;color:#c8d6ff;font-family:DIN Alternate,Avenir Next,Trebuchet MS,sans-serif;font-size:16px;text-align:center}.workforce-output{margin-top:6px;border-radius:8px;border:1px solid rgba(110,84,203,.6);background:#1e123ad1;padding:5px 8px;display:flex;justify-content:space-between;align-items:center;gap:8px}.workforce-output-name{color:#cae0ff;font-size:13px}.workforce-output-value{color:#67ea9d;font-family:DIN Alternate,Avenir Next,Trebuchet MS,sans-serif;font-size:19px}.workforce-actions{margin-top:8px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.workforce-btn{padding:7px 0;border-radius:7px}.military-row{margin-top:12px;border:1px solid rgba(120,84,223,.56);border-radius:10px;padding:9px 10px;background:#1e1137db;display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px 10px}.military-row strong{justify-self:end;color:#f3d8ff}.military-actions{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.building-list{display:flex;flex-direction:column;gap:10px;margin-top:10px}.building-card{display:grid;grid-template-columns:1fr auto;gap:8px}.building-main{border:1px solid rgba(189,140,62,.46);border-radius:10px;overflow:hidden;background:#28190ce0}.building-purpose{margin:0;text-align:center;padding:5px 8px;font-size:11px;color:#f7dfae;border-bottom:1px solid rgba(185,136,59,.42);background:linear-gradient(180deg,#66482070,#3d27106b)}.building-content{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:8px}.building-icon{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;font-size:24px;border-radius:8px;border:1px solid rgba(185,135,56,.45);background:#1a120bb8}.building-meta{min-width:0}.building-name{display:block;font-size:24px;line-height:1;color:#f8e3bf;font-family:DIN Alternate,Avenir Next,Trebuchet MS,sans-serif;margin-bottom:7px}.building-count{min-width:40px;text-align:right;font-size:30px;line-height:1;color:#f7e3be;font-family:DIN Alternate,Avenir Next,Trebuchet MS,sans-serif}.build-cost-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.build-cost-item{display:inline-flex;align-items:center;gap:4px;font-size:13px}.build-cost-icon{font-size:13px;filter:saturate(.85)}.build-cost-num{font-family:DIN Alternate,Avenir Next,Trebuchet MS,sans-serif}.build-cost-num.ok{color:#79e4a8}.build-cost-num.bad{color:#ff8d8d}.build-action{width:62px;border-radius:8px;font-size:26px;line-height:1;letter-spacing:0;padding:0;border:1px solid rgba(177,132,58,.65);color:#2c2418}.build-action.ready{background:linear-gradient(180deg,#efe2c2,#dac79a)}.build-action.locked{background:linear-gradient(180deg,#5b554d,#47423c);color:#9a968f;border-color:#676055}.build-tip{position:fixed;left:50%;bottom:92px;transform:translate(-50%);padding:8px 14px;border-radius:999px;border:1px solid rgba(204,138,53,.62);background:#20150be6;color:#f0d8a8;font-size:12px;opacity:0;pointer-events:none;z-index:220}.build-tip.show{animation:tech-tip-fade 1.25s ease forwards}.cost-box,.training-box,.queue-box,.dispatch-block{border-radius:10px;padding:10px;margin-top:10px;border:1px solid rgba(163,119,45,.34);background:#24180de0}.log-list{max-height:55vh;overflow:auto;display:flex;flex-direction:column;gap:8px}.log-item{display:flex;flex-direction:column;padding:8px;border-radius:8px;border:1px solid rgba(164,120,46,.35);background:#25180cd1}.log-time{font-size:11px;color:#b9a17c;margin-bottom:2px}.progress-track{width:100%;height:8px;border-radius:8px;background:#110c07f2;overflow:hidden}.progress-fill{height:100%;border-radius:8px;background:linear-gradient(90deg,#1e9f61,#45d18b)}.world-panel{position:relative;margin:0;padding:0;background:transparent;border:none;box-shadow:none}.map-shell{margin-top:0;border-radius:0;overflow:visible;border:none;background:transparent}.map-viewport{position:relative;width:calc(100% + 24px);margin-left:-12px;overflow:hidden;touch-action:none;background:#183f66}.map-content{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:0 0;will-change:transform}.map-backdrop-svg,.world-map{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.map-overlay{z-index:2}.bg-wave-layer{opacity:.55}.bg-continents .bg-continent{fill:#7f9345;stroke:#d8c796;stroke-width:2}.bg-polar-ice rect{fill:#e4f4ffa8}.map-route{stroke:#ffde9299;stroke-width:1.8;stroke-dasharray:4 6}.city-group{cursor:pointer}.city-node{stroke:#212830;stroke-width:1.6}.city-owned{fill:#5bd389}.city-attackable{fill:#ffd269}.city-neutral{fill:#c8d7a4}.city-locked{fill:#7b8760}.city-label{fill:#112236;font-size:12px;font-weight:700;paint-order:stroke;stroke:#edf7ffe0;stroke-width:1.4}.stationed-group,.march-group{cursor:pointer}.stationed-dot{fill:#8fd7ff;stroke:#13344f;stroke-width:1.6}.stationed-label{fill:#e7f7ff;font-size:11px}.march-dot{fill:#ffc86b;stroke:#5c3a0e;stroke-width:1.6}.march-label{fill:#2b1a09;font-size:10px;font-weight:700}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#060402b8;display:flex;align-items:center;justify-content:center;z-index:60;padding:14px}.modal-card{width:min(420px,100%);max-height:86vh;overflow:auto;border-radius:14px;border:1px solid rgba(197,142,56,.66);background:linear-gradient(180deg,#4f3416b3,#23170cf2),#29190e;padding:12px;box-shadow:0 16px 34px #00000085,inset 0 1px #ffda901f}.dispatch-modal h4{margin:0 0 8px;color:#f3dba3}.modal-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.troop-input-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:8px 0}.troop-input-grid label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--text-muted)}.troop-input-grid input{width:100%;border:1px solid rgba(170,121,46,.5);border-radius:8px;background:#130d07d9;color:var(--text-main);padding:6px}.garrison-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}.garrison-item{border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:2px;font-size:12px;border:1px solid rgba(174,124,47,.35);background:#22160cd6}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:120;max-width:480px;margin:0 auto;display:grid;grid-template-columns:repeat(7,1fr);gap:7px;padding:8px 10px 10px;border-top:1px solid rgba(197,140,55,.62);background:linear-gradient(180deg,#22160cf5,#150e08fa),#1b120b;box-shadow:0 -8px 24px #00000057}.territory-panel{border-color:#6593e19e;background:linear-gradient(180deg,#151e46d1,#101c49e6),#0f1637db}.territory-head{margin-bottom:10px}.territory-title-ribbon{border:1px solid rgba(229,198,122,.62);border-radius:10px;background:linear-gradient(180deg,#e7d29bf0,#bc985bf5),#d6b67a;padding:8px 10px;box-shadow:inset 0 1px #fff8de80}.territory-title-ribbon strong{display:block;color:#3d2b13;text-transform:uppercase;letter-spacing:.03em;font-size:22px;font-family:DIN Alternate,Avenir Next,Trebuchet MS,sans-serif}.territory-title-ribbon span{display:block;margin-top:2px;color:#5a401f;text-transform:uppercase;letter-spacing:.08em;font-size:11px}.territory-map{position:relative;height:420px;border-radius:14px;overflow:hidden;border:1px solid rgba(150,201,255,.45);box-shadow:inset 0 0 22px #4290e940}.territory-sky{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 20%,rgba(165,239,255,.42),transparent 38%),linear-gradient(180deg,#0d2d7d,#2d8be6 58%,#53b8ff)}.territory-clouds{position:absolute;left:-6%;right:-6%;bottom:98px;height:58px;background:radial-gradient(circle at 8% 72%,rgba(236,250,255,.82) 0 22px,transparent 23px),radial-gradient(circle at 23% 69%,rgba(236,250,255,.82) 0 20px,transparent 21px),radial-gradient(circle at 37% 72%,rgba(236,250,255,.82) 0 22px,transparent 23px),radial-gradient(circle at 54% 68%,rgba(236,250,255,.82) 0 19px,transparent 20px),radial-gradient(circle at 71% 72%,rgba(236,250,255,.82) 0 22px,transparent 23px),radial-gradient(circle at 88% 70%,rgba(236,250,255,.82) 0 20px,transparent 21px);pointer-events:none}.territory-mountains{position:absolute;left:0;right:0;bottom:38px;height:82px;background:linear-gradient(135deg,transparent 33px,rgba(147,141,223,.8) 0) left / 34% 100% no-repeat,linear-gradient(225deg,transparent 36px,rgba(125,111,206,.82) 0) center / 33% 100% no-repeat,linear-gradient(135deg,transparent 28px,rgba(165,153,235,.78) 0) right / 33% 100% no-repeat;opacity:.92;pointer-events:none}.territory-grass{position:absolute;left:0;right:0;bottom:0;height:38px;background:linear-gradient(180deg,#a7dd5bf5,#5ea02afa);border-top:1px solid rgba(210,245,172,.65);pointer-events:none}.territory-node{position:absolute;transform:translate(-50%,-50%);width:110px;height:110px;border:3px solid rgba(21,17,26,.84);border-radius:18px;background:linear-gradient(180deg,#ffffff61,#fff0 50%),#372721e6;box-shadow:inset 0 0 0 2px #faf1e633,0 8px 18px #00000059;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.territory-node.tree{background:linear-gradient(180deg,#fff4d457,#fff0 50%),linear-gradient(180deg,#b73131f5,#7c1524fa)}.territory-node.hill{background:linear-gradient(180deg,#ffffff52,#fff0 50%),linear-gradient(180deg,#bbc2d0f5,#757e8bfa)}.territory-node.hit{transform:translate(-50%,-50%) scale(.94);filter:brightness(1.15)}.territory-node-icon{font-size:52px;line-height:1}.territory-node-label{font-size:12px;color:#fff7db;letter-spacing:.06em;text-shadow:0 1px 0 rgba(0,0,0,.5)}.settings-panel{padding-bottom:16px}.settings-actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:10px}.settings-btn{width:100%;min-height:46px}.nav-btn{border:1px solid rgba(183,129,49,.35);border-radius:12px;padding:6px 2px;min-height:56px;color:#d7c19a;background:linear-gradient(180deg,#382310d1,#22160cf2),#1c130af2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11px;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.nav-btn.active{border-color:#ebb953e6;color:#fbe1a7;box-shadow:0 0 0 1px #e6ac4859,0 7px 18px #ab722159;background:linear-gradient(180deg,#724a1ef2,#482f14fa)}.nav-icon{font-size:15px;line-height:1;filter:saturate(.75)}.nav-label{line-height:1;letter-spacing:.05em}button{border:none;border-radius:9px;padding:8px 10px;font-size:13px;font-weight:700;letter-spacing:.03em;cursor:pointer;transition:transform .12s ease,filter .12s ease}button:hover{filter:brightness(1.07)}button:active{transform:translateY(1px)}button:disabled{opacity:1;pointer-events:none;cursor:not-allowed;color:#8f8c84;border:1px solid #585148;background:linear-gradient(180deg,#48423a,#38332d);box-shadow:none}button:disabled:hover{filter:none}button:disabled:active{transform:none}.primary{background:linear-gradient(180deg,#2dc77a,#159754);color:#ebfff4}.secondary{background:linear-gradient(180deg,#9d7430,#7f5a24);color:#ffe7b8}.danger{background:linear-gradient(180deg,#cc4a3d,#9f2f25);color:#ffeae8}.hint,.small-text{color:var(--text-muted);font-size:12px}.error-text{color:#ff9d92;font-size:12px}.success-text{color:#88e6ad}.tech-panel{padding-bottom:4px}.tech-scroll-view{max-height:calc(100vh - 255px);overflow-y:auto;margin:6px -2px 0;padding:0 2px 10px;position:relative;z-index:1}.tech-era-accordion{display:flex;flex-direction:column;gap:10px}.tech-era-block{border:1px solid rgba(175,126,51,.35);border-radius:12px;background:#22160cb8}.tech-era-header{width:100%;display:flex;align-items:center;gap:8px;justify-content:flex-start;border-radius:12px;border:1px solid rgba(196,145,63,.6);background:linear-gradient(180deg,#583a18d6,#2f1f0ef2);color:#f6deb0}.tech-era-arrow{width:14px;text-align:center}.tech-tree-list{display:flex;flex-direction:column;gap:10px;padding:10px}.tech-tree-node{border:1px solid rgba(175,126,51,.35);border-radius:10px;padding:10px;background:#23170cd6;display:flex;flex-direction:column;gap:8px}.tech-tree-node-head{display:flex;justify-content:space-between;align-items:center}.tech-node-status-researched{color:#7fe1a8;font-size:12px;padding:2px 8px;border-radius:999px;border:1px solid rgba(82,178,123,.7);background:#1c583661}.tech-box-title{margin:0;font-size:12px;letter-spacing:.04em;color:#f5dca7}.tech-require-box{border:1px solid rgba(174,127,54,.48);border-radius:10px;padding:8px;background:#1f140adb}.tech-require-row{display:flex;justify-content:space-between;align-items:center;gap:8px;border:1px solid rgba(163,117,50,.34);border-radius:8px;padding:6px 8px;margin-top:6px;background:#31200e75}.tech-duration-box{border:1px solid rgba(174,127,54,.48);border-radius:10px;padding:8px 10px;background:#1f140adb;display:flex;justify-content:space-between;align-items:center}.tech-duration-box strong{color:#8bc9ff}.tech-result-box{border:1px solid rgba(174,127,54,.48);border-radius:10px;padding:8px;background:#1f140adb}.tech-result-line{display:flex;justify-content:space-between;align-items:center;gap:8px;border-radius:8px;border:1px solid transparent;padding:6px 8px;margin-top:6px}.tech-result-line.building{background:#233b5661;border-color:#568ecb85}.tech-result-line.unit{background:#46291175;border-color:#d197468a}.tech-result-line.bonus{background:#1a442b6b;border-color:#48af798c}.tech-result-line strong{text-align:right}.tech-result-line.building strong{color:#8fc8ff}.tech-result-line.unit strong{color:#f2cf97}.tech-result-line.bonus strong{color:#8be8b4}.req-ok{color:#82e6ae}.req-bad{color:#ff9a9a}.tech-progress-wrap{margin-top:8px}.tech-progress-track{width:100%;height:8px;border-radius:8px;overflow:hidden;background:#160f0af5}.tech-progress-fill{height:100%;border-radius:8px;background:linear-gradient(90deg,#3b88ff,#6eb2ff)}.tech-tree-actions{display:flex;align-items:center;gap:8px;margin-top:8px}.tech-action{min-width:84px;border:1px solid transparent}.tech-action.ready,.tech-action.researching{background:linear-gradient(180deg,#3d97ff,#2c6cdf);color:#eaf3ff}.tech-action.done{background:#2ea96c;color:#ebfff4;border-color:#2ea96c;box-shadow:none}.tech-action.locked{background:linear-gradient(180deg,#4a443d,#39342e);color:#9f9a91;border-color:#5b544a}.tech-action.researching:disabled{background:linear-gradient(180deg,#3d97ff,#2c6cdf);color:#eaf3ff;border-color:#3d7fe0}.tech-action.done:disabled{background:#2ea96c;color:#ebfff4;border-color:#2ea96c}.tech-tip{position:fixed;left:50%;bottom:92px;transform:translate(-50%);padding:8px 14px;border-radius:999px;border:1px solid rgba(204,138,53,.62);background:#20150be6;color:#f0d8a8;font-size:12px;opacity:0;pointer-events:none;z-index:220}.tech-tip.show{animation:tech-tip-fade 1.25s ease forwards}@keyframes tech-tip-fade{0%{opacity:0;transform:translate(-50%) translateY(8px)}20%{opacity:1;transform:translate(-50%) translateY(0)}70%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-6px)}}@media (max-width: 420px){.resource-line.primary,.resource-line.secondary,.resource-meta{grid-template-columns:repeat(3,minmax(0,1fr))}.meta-chip{min-height:24px;font-size:11px;padding:6px 8px}.resource-pill strong{font-size:16px}.resource-pill.small strong{font-size:14px}.resource-grid,.population-summary{grid-template-columns:1fr}.workforce-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.territory-node{width:96px;height:96px}.territory-node-icon{font-size:44px}}@media (max-width: 360px){.troop-input-grid,.garrison-grid,.workforce-grid{grid-template-columns:1fr}.territory-map{height:380px}.territory-node{width:88px;height:88px}.territory-node-icon{font-size:38px}.nav-btn{min-height:52px;font-size:10px}}