/* GOLD CITY v6.3 — touch-usable existing-lot grid editor (no canvas/WebGL). */
#gold-city-2d .city63-layout{
  padding:14px 11px;margin:12px 0;
  background:linear-gradient(135deg,#24372e,#182a25);
  border:1px solid #a8905b;border-radius:15px;display:grid;gap:10px;
}
#gold-city-2d .city63-header{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
}
#gold-city-2d .city63-header small{
  color:#efd095;font-size:10px;letter-spacing:.07em;font-weight:800;
}
#gold-city-2d .city63-header h3{
  margin:5px 0 0;color:#fff0bf;font-size:15px;line-height:1.3;
}
#gold-city-2d .city63-header>span{
  white-space:nowrap;color:#d7dac8;font-size:10px;
  border:1px solid #797f64;padding:5px 7px;border-radius:9px;
}
#gold-city-2d .city63-help{
  color:#cbd6ca;font-size:11px;line-height:1.55;margin:0;
}
#gold-city-2d .city63-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;
}
#gold-city-2d .city63-cell{
  position:relative;min-width:0;min-height:112px;
  padding:9px 5px 8px;border:1px solid #5d7566;border-radius:12px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
  background:linear-gradient(155deg,#33463b,#1d342b);
  color:#f4e9cf;box-shadow:0 3px 0 #101f19;
  touch-action:manipulation;
}
#gold-city-2d .city63-cell strong{
  font-size:11px;line-height:1.3;text-align:center;overflow-wrap:anywhere;
  max-width:100%;display:-webkit-box;-webkit-box-orient:vertical;
  -webkit-line-clamp:2;overflow:hidden;
}
#gold-city-2d .city63-cell-num{
  position:absolute;top:6px;left:7px;font-size:10px;
  color:#a4bcaa;font-variant-numeric:tabular-nums;
}
#gold-city-2d .city63-building{
  font-size:23px;font-weight:800;line-height:1;color:#d2bb8f;user-select:none;
}
#gold-city-2d .city63-cell-status{
  font-size:9px;line-height:1.25;color:#f4d299;font-weight:850;text-align:center;
}
#gold-city-2d .city63-cell small{
  max-width:100%;color:#c1cbbb;font-size:9px;text-align:center;overflow-wrap:anywhere;
}
#gold-city-2d .city63-cell.city63-available{
  border:2px solid #d6b86e;background:linear-gradient(150deg,#48583e,#283f31);
}
#gold-city-2d .city63-cell.city63-preview{
  border:2px dashed #ffe0a0;outline:2px solid #a78942;
  background:linear-gradient(150deg,#615336,#344733);
}
#gold-city-2d .city63-cell.city63-current{
  box-shadow:0 3px 0 #13231a,inset 0 0 0 2px #b9c6ad;
}
#gold-city-2d .city63-cell.city63-business .city63-building{
  color:#f2d28e;
}
#gold-city-2d .city63-cell.city63-property,
#gold-city-2d .city63-cell.city63-building,
#gold-city-2d .city63-cell.city63-locked{
  background:linear-gradient(140deg,#2e3632,#202822);border-color:#657066;
}
#gold-city-2d .city63-cell.city63-locked{opacity:.6}
#gold-city-2d .city63-cell:disabled{cursor:not-allowed}
#gold-city-2d .city63-cell.city63-draggable,
#gold-city-2d .city62-companylist [data-c62-company]{
  cursor:grab;touch-action:none;
}
#gold-city-2d .city63-cell.city63-drag-active,
#gold-city-2d .city63-cell.city63-drop-over{
  outline:3px solid #ffdf88;outline-offset:2px;
  box-shadow:0 0 16px #ffc86488;
}
#gold-city-2d .city63-foot{
  display:flex;gap:9px;flex-wrap:wrap;color:#cad7ca;font-size:10px;
}
#gold-city-2d .city63-foot span{display:inline-flex;gap:5px;align-items:center}
#gold-city-2d .city63-foot i{width:11px;height:11px;display:inline-block;border-radius:3px}
#gold-city-2d .city63-key-open{border:2px solid #d6b86e;background:#344e37}
#gold-city-2d .city63-key-selected{border:2px dashed #ffe0a0;background:#635336}
#gold-city-2d .city63-key-occupied{border:1px solid #718d81;background:#2d3e34}
#gold-city-2d .city63-cell:focus-visible{
  outline:3px solid #ffefa8;outline-offset:2px;
}
#gold-city-2d .city51-map-world .city2d-lot.city63-draggable{
  cursor:grab;touch-action:none;
}
#gold-city-2d .city51-map-world .city2d-lot.city63-drop-over,
#gold-city-2d .city53-explorer .city52-dot.city63-drop-over{
  outline:3px solid #ffe5a0;outline-offset:2px;z-index:30;
}
@media(max-width:370px){
  #gold-city-2d .city63-layout{padding:10px 7px}
  #gold-city-2d .city63-grid{gap:5px}
  #gold-city-2d .city63-cell{min-height:106px;padding:8px 3px}
  #gold-city-2d .city63-cell strong{font-size:10px}
  #gold-city-2d .city63-cell-status{font-size:8px}
}
@media(prefers-reduced-motion:reduce){
  #gold-city-2d .city63-cell{transition:none}
}