/* GOLD CITY v6.0 phase 1: low-overhead district overview for Telegram WebView. */
#gold-city-2d .city60-district-hub{
  display:grid;gap:10px;padding:11px;margin:8px 0 14px;
  background:linear-gradient(145deg,#21352f,#1d2929);
  border:1px solid #87774f;border-radius:14px
}
#gold-city-2d .city60-district-hub>header{
  display:flex;justify-content:space-between;align-items:center;gap:12px
}
#gold-city-2d .city60-district-hub>header small{font-size:9px;color:#b9bdab;letter-spacing:.12em}
#gold-city-2d .city60-district-hub>header h3{margin:3px 0 0;color:#ffe2af;font-size:15px}
#gold-city-2d .city60-district-hub>header>span{font-size:10px;color:#b6c5b7;white-space:nowrap}
#gold-city-2d .city60-district-cards{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px
}
#gold-city-2d .city60-district-card{
  text-align:left;display:grid;align-content:start;gap:5px;
  min-height:103px;padding:10px;border:1px solid #64725e;
  border-radius:11px;background:linear-gradient(140deg,#374b3e,#283b37);
  color:#f4e2bf;position:relative
}
#gold-city-2d .city60-district-card.active{
  border-color:#f9cf83;background:linear-gradient(140deg,#514b34,#3c402f);
  box-shadow:inset 0 0 0 1px #bda06a55
}
#gold-city-2d .city60-district-card:disabled{opacity:.5;cursor:not-allowed}
#gold-city-2d .city60-district-card:focus-visible,
#gold-city-2d .city60-district-details button:focus-visible{
  outline:2px solid #ffda99;outline-offset:2px
}
#gold-city-2d .city60-district-index{font-size:10px;font-weight:800;color:#f3ca84}
#gold-city-2d .city60-district-card strong{font-size:12px;overflow-wrap:anywhere}
#gold-city-2d .city60-district-card small{font-size:10px;color:#bdcabb}
#gold-city-2d .city60-district-kpi{font-size:10px;color:#d8cba9}
#gold-city-2d .city60-district-details{
  display:grid;gap:7px;max-height:265px;overflow:auto;
  padding:9px;border-radius:10px;background:#172824;border:1px solid #635b42
}
#gold-city-2d .city60-district-details-title{
  display:flex;gap:8px;justify-content:space-between;align-items:center
}
#gold-city-2d .city60-district-details-title strong{font-size:11px;color:#f1d69a}
#gold-city-2d .city60-district-details-title span{font-size:10px;color:#bfd0bb}
#gold-city-2d .city60-district-details>button{
  text-align:left;display:flex;gap:6px;align-items:center;justify-content:space-between;
  min-height:40px;padding:9px 10px;border:1px solid #67755e;border-radius:8px;
  background:#31433b;color:#f9dfad;font-size:11px
}
#gold-city-2d .city60-district-details>button small{font-size:10px;color:#bed1c0;white-space:nowrap}
#gold-city-2d .city60-district-details>button.city60-open-district-projects{
  border-color:#b18f60;background:#514531;color:#ffe2a6
}
@media(max-width:365px){
 #gold-city-2d .city60-district-hub{padding:8px}
 #gold-city-2d .city60-district-card{padding:8px;min-height:111px}
 #gold-city-2d .city60-district-hub>header h3{font-size:13px}
}
@media(prefers-reduced-motion:reduce){
 #gold-city-2d .city60-district-card{transition:none}
}

