: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}.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;padding:6px 8px}.top-resource-bar{margin:0 0 10px;padding:12px;background:linear-gradient(180deg,#4b3d2f80,#221c16d9),#2d2620e6;border-color:#e5ba7338}.top-status-header{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.top-era-title{grid-column:span 3;color:#e5ba73;text-align:center;font-size:20px;line-height:1.1;letter-spacing:.08em;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.5);border-bottom:2px solid rgba(229,186,115,.9);padding-bottom:6px;margin-bottom:2px}.top-status-card{background:#2d2620e6;border:1px solid rgba(229,186,115,.2);padding:10px;border-radius:12px;text-align:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.top-status-label{display:block;color:#a9907e;font-size:11px;line-height:1;margin-bottom:6px}.top-status-value{display:block;color:#f5efe6;font-size:15px;line-height:1.1}.top-time-card .top-status-value{margin-bottom:8px}.top-time-progress-track{width:100%;height:6px;border-radius:999px;background:#110c07f2;overflow:hidden}.top-time-progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#c59645,#f1ce78)}.top-survival-card.fed{border-color:#51cf6680}.top-survival-card.fed .top-status-label,.top-survival-card.fed .top-status-value{color:#51cf66}.top-survival-card.hungry{border-color:#e5ba7385}.top-survival-card.hungry .top-status-label,.top-survival-card.hungry .top-status-value{color:#e5ba73}.top-survival-card.critical{border-color:#ff6b6ba6}.top-survival-card.critical .top-status-label,.top-survival-card.critical .top-status-value{color:#ff6b6b}.top-power-card{border-color:#51cf6680}.top-power-card .top-status-label,.top-power-card .top-status-value{color:#51cf66}.top-resource-grid{margin-top:10px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;background:#00000040;border-radius:16px;padding:12px}.top-resource-item{display:flex;flex-direction:row;align-items:center;gap:6px;min-width:0}.top-resource-label{color:#f5efe6;font-size:11px;text-align:left;line-height:1.1;white-space:nowrap}.top-resource-value{color:#f5efe6;font-family:DIN Alternate,Avenir Next,Trebuchet MS,sans-serif;font-size:16px;line-height:1;white-space:nowrap}.top-resource-trend{margin-left:auto;font-size:11px;line-height:1;color:#a9907e;white-space:nowrap}.top-resource-trend.positive{color:#51cf66}.top-resource-trend.negative{color:#ff6b6b}.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:12px;margin-top:10px}.building-card{border-radius:20px;border:1px solid rgba(229,186,115,.22);background:#2d2620e6;padding:14px;display:flex;gap:12px;align-items:stretch;overflow:hidden}.building-left{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px}.building-right{display:flex;align-items:stretch}.building-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.building-info{min-width:0}.building-title{margin:0;color:#f5efe6;font-size:18px;line-height:1.2;display:inline-flex;align-items:center;gap:6px}.building-title-icon{font-size:21px;line-height:1}.building-purpose{margin:4px 0 0;color:#a9907e;font-size:12px;line-height:1.35}.building-count-pill{border-radius:6px;padding:2px 8px;font-size:12px;font-weight:700;line-height:1.3;color:#1a1612;background:#e5ba73;flex-shrink:0}.build-cost-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:0;padding:10px;border-radius:10px;background:#0000004d}.build-cost-item{display:inline-flex;align-items:center;gap:4px;font-size:12px;line-height:1}.build-cost-icon{font-size:13px}.build-cost-num{font-family:DIN Alternate,Avenir Next,Trebuchet MS,sans-serif;font-size:14px;line-height:1}.build-cost-num.ok{color:#51cf66}.build-cost-num.bad{color:#ff6b6b}.build-action{width:110px;height:100%;border:none;border-radius:10px;box-shadow:0 4px #8b6508;color:#1a1612;font-size:15px;font-weight:700;letter-spacing:.02em;padding:10px 8px}.build-action:active{box-shadow:0 1px #8b6508;transform:translateY(3px)}.build-action.ready{background:linear-gradient(180deg,#e5ba73,#b8860b)}.build-action.locked{background:linear-gradient(180deg,#8a847c,#6f685e);color:#1a1612bf;box-shadow:0 4px #554f48}.build-action.locked:active{box-shadow:0 1px #554f48}.building-panel .small-text{color:#e5ba73}.building-panel-title{margin-bottom:4px}.army-panel .small-text{color:#e5ba73}.army-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:min(196px,100%)}.army-actions .secondary,.army-actions .build-action{width:100%;min-height:42px;height:auto}.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:10px;font-weight:700;paint-order:stroke;stroke:#edf7ffe0;stroke-width:1.2}.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:50%;transform:translate(-50%);bottom:0;z-index:120;width:100%;max-width:480px;margin:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;padding:10px 6px;border-top:1px solid rgba(229,186,115,.28);background:#251d18;box-shadow:0 -8px 24px #00000057}.territory-panel{border-color:#5184dfb3;background:linear-gradient(180deg,#131e40db,#121834f2),#0e1228e6;box-shadow:0 12px 28px #0408167a,inset 0 0 0 2px #7eb4ff2e}.territory-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.territory-head-title{color:#e9f2ff;font-size:17px;letter-spacing:.06em;text-shadow:0 2px 10px rgba(27,89,173,.35)}.territory-head-tip{margin:0;color:#a9caf7;font-size:12px;text-align:right}.territory-map{position:relative;width:100%;aspect-ratio:629 / 637;min-height:360px;border-radius:14px;overflow:hidden;border:1px solid rgba(159,208,255,.58);box-shadow:inset 0 0 0 2px #6caaf652,inset 0 0 26px #3578dc33}.territory-map-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none;pointer-events:none}.territory-cut-btn{position:absolute;transform:translate(calc(-50% + var(--cut-shift-x, 0px)),calc(-50% + var(--cut-shift-y, 0px)));border:0;background:transparent;padding:0;cursor:pointer;line-height:0;transition:transform .15s ease,filter .15s ease}.territory-cut-btn img{display:block;width:196px;height:auto;-webkit-user-select:none;user-select:none;pointer-events:none;filter:drop-shadow(0 5px 14px rgba(0,0,0,.38))}.territory-cut-btn.wood img{width:190px}.territory-cut-btn.food img{width:205px}.territory-cut-btn.stone img{width:200px}.territory-cut-btn.hit{transform:translate(calc(-50% + var(--cut-shift-x, 0px)),calc(-50% + var(--cut-shift-y, 0px))) scale(.95);filter:brightness(1.08) saturate(1.08)}.territory-cut-btn:focus-visible{outline:2px solid rgba(186,230,255,.95);outline-offset:2px}.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:none;border-radius:8px;padding:4px 0;min-height:54px;color:#a9907e;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:10px;transition:color .14s ease}.nav-btn:hover{filter:none}.nav-btn.active{color:#e5ba73}.nav-icon-shell{width:24px;height:24px;border-radius:6px;background:#3d3128;display:inline-flex;align-items:center;justify-content:center}.nav-icon{font-size:14px;line-height:1;filter:saturate(.85)}.nav-btn.active .nav-icon-shell{background:#e5ba73}.nav-btn.active .nav-icon{filter:none}.nav-label{font-size:10px;line-height:1;letter-spacing:.03em}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:6px}.tech-title{font-size:18px;border-left:4px solid #d4af37;padding-left:10px;margin-bottom:12px}.tech-era-accordion{display:flex;flex-direction:column;gap:10px}.tech-era-block{border:1px solid rgba(142,115,82,.7);border-radius:12px;background:#22160cb8}.tech-era-header{width:100%;min-height:48px;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;font-size:16px;font-weight:700}.tech-era-arrow{width:16px;text-align:center}.tech-scroll-view{max-height:calc(100vh - 255px);overflow-y:auto;margin:0;padding:0 1px 10px;position:relative;z-index:1}.tech-tree-list{display:flex;flex-direction:column;gap:12px;padding:0}.tech-tree-node{border:1px solid rgba(142,115,82,.7);border-radius:10px;padding:16px;background:linear-gradient(180deg,#321f0ee6,#22150af0),#2d2620e6;box-shadow:0 4px 15px #00000059;display:flex;flex-direction:column;gap:10px}.tech-tree-node-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.tech-card-title-wrap{min-width:0}.tech-card-title{display:block;color:#f3ead7;font-size:24px;line-height:1.1;margin-bottom:6px;font-family:DIN Alternate,Avenir Next,Trebuchet MS,sans-serif}.tech-node-status-researched{align-self:flex-start;color:#78d99f;font-size:12px;padding:3px 10px;border-radius:999px;border:1px solid rgba(82,178,123,.62);background:#174f2f66}.tech-box-title{margin:0;font-size:13px;letter-spacing:.04em;color:#d4af37}.tech-require-box{border:1px solid rgba(142,115,82,.58);border-radius:8px;padding:10px 12px;background:#00000047}.tech-require-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;margin-top:0;border-top:1px solid rgba(255,255,255,.06)}.tech-require-row:first-of-type{margin-top:6px}.tech-duration-box{border:1px solid rgba(142,115,82,.58);border-radius:8px;padding:10px 12px;background:#00000047;display:flex;justify-content:space-between;align-items:center}.tech-duration-box strong{color:#8bc9ff}.tech-result-box{border:1px solid rgba(142,115,82,.58);border-radius:8px;padding:10px 12px;background:#00000047}.tech-result-line{display:flex;justify-content:space-between;align-items:center;gap:10px;border-radius:6px;border:1px solid transparent;padding:8px 10px;margin-top:8px}.tech-result-line.building{background:#1e39565c;border-color:#568ecb73}.tech-result-line.unit{background:#4e311866;border-color:#d1974673}.tech-result-line.bonus{background:#1a442b6b;border-color:#48af798c}.tech-result-line strong{text-align:right;font-size:13px}.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:#ff4d4d}.tech-require-row strong.req-ok{color:#82e6ae}.tech-require-row strong.req-bad{color:#ff4d4d}.tech-progress-wrap{margin-top:2px}.tech-progress-track{width:100%;height:7px;border-radius:8px;overflow:hidden;background:#160f0abf}.tech-progress-fill{height:100%;border-radius:8px;background:linear-gradient(90deg,#d4af37,#f0d389)}.tech-tree-actions{margin-top:4px}.tech-action{width:100%;min-height:44px;border-radius:8px;border:1px solid transparent;font-size:16px;font-weight:700}.tech-action.ready{background:linear-gradient(180deg,#d4af37,#b78f28);color:#1e1710;border-color:#d4af37e6}.tech-action.researching{background:linear-gradient(180deg,#9e865f,#7a6444);color:#efe5d4;border-color:#af966dcc}.tech-action.done{background:linear-gradient(180deg,#5c5a57,#44413d);color:#cbc5bc;border-color:#7b766fbf;box-shadow:none}.tech-action.locked{background:linear-gradient(180deg,#544f48,#3f3b36);color:#a7a198;border-color:#625c54cc}.tech-action.researching:disabled{background:linear-gradient(180deg,#9e865f,#7a6444);color:#efe5d4;border-color:#af966dcc}.tech-action.done:disabled{background:linear-gradient(180deg,#5c5a57,#44413d);color:#cbc5bc;border-color:#7b766fbf}.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){.tech-era-header{min-height:44px;font-size:15px}.tech-scroll-view{max-height:calc(100vh - 255px)}.tech-card-title{font-size:22px}.tech-action{min-height:42px;font-size:15px}.top-status-header{gap:8px}.top-resource-grid{padding:10px;gap:6px}.top-resource-label{font-size:10px}.top-resource-value{font-size:14px}.top-resource-trend{font-size:10px}.top-era-title{font-size:18px}.build-action{width:96px;font-size:14px}.resource-grid,.population-summary{grid-template-columns:1fr}.workforce-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.territory-cut-btn.wood img{width:176px}.territory-cut-btn.food img{width:188px}.territory-cut-btn.stone img{width:184px}}@media (max-width: 390px){.territory-cut-btn.wood img{width:170px}.territory-cut-btn.food{--cut-shift-x: -3px}.territory-cut-btn.food img{width:180px}.territory-cut-btn.stone{--cut-shift-x: 3px}.territory-cut-btn.stone img{width:176px}}@media (max-width: 360px){.tech-scroll-view{max-height:calc(100vh - 255px)}.tech-tree-node{padding:12px}.tech-card-title{font-size:20px}.troop-input-grid,.garrison-grid,.workforce-grid{grid-template-columns:1fr}.territory-map{min-height:330px}.territory-cut-btn.wood img{width:164px}.territory-cut-btn.food{--cut-shift-x: -4px;--cut-shift-y: 2px}.territory-cut-btn.stone{--cut-shift-x: 4px;--cut-shift-y: 2px}.territory-cut-btn.food img{width:174px}.territory-cut-btn.stone img{width:170px}.top-status-header{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.top-era-title{grid-column:span 3;font-size:16px}.top-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.top-resource-item{gap:4px}.top-resource-label{font-size:9px}.top-resource-value{font-size:13px}.building-card{flex-direction:column}.building-right{width:100%}.build-action{width:100%;min-height:42px}.nav-btn{min-height:50px}.nav-label{font-size:9px}}