/* Let the 2D avenue use the whole desktop stage behind the directory. */
@media (min-width: 901px) {
  .city-stage .city {
    height: 100% !important;
    padding-bottom: 0 !important;
  }
}

body.city-first-focus #city:focus-visible {
  outline: 2px solid #4de4b1;
  outline-offset: -4px;
}

/* The city is interactive while the directory is open. */
body.directory-first::after { content: none !important; }

/* Compact introduction leaves the city and its camera controls usable. */
.founder-hero {
  top:max(72px,calc(env(safe-area-inset-top,0px) + 60px));left:16px;right:auto;
  width:min(228px,calc(100vw - 188px));box-sizing:border-box;padding:10px 10px 8px;
  border:1px solid #708b7880;border-radius:14px;background:#12261feb;
  text-align:left;box-shadow:0 8px 30px #07191126;
}
.founder-hero .eyebrow {display:none}
.founder-hero h1 {margin:0 32px 4px 0;font:700 15px/1.25 Inter,system-ui,sans-serif;letter-spacing:-.03em}
.founder-hero .subhead {margin:0 0 8px;font-size:11px;line-height:1.35;color:#d8e5d6}
.founder-hero .hero-cta {margin:0;justify-content:flex-start;gap:8px}
.founder-hero .hero-cta button {min-height:44px;padding:8px 6px;font-size:11px}
.founder-hero .live-stats {display:none}
#heroDismiss {position:absolute;top:3px;right:3px;width:44px;height:44px;border:0;background:transparent;color:#d8e5d6;font-size:22px;pointer-events:auto;cursor:pointer}
#heroDismiss:focus-visible,.founder-hero .hero-cta button:focus-visible {outline:2px solid #d9f37d;outline-offset:2px}
body:not(.hero-dismissed):not(.directory-first):not(:has(.overlay.open)) #avenueStats {display:flex!important}
body:not(.panel-hidden) .founder-hero,body.settings-open .founder-hero,body.street-controls .founder-hero,
body:has(.overlay.open,.plot-interaction-card:not([hidden]),.how.help-open,#loungePanel.open,.toolbar.search-open) .founder-hero {display:none}
.game-controls #toggleSearch {order:-1}
body.discovery-open .lower #rankings .directory-launchbar,body.discovery-open .lower #rankings .directory-activity,
body.discovery-open .lower #rankings .directory-brand,body.discovery-open .lower #rankings .section-head label {display:none!important}
body.discovery-open .lower #rankings .directory-filters {display:block;padding-top:12px}
body.discovery-open .lower #rankings .directory-filters summary {font-weight:700}
body.discovery-open .lower #rankings .directory-tools input,body.discovery-open .lower #rankings .directory-tools select {min-height:44px;font-size:16px}
body.discovery-open .lower #rankings .rank-actions strong {display:none!important}
body.discovery-open .lower #rankings .rank-actions {grid-template-columns:minmax(0,1fr)!important}
body.discovery-open .lower #rankings .directory-list-heading {align-items:flex-start}
.business-contact-actions {display:grid;gap:8px;margin:14px 0}
.business-contact-actions:empty {display:none}
.business-contact-actions a {min-height:44px;margin:0;display:flex;justify-content:center;align-items:center;text-align:center}
@media(max-width:700px) {
  .founder-hero {top:auto;bottom:calc(176px + env(safe-area-inset-bottom,0px));left:max(12px,calc(env(safe-area-inset-left,0px) + 12px));right:max(78px,calc(env(safe-area-inset-right,0px) + 78px));width:auto;padding:10px}
  .founder-hero h1 {font-size:18px;margin:0 30px 8px 0}
  .founder-hero .subhead {display:block;font-size:12px}
  .founder-hero .hero-cta {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .founder-hero .hero-cta button {min-width:0;padding:8px 4px;font-size:11px;min-height:44px}
}
@media(max-height:520px) {
  .founder-hero {padding:10px;max-height:calc(100dvh - 240px);overflow:auto}
  .founder-hero h1 {font-size:18px;margin:0 30px 8px 0}
  .founder-hero .subhead {display:none}
}

/* Let the parked skyline read before the landing actions arrive. */
@media(min-width:701px) and (prefers-reduced-motion:no-preference) {
  html.skyline-arrival .avenue-stats,html.skyline-arrival .avenue-stats-hint {animation:landing-reveal .24s ease-out .55s both}
  html.skyline-arrival .founder-hero {animation:landing-reveal .28s ease-out .95s both}
  html.skyline-arrival .game-controls,html.skyline-arrival .map-tools,html.skyline-arrival .travel-tools,
  html.skyline-arrival #adsOpen,html.skyline-arrival .district-nav {animation:landing-reveal .24s ease-out .95s both}
  html.skyline-arrival .map-hint {animation:landing-reveal .24s ease-out 1.2s both}
}
@keyframes landing-reveal {from{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}

.founder-hero .hero-example {display:block;width:100%;margin:10px 0 0;min-height:44px;padding:8px 0;border:0;border-top:1px solid #708b7855;background:transparent;color:#d9f37d;font:600 12px/1.4 Inter,system-ui,sans-serif;text-align:left;cursor:pointer}
.founder-hero .hero-example {pointer-events:auto}
.founder-hero .hero-example[hidden] {display:none!important}
.founder-hero .hero-example:focus-visible {outline:2px solid #d9f37d;outline-offset:2px}
#avenueStats.explore-local{white-space:nowrap;font-size:14px!important;line-height:1!important}
.avenue-stats-hint{white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;max-width:min(520px,calc(100vw - 160px))}
#releasedInventory{margin:0;padding:10px 12px;border-bottom:1px solid #324431;color:#d7e3cf;font:600 12px/1.45 Inter,system-ui,sans-serif}
#releasedInventory b{font:800 14px "DM Mono",monospace;color:#f4f7ea}
#claimInventory{margin:8px 0 0;font-size:12px;line-height:1.45}