/* v6.0 phase 2: read-only city activity and worksite dispatch. */
#gold-city-2d .city60-pulse,#gold-city-2d .city60-neighborhood,#gold-city-2d .city60-workhub{
  border:1px solid #81744e;border-radius:12px;padding:11px 12px;
  background:linear-gradient(140deg,#213731,#1b2c2b);
  display:grid;gap:11px;margin:8px 0 12px;color:#ebdfc2
}
#gold-city-2d .city60-pulse header,#gold-city-2d .city60-workhub header{
  display:flex;align-items:center;justify-content:space-between;gap:12px
}
#gold-city-2d .city60-pulse header small,#gold-city-2d .city60-workhub header small{
  display:block;font-size:9px;color:#bbbea9;letter-spacing:.08em
}
#gold-city-2d .city60-pulse h3,#gold-city-2d .city60-workhub h3{
  font-size:15px;color:#ffe0a8;margin:3px 0 0
}
#gold-city-2d .city60-pulse header span{
  padding:5px 8px;font-size:10px;border:1px solid #7c997a;
  border-radius:12px;color:#cae6bb;white-space:nowrap
}
#gold-city-2d .city60-pulse-values{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px
}
#gold-city-2d .city60-pulse-values>div{
  display:grid;gap:6px;padding:9px 6px;background:#2d4238;
  border-radius:8px;min-width:0
}
#gold-city-2d .city60-pulse-values small{font-size:9px;line-height:1.35;color:#bdcdbc}
#gold-city-2d .city60-pulse-values strong{font-size:12px;color:#ffe3ad}
#gold-city-2d .city60-pulse p,#gold-city-2d .city60-neighborhood p{
  margin:0;font-size:10px;line-height:1.5;color:#c3c9b5
}
#gold-city-2d .city60-traffic-track,#gold-city-2d .city60-occupancy{
  height:8px;overflow:hidden;border-radius:8px;background:#192c29;border:1px solid #456057
}
#gold-city-2d .city60-traffic-track span,#gold-city-2d .city60-occupancy i{
  display:block;height:100%;border-radius:8px;
  background:linear-gradient(90deg,#5aa886,#ecc577)
}
#gold-city-2d .city60-neighborhood{gap:9px}
#gold-city-2d .city60-neighborhood h4{margin:0;font-size:13px;color:#fbe0b2}
#gold-city-2d .city60-neighborhood>div:not(.city60-occupancy){
  display:flex;flex-wrap:wrap;gap:9px;font-size:10px;color:#c7d5c6
}
#gold-city-2d .city60-neighborhood strong{color:#ffe3aa}
#gold-city-2d .city60-workhub header>button{
  min-height:38px;padding:6px 11px;background:#463c2b;color:#ffe0a7;
  border:1px solid #b49c6c;border-radius:9px;font-size:11px;font-weight:750
}
#gold-city-2d .city60-work-kpi{display:flex;gap:6px;flex-wrap:wrap}
#gold-city-2d .city60-work-kpi span{
  background:#293e35;border-radius:7px;padding:7px 9px;
  font-size:10px;color:#cbd7c5
}
#gold-city-2d .city60-work-kpi b{font-variant-numeric:tabular-nums;color:#ffe3aa}
#gold-city-2d .city60-work-controls{display:flex;gap:5px;flex-wrap:wrap}
#gold-city-2d .city60-work-controls button{
  border:1px solid #778f78;border-radius:8px;color:#e3ddbf;
  background:#2e4237;min-height:38px;padding:6px 9px;font-size:10px
}
#gold-city-2d .city60-work-controls button.active{border-color:#ffcb83;background:#675038;color:#fff0c4}
#gold-city-2d .city60-work-list{display:grid;gap:7px;max-height:290px;overflow-y:auto;overscroll-behavior:contain}
#gold-city-2d .city60-work-list button{
  display:flex;justify-content:space-between;align-items:center;gap:10px;
  min-height:52px;padding:9px;background:#263d35;border:1px solid #647964;
  border-radius:9px;color:#f6dab0;text-align:left
}
#gold-city-2d .city60-work-list button>span{display:grid;gap:4px;min-width:0}
#gold-city-2d .city60-work-list button strong{font-size:11px;overflow-wrap:anywhere}
#gold-city-2d .city60-work-list button small{font-size:10px;color:#c4cbbd;line-height:1.35}
#gold-city-2d .city60-work-list button small.city60-need{color:#f5bf9c}
#gold-city-2d .city60-work-list button small.city60-ready{color:#b2e4b8}
#gold-city-2d .city60-work-list button b{white-space:nowrap;font-size:11px}
#gold-city-2d .city60-empty{font-size:11px;color:#d1c9b9}
#gold-city-2d .city60-open-builder{
  min-height:42px;padding:8px 10px;background:#604b32;color:#ffdfa0;
  font-size:11px;font-weight:700;border:1px solid #b79c62;border-radius:9px
}
#gold-city-2d .city60-work-summary{padding:10px;color:#a8b9ab;font-size:11px}
#gold-city-2d [data-c60-worksite]:focus-visible,
#gold-city-2d [data-c60-work-filter]:focus-visible,
#gold-city-2d [data-c60-work-toggle]:focus-visible,
#gold-city-2d .city60-open-builder:focus-visible{outline:2px solid #ffdb8f;outline-offset:2px}
@media(max-width:380px){
 #gold-city-2d .city60-pulse-values{grid-template-columns:repeat(2,minmax(0,1fr))}
 #gold-city-2d .city60-pulse,#gold-city-2d .city60-workhub{padding:9px}
}

