/* GOLD CITY BUILDER v6.2 — mobile-first placement without canvas/WebGL. */
#gold-city-2d .city62-panel{
  display:grid;gap:10px;padding:12px;margin:10px 0 14px;
  border:1px solid #bd9b57;border-radius:14px;
  background:linear-gradient(135deg,#2f3e33,#1b2b26);
}
#gold-city-2d .city62-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
#gold-city-2d .city62-head small{font-size:10px;color:#ffd48b;font-weight:850;letter-spacing:.04em}
#gold-city-2d .city62-head h3{margin:5px 0 0;font-size:16px;color:#fff0c2}
#gold-city-2d .city62-head button{
  padding:9px 12px;border:1px solid #e3b96f;border-radius:9px;
  background:#61472d;color:#fff3d5;font-size:11px;font-weight:800;min-height:44px;
  flex:0 0 auto
}
#gold-city-2d .city62-body{display:grid;gap:10px}
#gold-city-2d .city62-hint,#gold-city-2d .city62-compact{
  font-size:11px;line-height:1.6;color:#c5d1c4;margin:0
}
#gold-city-2d .city62-body h4{margin:2px 0;font-size:13px;color:#f7d7a3}
#gold-city-2d .city62-counters{display:flex;gap:6px;flex-wrap:wrap}
#gold-city-2d .city62-counters span{
  border-radius:9px;background:#314d3e;color:#cde1ce;font-size:11px;
  padding:8px;flex:1;min-width:120px
}
#gold-city-2d .city62-counters b{color:#ffe4a8}
#gold-city-2d .city62-companylist,
#gold-city-2d .city62-plotlist{display:flex;overflow-x:auto;gap:7px;scrollbar-width:thin;padding:2px 0 6px}
#gold-city-2d .city62-companylist button,
#gold-city-2d .city62-plotlist button{
  min-height:44px;padding:9px 11px;flex:0 0 auto;max-width:235px;
  border:1px solid #6c856e;border-radius:10px;background:#253b32;color:#e5e9d7;
  font-size:11px;font-weight:750;text-align:left;white-space:normal
}
#gold-city-2d .city62-companylist button.active,
#gold-city-2d .city62-plotlist button.active{
  border-color:#ffd18c;background:#5b4d34;color:#fff1c9
}
#gold-city-2d .city62-companylist p{font-size:11px;color:#baced1;margin:0}
#gold-city-2d .city62-preview{
  display:grid;gap:5px;border:1px solid #ab985f;border-radius:11px;
  padding:11px 12px;background:#32463a;color:#ffecb6;font-size:12px
}
#gold-city-2d .city62-preview b{font-size:12px;color:#ffe0a4}
#gold-city-2d .city62-preview small{color:#c9d3c2;font-size:11px}
#gold-city-2d .city62-error{
  border:1px solid #b77d64;padding:10px;color:#ffe0ca;
  font-size:11px;border-radius:9px;background:#563729
}
#gold-city-2d .city62-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:8px}
#gold-city-2d .city62-actions button{
  min-height:46px;border-radius:9px;padding:8px;font-weight:800;font-size:12px;
  border:1px solid #baa574;background:#354238;color:#eae6d5
}
#gold-city-2d .city62-actions [data-c62-save]{
  border-color:#e9be78;background:#6f542e;color:#fff4d9
}
#gold-city-2d .city62-actions button:disabled{opacity:.48}
#gold-city-2d .city51-map-world .city2d-lot.city62-placeable{
  border:3px solid #f5cd73;box-shadow:0 0 0 3px #f8d28450,0 0 17px #e6cb6799;
  z-index:20
}
#gold-city-2d .city51-map-world .city2d-lot.city62-preview-lot{
  border:3px dashed #ffeab0;background:linear-gradient(145deg,#5c4b36,#283e31);
  z-index:24
}
#gold-city-2d .city51-map-world .city2d-lot.city62-preview-lot .city2d-mini{
  filter:drop-shadow(0 3px 5px #0009);opacity:1
}
#gold-city-2d .city52-dot.city62-dot-possible{
  background:#ffe181;border:2px solid #543e17;
  box-shadow:0 0 0 3px #fbe2aa50;z-index:7;width:17px;height:17px
}
#gold-city-2d .city52-dot.city62-dot-preview{
  background:#fff6bb;border:2px dashed #a88031;
  outline:2px solid #ffefbe;outline-offset:2px;z-index:10
}
#gold-city-2d .city62-minimap-instruction{font-size:11px;color:#ffe9ae;margin:0}
#gold-city-2d .city62-panel button:focus-visible,
#gold-city-2d .city62-dot-possible:focus-visible{
  outline:3px solid #ffe5ad;outline-offset:2px
}
@media(max-width:400px){
  #gold-city-2d .city62-head{flex-wrap:wrap}
  #gold-city-2d .city62-head button{width:100%}
  #gold-city-2d .city62-actions{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  #gold-city-2d .city62-panel button{transition:none}
}