.city-command-page{overflow-x:hidden;background:#07110d}.city-command-page .main-content{padding:0;max-width:none}.city-command-page .topbar,.city-command-page .mobile-nav{display:none}.city-command-page .page-content{display:block}.city-single-screen{min-height:100dvh;background:#07110d}.city-scene-shell{position:relative;isolation:isolate;min-height:100dvh;overflow:hidden;background:radial-gradient(circle at 52% 42%,rgba(138,163,109,.45) 0 7%,transparent 28%),radial-gradient(circle at 9% 13%,rgba(215,191,129,.22) 0 1.5%,transparent 20%),linear-gradient(145deg,#31492f 0%,#1b3426 35%,#11261d 74%,#07110d 100%)}.city-scene-glow{position:absolute;z-index:-1;inset:0;opacity:.72;background:repeating-linear-gradient(44deg,transparent 0 26px,rgba(255,236,173,.026) 27px 28px),repeating-linear-gradient(-33deg,transparent 0 52px,rgba(8,31,19,.14) 53px 55px)}.city-terrain{position:absolute;z-index:-1;pointer-events:none}.terrain-forest{inset:12% auto auto -9%;width:47%;height:56%;border-radius:48% 53% 39% 56%;background:radial-gradient(circle at 20% 20%,#4e6941 0 3%,transparent 4%),radial-gradient(circle at 33% 43%,#263d29 0 3.8%,transparent 4.8%),radial-gradient(circle at 58% 34%,#547543 0 2.5%,transparent 3.5%),radial-gradient(circle at 68% 72%,#203626 0 5%,transparent 6%),radial-gradient(circle,#324e31 0 37%,transparent 38%);opacity:.87}.terrain-ridge{top:16%;right:-11%;width:49%;height:31%;border-radius:38% 8% 42% 61%;transform:rotate(-13deg);background:radial-gradient(ellipse at 27% 43%,#6f765f 0 10%,#435746 11% 24%,transparent 25%),radial-gradient(ellipse at 65% 60%,#7d775c 0 13%,#384a39 14% 29%,transparent 30%);opacity:.82}.terrain-water{bottom:9%;left:-13%;width:69%;height:21%;border-radius:50%;transform:rotate(7deg);background:linear-gradient(20deg,transparent 11%,rgba(53,114,109,.51) 12% 36%,rgba(169,182,123,.22) 37% 44%,transparent 45%);filter:blur(1px)}
.city-command-header{position:absolute;z-index:8;top:0;left:0;right:0;min-height:66px;display:grid;grid-template-columns:minmax(150px,.8fr) minmax(0,2.4fr) 43px;align-items:center;gap:8px;padding:8px 11px calc(8px + env(safe-area-inset-top));border-bottom:1px solid rgba(229,193,112,.47);background:linear-gradient(180deg,rgba(5,12,9,.97),rgba(11,25,16,.78));backdrop-filter:blur(14px)}.city-profile{display:flex;align-items:center;gap:8px;min-width:0;padding:0;background:transparent;border:0;color:var(--text);text-align:left;cursor:pointer}.city-profile>b{width:43px;height:43px;display:grid;place-items:center;flex:0 0 auto;border:2px solid var(--gold-hi);border-radius:50%;background:radial-gradient(circle at 38% 28%,#d5b27b 0 10%,#7a4b2d 11% 34%,#25180e 35%);box-shadow:0 0 0 2px rgba(11,25,16,.92),0 4px 16px rgba(0,0,0,.55);color:#f3dfaf;font:700 19px Georgia,serif}.city-profile span,.city-event span{min-width:0;display:grid;gap:1px}.city-profile strong{overflow:hidden;color:#f6e8c4;text-overflow:ellipsis;white-space:nowrap;font:700 12px Georgia,serif}.city-profile small{overflow:hidden;color:#b8c3a2;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.city-hud-resources{display:flex;align-items:center;justify-content:space-around;min-width:0;height:38px;padding:0 7px;border:1px solid rgba(239,205,126,.33);border-radius:7px;background:linear-gradient(90deg,rgba(70,50,27,.78),rgba(27,45,27,.9));box-shadow:inset 0 1px rgba(255,242,190,.08)}.city-hud-resources span{display:flex;align-items:center;gap:3px;color:#d7ba7a;font-size:11px;white-space:nowrap}.city-hud-resources b{color:#fff0c8;font:700 11px Georgia,serif}.city-notice{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(239,205,126,.6);border-radius:50%;background:radial-gradient(circle,#ad7147,#3b2518 58%,#15140c 60%);box-shadow:0 3px 12px rgba(0,0,0,.55);color:#ffe9a9;cursor:pointer}
.city-left-rail,.city-right-rail{position:absolute;z-index:6;display:grid;gap:10px}.city-left-rail{top:92px;left:10px}.city-right-rail{top:87px;right:10px;width:min(188px,30vw)}.city-rail-button,.city-event{border:1px solid rgba(235,197,112,.62);background:linear-gradient(145deg,rgba(60,43,23,.92),rgba(16,31,19,.95));box-shadow:0 7px 18px rgba(0,0,0,.35),inset 0 1px rgba(255,234,172,.13);color:#f7e9c8;cursor:pointer}.city-rail-button{width:62px;min-height:62px;display:grid;place-items:center;gap:1px;padding:5px;border-radius:16px 16px 10px 10px}.city-rail-button b{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#84713a;color:#251b0d;font:700 18px Georgia,serif}.city-rail-button span{font:700 9px Georgia,serif;line-height:1.02}.city-event{display:flex;align-items:center;gap:8px;min-height:58px;padding:6px 9px;border-radius:11px;text-align:left}.city-event>b{width:37px;height:37px;display:grid;place-items:center;flex:0 0 auto;border-radius:11px;background:linear-gradient(145deg,#e6bd63,#8d5b2e);box-shadow:inset 0 1px rgba(255,245,191,.5);color:#31200d;font:700 21px Georgia,serif}.city-event strong{color:#f9e8c5;font:700 12px Georgia,serif}.city-event small{display:block;overflow:hidden;color:#c1c5a9;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.city-event-active{border-color:#f2cb77;animation:cityPulse 2.4s ease-in-out infinite}@keyframes cityPulse{50%{box-shadow:0 0 0 4px rgba(233,190,96,.12),0 7px 18px rgba(0,0,0,.4)}}
.city-kingdom-map{position:absolute;inset:66px 0 63px;min-height:0!important;border:0!important;border-radius:0!important;background:linear-gradient(157deg,rgba(21,46,27,.1),rgba(5,17,11,.2))!important}.city-kingdom-map:after{content:"";position:absolute;inset:10% 6% 5%;pointer-events:none;border:1px solid rgba(225,198,129,.13);border-radius:47% 38% 39% 44%;transform:rotate(-7deg);box-shadow:0 0 0 13px rgba(177,150,88,.035),0 0 0 28px rgba(177,150,88,.026)}.city-kingdom-map .village-road{z-index:0;height:22px;opacity:.84;background:linear-gradient(180deg,#c9b47a,#706540 45%,#bca76e);box-shadow:0 2px 0 rgba(18,27,15,.42),0 0 0 2px rgba(47,53,31,.34)}.city-kingdom-map .road-a{top:50%;transform:rotate(17deg)}.city-kingdom-map .road-b{top:43%;transform:rotate(-37deg)}.city-citadel{position:absolute;z-index:2;left:50%;top:52%;display:grid;place-items:center;translate:-50% -50%;width:122px;height:116px;border:2px solid #b69b60;border-radius:38% 38% 15% 15%;background:radial-gradient(ellipse at 50% 20%,#ccc29c 0 8%,transparent 9%),linear-gradient(135deg,#71765f,#343f34 42%,#1b261f 43%);box-shadow:0 13px 0 -5px rgba(11,24,15,.6),0 18px 20px rgba(0,0,0,.42),inset 0 0 0 5px rgba(231,213,167,.12);color:#eee2b8}.city-citadel:before,.city-citadel:after{content:"";position:absolute;bottom:32px;width:26px;height:66px;border:2px solid #a58f5d;background:linear-gradient(135deg,#78806a,#253028);box-shadow:inset 0 0 0 3px rgba(228,205,147,.12)}.city-citadel:before{left:-20px;border-radius:10px 5px 0 0}.city-citadel:after{right:-20px;border-radius:5px 10px 0 0}.city-citadel i{position:relative;z-index:2;font:49px Georgia,serif;text-shadow:0 4px 5px #1c241c;font-style:normal}.city-citadel span{position:absolute;z-index:2;bottom:9px;color:#fff0c5;font:700 9px Georgia,serif;text-shadow:0 1px 2px #000}.city-kingdom-map .village-parcel{z-index:3;width:88px;min-height:70px;padding:6px 4px;border-color:rgba(250,221,146,.7);border-radius:21px 21px 9px 9px;background:linear-gradient(145deg,rgba(119,102,66,.94),rgba(29,48,30,.95) 54%,rgba(12,23,16,.96));box-shadow:0 9px 0 -5px rgba(8,16,10,.58),0 14px 16px rgba(0,0,0,.36),inset 0 1px rgba(255,239,181,.18)}.city-kingdom-map .village-parcel:before{content:"";position:absolute;top:-8px;left:17px;right:17px;height:17px;clip-path:polygon(50% 0,100% 100%,0 100%);background:#8c5936}.city-kingdom-map .village-parcel.selected{border-color:#ffe6a0;box-shadow:0 0 0 3px rgba(255,215,121,.24),0 9px 0 -5px rgba(8,16,10,.58),0 14px 20px rgba(0,0,0,.42)}.city-kingdom-map .village-parcel.locked{filter:saturate(.25);opacity:.6}.city-kingdom-map .parcel-icon{position:relative;z-index:1;font-size:20px;text-shadow:0 2px 3px #000}.city-kingdom-map .village-parcel strong{position:relative;z-index:1;font-size:9px;text-shadow:0 1px 2px #000}.city-kingdom-map .village-parcel em{position:relative;z-index:1;font-size:9px}
.city-building-sheet{position:absolute;z-index:8;left:50%;bottom:66px;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:9px;width:min(660px,calc(100% - 136px));padding:8px 10px;translate:-50% 0;border:1px solid rgba(239,203,125,.6);border-radius:13px;background:linear-gradient(100deg,rgba(13,29,18,.97),rgba(42,52,27,.95));box-shadow:0 8px 24px rgba(0,0,0,.42),inset 0 1px rgba(255,244,196,.12)}.city-sheet-icon{width:42px;height:42px;border:1px solid #bd9b57;border-radius:10px;background:linear-gradient(145deg,#765135,#283f2d);color:#f7d47f;font:700 23px Georgia,serif;cursor:pointer}.city-building-copy{display:grid;min-width:0;gap:1px}.city-building-copy p{margin:0;overflow:hidden;color:#d7b96f;text-overflow:ellipsis;white-space:nowrap;font-size:8px;letter-spacing:.12em}.city-building-copy h2{margin:0;overflow:hidden;color:#fff0cb;text-overflow:ellipsis;white-space:nowrap;font:700 15px Georgia,serif}.city-building-copy strong{color:#d5e3ae;font-size:10px}.city-building-copy span{overflow:hidden;color:#bac1a6;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.city-upgrade-button,.city-primary-action{border:1px solid #f0c56c;border-radius:8px;background:linear-gradient(145deg,#efc66e,#a76631);box-shadow:inset 0 1px rgba(255,247,196,.5);color:#281b0d;padding:9px 12px;font-weight:800;font-size:11px;text-decoration:none;cursor:pointer}.city-upgrade-button:disabled{border-color:#53604c;background:#263229;color:#9ea592;box-shadow:none;cursor:not-allowed}.city-command-dock{position:absolute;z-index:9;right:10px;bottom:7px;display:flex;align-items:end;gap:7px}.city-command-dock button{display:grid;place-items:center;gap:2px;min-width:49px;padding:2px;border:0;background:transparent;color:#f4e4bc;cursor:pointer}.city-command-dock b{width:39px;height:39px;display:grid;place-items:center;border:1px solid #e6be6c;border-radius:50%;background:radial-gradient(circle at 34% 24%,#c99c50 0 12%,#663e24 13% 45%,#171b12 46%);box-shadow:0 3px 9px rgba(0,0,0,.55),inset 0 1px rgba(255,246,184,.35);color:#ffe8a4;font:700 18px Georgia,serif}.city-command-dock span{font:700 8px Georgia,serif;text-shadow:0 1px 2px #000}
.city-utility-sheet[hidden]{display:none}.city-utility-sheet{position:fixed;z-index:30;inset:0;display:grid;place-items:end center;padding:18px;padding-bottom:max(18px,env(safe-area-inset-bottom))}.city-utility-backdrop{position:absolute;inset:0;background:rgba(3,10,6,.72);backdrop-filter:blur(4px)}.city-utility-panel{position:relative;width:min(620px,100%);max-height:min(72dvh,700px);overflow:auto;padding:22px;border:1px solid rgba(244,207,125,.75);border-radius:20px 20px 14px 14px;background:linear-gradient(165deg,#233d2b,#111e16 70%);box-shadow:0 -14px 45px rgba(0,0,0,.5)}.city-utility-panel>p{margin:0 0 5px;color:#e1bd74;font-size:9px;letter-spacing:.17em}.city-utility-panel>h2{margin:0 0 14px;color:#fff0ca;font:26px Georgia,serif}.city-utility-close{position:absolute;top:12px;right:13px;width:30px;height:30px;border:1px solid #7d7552;border-radius:50%;background:#15251a;color:#f7df9e;font-size:22px;cursor:pointer}.city-utility-content{display:grid;gap:10px;color:#d8dcc2}.city-utility-content>p{margin:0;color:#aebaa5;font-size:13px}.city-detail-card,.city-result-card{display:flex;align-items:center;gap:12px;padding:11px;border:1px solid #586849;border-radius:11px;background:rgba(4,15,9,.32)}.city-detail-card>b,.city-result-card>b{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;background:#72522f;color:#f4d781;font:22px Georgia,serif}.city-detail-card div{display:grid;gap:3px}.city-detail-card strong,.city-result-card strong{color:#fff0c7;font:16px Georgia,serif}.city-detail-card span,.city-result-card span{color:#b8c5a6;font-size:12px}.city-cost-row{display:flex;flex-wrap:wrap;gap:6px}.city-cost-row span{padding:6px;border:1px solid #526448;border-radius:7px;color:#efd28a;font-size:11px}.city-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.city-stat-grid span{display:grid;gap:4px;padding:10px;border:1px solid #4d6145;border-radius:9px;color:#aeb9a3;font-size:11px}.city-stat-grid b{color:#ffe5a3;font:18px Georgia,serif}.city-target-list,.city-action-list{display:grid;gap:8px}.city-target-card,.city-action-card,.city-report-card,.city-train-card,.city-quest-card{display:flex;align-items:center;gap:10px;width:100%;min-height:54px;padding:8px 10px;border:1px solid #536947;border-radius:10px;background:rgba(6,18,11,.44);color:#eae4cc;text-align:left}.city-target-card,.city-action-card,.city-report-card{cursor:pointer}.city-target-card>b,.city-action-card>b,.city-report-card>b{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:9px;background:#6f5630;color:#ffe09a;font:20px Georgia,serif}.city-target-card span,.city-action-card span,.city-report-card span,.city-train-card span,.city-quest-card span{display:grid;gap:3px;min-width:0}.city-target-card strong,.city-action-card strong,.city-report-card strong,.city-train-card strong,.city-quest-card strong{overflow:hidden;color:#fff0ca;text-overflow:ellipsis;white-space:nowrap;font:15px Georgia,serif}.city-target-card small,.city-action-card small,.city-report-card small,.city-train-card small,.city-quest-card small{color:#b4c0a4;font-size:11px}.city-action-card:disabled,.city-train-card button:disabled,.city-quest-card button:disabled{opacity:.55;cursor:not-allowed}.city-attack-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.city-attack-inputs label{display:grid;gap:5px;color:#c4cdb2;font-size:12px}.city-attack-inputs input,.city-train-card input{width:100%;border:1px solid #677454;border-radius:7px;background:#0b1810;color:#fff0c8;padding:7px;font:inherit}.city-train-card{justify-content:space-between}.city-train-card>span{margin-right:auto}.city-train-card input{width:60px}.city-train-card button,.city-quest-card button{border:1px solid #e6be6c;border-radius:7px;background:#8d5b2e;color:#fcedbd;padding:7px 9px;cursor:pointer}.city-quest-card{justify-content:space-between}.city-message-card{display:grid;gap:3px;padding:10px;border-bottom:1px solid #475d43}.city-message-card strong{color:#ffe3a1;font:15px Georgia,serif}.city-message-card span{color:#bec6b0;font-size:12px}.city-result-card{display:grid;justify-items:center;text-align:center}.city-result-card b{margin:auto}
@media(max-width:760px){.city-command-page .game-shell{display:block}.city-command-page .sidebar{display:none}.city-command-page .main-content{padding:0}.city-command-header{grid-template-columns:minmax(115px,1fr) minmax(0,1.75fr) 36px;min-height:60px;padding:6px 8px calc(6px + env(safe-area-inset-top))}.city-profile>b{width:37px;height:37px;font-size:16px}.city-profile strong{font-size:11px}.city-profile small{font-size:8px}.city-hud-resources{height:33px;padding:0 4px}.city-hud-resources span{gap:1px;font-size:9px}.city-hud-resources b{font-size:9px}.city-hud-resources span:nth-child(4),.city-hud-resources span:nth-child(5){display:none}.city-notice{width:33px;height:33px}.city-kingdom-map{inset:60px 0 58px}.city-left-rail{top:75px;left:7px;gap:7px}.city-right-rail{top:74px;right:7px;width:min(144px,38vw);gap:6px}.city-rail-button{width:48px;min-height:48px;border-radius:12px 12px 8px 8px}.city-rail-button b{width:25px;height:25px;font-size:15px}.city-rail-button span{font-size:7px}.city-event{min-height:45px;gap:5px;padding:4px 5px;border-radius:8px}.city-event>b{width:31px;height:31px;border-radius:8px;font-size:16px}.city-event strong{font-size:10px}.city-event small{font-size:8px}.city-kingdom-map .village-parcel{width:65px;min-height:53px;padding:4px 2px;border-radius:16px 16px 7px 7px}.city-kingdom-map .village-parcel:before{top:-6px;left:12px;right:12px;height:13px}.city-kingdom-map .parcel-icon{font-size:15px}.city-kingdom-map .village-parcel strong{font-size:7px}.city-kingdom-map .village-parcel em{font-size:7px}.city-citadel{width:92px;height:87px}.city-citadel i{font-size:36px}.city-citadel:before,.city-citadel:after{bottom:25px;width:19px;height:47px}.city-citadel:before{left:-15px}.city-citadel:after{right:-15px}.city-citadel span{bottom:6px;font-size:7px}.city-building-sheet{bottom:58px;width:calc(100% - 16px);grid-template-columns:36px minmax(0,1fr) auto;gap:6px;padding:6px 7px}.city-sheet-icon{width:34px;height:34px;font-size:18px}.city-building-copy p{font-size:7px}.city-building-copy h2{font-size:12px}.city-building-copy strong,.city-building-copy span{font-size:8px}.city-upgrade-button{padding:7px 8px;font-size:9px}.city-command-dock{left:2px;right:2px;bottom:4px;justify-content:space-around;gap:0}.city-command-dock button{min-width:0;width:20%;padding:0}.city-command-dock b{width:34px;height:34px;font-size:15px}.city-command-dock span{font-size:7px}.city-utility-sheet{padding:8px}.city-utility-panel{padding:18px 15px}.city-utility-panel>h2{font-size:23px}.terrain-ridge{top:14%;right:-19%;width:67%}.terrain-forest{top:20%;left:-19%;width:66%}}