:root{color:#f5eddc;background:#101723;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 50% 0%,rgba(79,105,156,.5),transparent 35%),linear-gradient(180deg,#121a28,#0b1119 70%)}button{border:0;font:inherit}.app-shell{width:min(100%,980px);margin:0 auto;padding:16px}.game-hud{position:sticky;top:0;z-index:6;display:grid;grid-template-columns:minmax(152px,.95fr) minmax(0,2.1fr);gap:8px;margin:-8px -8px 12px;border:1px solid rgba(240,202,111,.36);border-radius:8px;padding:8px;background:linear-gradient(180deg,#141a27f2,#080c15eb),radial-gradient(circle at 15% 0%,rgba(231,179,63,.2),transparent 34%);box-shadow:inset 0 1px #ffffff1c,0 16px 34px #00000057;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.commander-badge{display:grid;grid-template-columns:50px minmax(0,1fr);gap:8px;align-items:center;min-width:0}.commander-badge__portrait{position:relative;display:grid;place-items:center;width:50px;height:58px;border:2px solid #f0ca6f;border-radius:8px;color:#ffe9a6;background:radial-gradient(circle at 50% 25%,rgba(106,177,229,.62),transparent 28%),linear-gradient(145deg,#516182,#151d2e 58%,#765027);font-size:1.2rem;font-weight:1000;box-shadow:inset 0 0 0 2px #24140ba8,0 8px 16px #00000047}.commander-badge__portrait:before{position:absolute;top:-9px;left:50%;width:22px;height:22px;border:2px solid #2c1b0f;border-radius:50%;color:#2c1b0f;background:linear-gradient(180deg,#ffe48d,#c99022);content:"*";display:grid;place-items:center;font-size:.9rem;line-height:1;transform:translate(-50%)}.commander-badge__body{display:grid;gap:5px;min-width:0}.commander-badge__title{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.commander-badge__title span,.hud-resource small,.hud-stats small,.hud-queue span{color:#c8aa62;font-size:.66rem;font-weight:1000;letter-spacing:0;text-transform:uppercase}.commander-badge__title strong{color:#7fd2ef;font-size:.88rem}.commander-badge small{overflow:hidden;color:#d8dfed;font-size:.72rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.meter--xp span{background:linear-gradient(90deg,#33a1d4,#ffe48d)}.hud-resources{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;min-width:0}.hud-resource{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:6px;align-items:center;overflow:hidden;min-width:0;border:1px solid rgba(240,202,111,.28);border-radius:999px;padding:5px 8px 7px 5px;background:linear-gradient(180deg,#41362ce6,#101622eb)}.hud-resource__icon{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;color:#2a180a;background:linear-gradient(180deg,#ffe28b,#c99525);font-weight:1000;box-shadow:inset 0 -2px #59360c47}.hud-resource strong{display:block;overflow:hidden;color:#fff3c8;font-size:.9rem;line-height:1.05;text-overflow:ellipsis;white-space:nowrap}.hud-resource__capacity{align-self:end;color:#b7c1d1;font-size:.66rem;font-weight:900}.hud-resource__meter{position:absolute;left:39px;right:8px;bottom:4px;height:3px}.hud-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.hud-stats>div,.hud-queue{min-width:0;border:1px solid rgba(240,202,111,.22);border-radius:8px;padding:7px 8px;background:#ffffff12}.hud-stats strong{display:block;overflow:hidden;color:#f5eddc;font-size:.95rem;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.hud-queues{display:grid;grid-column:1 / -1;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.hud-queue{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;align-items:center}.hud-queue strong{display:block;overflow:hidden;color:#fff3c8;font-size:.82rem;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.hud-queue small{color:#7fd2ef;font-size:.75rem;font-weight:1000}.hud-queue .meter{grid-column:1 / -1;height:4px}.hud-queue--empty{grid-template-columns:minmax(0,1fr) auto}.top-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.eyebrow{margin:0 0 3px;color:#c8aa62;font-size:.78rem;font-weight:800;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:1.8rem}.save-chip,.status{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:.78rem;font-weight:800}.save-chip,.status--ready{color:#f2dfaa;background:#465c86b8}.status--busy{color:#ffe2a1;background:#754527d1}.resource-bar{position:sticky;top:0;z-index:4;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:8px 0 12px;background:#101723eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.resource-pill,.building-card,.action-log,.debug-panel,.system-panel,.modal{border:1px solid #d1decf;border-radius:8px;background:linear-gradient(180deg,#222d3ff2,#141c29f5);box-shadow:0 10px 28px #00000038;border-color:#d3b36442}.resource-pill{min-width:0;padding:10px}.resource-pill__top{display:flex;gap:6px;align-items:center;font-size:.78rem}.resource-pill__icon{color:#e5c46c}.resource-pill__value{margin:7px 0 5px;font-size:.86rem;font-weight:800;white-space:nowrap}.resource-pill small{color:#b7c1d1;font-weight:700}.meter{overflow:hidden;height:6px;border-radius:999px;background:#dce6db;background:#ffffff24}.meter span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2c8d4b,#76b852);background:linear-gradient(90deg,#9e7f35,#4fb5d2)}.toast{margin:0 0 12px;border:1px solid #bcd9b9;border-radius:8px;padding:11px 12px;color:#f5eddc;background:#1f3046f2;font-weight:700}.city-section{display:grid;gap:10px;margin-top:6px;min-width:0}.city-map-viewport{position:relative;overflow:hidden;width:100%;min-width:0;height:min(68vh,560px);min-height:500px;border:1px solid #c9d7c5;border-radius:8px;border-color:#d3b36466;background:radial-gradient(circle at 50% 34%,rgba(52,85,108,.28),transparent 34%),linear-gradient(180deg,#131d2be6,#070b12fa);box-shadow:0 14px 34px #00000047;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.city-map-viewport:active{cursor:grabbing}.city-map-controls{position:absolute;top:10px;right:10px;z-index:20;display:flex;align-items:center;gap:6px;border:1px solid rgba(226,193,112,.5);border-radius:8px;padding:5px;color:#f7ecd1;background:#0d121ddb;box-shadow:0 8px 20px #00000047;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.city-map-controls button{min-width:32px;border:1px solid rgba(226,193,112,.48);border-radius:7px;padding:6px 9px;color:#f7ecd1;background:linear-gradient(180deg,#3a2c1ef0,#181f2df5);font-weight:900;cursor:pointer}.city-map-controls span{min-width:46px;font-size:.72rem;font-weight:900;text-align:center}.city-map{position:absolute;top:0;left:0;overflow:hidden;width:920px;height:660px;min-height:660px;background-size:cover;background-position:center;box-shadow:inset 0 -40px 90px #04080e8c,inset 0 0 0 1000px #060a122e;transform-origin:0 0;will-change:transform}.city-map__skyline{position:absolute;inset:0 0 auto;height:100%;background:radial-gradient(circle at 50% 38%,transparent 0 34%,rgba(7,10,18,.18) 54%,rgba(7,10,18,.55) 100%),linear-gradient(180deg,#7caae42e,#090c1447);pointer-events:none}.city-map__wall{position:absolute;display:none;left:8%;right:8%;height:26px;border-radius:7px;background:repeating-linear-gradient(90deg,#a79a82 0 18px,#756d62 18px 22px),#887d6c;box-shadow:0 8px #0f141c47;opacity:.38;transform:skew(-18deg)}.city-map__wall--top{top:58px}.city-map__wall--bottom{bottom:42px}.city-map__road{position:absolute;display:none;border-radius:999px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.15) 0 18px,transparent 18px 32px),#998052b3;box-shadow:inset 0 0 0 5px #ffe2a114;opacity:.48}.city-map__road--main{left:13%;right:13%;top:52%;height:42px;transform:rotate(-23deg)}.city-map__road--cross{left:46%;top:17%;bottom:16%;width:38px;transform:rotate(24deg)}.city-map__plaza{position:absolute;display:none;left:38%;top:38%;width:24%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(92,191,222,.82) 0 16%,rgba(220,195,121,.9) 17% 45%,rgba(105,77,47,.75) 46% 58%,transparent 59%),#d9c88ab3;box-shadow:0 12px 24px #00000047;opacity:.54}.city-building{position:absolute;z-index:2;display:block;width:104px;min-height:148px;border:0;padding:0;background:transparent;color:#f7ecd1;cursor:pointer;transform:translate(-50%,-50%);transition:transform .14s ease,filter .14s ease}.city-building:active{transform:translate(-50%,-50%) scale(.97)}.city-building__base{position:absolute;left:50%;bottom:21px;width:104px;height:30px;border-radius:50%;background:radial-gradient(ellipse,rgba(2,4,8,.56) 0 46%,rgba(2,4,8,.18) 66%,transparent 72%),radial-gradient(ellipse,rgba(109,86,48,.36) 0 50%,transparent 70%);filter:blur(.5px);transform:translate(-50%)}.city-building__sprite{position:relative;display:block;margin:0 auto;width:112px;height:auto;object-fit:contain;filter:drop-shadow(0 18px 14px rgba(0,0,0,.54)) drop-shadow(0 0 12px rgba(87,185,244,.14));pointer-events:none}.city-building__label{position:absolute;left:50%;bottom:0;display:grid;gap:1px;min-width:86px;border:1px solid rgba(226,193,112,.62);border-radius:8px;padding:5px 7px;color:#f7ecd1;background:linear-gradient(180deg,#34291ef0,#0f1521f0);box-shadow:0 8px 18px #00000042;font-size:.72rem;font-weight:900;line-height:1.1;text-shadow:0 1px 1px rgba(0,0,0,.72);transform:translate(-50%)}.city-building__label strong{color:#7fd2ef;font-size:.68rem}.city-building__badge{position:absolute;top:6px;right:-2px;border-radius:999px;padding:4px 7px;color:#24170d;background:#eac76e;font-size:.66rem;font-weight:900;box-shadow:0 5px 12px #5b420c2e}.city-building--busy{filter:saturate(1.1) drop-shadow(0 0 13px rgba(239,199,101,.35))}.city-building--townHall{left:50%;top:43%;width:170px;min-height:190px;z-index:4}.city-building--townHall .city-building__sprite{width:176px}.city-building--mine{left:18%;top:66%;z-index:5}.city-building--mine .city-building__sprite{width:130px}.city-building--powerPlant{left:82%;top:62%;z-index:5}.city-building--powerPlant .city-building__sprite{width:134px}.city-building--warehouse{left:24%;top:38%;z-index:3}.city-building--warehouse .city-building__sprite{width:126px}.city-building--researchCenter{left:72%;top:36%;z-index:3}.city-building--researchCenter .city-building__sprite{width:132px}.city-building--barracks{left:47%;top:76%;z-index:6}.city-building--barracks .city-building__sprite{width:138px}.city-building--trainingGround{left:69%;top:78%;z-index:6}.city-building--trainingGround .city-building__sprite{width:124px}.city-building--olympus{left:52%;top:7%;width:150px;z-index:2}.city-building--olympus .city-building__sprite{width:168px}.city-building--workshop{left:29%;top:83%;z-index:7}.city-building--workshop .city-building__sprite{width:118px}.city-quick-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.city-quick-card{display:grid;gap:4px;border:1px solid #d1decf;border-radius:8px;padding:9px;color:#f5eddc;background:linear-gradient(180deg,#222d3ff2,#141c29f5);text-align:left;box-shadow:0 8px 20px #2a3c2d0f;cursor:pointer}.city-quick-card>span{font-weight:900}.city-quick-card>strong{color:#b7c1d1;font-size:.78rem}.overview-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 12px;padding:12px}.overview-panel>div{border-radius:8px;padding:10px;background:#ffffff0f}.overview-panel small,.panel-heading small,.compact-row small{color:#b7c1d1;font-weight:800}.overview-panel strong{display:block;margin-top:4px;font-size:1.05rem}.systems-grid,.world-ui{display:grid;gap:12px;margin-top:14px}.system-panel{padding:13px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.panel-heading h2{margin-bottom:0;font-size:1.05rem}.active-strip{display:grid;gap:8px;border-radius:8px;margin-bottom:10px;padding:10px;background:#7e582a57}.compact-list{display:grid;gap:9px}.compact-row{display:grid;grid-template-columns:minmax(0,1fr);gap:9px;border-radius:8px;padding:10px;background:#ffffff0f}.compact-row h3{margin-bottom:4px;font-size:.96rem}.compact-row h3 span{color:#b7c1d1;font-size:.82rem}.compact-row p{margin-bottom:6px;color:#b7c1d1;font-size:.84rem}.compact-row button{min-height:40px;border-radius:8px;padding:9px 10px;color:#fff;background:linear-gradient(180deg,#567aa9,#2a466d);font-size:.86rem;font-weight:900;cursor:pointer}.compact-row button:disabled{cursor:not-allowed;color:#8993a4;background:#ffffff1a}.sector-map{display:grid;gap:10px}.sector-node{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:9px;border:1px solid rgba(211,179,100,.22);border-radius:8px;padding:11px;background:linear-gradient(135deg,rgba(37,111,66,.08),transparent 55%),#ffffff0f}.sector-node--done{border-color:#9fc79d;background:#4d6b8938}.sector-node h3{margin-bottom:4px;font-size:.96rem}.sector-node p{margin-bottom:6px;color:#b7c1d1;font-size:.84rem}.sector-node small{color:#b7c1d1;font-weight:800}.sector-node button{min-height:40px;border-radius:8px;padding:9px 10px;color:#fff;background:linear-gradient(180deg,#7660a7,#39446d);font-size:.86rem;font-weight:900;cursor:pointer}.sector-node button:disabled{cursor:not-allowed;color:#8993a4;background:#ffffff1a}.building-card{display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px;padding:12px;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease}.building-card:active{transform:scale(.99)}.building-card__symbol{display:grid;place-items:center;width:44px;height:44px;border-radius:8px;color:#fff;background:linear-gradient(145deg,#2b7a4b,#88a34a);font-size:1.25rem;font-weight:900}.building-card__body{min-width:0}.building-card__header{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.building-card h2{margin-bottom:2px;font-size:1rem}.building-card__header span{color:#b7c1d1;font-size:.8rem;font-weight:800}.building-card p{margin-bottom:8px;color:#b7c1d1;font-size:.84rem}.building-card__effect{display:grid;gap:2px;margin-bottom:8px}.building-card__effect small,.detail-grid small,.upgrade-box h3{color:#b7c1d1;font-size:.74rem;font-weight:800;text-transform:uppercase}.ghost-button{grid-column:1 / -1;border-radius:8px;padding:9px 10px;color:#f2dfaa;background:#567aa947;font-weight:900}.upgrade-timer{display:grid;gap:6px}.timer-row{display:grid;grid-template-columns:44px minmax(0,1fr);gap:8px;align-items:center;font-size:.78rem;font-weight:800}.meter--timer span{background:linear-gradient(90deg,#d69328,#f0bf4a)}.action-log,.debug-panel{margin-top:14px;padding:13px}.action-log h2,.debug-panel h2{margin-bottom:9px;font-size:1rem}.action-log ul{display:grid;gap:7px;margin:0;padding:0;list-style:none}.action-log li{border-left:3px solid #c8aa62;padding-left:8px;color:#d8dfed;font-size:.86rem}.debug-panel__buttons{display:grid;grid-template-columns:1fr;gap:8px}.debug-panel button,.primary-button{border-radius:8px;padding:11px 12px;color:#fff;background:linear-gradient(180deg,#567aa9,#2a466d);font-weight:900;cursor:pointer}.debug-panel button:nth-child(2){background:#8c3b33}.debug-panel button:nth-child(3){background:#315b88}.primary-button:disabled{cursor:not-allowed;color:#8993a4;background:#ffffff1a}.modal-backdrop{position:fixed;inset:0;z-index:10;display:grid;align-items:end;padding:16px;background:#04070cb8}.modal{position:relative;width:min(100%,760px);max-height:min(92vh,840px);margin:0 auto;overflow:auto;padding:18px}.modal__close{position:absolute;top:10px;right:10px;width:34px;height:34px;border-radius:8px;color:#f5eddc;background:#ffffff1f;font-size:1.4rem;cursor:pointer}.modal__hero{display:flex;gap:12px;align-items:center;margin-bottom:12px}.modal__hero>span{display:grid;place-items:center;width:52px;height:52px;border-radius:8px;color:#fff;background:linear-gradient(145deg,#566a8d,#2a3552);font-size:1.5rem;font-weight:900}.modal__hero h2{margin-bottom:2px}.modal__hero p,.modal__description{color:#b7c1d1}.building-command{display:grid;gap:4px;border:1px solid rgba(211,179,100,.22);border-radius:8px;margin:12px 0;padding:11px;background:linear-gradient(135deg,rgba(85,118,168,.16),transparent 62%),#ffffff0f}.building-command small{color:#c8aa62;font-size:.72rem;font-weight:900;text-transform:uppercase}.building-command strong{color:#f5eddc}.building-command p{margin:0;color:#b7c1d1;font-size:.86rem}.building-actions{display:grid;gap:12px;margin-top:16px;padding-top:14px;border-top:1px solid rgba(211,179,100,.2)}.building-actions>.system-panel,.building-actions .overview-panel{border-color:#d3b36438;background:linear-gradient(180deg,#1f2a3deb,#0f1521eb)}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}.detail-grid>div,.upgrade-box{border-radius:8px;padding:11px;background:#ffffff0f}.detail-grid strong{display:block;margin-top:5px}.upgrade-box{margin:14px 0}.upgrade-box ul{display:grid;gap:6px;margin:8px 0;padding:0;list-style:none}.upgrade-box li{display:flex;justify-content:space-between;gap:12px}.upgrade-box p{margin-bottom:0}.warning-text{margin-top:8px;color:#8c3b33;font-weight:800}@media(min-width:720px){.app-shell{padding:24px}.game-hud{grid-template-columns:minmax(180px,.85fr) minmax(0,2fr) minmax(150px,.8fr);margin:-10px 0 14px}.hud-queues{grid-template-columns:repeat(3,minmax(0,1fr))}.city-map-viewport{height:620px}.city-map{width:1180px;height:780px;min-height:780px}.city-building{width:140px}.city-building__sprite{width:146px}.city-building__base{width:132px;height:36px}.city-building--townHall{top:43%;width:210px;min-height:230px}.city-building--townHall .city-building__sprite{width:218px}.city-building--mine .city-building__sprite{width:154px}.city-building--powerPlant .city-building__sprite{width:162px}.city-building--warehouse .city-building__sprite{width:150px}.city-building--researchCenter .city-building__sprite{width:158px}.city-building--barracks .city-building__sprite{width:166px}.city-building--trainingGround .city-building__sprite{width:150px}.city-building--olympus .city-building__sprite{width:196px}.city-building--workshop .city-building__sprite{width:142px}.city-quick-list{grid-template-columns:repeat(3,minmax(0,1fr))}.overview-panel{grid-template-columns:repeat(4,minmax(0,1fr))}.systems-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-row,.sector-node{grid-template-columns:minmax(0,1fr) 110px;align-items:center}.debug-panel__buttons{grid-template-columns:repeat(3,minmax(0,1fr))}.modal-backdrop{align-items:center}}@media(max-width:560px){.app-shell{padding:10px}.game-hud{grid-template-columns:1fr;margin:-4px 0 10px}.commander-badge{width:min(100%,360px)}.commander-badge__body{max-width:292px}.hud-resources{grid-template-columns:repeat(3,minmax(0,108px))}.hud-resource{grid-template-columns:24px minmax(0,1fr);gap:5px;padding:5px 6px 7px 4px}.hud-resource__icon{width:24px;height:24px}.hud-resource small,.hud-resource__capacity{display:none}.hud-resource strong{font-size:.78rem}.hud-resource__meter{left:33px;right:7px}.hud-queues{grid-template-columns:1fr}.city-map-viewport{height:520px;min-height:520px}.city-map{width:780px;height:620px;min-height:620px}.city-map-controls{top:8px;right:auto;left:8px;gap:4px;padding:4px}.city-map-controls button{min-width:28px;padding:5px 7px}.city-map-controls span{min-width:40px}}@media(max-width:390px){.city-map-viewport{height:520px}.city-map{width:760px;height:610px;min-height:610px}.city-building{width:92px;min-height:120px}.city-building__sprite,.city-building--mine .city-building__sprite,.city-building--powerPlant .city-building__sprite,.city-building--warehouse .city-building__sprite,.city-building--researchCenter .city-building__sprite,.city-building--trainingGround .city-building__sprite,.city-building--olympus .city-building__sprite,.city-building--workshop .city-building__sprite,.city-building--barracks .city-building__sprite{width:92px}.city-building__label{min-width:74px;font-size:.66rem;padding:4px 6px}.city-building--townHall .city-building__sprite{width:126px}.city-building--townHall{top:43%;width:126px;min-height:148px}.city-building--mine{left:19%}.city-building--powerPlant{left:80%}.city-building--warehouse{left:22%}.city-building--workshop{left:27%;top:85%}.city-building--researchCenter{left:78%}.city-building--trainingGround{left:74%;top:78%}.city-building--olympus{left:51%;top:7%;width:108px;min-height:138px}.city-building--olympus .city-building__sprite{width:116px}}:root{color:#273445;background:#d9f2ff;font-family:Georgia,Times New Roman,ui-serif,serif}body{background:radial-gradient(circle at 50% -10%,rgba(130,217,255,.9),transparent 42%),linear-gradient(180deg,#8ddcff,#c6efff 36%,#eef7df);overflow-x:hidden}button{font-family:inherit}.app-shell{width:min(100%,1120px);min-width:0;padding:10px 10px 96px;overflow-x:hidden}.game-hud{grid-template-columns:minmax(210px,.95fr) minmax(0,2fr) minmax(180px,.7fr);gap:10px;margin:-4px 0 10px;border:2px solid rgba(105,126,161,.72);border-radius:0 0 18px 18px;padding:10px 12px;color:#fff7d4;background:linear-gradient(180deg,#213148fa,#0c1726fa),radial-gradient(circle at 18% 0%,rgba(255,207,72,.26),transparent 36%);box-shadow:inset 0 2px #ffffff24,0 10px #050c1629,0 18px 32px #0d2d5438;min-width:0;overflow:hidden}.commander-badge{grid-template-columns:76px minmax(0,1fr)}.commander-badge__portrait{width:76px;height:76px;border:4px solid #f7b935;border-radius:50%;color:#fff6ce;background:radial-gradient(circle at 42% 34%,#ffd5a6 0 11%,transparent 12%),radial-gradient(circle at 52% 35%,#784122 0 27%,transparent 28%),linear-gradient(145deg,#2c7fd5,#13253c 62%,#6b3d1d);box-shadow:inset 0 0 0 4px #19283f,0 0 0 2px #ffe88bcc,0 8px 18px #00000052}.commander-badge__portrait:before{top:2px;left:auto;right:-11px;width:34px;height:34px;border:3px solid #fff6bf;border-radius:8px;background:linear-gradient(180deg,#ffd85a,#d68b16);content:"*";transform:none}.commander-badge__title span,.hud-resource small,.hud-stats small,.hud-queue span{color:#ffdc71}.commander-badge__title strong,.hud-queue small{color:#aee8ff}.hud-resources{align-items:center;min-width:0}.hud-resource{min-width:0;border:2px solid rgba(99,118,150,.88);border-radius:18px;padding:8px 12px 12px 8px;color:#fff6d8;background:linear-gradient(180deg,#2a374efa,#101c2efc);box-shadow:inset 0 1px #ffffff29,0 8px 14px #08192d2e}.hud-resource:after{position:absolute;top:7px;right:7px;display:grid;place-items:center;width:24px;height:24px;border-radius:7px;color:#fff;background:linear-gradient(180deg,#82d339,#3f961d);content:"+";font-weight:1000;box-shadow:inset 0 1px #fff6}.hud-resource__icon{border-color:#fee08b;color:#8b560d;background:linear-gradient(180deg,#ffd766,#db8d18)}.hud-resource strong,.hud-stats strong,.hud-queue strong{color:#fff8dc;text-shadow:0 2px 0 rgba(0,0,0,.32)}.hud-stats>div,.hud-queue{border:2px solid rgba(99,118,150,.78);border-radius:14px;background:linear-gradient(180deg,#28354cf5,#101c2df5)}.hud-queues{grid-column:2 / 4}.meter{background:#09111db8;box-shadow:inset 0 1px 2px #0000006b}.meter span,.meter--xp span{background:linear-gradient(90deg,#1f9ee9,#68d5ff)}.meter--timer span{background:linear-gradient(90deg,#82d339,#d6ff58)}.city-map-viewport{height:min(69vh,650px);min-height:560px;border:3px solid rgba(255,238,164,.94);border-radius:18px;background:#9fe4ff;box-shadow:0 0 0 2px #254062b8,0 18px 32px #2a5b5f47}.city-map{width:1344px;height:768px;min-height:768px;box-shadow:inset 0 -24px 60px #2e55261f,inset 0 0 0 1000px #ffffff05}.city-map__skyline{background:transparent}.city-map-controls{top:12px;left:12px;right:auto;border:2px solid rgba(255,223,106,.8);border-radius:14px;color:#fff8dd;background:linear-gradient(180deg,#2e394ef5,#121f31f5)}.city-map-controls button{border-radius:10px;background:linear-gradient(180deg,#2e7fd3,#13569e)}.city-building{filter:saturate(1.15) brightness(1.08)}.city-building__base{bottom:20px;background:radial-gradient(ellipse,rgba(255,234,112,.62) 0 46%,rgba(255,212,52,.24) 58%,transparent 72%),radial-gradient(ellipse,rgba(52,117,55,.36) 0 50%,transparent 72%)}.city-building__sprite{filter:drop-shadow(0 12px 10px rgba(38,69,39,.34)) drop-shadow(0 0 7px rgba(255,231,97,.24))}.city-building__label{border:2px solid #c58b26;border-radius:10px;color:#fff;background:linear-gradient(180deg,#383b3ef0,#252a2ef5);box-shadow:inset 0 1px #fff3,0 6px 12px #32302338;font-family:Georgia,Times New Roman,ui-serif,serif}.city-building__label strong{color:#fff6cf}.city-quick-list{display:none}.resource-pill,.building-card,.action-log,.debug-panel,.system-panel,.modal{border:2px solid rgba(83,120,160,.26);border-radius:18px;color:#303642;background:linear-gradient(180deg,#fffffffa,#f5ebd3fa);box-shadow:inset 0 1px #ffffffe6,0 16px 28px #2f465b2e}.world-ui{margin-top:10px}.system-panel{padding:14px}.panel-heading h2,.action-log h2,.debug-panel h2,.modal__hero h2{color:#34343b;font-family:Georgia,Times New Roman,ui-serif,serif;font-size:1.24rem}.eyebrow,.building-command small,.overview-panel small,.panel-heading small,.compact-row small,.building-card__header span,.building-card p,.compact-row p,.sector-node p,.sector-node small,.modal__hero p,.modal__description{color:#6f6a60}.compact-row,.sector-node,.overview-panel>div,.building-command{border:1px solid rgba(152,122,71,.18);border-radius:14px;background:#ffffff94}.compact-row button,.sector-node button,.debug-panel button,.primary-button{border:2px solid #206c17;border-radius:14px;color:#fff;background:linear-gradient(180deg,#81d943,#30951d);box-shadow:inset 0 2px #ffffff52,0 7px #1d6316,0 12px 16px #34562a38;text-shadow:0 2px 0 rgba(0,0,0,.28)}.primary-button:active,.compact-row button:active,.sector-node button:active{transform:translateY(2px);box-shadow:inset 0 2px #ffffff40,0 4px #1d6316}.primary-button:disabled,.compact-row button:disabled,.sector-node button:disabled{border-color:#8d8d8d;color:#efefef;background:linear-gradient(180deg,#b4b7bb,#7d858e);box-shadow:none}.modal-backdrop{background:#162b3f6b;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{border:3px solid rgba(238,225,190,.95);padding:18px}.modal__hero>span{border:2px solid #d79f2b;background:linear-gradient(180deg,#2c8fe6,#0d5aac)}.modal__close{border:2px solid rgba(89,74,56,.2);color:#34343b;background:#ffffffd9}.upgrade-box{border:1px solid rgba(123,121,113,.18);border-radius:14px;padding:12px;background:#ffffff94}.upgrade-box h3,.detail-grid small,.building-card__effect small{color:#7c7469}.upgrade-box li{color:#34343b}.action-log{margin-bottom:12px}.action-log li{border-left-color:#79c642;color:#363c45}.debug-panel{display:none}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:8;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:min(100vw,980px);margin:0 auto;border:2px solid rgba(77,102,132,.74);border-bottom:0;border-radius:18px 18px 0 0;overflow:hidden;background:linear-gradient(180deg,#213a59,#0c1f35);box-shadow:inset 0 1px #ffffff2e,0 -12px 26px #0c223838}.bottom-nav__item{min-height:74px;border-left:1px solid rgba(255,255,255,.1);color:#f4f2e6;background:transparent;font-weight:900;cursor:pointer}.bottom-nav__item:first-child{border-left:0}.bottom-nav__item span:before{display:block;width:34px;height:30px;border-radius:8px;margin:0 auto 5px;color:#2d2618;background:linear-gradient(180deg,#ffe05cf2,#c88415f2);content:attr(data-icon);line-height:30px;text-align:center;font-size:.88rem;font-weight:1000;box-shadow:inset 0 2px #ffffff52}.bottom-nav__item--active{color:#fff;background:linear-gradient(180deg,#268deb,#1262bd)}.bottom-nav__item--active span:before{background:linear-gradient(180deg,#fff3b1,#f5b52c)}.tab-stage{display:grid;gap:12px}.tab-layout{display:grid;gap:12px;animation:tab-enter .18s ease-out}@keyframes tab-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.building-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.building-summary{display:grid;gap:8px;border:1px solid rgba(152,122,71,.18);border-radius:14px;padding:10px;background:#ffffff9e}.building-summary>button{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:8px;align-items:center;color:#34343b;background:transparent;text-align:left;cursor:pointer}.building-summary>button span{display:grid;place-items:center;width:34px;height:34px;border:2px solid #d79f2b;border-radius:10px;color:#fff;background:linear-gradient(180deg,#2c8fe6,#0d5aac);font-weight:1000}.building-summary>button strong,.building-summary>button small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.building-summary>button small{color:#1e6cab;font-weight:1000}.building-summary p{margin-bottom:0;color:#6f6a60;font-size:.84rem}.building-summary>small{color:#3e6e3a;font-weight:900}.daily-chest{display:grid;grid-template-columns:82px minmax(0,1fr) auto;gap:12px;align-items:center;border:3px solid rgba(255,222,126,.96);border-radius:18px;padding:13px;color:#fff8dd;background:radial-gradient(circle at 13% 20%,rgba(255,231,116,.28),transparent 34%),linear-gradient(180deg,#293e61,#142842);box-shadow:inset 0 1px #ffffff2e,0 14px 24px #254b6138}.daily-chest__icon{display:grid;place-items:center;width:72px;height:72px;border:4px solid #ffe89d;border-radius:18px;color:#522a09;background:linear-gradient(145deg,#7d3de2 0 38%,#ffd66a 39% 51%,#8a4fe5 52%),linear-gradient(180deg,#ffd66a,#c77a19);font-size:1.1rem;font-weight:1000;box-shadow:inset 0 0 0 3px #411e5d47}.daily-chest h2,.daily-chest p{margin-bottom:4px}.daily-chest small{color:#ffe69a;font-weight:900}.daily-chest button,.menu-shortcuts button,.menu-actions button{border:2px solid #206c17;border-radius:14px;padding:10px 12px;color:#fff;background:linear-gradient(180deg,#81d943,#30951d);font-weight:1000;cursor:pointer;box-shadow:inset 0 2px #ffffff52,0 6px #1d6316;text-shadow:0 2px 0 rgba(0,0,0,.28)}.daily-chest button:disabled{border-color:#8d8d8d;cursor:not-allowed;background:linear-gradient(180deg,#b4b7bb,#7d858e);box-shadow:none}.menu-shortcuts,.menu-actions,.resource-overview{display:grid;gap:9px}.menu-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}.menu-actions__danger{border-color:#8d2d23!important;background:linear-gradient(180deg,#e85846,#9c2d22)!important;box-shadow:inset 0 2px #ffffff47,0 6px #722017!important}.resource-overview{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:12px}.resource-overview span{border-radius:12px;padding:9px;color:#6f6a60;background:#ffffff9e;font-weight:800}.resource-overview strong{display:block;color:#34343b}@media(min-width:720px){.app-shell{padding:14px 14px 104px}.game-hud{grid-template-columns:minmax(230px,.9fr) minmax(0,2.1fr) minmax(200px,.75fr)}.hud-queues{grid-column:1 / -1}}@media(max-width:560px){.app-shell{padding:8px 8px 90px}.game-hud{grid-template-columns:1fr;border-radius:0 0 16px 16px}.commander-badge{grid-template-columns:60px minmax(0,1fr)}.commander-badge__portrait{width:60px;height:60px}.hud-resources{grid-template-columns:repeat(3,minmax(0,1fr))}.hud-resource{min-height:50px;border-radius:16px;padding:7px 8px 10px 6px}.hud-resource:after,.hud-resource small,.hud-resource__capacity{display:none}.hud-queues{grid-column:1 / -1}.city-map-viewport{height:540px;min-height:540px}.city-map{width:980px;height:700px;min-height:700px}.bottom-nav__item{min-height:70px;font-size:.82rem}.bottom-nav{left:0;right:0;grid-template-columns:repeat(5,minmax(0,1fr));width:min(100%,330px);margin:0 auto;transform:none}.bottom-nav__item span:before{width:26px;height:25px;line-height:25px;font-size:.76rem}.bottom-nav__item{min-height:66px;font-size:.72rem}.building-grid,.menu-shortcuts,.resource-overview{grid-template-columns:1fr}.daily-chest{grid-template-columns:58px minmax(0,1fr)}.daily-chest__icon{width:56px;height:56px}.daily-chest button{grid-column:1 / -1}}