/* GOLD CITY v4.0 · Empire Expansion. Mobile-only layout; no fullscreen changes. */
#gold-city-2d .city40-launcher{
  margin:13px 0 0;padding:15px 13px;border-radius:16px;
  background:radial-gradient(circle at 93% 10%,#9670447b,transparent 37%),
             linear-gradient(135deg,#3d3120,#1a2424 72%);
  border:1px solid #c19b618c;box-shadow:0 7px 22px #020b0d69;
}
#gold-city-2d .city40-launcher small,
#gold-city-2d .city40-heading small{
  color:#f1cb8b;font-size:9px;font-weight:850;letter-spacing:.15em;
}
#gold-city-2d .city40-launcher h3{
  font-size:17px;line-height:1.2;margin:5px 0;color:#ffdf9b;letter-spacing:-.02em;
}
#gold-city-2d .city40-launcher p{
  margin:4px 0 13px;font-size:11px;color:#d4d1c1;line-height:1.5;
}
#gold-city-2d .city40-launcher-actions{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;
}
#gold-city-2d .city40-launcher-actions button{
  display:flex;align-items:center;justify-content:center;gap:5px;
  min-height:42px;padding:7px 4px;border-radius:10px;
  background:#e4b975;color:#2a2115;
  border:1px solid #f4d6a4;font-weight:850;font-size:11px;
}
#gold-city-2d .city40-launcher-actions button:nth-child(2){background:#aa926c}
#gold-city-2d .city40-launcher-actions button:nth-child(3){background:#454239;color:#f4d7ab}
#gold-city-2d .city40-empire{display:grid;gap:10px;padding-bottom:16px}
#gold-city-2d .city40-heading{
  display:flex;align-items:flex-start;justify-content:space-between;gap:10px;
  padding:12px;border-radius:13px;background:linear-gradient(135deg,#343123,#1e2928);
  border:1px solid #9779528a;
}
#gold-city-2d .city40-heading h2{font-size:19px;margin:5px 0 0;color:#f7e5c5}
#gold-city-2d .city40-heading p{margin:7px 0 0;color:#d0cabb;font-size:10px;line-height:1.5}
#gold-city-2d .city40-back{
  min-width:43px;min-height:43px;display:grid;place-items:center;
  color:#f5d6a4;border-radius:11px;border:1px solid #c2a16d;
  background:#211c17;flex:none;
}
#gold-city-2d .city40-back svg{transform:rotate(180deg)}
#gold-city-2d .city40-tabs{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:5px;background:#141c1d;padding:4px;border-radius:12px;
  border:1px solid #81745f75;
}
#gold-city-2d .city40-tabs button{
  min-height:43px;display:flex;justify-content:center;align-items:center;
  gap:6px;border-radius:9px;background:transparent;color:#bfc7c1;
  border:1px solid transparent;font-size:11px;font-weight:820;padding:5px;
}
#gold-city-2d .city40-tabs button.active{color:#201a12;background:#e6be79;border-color:#ffe4b4}
#gold-city-2d .city40-screen{display:grid;gap:12px}
#gold-city-2d .city40-kpis{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;
}
#gold-city-2d .city40-kpis>div,
#gold-city-2d .city40-finance-stat{
  min-width:0;border:1px solid #8b7c6380;border-radius:12px;
  background:linear-gradient(138deg,#26302b,#1a2324);padding:12px;
}
#gold-city-2d .city40-kpis small,
#gold-city-2d .city40-finance-stat small{
  display:block;font-size:10px;color:#bcc5bb;
}
#gold-city-2d .city40-kpis strong,
#gold-city-2d .city40-finance-stat strong{
  display:block;font-size:clamp(15px,4.5vw,23px);
  letter-spacing:-.035em;color:#f1d19a;overflow-wrap:anywhere;margin-top:5px;
}
#gold-city-2d .city40-note{
  font-size:10px;line-height:1.6;color:#b9c0b8;margin:2px 0 10px;
}
#gold-city-2d .city40-district-list{display:grid;gap:12px}
#gold-city-2d .city40-district{
  border:1px solid #a9916780;border-radius:17px;
  overflow:hidden;background:linear-gradient(160deg,#252e29,#171e20);
  padding:13px 11px;
}
#gold-city-2d .city40-district header{display:flex;align-items:flex-start;gap:9px}
#gold-city-2d .city40-district-index{
  font-size:23px;font-weight:900;color:#dcba76;line-height:1;
}
#gold-city-2d .city40-district header>div{flex:1;min-width:0}
#gold-city-2d .city40-district header small{
  font-size:9px;color:#baaf95;letter-spacing:.13em;font-weight:800;
}
#gold-city-2d .city40-district h3{
  font-size:15px;color:#f1e3cb;margin:4px 0;
}
#gold-city-2d .city40-district header p{
  font-size:10px;color:#b7c1b7;margin:0;
}
#gold-city-2d .city40-district-level{
  flex:none;border:1px solid #ae966d;background:#343124;
  border-radius:7px;padding:4px 6px;color:#f0d2a0;font-size:9px;font-weight:850;
}
#gold-city-2d .city40-district-skyline{
  position:relative;height:62px;margin:12px 0 8px;border-radius:9px;
  background:linear-gradient(150deg,#435f5b,#273e3b);
  overflow:hidden;border-bottom:4px solid #e8c88b;
}
#gold-city-2d .city40-district-skyline i{
  position:absolute;bottom:0;width:15%;height:30px;
  background:repeating-linear-gradient(0deg,#9fc0ae 0 4px,#506e64 4px 8px);
  box-shadow:5px 4px 0 #273d3f;
}
#gold-city-2d .city40-district-skyline i:nth-child(1){left:12%;height:39%}
#gold-city-2d .city40-district-skyline i:nth-child(2){left:33%;height:72%}
#gold-city-2d .city40-district-skyline i:nth-child(3){left:55%;height:50%}
#gold-city-2d .city40-district-skyline i:nth-child(4){left:76%;height:84%}
#gold-city-2d .city40-district.park .city40-district-skyline{background:linear-gradient(145deg,#547f65,#314b45)}
#gold-city-2d .city40-district.office .city40-district-skyline{background:linear-gradient(145deg,#486276,#2a3c55)}
#gold-city-2d .city40-district.water .city40-district-skyline{background:linear-gradient(145deg,#4f8c95,#265a77)}
#gold-city-2d .city40-district.tower .city40-district-skyline{background:linear-gradient(145deg,#796a9b,#3d435e)}
#gold-city-2d .city40-district-stats{
  display:flex;flex-wrap:wrap;gap:7px;color:#d1d0c4;font-size:10px;
}
#gold-city-2d .city40-district-stats span{
  background:#2e3731;padding:5px 7px;border-radius:7px;
}
#gold-city-2d .city40-locked{
  display:flex;align-items:center;gap:8px;color:#e2bb9e;
  font-size:11px;margin:12px 0 0;
}
#gold-city-2d .city40-develop{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:11px 0;border-bottom:1px solid #746d5a82;
}
#gold-city-2d .city40-develop strong{display:block;font-size:12px;color:#f5e6cc}
#gold-city-2d .city40-develop small{display:block;color:#b8bcb2;font-size:10px;margin-top:3px}
#gold-city-2d .city40-develop button,
#gold-city-2d .city40-project button,
#gold-city-2d .city40-mission footer button{
  min-height:40px;padding:7px 10px;
  color:#261b0e;background:#dfb36d;border:1px solid #f2d6a7;
  border-radius:10px;font-size:10px;font-weight:850;
}
#gold-city-2d .city40-develop button{
  display:flex;align-items:center;gap:4px;
}
#gold-city-2d .city40-projects{padding-top:9px}
#gold-city-2d .city40-projects h4{
  display:flex;justify-content:space-between;font-size:12px;
  margin:4px 0 7px;color:#eadac0;
}
#gold-city-2d .city40-projects h4 span{color:#d9bd86}
#gold-city-2d .city40-project{
  display:flex;align-items:center;gap:8px;min-height:62px;
  border-radius:11px;background:#1e2827;
  border:1px solid #6f746b7c;padding:8px;margin-top:6px;
}
#gold-city-2d .city40-project.built{background:#203a2c;border-color:#5b9470}
#gold-city-2d .city40-project>div{min-width:0;flex:1}
#gold-city-2d .city40-project strong{display:block;font-size:11px}
#gold-city-2d .city40-project small{display:block;font-size:9px;color:#b4c4b9;margin-top:4px;line-height:1.4}
#gold-city-2d .city40-project-icon{color:#e4bc82}
#gold-city-2d .city40-project button{white-space:nowrap;min-width:62px}
#gold-city-2d .city40-complete{
  display:flex;align-items:center;gap:4px;
  color:#9dd6a4;font-size:10px;font-weight:800;
}
#gold-city-2d .city40-finance-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;
}
#gold-city-2d .city40-card{
  border:1px solid #83796380;border-radius:14px;
  background:#1d2625;padding:12px;
}
#gold-city-2d .city40-card h3{
  font-size:13px;color:#eedbb9;margin:1px 0 10px;
}
#gold-city-2d .city40-chart{
  display:grid;grid-template-columns:repeat(14,minmax(0,1fr));
  height:130px;gap:3px;align-items:end;padding:4px 2px 0;
  border-bottom:1px solid #9a98793e;
}
#gold-city-2d .city40-day{height:100%;min-width:0;display:flex;flex-direction:column;align-items:center}
#gold-city-2d .city40-columns{
  flex:1;width:100%;min-height:0;
  display:flex;gap:1px;align-items:flex-end;justify-content:center;
}
#gold-city-2d .city40-columns i{
  display:block;flex:1;min-width:2px;max-width:14px;
  border-radius:3px 3px 0 0;
}
#gold-city-2d .city40-columns .incoming,
#gold-city-2d .city40-chart-legend .incoming{background:#75af83}
#gold-city-2d .city40-columns .outgoing,
#gold-city-2d .city40-chart-legend .outgoing{background:#d9a06b}
#gold-city-2d .city40-day small{color:#a7b3ac;font-size:8px;padding-top:4px}
#gold-city-2d .city40-chart-legend{display:flex;justify-content:center;gap:14px;margin:12px 0}
#gold-city-2d .city40-chart-legend span{display:flex;align-items:center;gap:5px;color:#bec5b9;font-size:10px}
#gold-city-2d .city40-chart-legend i{height:9px;width:9px;border-radius:2px}
#gold-city-2d .city40-ledger-total{font-size:11px;color:#c7c4b5;margin:8px 0}
#gold-city-2d .city40-ledger-total strong{color:#f1d29b}
#gold-city-2d .city40-business-row,
#gold-city-2d .city40-ledger-row{
  display:flex;align-items:center;justify-content:space-between;gap:9px;
  min-height:42px;border-top:1px solid #7f806039;padding:9px 0;
}
#gold-city-2d .city40-business-row span,
#gold-city-2d .city40-ledger-row strong{
  color:#e6e0cf;font-size:11px;overflow-wrap:anywhere;
}
#gold-city-2d .city40-business-row strong{color:#e4cb9d;font-size:11px;white-space:nowrap}
#gold-city-2d .city40-ledger-row>div{min-width:0}
#gold-city-2d .city40-ledger-row small{display:block;color:#aeb9ad;font-size:9px;margin-top:4px}
#gold-city-2d .city40-ledger-row span{white-space:nowrap;font-size:11px;font-weight:800}
#gold-city-2d .city40-ledger-row span.plus{color:#9dd6a4}
#gold-city-2d .city40-ledger-row span.minus{color:#eeb592}
#gold-city-2d .city40-mission-list{display:grid;gap:9px}
#gold-city-2d .city40-mission{
  padding:12px;border:1px solid #97805f77;border-radius:13px;
  background:linear-gradient(145deg,#2a3029,#1b2524);
}
#gold-city-2d .city40-mission.claimed{background:#223328;border-color:#5d936f}
#gold-city-2d .city40-mission-top{display:flex;align-items:flex-start;gap:9px}
#gold-city-2d .city40-mission-top>div{flex:1;min-width:0}
#gold-city-2d .city40-mission-top strong{display:block;color:#f3e2c3;font-size:12px}
#gold-city-2d .city40-mission-top small{display:block;color:#b7c4b9;font-size:10px;margin-top:4px}
#gold-city-2d .city40-medal{color:#f1ce92}
#gold-city-2d .city40-mission-reward{font-size:11px;color:#f8dca5;font-weight:850;white-space:nowrap}
#gold-city-2d .city40-progress{
  display:block;width:100%;height:7px;background:#3c4641;
  border-radius:9px;margin-top:12px;overflow:hidden;
}
#gold-city-2d .city40-progress i{display:block;height:100%;background:linear-gradient(90deg,#b38b50,#f2cf91)}
#gold-city-2d .city40-mission footer{
  display:flex;justify-content:space-between;align-items:center;
  gap:10px;margin-top:9px;
}
#gold-city-2d .city40-mission footer small{color:#abb9aa;font-size:10px}
#gold-city-2d .city40-mission button:disabled,
#gold-city-2d .city40-project button:disabled,
#gold-city-2d .city40-develop button:disabled{background:#343d3c;color:#899591;border-color:#626861}
#gold-city-2d .city40-wait,
#gold-city-2d .city40-error{
  border:1px solid #87785f;border-radius:13px;padding:15px;
  color:#e4d6bf;font-size:11px;background:#252d29;
}
#gold-city-2d .city40-wait button,
#gold-city-2d .city40-error button{
  display:block;margin-top:10px;min-height:42px;border:1px solid #cba46e;
  color:#f5dba7;background:#393024;border-radius:10px;padding:8px 15px;
}
@media(max-width:355px){
  #gold-city-2d .city40-launcher-actions{gap:4px}
  #gold-city-2d .city40-launcher-actions button{font-size:9px;padding:4px 2px}
  #gold-city-2d .city40-tabs button{font-size:10px;gap:3px}
  #gold-city-2d .city40-project{gap:5px;padding:7px}
  #gold-city-2d .city40-district-level{font-size:8px}
}