/* v6 phase three: infrastructure is owned by the server's existing empire GET. */
#gold-city-2d .city60-project-hub{
 display:grid;gap:10px;margin:9px 0 12px;padding:12px;
 border:1px solid #a68a5b;border-radius:13px;
 background:linear-gradient(150deg,#2e3930,#1d2b2a);color:#eaddbe
}
#gold-city-2d .city60-project-hub header{
 display:flex;justify-content:space-between;align-items:center;gap:8px
}
#gold-city-2d .city60-project-hub header small{
 display:block;font-size:9px;letter-spacing:.08em;color:#bbc8b3
}
#gold-city-2d .city60-project-hub h3{
 font-size:14px;color:#ffdfa8;margin:3px 0 0
}
#gold-city-2d .city60-project-hub header>span{font-size:10px;color:#d9c69e;white-space:nowrap}
#gold-city-2d .city60-project-note{
 margin:0;color:#c5cbbb;font-size:10px;line-height:1.5
}
#gold-city-2d .city60-project-list{display:grid;grid-template-columns:minmax(0,1fr);gap:7px}
#gold-city-2d .city60-project{
 display:flex;align-items:center;gap:9px;width:100%;min-height:54px;
 padding:9px;border:1px solid #6e7863;border-radius:10px;
 background:#253831;color:#f6ddb4;text-align:left
}
#gold-city-2d .city60-project.built{border-color:#7ead7c;background:#283e32}
#gold-city-2d .city60-project.building{border-color:#c9935e;background:#45392d}
#gold-city-2d .city60-project.locked{opacity:.67}
#gold-city-2d .city60-project-glyph{
 min-width:33px;height:33px;display:grid;place-items:center;
 border-radius:9px;background:#475c46;font-size:20px;color:#f3dca4
}
#gold-city-2d .city60-project-info{flex:1;min-width:0;display:grid;gap:5px}
#gold-city-2d .city60-project-info strong{font-size:11px;overflow-wrap:anywhere}
#gold-city-2d .city60-project-info small{font-size:10px;color:#bac8b6;line-height:1.5}
#gold-city-2d .city60-project-arrow{font-size:23px;color:#e6c992}
#gold-city-2d .city60-project-all,#gold-city-2d [data-c60-project-reload]{
 min-height:42px;border:1px solid #ae9664;border-radius:8px;
 background:#544734;color:#ffe1a5;padding:10px;font-size:11px
}
#gold-city-2d .city60-landmark{
 position:absolute;z-index:6;display:grid;place-items:center;
 width:29px;height:29px;transform:translate(-50%,-50%);
 border:2px solid #e2ca86;border-radius:50%;
 background:#365b43;color:#f2d997;font-size:18px;
 box-shadow:0 2px 7px #091910ab;cursor:pointer;touch-action:manipulation
}
#gold-city-2d .city60-landmark.building{
 background:#664a33;border-color:#f4a96f;color:#ffdbb0
}
#gold-city-2d .city60-landmark span{pointer-events:none;line-height:1}
#gold-city-2d .city60-power-toggle{
 min-height:37px;padding:6px 9px;border:1px solid #b2a077;
 border-radius:8px;background:#273a36;color:#f3dfb7;
 font-size:10px;white-space:normal;text-align:center;touch-action:manipulation
}
#gold-city-2d .city60-power-toggle[aria-pressed="true"]{
 background:#31434e;border-color:#8cb3c3;color:#d8ecf6
}
#gold-city-2d .city60-project:focus-visible,
#gold-city-2d .city60-landmark:focus-visible,
#gold-city-2d .city60-power-toggle:focus-visible,
#gold-city-2d [data-c60-project-reload]:focus-visible{
 outline:2px solid #f7d18e;outline-offset:3px
}
#gold-city-2d .city60-lite .city2d-person,
#gold-city-2d .city60-lite .city32-car,
#gold-city-2d .city60-lite .city32-signal i{animation:none!important}
#gold-city-2d .city60-lite:before{opacity:.15}
@media(max-width:360px){
 #gold-city-2d .city60-project-hub{padding:9px}
 #gold-city-2d .city60-landmark{width:26px;height:26px}
 #gold-city-2d .city60-power-toggle{font-size:9px;padding:6px}
}
@media(prefers-reduced-motion:reduce){
 #gold-city-2d .city60-landmark{transition:none!important}
}

