/* GOLD CITY 5.0 — Construction mobile warehouse and active work sites. */
#gold-city-2d .city50-root{display:grid;gap:11px;padding-bottom:18px}
#gold-city-2d .city50-hero{padding:17px;border-radius:17px;background:radial-gradient(circle at 90% 12%,#99754880,transparent 46%),linear-gradient(140deg,#3c3526,#172323);border:1px solid #c5a16e78}
#gold-city-2d .city50-hero small{display:block;color:#f4cb82;font-size:9px;letter-spacing:.15em;font-weight:850}
#gold-city-2d .city50-hero h2{font-size:26px;color:#ffe5b8;margin:5px 0;letter-spacing:-.05em}
#gold-city-2d .city50-hero p{font-size:11px;line-height:1.65;color:#d7cdbb;margin:5px 0 0}
#gold-city-2d .city50-summary{display:grid;grid-template-columns:1.7fr 1fr;gap:8px}
#gold-city-2d .city50-summary>div{border:1px solid #b594637e;border-radius:13px;padding:11px;background:#252d29}
#gold-city-2d .city50-summary small{display:block;color:#c5c4b7;font-size:10px}
#gold-city-2d .city50-summary strong{display:block;color:#f4cf91;font-size:20px;margin-top:5px}
#gold-city-2d .city50-section-title{display:flex;align-items:baseline;justify-content:space-between;gap:7px;margin-top:8px}
#gold-city-2d .city50-section-title h3{font-size:15px;margin:0;color:#f1dfc1}
#gold-city-2d .city50-section-title small{font-size:9px;color:#b7bdac;text-align:right}
#gold-city-2d .city50-site{padding:13px;background:linear-gradient(130deg,#26352f,#1a2626);border:1px solid #b49b7388;border-radius:15px}
#gold-city-2d .city50-sitehead{display:flex;align-items:start;justify-content:space-between;gap:9px}
#gold-city-2d .city50-sitehead small{color:#d9bc88;font-size:9px;letter-spacing:.12em}
#gold-city-2d .city50-sitehead h3{font-size:15px;color:#f5e5c9;margin:4px 0}
#gold-city-2d .city50-sitehead>span{flex:none;color:#e8c892;font-size:10px;font-weight:800;background:#4c402d;border:1px solid #b89a61;border-radius:8px;padding:6px}
#gold-city-2d .city50-progress{height:8px;border-radius:10px;background:#121c1b;overflow:hidden;margin:11px 0}
#gold-city-2d .city50-progress i{display:block;height:100%;background:linear-gradient(90deg,#b88d53,#f8ce85);border-radius:10px}
#gold-city-2d .city50-site h4{margin:7px 0;color:#f1dcb6;font-size:12px}
#gold-city-2d .city50-needs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
#gold-city-2d .city50-need{min-width:0;display:flex;align-items:center;gap:6px;padding:9px;background:#202b27;border:1px solid #65746270;border-radius:10px}
#gold-city-2d .city50-need svg{width:20px;height:20px;flex:none;color:#d9bf8d}
#gold-city-2d .city50-need>div{min-width:0;flex:1}
#gold-city-2d .city50-need strong{display:block;font-size:10px;color:#e5dfc9}
#gold-city-2d .city50-need small{display:block;color:#abb6aa;font-size:9px;margin-top:2px}
#gold-city-2d .city50-need b{font-size:11px;color:#a8d4b6}
#gold-city-2d .city50-need.missing b{color:#ebaf9d}
#gold-city-2d .city50-build{margin-top:12px;width:100%;min-height:45px;border-radius:10px;font-size:12px}
#gold-city-2d .city50-empty{padding:17px;background:#202c27;border:1px dashed #a79473;border-radius:14px}
#gold-city-2d .city50-empty strong{color:#ecdabd;font-size:12px}
#gold-city-2d .city50-empty p{font-size:10px;color:#aebcaf;line-height:1.7}
#gold-city-2d .city50-shop{display:grid;gap:9px}
#gold-city-2d .city50-material{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:9px;padding:11px;background:#1e2a27;border:1px solid #8c795e80;border-radius:12px}
#gold-city-2d .city50-material-icon{grid-row:span 2;width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:#4a4030;color:#f4cc85}
#gold-city-2d .city50-material-icon svg{width:28px;height:28px}
#gold-city-2d .city50-material-desc{min-width:0}
#gold-city-2d .city50-material-desc strong{display:block;font-size:12px;color:#f6e1c1}
#gold-city-2d .city50-material-desc small{display:block;font-size:10px;color:#c2c5b8;margin-top:3px}
#gold-city-2d .city50-material-desc span{display:block;font-size:10px;color:#bccec1;margin-top:3px}
#gold-city-2d .city50-shopactions{grid-column:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
#gold-city-2d .city50-shopactions button{min-height:42px;background:linear-gradient(140deg,#d6b16e,#b38b50);color:#261e16;border:1px solid #f0d4a3;border-radius:9px;font-size:11px;font-weight:800}
#gold-city-2d .city50-shopactions button:disabled{background:#39443f;color:#84948c;border-color:#687369}
#gold-city-2d .city50-note{padding:11px;background:#1d2927;border-radius:11px;border:1px solid #7d796777;font-size:10px;line-height:1.7;color:#aebdb1}
#gold-city-2d .city50-error{font-size:11px;color:#ffd9af;padding:10px;background:#4b3025;border:1px solid #c59a71;border-radius:11px}
#gold-city-2d .city50-error button{min-height:36px;background:#9e7c4d;border-radius:7px}
#gold-city-2d .city50-site[data-city-scroll-key]{scroll-margin-block:13px}
#gold-city-2d .city2d-bottom{grid-template-columns:repeat(5,minmax(0,1fr))}
#gold-city-2d .city2d-bottom button{min-width:0}
@media(max-width:355px){#gold-city-2d .city50-summary strong{font-size:16px}#gold-city-2d .city50-needs{gap:3px}#gold-city-2d .city50-material{padding:9px}#gold-city-2d .city2d-bottom button span{font-size:8px}}

/* Visible construction identity on the existing flat 2D map, no new 3D camera. */
#gold-city-2d .city2d-lot.city50-constructing{
  border-color:#e4bd75;background:linear-gradient(155deg,#71553b,#29352d);
}
#gold-city-2d .city2d-lot.city50-constructing .city2d-art{
  filter:sepia(.45) saturate(.8) brightness(.76);
}
#gold-city-2d .city50-onmap{
  position:absolute;z-index:6;left:50%;top:7%;
  transform:translateX(-50%);white-space:nowrap;display:flex;
  align-items:center;gap:2px;padding:3px 5px;
  background:#74552a;color:#fff0c5;border:1px solid #f5d496;
  border-radius:6px;font-size:8px;font-weight:850;
}
#gold-city-2d .city50-launch{
  display:flex;width:100%;align-items:center;justify-content:center;gap:8px;
  margin-bottom:11px;min-height:49px;border-radius:13px;
  background:linear-gradient(110deg,#d5ab66,#ab7a3c);color:#261b11;
  border:1px solid #f9d6a0;font-weight:900;letter-spacing:.04em;
  box-shadow:0 4px 13px #0005;
}

#gold-city-2d .city50-scaffold{
  display:flex;align-items:center;justify-content:center;flex-direction:column;
  width:100%;height:100%;filter:drop-shadow(2px 4px 2px #0a1711ad)
}
#gold-city-2d .city50-scaffold svg{
  width:min(97%,96px);height:calc(100% - 15px);overflow:visible;
}
#gold-city-2d .city50-scaffold small{
  font-size:8px;color:#f8deb1;font-weight:900;letter-spacing:.03em;
  background:#443723c4;padding:2px 4px;border-radius:5px;
}