/* GOLD CITY 5.2 — map navigator, business filters and safe-area friendly shortcuts. */
#gold-city-2d .city52-explorer{display:grid;gap:9px;margin:0 0 12px}
#gold-city-2d .city52-toolbar{display:flex;flex-wrap:wrap;gap:6px}
#gold-city-2d .city52-toolbar button{
  min-height:39px;border:1px solid #947b4e;border-radius:9px;
  padding:7px 11px;background:linear-gradient(145deg,#293934,#1c2928);
  color:#f8db9e;font-size:11px;font-weight:750;cursor:pointer
}
#gold-city-2d .city52-toolbar button:disabled{opacity:.4;cursor:not-allowed}
#gold-city-2d .city52-toolbar button:focus-visible,
#gold-city-2d .city52-dot:focus-visible,
#gold-city-2d .city52-business-filters button:focus-visible,
#gold-city-2d .city52-switcher button:focus-visible{outline:2px solid #ffdc93;outline-offset:2px}
#gold-city-2d .city52-atlas-wrap{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  border:1px solid #806e52;border-radius:12px;padding:9px 12px;
  background:linear-gradient(135deg,#22342d,#152321)
}
#gold-city-2d .city52-atlas-wrap>div:first-child{display:grid;gap:4px;min-width:0}
#gold-city-2d .city52-atlas-wrap strong{font-size:12px;color:#f2d49a}
#gold-city-2d .city52-atlas-wrap small{font-size:10px;color:#b5c0b4;line-height:1.4}
#gold-city-2d .city52-minimap{
  flex:0 0 146px;width:146px;height:126px;position:relative;
  overflow:hidden;border-radius:9px;border:1px solid #839475;
  background:repeating-linear-gradient(0deg,#335040 0 21px,#465a48 21px 26px),
    #284437;isolation:isolate;
}
#gold-city-2d .city52-atlas-road{position:absolute;top:0;bottom:0;width:5%;background:#7b8073;opacity:.85;pointer-events:none}
#gold-city-2d .city52-atlas-road.a{left:31%}
#gold-city-2d .city52-atlas-road.b{left:65%}
#gold-city-2d .city52-dot{
  position:absolute;z-index:3;transform:translate(-50%,-50%);
  width:10px;height:10px;min-width:10px;min-height:10px;padding:0;
  border-radius:3px;border:1px solid #263129;cursor:pointer;box-shadow:0 1px 3px #0007
}
#gold-city-2d .city52-dot.owned{background:#e5bb72}
#gold-city-2d .city52-dot.free{background:#8bd4a2}
#gold-city-2d .city52-dot.building{background:#e99459}
#gold-city-2d .city52-dot.locked{background:#84918d}
#gold-city-2d .city52-viewport-marker{
  position:absolute;z-index:2;left:0;top:0;width:40%;height:35%;
  border:2px solid #ffda92;background:#f7da9830;border-radius:3px;pointer-events:none
}
#gold-city-2d .city52-business-filters{
  display:flex;gap:7px;overflow-x:auto;padding:7px 1px 12px;
  scrollbar-width:thin;overscroll-behavior-inline:contain
}
#gold-city-2d .city52-business-filters button{
  flex:0 0 auto;min-height:41px;border:1px solid #665f4e;border-radius:10px;
  padding:7px 11px;background:#202b2b;color:#d9dacb;font-size:11px;font-weight:750
}
#gold-city-2d .city52-business-filters button.active{
  border-color:#d8b77b;background:#4f4230;color:#ffe9bf
}
#gold-city-2d .city52-business-filters span{
  margin-left:3px;color:#f3d195;font-variant-numeric:tabular-nums
}
#gold-city-2d .city52-empty{
  margin:5px 0 0;padding:19px 12px;text-align:center;
  border:1px dashed #837052;border-radius:12px;color:#cabd9f;font-size:12px
}
#gold-city-2d .city52-switcher{
  display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  align-items:center;gap:8px;padding:11px 12px;
  background:#263331;border-top:1px solid #625c48;border-bottom:1px solid #625c48
}
#gold-city-2d .city52-switcher button{
  min-width:0;min-height:42px;border:1px solid #927b54;border-radius:9px;
  background:#37372d;color:#f7e4be;text-align:left;padding:6px 9px;font-size:10px
}
#gold-city-2d .city52-switcher button:last-child{text-align:right}
#gold-city-2d .city52-switcher button strong{
  display:block;margin-top:3px;overflow:hidden;text-overflow:ellipsis;
  white-space:nowrap;color:#ffe2a3;font-size:11px
}
#gold-city-2d .city52-switcher>span{
  white-space:nowrap;color:#d2c5a3;font-size:10px;font-weight:800
}
@media(max-width:390px){
  #gold-city-2d .city52-minimap{width:114px;height:112px;flex-basis:114px}
  #gold-city-2d .city52-atlas-wrap{padding:8px}
  #gold-city-2d .city52-toolbar button{padding:7px 9px;font-size:10px}
  #gold-city-2d .city52-switcher{gap:5px;padding:9px 6px}
}
@media(prefers-reduced-motion:reduce){
  #gold-city-2d .city52-toolbar button,
  #gold-city-2d .city52-business-filters button{transition:none}
}