/* GOLD CITY v5.1 — unified 2D world, freely pannable without WebGL. */
#gold-city-2d .city51-map-help{
  color:#d4c2a6;font-size:11px;line-height:1.5;margin:0 0 10px;
}
#gold-city-2d .city51-map-viewport{
  position:relative;width:100%;height:clamp(395px,58dvh,610px);
  overflow:auto;overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;
  background:#294336;border:1px solid #758d70;border-radius:15px;
  scrollbar-width:thin;scrollbar-color:#9c8459 #27392d;
  cursor:grab;
}
#gold-city-2d .city51-map-viewport:active{cursor:grabbing}
#gold-city-2d .city51-map-world{
  position:relative!important;
  width:750px!important;min-width:750px!important;max-width:none!important;
  height:1050px!important;max-height:none!important;min-height:1050px!important;
  margin:0!important;border:0;border-radius:0!important;
}
#gold-city-2d .city51-map-world .city2d-lot{
  width:180px!important;min-width:180px!important;max-width:180px!important;
  height:83px!important;min-height:83px!important;max-height:83px!important;
  font-size:12px;
}
#gold-city-2d .city51-map-world .city2d-lot-title{
  font-size:11px!important;line-height:1.1;
}
#gold-city-2d .city51-map-world .city2d-lot.city51-free{
  background:linear-gradient(150deg,#4a5d41,#293c30);
  border:2px dashed #d9c18f;box-shadow:0 0 0 2px #d6b36825,0 5px 9px #101a14a8;
}
#gold-city-2d .city51-free-badge{
  position:absolute;z-index:7;top:-9px;left:50%;
  transform:translateX(-50%);white-space:nowrap;
  font-size:9px;font-weight:850;color:#33220f;
  background:#f0c67c;border:1px solid #fff0c5;
  border-radius:7px;padding:3px 6px;
}
#gold-city-2d .city51-plot-choices{
  display:grid;gap:10px;padding:13px 11px;
  border:1px solid #c39d5e;background:linear-gradient(145deg,#3b3326,#1f2927);
  border-radius:14px;
}
#gold-city-2d .city51-plot-choices h3{font-size:15px;color:#f8e0b1;margin:0}
#gold-city-2d .city51-plot-choices p{
  font-size:11px;line-height:1.5;color:#d1cbbb;margin:0;
}
#gold-city-2d .city51-build-suggested{
  display:flex;gap:7px;align-items:center;padding:9px;
  color:#f4d9a1;font-size:11px;background:#413b29;border-radius:9px;
}
#gold-city-2d .city51-build-label{font-size:11px;color:#e6d4b4;font-weight:750}
#gold-city-2d .city51-plot-choices select{
  display:block;width:100%;min-height:45px;max-width:100%;padding:8px;
  border:1px solid #bea16b;border-radius:10px;
  color:#f4e7cc;background:#202b28;font-size:12px;
}
#gold-city-2d .city51-plot-choices button{width:100%;min-height:45px}
#gold-city-2d .city50-shopactions{
  grid-column:2;display:grid;grid-template-columns:minmax(0,1fr) auto;
  align-items:center;column-gap:9px;row-gap:9px;
}
#gold-city-2d .city51-range-title{
  grid-column:1/-1;font-size:11px;color:#eedab9;font-weight:750;
}
#gold-city-2d input[type="range"][data-c2-material-range]{
  grid-column:1;min-width:0;width:100%;min-height:36px;
  accent-color:#e7b56d;cursor:pointer;touch-action:pan-x;
}
#gold-city-2d output[data-city51-quantity]{
  grid-column:2;min-width:90px;text-align:right;
  font-size:11px;font-weight:850;color:#f5d69d;
}
#gold-city-2d button[data-c2-material-buy]{
  grid-column:1/-1;width:100%;
  background:linear-gradient(135deg,#efcf97,#bd8c4a);
}
#gold-city-2d input[type="range"]:disabled{opacity:.35;cursor:not-allowed}
@media(max-width:390px){
  #gold-city-2d .city51-map-viewport{height:clamp(365px,54dvh,520px)}
  #gold-city-2d .city51-map-help{font-size:10px}
  #gold-city-2d .city51-plot-choices{padding:10px}
}
@media(prefers-reduced-motion:reduce){
  #gold-city-2d .city51-map-viewport{scroll-behavior:auto!important}
}