/* v6 phase four: maximum six passive street markers, no click interception. */
#gold-city-2d .city60-street-activity{
  position:absolute;width:18px;height:15px;z-index:4;
  transform:translate(-50%,-50%);display:flex;gap:1px;
  align-items:end;justify-content:center;pointer-events:none;
  filter:drop-shadow(0 2px 2px #0919149c)
}
#gold-city-2d .city60-street-activity i{
  width:4px;height:9px;display:block;border-radius:4px 4px 2px 2px;
  border:1px solid #2b463b;background:#8fb9ab;
  transform-origin:bottom center
}
#gold-city-2d .city60-street-activity i:nth-child(2){
  height:12px;background:#eec47b
}
#gold-city-2d .city60-street-activity i:nth-child(3){
  height:10px;background:#bb91c0
}
#gold-city-2d .city60-street-activity.active i:nth-child(2){
  animation:city60-crowd-motion 4s ease-in-out 1s infinite
}
#gold-city-2d .city60-street-activity.busy i:nth-child(2){
  animation:city60-crowd-motion 2.7s ease-in-out infinite
}
@keyframes city60-crowd-motion{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-3px)}
}
#gold-city-2d .city60-street-report{
  display:grid;gap:9px;border:1px solid #647c6c;
  border-radius:12px;padding:11px;background:#1b302c;margin:9px 0;
  color:#f0dcb5
}
#gold-city-2d .city60-street-report-top{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:7px
}
#gold-city-2d .city60-street-report-top strong{font-size:12px}
#gold-city-2d .city60-street-report-top small{font-size:10px;color:#c4cdbc}
#gold-city-2d .city60-venue-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
#gold-city-2d .city60-venue-list button{
  min-height:49px;padding:7px;border:1px solid #67816d;
  border-radius:8px;background:#2c493f;color:#ffe2b0;
  display:grid;gap:6px;text-align:left;min-width:0
}
#gold-city-2d .city60-venue-list button span{
  font-size:11px;overflow-wrap:anywhere;line-height:1.35
}
#gold-city-2d .city60-venue-list button small{font-size:10px;color:#c9d9c5}
#gold-city-2d .city60-venue-list button:focus-visible{
  outline:2px solid #ffdd91;outline-offset:2px
}
#gold-city-2d .city60-street-empty,#gold-city-2d .city60-street-disclaimer{
  margin:0;font-size:10px;color:#b8c7ba;line-height:1.5
}
/* Telegram in background: pause animations without DOM rebuild and lost scroll. */
#gold-city-2d.city60-page-paused .city2d-map *,
#gold-city-2d.city60-page-paused .city2d-map *::before,
#gold-city-2d.city60-page-paused .city2d-map *::after{
  animation-play-state:paused!important;
  will-change:auto!important
}
#gold-city-2d .city60-lite .city60-street-activity{display:none}
#gold-city-2d .city60-lite .city32-active-venue i{
  animation:none!important;opacity:.35
}
@media(max-width:390px){
  #gold-city-2d .city60-venue-list{grid-template-columns:1fr}
  #gold-city-2d .city60-venue-list button{min-height:43px}
}
@media(prefers-reduced-motion:reduce){
  #gold-city-2d .city60-street-activity *{animation:none!important}
}

/* v6 release candidate: actionable offline banner; no invisible blocking overlay. */
#gold-city-2d .city60-connectivity{
  display:flex;align-items:center;justify-content:space-between;
  gap:10px;margin:0 0 11px;padding:10px 12px;
  background:#473629;border:1px solid #cc9764;
  border-radius:11px;color:#ffdfb0
}
#gold-city-2d .city60-connectivity span{
  min-width:0;font-size:11px;line-height:1.5;overflow-wrap:anywhere
}
#gold-city-2d .city60-connectivity button{
  flex:none;min-height:42px;padding:8px 10px;
  background:#77522f;border:1px solid #f0c18a;
  border-radius:8px;color:#fff0d3;font-size:11px;font-weight:750
}
#gold-city-2d .city60-connectivity button:disabled{opacity:.55}
#gold-city-2d .city60-connectivity button:focus-visible{
  outline:2px solid #ffdb8e;outline-offset:3px
}
@media(max-width:350px){
  #gold-city-2d .city60-connectivity{flex-wrap:wrap}
  #gold-city-2d .city60-connectivity button{width:100%}
}