/* One owner for the phone browser HUD. Native iOS keeps its own adapter. */
#bizzlotz-browser-camera-toggle { display:none }
#bizzlotz-browser-shortcuts { display:none }
@media (max-width:700px), (max-height:520px) and (hover:none) and (pointer:coarse) {
 html[data-bizzlotz-browser-layout="1"] {
  --hud-left:max(12px,env(safe-area-inset-left,0px));
  --hud-right:max(12px,env(safe-area-inset-right,0px));
  --hud-top:max(12px,env(safe-area-inset-top,0px));
  --hud-bottom:max(12px,env(safe-area-inset-bottom,0px));
  --hud-rail-top:calc(var(--hud-top) + 64px);
  --hud-reserved-bottom:calc(var(--hud-bottom) + 132px);
 }
 html[data-bizzlotz-browser-layout="1"] body .game-controls {
  left:var(--hud-left)!important;right:auto!important;top:var(--hud-top)!important;bottom:auto!important;
  width:46px!important;box-sizing:border-box!important;transform:none!important;
  display:grid!important;grid-template-columns:44px!important;gap:0!important;padding:0!important;
  max-height:calc(100dvh - var(--hud-top) - var(--hud-reserved-bottom))!important;
  overflow-y:auto!important;overscroll-behavior:contain;scrollbar-width:none;
 }
 html[data-bizzlotz-browser-layout="1"] body .game-controls button {
  width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;
 }
 html[data-bizzlotz-browser-layout="1"] body #avenueStats {
  top:var(--hud-top)!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;
  max-width:calc(100vw - var(--hud-left) - var(--hud-right) - 120px)!important;
 }
 html[data-bizzlotz-browser-layout="1"] body .avenue-stats-hint {
  top:calc(var(--hud-top) + 46px)!important;left:50%!important;transform:translateX(-50%)!important;
 }
 /* Primary destinations stay discoverable without opening the camera drawer. */
 html[data-bizzlotz-browser-layout="1"] body #bizzlotz-browser-shortcuts {
  display:flex;position:fixed;z-index:70;top:calc(var(--hud-top) + 66px);
  left:calc(var(--hud-left) + 56px);right:calc(var(--hud-right) + 66px);
  width:auto;max-width:300px;margin:0 auto;gap:6px;box-sizing:border-box;
 }
 html[data-bizzlotz-browser-layout="1"] body #bizzlotz-browser-shortcuts button {
  flex:1 1 0;min-width:0;min-height:44px;padding:8px 6px;box-sizing:border-box;
  border:1px solid #788b6b99;border-radius:9px;background:#14271ef2;color:#eff5df;
  font:600 12px/1.2 system-ui,-apple-system,sans-serif;white-space:normal;overflow-wrap:anywhere;touch-action:manipulation;cursor:pointer;
 }
 html[data-bizzlotz-browser-layout="1"] body #bizzlotz-browser-shortcuts button:focus-visible {outline:2px solid #d6ec96;outline-offset:2px}
 html[data-bizzlotz-browser-layout="1"] body #bizzlotz-browser-shortcuts[hidden],
 html[data-bizzlotz-browser-layout="1"] body #bizzlotz-browser-shortcuts button[hidden],
 html[data-bizzlotz-browser-layout="1"][data-bizzlotz-browser-camera-open="true"] body #bizzlotz-browser-shortcuts,
 html[data-bizzlotz-browser-layout="1"] body:not(.panel-hidden) #bizzlotz-browser-shortcuts,
 html[data-bizzlotz-browser-layout="1"] body.street-controls #bizzlotz-browser-shortcuts,
 html[data-bizzlotz-browser-layout="1"] body.settings-open #bizzlotz-browser-shortcuts,
 html[data-bizzlotz-browser-layout="1"] body:has(.overlay.open,.plot-interaction-card:not([hidden]),.how.help-open,#loungePanel.open,.toolbar.search-open) #bizzlotz-browser-shortcuts {display:none!important}
 html[data-bizzlotz-browser-layout="1"] body .travel-tools {
  top:var(--hud-rail-top)!important;right:var(--hud-right)!important;left:auto!important;bottom:auto!important;
  width:56px!important;box-sizing:border-box!important;padding:5px!important;
  display:flex!important;flex-direction:column!important;gap:4px!important;transform:none!important;
  max-height:calc(100dvh - var(--hud-rail-top) - var(--hud-reserved-bottom))!important;
  overflow-y:auto!important;overscroll-behavior:contain;
 }
 html[data-bizzlotz-browser-layout="1"] body .travel-tools button {
  flex-shrink:0!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;
 }
 html[data-bizzlotz-browser-layout="1"] body #bizzlotz-browser-camera-toggle {
  display:block;position:fixed;top:var(--hud-top);right:var(--hud-right);width:56px;min-height:44px;
  box-sizing:border-box;z-index:71;padding:5px 2px;border:1px solid #788b6b66;border-radius:11px;
  background:#14271ef2;color:#eff5df;font:700 10px/1.2 system-ui,-apple-system,sans-serif;touch-action:manipulation;white-space:normal;overflow-wrap:anywhere;
 }
 html[data-bizzlotz-browser-layout="1"] body #bizzlotz-browser-camera-toggle[aria-expanded="true"] {background:#d6ec96;color:#14231a}
 html[data-bizzlotz-browser-layout="1"] body .map-tools {
  display:none!important;position:fixed!important;top:var(--hud-rail-top)!important;
  right:calc(var(--hud-right) + 66px)!important;left:auto!important;bottom:auto!important;
  width:110px!important;max-width:calc(100vw - var(--hud-left) - var(--hud-right) - 118px)!important;
  box-sizing:border-box!important;grid-template-columns:repeat(2,44px)!important;grid-auto-flow:row!important;
  gap:4px!important;padding:8px!important;transform:none!important;z-index:71!important;
  max-height:calc(100dvh - var(--hud-rail-top) - var(--hud-reserved-bottom))!important;
  overflow:auto!important;overscroll-behavior:contain;background:#14271ef5!important;
  border:1px solid #788b6b66!important;border-radius:12px!important;
 }
 html[data-bizzlotz-browser-layout="1"][data-bizzlotz-browser-camera-open="true"] body:not(.directory-first) .map-tools:not([hidden]) {display:grid!important}
 html[data-bizzlotz-browser-layout="1"] body .map-tools button {
  width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;
  margin:0!important;padding:0!important;touch-action:manipulation;font-size:14px!important;
 }
 html[data-bizzlotz-browser-layout="1"] body .map-tools #resetMap {grid-column:1 / -1!important;width:92px!important}
 html[data-bizzlotz-browser-layout="1"] body .district-nav {
  left:var(--hud-left)!important;right:var(--hud-right)!important;bottom:var(--hud-bottom)!important;
  gap:6px!important;padding:6px!important;max-width:none!important;box-sizing:border-box!important;
 }
 html[data-bizzlotz-browser-layout="1"] body .district-nav button {width:44px!important;min-width:44px!important;height:44px!important}
 html[data-bizzlotz-browser-layout="1"] body .district-nav select {min-height:44px!important;min-width:0!important;flex:1;font-size:12px!important}
 html[data-bizzlotz-browser-layout="1"] body .district-nav label {display:none!important}
 html[data-bizzlotz-browser-layout="1"] body #adsOpen {
  left:var(--hud-left)!important;right:auto!important;top:auto!important;bottom:calc(var(--hud-bottom) + 72px)!important;
  max-width:calc(100vw - var(--hud-left) - var(--hud-right) - 72px)!important;
  min-height:44px!important;padding:10px 12px!important;font-size:12px!important;white-space:normal!important;
 }
 html[data-bizzlotz-browser-layout="1"] body #sponsorTop {
  left:var(--hud-left)!important;right:auto!important;top:auto!important;bottom:calc(var(--hud-bottom) + 124px)!important;
  min-height:44px!important;z-index:36;
 }
 html[data-bizzlotz-browser-layout="1"][data-bizzlotz-browser-camera-open="true"] body #streetActivity {visibility:hidden}
 html[data-bizzlotz-browser-layout="1"] body.street-controls .travel-tools {top:var(--hud-top)!important;max-height:calc(100dvh - var(--hud-top) - var(--hud-reserved-bottom))!important}
 html[data-bizzlotz-browser-layout="1"] body.street-controls .game-controls,
 html[data-bizzlotz-browser-layout="1"] body.street-controls #adsOpen,
 html[data-bizzlotz-browser-layout="1"] body.street-controls #sponsorTop,
 html[data-bizzlotz-browser-layout="1"] body.street-controls #avenueStats,
 html[data-bizzlotz-browser-layout="1"] body.street-controls .avenue-stats-hint,
 html[data-bizzlotz-browser-layout="1"] body.street-controls .map-tools,
 html[data-bizzlotz-browser-layout="1"] body.directory-first .map-tools,
 html[data-bizzlotz-browser-layout="1"] body #bizzlotz-browser-camera-toggle[hidden],
 html[data-bizzlotz-browser-layout="1"] body .travel-tools[hidden] {display:none!important}
 html[data-bizzlotz-browser-layout="1"] body .toolbar.search-open,
 html[data-bizzlotz-browser-layout="1"] body .how.help-open,
 html[data-bizzlotz-browser-layout="1"] body.settings-open .lighting-control {
  left:calc(var(--hud-left) + 56px)!important;right:var(--hud-right)!important;
  top:var(--hud-top)!important;width:auto!important;max-width:none!important;
  max-height:calc(100dvh - var(--hud-top) - var(--hud-bottom))!important;overflow-y:auto!important;z-index:80!important;
 }
 /* Compact directory is an explicit panel beside the navigation rail, never beneath it. */
 html[data-bizzlotz-browser-layout="1"] body:not(.panel-hidden) .lower #rankings {
  left:calc(var(--hud-left) + 56px)!important;right:var(--hud-right)!important;
  top:var(--hud-top)!important;bottom:var(--hud-bottom)!important;
  width:auto!important;height:auto!important;min-width:0!important;max-width:none!important;max-height:none!important;
  transform:none!important;opacity:1!important;z-index:75!important;
 }
 /* The narrow directory has room for its title, sort field and real close target. */
 html[data-bizzlotz-browser-layout="1"] body #rankings .directory-launchbar {grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px!important}
 html[data-bizzlotz-browser-layout="1"] body #rankings .directory-sales,
 html[data-bizzlotz-browser-layout="1"] body #rankings .directory-top-claim {min-width:0!important;overflow-wrap:anywhere}
 html[data-bizzlotz-browser-layout="1"] body #rankings .section-head {display:grid!important;grid-template-columns:minmax(0,1fr) 44px!important;gap:8px!important;align-items:center!important}
 html[data-bizzlotz-browser-layout="1"] body #rankings .section-head h2 {grid-column:1;grid-row:1;min-width:0;overflow-wrap:anywhere}
 html[data-bizzlotz-browser-layout="1"] body #rankings #closeDirectory {grid-column:2;grid-row:1;width:44px;height:44px}
 html[data-bizzlotz-browser-layout="1"] body #rankings .section-head label {grid-column:1 / -1;grid-row:2;display:flex;align-items:center;gap:6px;min-width:0;margin-left:0!important}
 html[data-bizzlotz-browser-layout="1"] body #rankings .section-head select {min-width:0;flex:1}
 html[data-bizzlotz-browser-layout="1"] body:not(.panel-hidden) .travel-tools,
 html[data-bizzlotz-browser-layout="1"] body:not(.panel-hidden) #adsOpen,
 html[data-bizzlotz-browser-layout="1"] body:not(.panel-hidden) #sponsorTop,
 html[data-bizzlotz-browser-layout="1"] body:not(.panel-hidden) .district-nav,
 html[data-bizzlotz-browser-layout="1"] body:not(.panel-hidden) #avenueStats,
 html[data-bizzlotz-browser-layout="1"] body:not(.panel-hidden) .avenue-stats-hint {visibility:hidden!important}
 html[data-bizzlotz-browser-layout="1"] body .map-tools button:focus-visible,
 html[data-bizzlotz-browser-layout="1"] body #bizzlotz-browser-camera-toggle:focus-visible {outline:2px solid #d6ec96;outline-offset:2px}
}
@media (max-width:700px), (max-height:520px) and (hover:none) and (pointer:coarse) {
 html[data-bizzlotz-browser-layout="1"][data-bizzlotz-browser-camera-open="false"] body .travel-tools {display:none!important}
 /* Keep the first-visit introduction from covering disclosed camera actions. */
 html[data-bizzlotz-browser-layout="1"][data-bizzlotz-browser-camera-open="true"] body .founder-hero {display:none!important}
}
/* Short phone views keep the primary destinations and existing add control clear. */
@media (max-width:700px) and (max-height:520px), (max-height:520px) and (hover:none) and (pointer:coarse) {
 html[data-bizzlotz-browser-layout="1"] body .founder-hero {display:none!important}
}
/* Desktop browser controls use separate columns; native iOS retains its owner. */
@media (min-width:701px) and (min-height:521px), (min-width:701px) and (hover:hover) and (pointer:fine) {
 html[data-bizzlotz-browser-layout="1"] body .game-controls {
  top:12px!important;right:12px!important;left:auto!important;bottom:auto!important;transform:none!important;
  max-height:calc(100dvh - 232px)!important;overflow-y:auto!important;overscroll-behavior:contain;
 }
 html[data-bizzlotz-browser-layout="1"] body .map-tools {
  top:12px!important;right:76px!important;left:auto!important;bottom:auto!important;transform:none!important;
  max-height:calc(100dvh - 156px)!important;overflow-y:auto!important;overscroll-behavior:contain;
 }
 /* The tall travel rail must not cover either existing control column. */
 html[data-bizzlotz-browser-layout="1"] body .travel-tools {
  right:140px!important;bottom:156px!important;max-height:calc(100dvh - 168px)!important;
 }
}

/* Shared browser disclosure: one entry point, original camera/travel handlers. */
html[data-bizzlotz-browser-layout="1"] body .travel-tools button:focus-visible {outline:2px solid #d6ec96;outline-offset:-3px}
@media (min-width:701px) and (min-height:521px), (min-width:701px) and (hover:hover) and (pointer:fine) {
 html[data-bizzlotz-browser-layout="1"] body #bizzlotz-browser-camera-toggle {
  display:block;position:fixed;top:12px;right:76px;width:110px;min-height:44px;z-index:71;
  border:1px solid #788b6b99;border-radius:10px;background:#14271ef5;color:#eff5df;
  font:600 13px/1.2 system-ui,sans-serif;cursor:pointer;
 }
 html[data-bizzlotz-browser-layout="1"] body #bizzlotz-browser-camera-toggle[aria-expanded="true"] {background:#d6ec96;color:#14231a}
 html[data-bizzlotz-browser-layout="1"] body #bizzlotz-browser-camera-toggle:focus-visible {outline:2px solid #d6ec96;outline-offset:2px}
 html[data-bizzlotz-browser-layout="1"] body .map-tools {
  display:none!important;top:68px!important;right:76px!important;width:110px!important;box-sizing:border-box!important;
  grid-template-columns:repeat(2,44px)!important;gap:4px!important;padding:8px!important;max-height:calc(100dvh - 156px)!important;
 }
 html[data-bizzlotz-browser-layout="1"] body .map-tools button {width:44px!important;min-height:44px!important;padding:0!important}
 html[data-bizzlotz-browser-layout="1"] body .map-tools #resetMap {grid-column:1 / -1!important;width:100%!important}
 html[data-bizzlotz-browser-layout="1"] body .travel-tools {
  display:none!important;top:68px!important;bottom:auto!important;right:198px!important;width:180px!important;transform:none!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px!important;padding:6px!important;box-sizing:border-box!important;
  max-height:calc(100dvh - 224px)!important;
 }
 html[data-bizzlotz-browser-layout="1"] body .travel-tools button {width:100%!important;min-width:0!important;min-height:44px!important;height:auto!important;font-size:11px!important;white-space:normal!important}
 html[data-bizzlotz-browser-layout="1"] body .travel-tools button[id^="travel-"]::after {content:attr(aria-label);display:block;font:500 10px/1.2 system-ui,sans-serif}
 html[data-bizzlotz-browser-layout="1"][data-bizzlotz-browser-camera-open="true"] body:not(.directory-first) .map-tools:not([hidden]),
 html[data-bizzlotz-browser-layout="1"][data-bizzlotz-browser-camera-open="true"] body:not(.directory-first) .travel-tools:not([hidden]) {display:grid!important}
 html[data-bizzlotz-browser-layout="1"] body #bizzlotz-browser-camera-toggle[hidden] {display:none!important}
}

/* Fit city is a primary action, separate from the exploration drawer. */
#bizzlotz-browser-menu-toggle,#bizzlotz-browser-fit-city {display:none}
html[data-bizzlotz-browser-layout="1"] body #sponsorTop {top:64px;right:198px;left:auto;bottom:auto;min-width:90px;z-index:71}
html[data-bizzlotz-browser-layout="1"] body #bizzlotz-browser-fit-city {
 display:block;position:fixed;top:12px;right:198px;width:90px;min-height:44px;z-index:71;
 border:1px solid #788b6b99;border-radius:10px;background:#14271ef5;color:#eff5df;
 font:600 12px/1.2 system-ui,sans-serif;cursor:pointer;
}
html[data-bizzlotz-browser-layout="1"] body #bizzlotz-browser-fit-city:focus-visible,
html[data-bizzlotz-browser-layout="1"] body #bizzlotz-browser-menu-toggle:focus-visible {outline:2px solid #d6ec96;outline-offset:2px}
html[data-bizzlotz-browser-layout="1"] body #bizzlotz-browser-fit-city[hidden],
html[data-bizzlotz-browser-layout="1"] body #bizzlotz-browser-menu-toggle[hidden] {display:none!important}
@media (max-width:700px), (max-height:520px) and (hover:none) and (pointer:coarse) {
 html[data-bizzlotz-browser-layout="1"] body #bizzlotz-browser-fit-city {top:var(--hud-rail-top);right:var(--hud-right);width:56px;min-height:44px}
 html[data-bizzlotz-browser-layout="1"] body #bizzlotz-browser-menu-toggle {
  display:block;position:fixed;top:var(--hud-top);left:var(--hud-left);width:46px;min-height:44px;z-index:76;
  border:1px solid #788b6b99;border-radius:10px;background:#0f2a47;color:#fff;font:600 11px/1.2 system-ui,sans-serif;cursor:pointer;
 }
 html[data-bizzlotz-browser-layout="1"] body .game-controls {top:var(--hud-rail-top)!important;max-height:calc(100dvh - var(--hud-rail-top) - var(--hud-reserved-bottom))!important}
 html[data-bizzlotz-browser-layout="1"][data-bizzlotz-browser-nav-open="false"] body .game-controls {display:none!important}
 html[data-bizzlotz-browser-layout="1"] body .travel-tools {top:calc(var(--hud-rail-top) + 56px)!important;max-height:calc(100dvh - var(--hud-rail-top) - 56px - var(--hud-reserved-bottom))!important}
}
/* Narrow desktop/tablet windows need a separate slot beside the centered totals. */
@media (min-width:701px) and (max-width:900px) and (min-height:521px), (min-width:701px) and (max-width:900px) and (hover:hover) and (pointer:fine) {
 html[data-bizzlotz-browser-layout="1"] body #bizzlotz-browser-fit-city {left:12px;right:auto}
}

/* Keep exploration and an independent exit reachable during every travel mode. */
html[data-bizzlotz-browser-layout="1"] body #exit-car:not([hidden]) {
 position:fixed!important;top:auto!important;bottom:max(82px,calc(74px + env(safe-area-inset-bottom)))!important;
 left:50%!important;right:auto!important;transform:translateX(-50%)!important;z-index:79!important;
 width:auto!important;min-width:130px;min-height:44px;white-space:nowrap;
}
html[data-bizzlotz-browser-layout="1"][data-bizzlotz-browser-camera-open="false"] body .travel-tools {display:none!important}
html[data-bizzlotz-browser-layout="1"][data-bizzlotz-browser-camera-open="true"] body .map-tools:not([hidden]) {display:grid!important}
html[data-bizzlotz-browser-layout="1"][data-bizzlotz-browser-camera-open="true"] body .travel-tools:not([hidden]) {display:grid!important}
html[data-bizzlotz-browser-layout="1"] body #citySettings {display:grid!important;justify-items:center;align-content:center}
html[data-bizzlotz-browser-layout="1"] body .lighting-phase {display:none}
body #how.help-open .step strong {color:#f2f6e8!important}
body #how.help-open h2 {color:#14271e!important}
body #how.help-open .policy-links a {color:#174870!important;opacity:1}
body #how.help-open .step p {color:#d2dfce!important}
/* Form totals remain in document flow, below all design choices. */
body .overlay#claimOverlay .summary,body .overlay#claimOverlay #completeClaim {position:static;box-shadow:none;backdrop-filter:none}
body .overlay#claimOverlay .summary {background:#eef3e8;border:1px solid #9baa99;border-radius:8px;padding:14px}
body .overlay#claimOverlay .summary,body .overlay#claimOverlay .summary * {color:#14271e!important}
body #downloadQr {display:flex;align-items:center;justify-content:center;min-height:44px;margin:10px 0;padding:12px 16px;border:1px solid #526b50;border-radius:8px;background:#eef3e8;color:#14271e;text-decoration:none;font-weight:700;box-sizing:border-box}
body #plotInteractionCard {bottom:max(142px,calc(134px + env(safe-area-inset-bottom)));max-height:calc(100dvh - 160px);overflow:auto;box-sizing:border-box}
@media (max-width:700px), (max-height:520px) and (hover:none) and (pointer:coarse) {
 html[data-bizzlotz-browser-layout="1"] body .game-controls {top:var(--hud-rail-top)!important;z-index:75!important}
 html[data-bizzlotz-browser-layout="1"] body #bizzlotz-browser-menu-toggle {z-index:77}
 html[data-bizzlotz-browser-layout="1"] body .travel-tools,
 html[data-bizzlotz-browser-layout="1"] body.street-controls .travel-tools {
  width:150px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  top:calc(var(--hud-rail-top) + 56px)!important;max-height:calc(100dvh - var(--hud-rail-top) - 56px - var(--hud-reserved-bottom))!important;
 }
 html[data-bizzlotz-browser-layout="1"] body .travel-tools button {width:100%!important;min-width:0!important;font-size:11px!important;white-space:normal!important;overflow-wrap:normal!important}
 html[data-bizzlotz-browser-layout="1"] body .map-tools {right:calc(var(--hud-right) + 160px)!important;max-width:none!important}
 html[data-bizzlotz-browser-layout="1"] body #plotInteractionCard {left:12px;right:12px;width:auto;bottom:max(82px,calc(74px + env(safe-area-inset-bottom)))}
}

html[data-bizzlotz-browser-layout="1"][data-bizzlotz-browser-camera-open="true"] body.street-controls .map-tools {opacity:1!important;pointer-events:auto!important}

/* Always-visible browser claim entry uses the existing guarded claim handler. */
html[data-bizzlotz-browser-layout="1"] body #bizzlotz-browser-claim{
 position:fixed;z-index:70;left:12px;top:12px;min-height:44px;max-width:220px;padding:10px 16px;border:1px solid #8da461;border-radius:9px;background:#d8ee9e;color:#14271e;font:700 14px/1.25 system-ui,sans-serif;cursor:pointer;touch-action:manipulation;
}
html[data-bizzlotz-browser-layout="1"] body #bizzlotz-browser-claim:disabled{opacity:.65;cursor:wait}
html[data-bizzlotz-browser-layout="1"] body #bizzlotz-browser-claim:focus-visible{outline:3px solid #14271e;outline-offset:3px}
html[data-bizzlotz-browser-layout="1"] body #bizzlotz-browser-claim[hidden],
html[data-bizzlotz-browser-layout="1"][data-bizzlotz-browser-camera-open="true"] body #bizzlotz-browser-claim,
html[data-bizzlotz-browser-layout="1"][data-bizzlotz-browser-nav-open="true"] body #bizzlotz-browser-claim,
html[data-bizzlotz-browser-layout="1"] body:not(.hero-dismissed) #bizzlotz-browser-claim,
html[data-bizzlotz-browser-layout="1"] body.settings-open #bizzlotz-browser-claim,
html[data-bizzlotz-browser-layout="1"] body:has(.overlay.open,.plot-interaction-card:not([hidden]),.how.help-open,#loungePanel.open,.toolbar.search-open) #bizzlotz-browser-claim{display:none!important}
@media(max-width:700px),(max-height:520px) and (hover:none) and (pointer:coarse){
 html[data-bizzlotz-browser-layout="1"] body #bizzlotz-browser-claim{top:calc(var(--hud-top) + 116px);left:calc(var(--hud-left) + 56px);right:calc(var(--hud-right) + 66px);width:auto;max-width:300px;margin:0 auto;padding:10px 6px;font-size:12px}
}

/* Fit each navigation button inside the scrollport, including classic scrollbars. */
html[data-bizzlotz-browser-layout="1"] body .game-controls {
 overflow-x:hidden!important;grid-template-columns:minmax(0,1fr)!important;
}
html[data-bizzlotz-browser-layout="1"] body .game-controls button {
 width:100%!important;min-width:0!important;box-sizing:border-box!important;
}
/* The builder scrolls its fields; the actual total and action have their own row. */
body .overlay#claimOverlay:has(.claim-next-step) {
 width:min(440px,calc(100vw - 24px));padding:0;
}
body .overlay#claimOverlay .modal:has(.claim-next-step) {
 display:flex;flex-direction:column;width:100%;height:100%;max-height:100%;overflow:hidden;
 --muted:#475569;--ink:#0f2a47;
}
body #claimModal:has(.claim-next-step) .modal-head {flex:none;padding:12px 16px}
body #claimModal:has(.claim-next-step) .close {min-width:44px;min-height:44px}
body #claimBody:has(.claim-next-step) {display:flex;flex-direction:column;min-height:0;flex:1;padding:0;overflow:hidden}
body #claimBody .claim-fields {min-height:0;overflow:auto;overscroll-behavior:contain;padding:16px;scroll-padding:16px}
body #claimBody .claim-next-step {flex:none;padding:10px 16px;background:#fff;border-top:1px solid #9baa99}
body #claimBody .claim-next-step .summary {margin:0;padding:0;border:0;background:transparent;gap:12px;flex-wrap:wrap}
body #claimBody .claim-next-step #completeClaim {margin-top:8px;min-height:44px}
body #claimBody .summary[hidden] {display:none}
body #claimBody .founder-plot-card {grid-template-columns:1fr;gap:8px}
body #claimBody .founder-plot-card>div {border:0;padding:0}
body #claimBody .founder-plot-card strong,
body #claimBody .configurator-heading span,
body #claimBody .claim-optional-details>summary:after {color:#28543b}
body #claimBody .field small,body #claimBody .field-hint,
body #claimBody .founder-plot-card span,body #claimBody .founder-plot-card p {color:#475569}
body #claimBody .claim-fields .plot-preview {height:140px}
@media(max-width:700px){
 body .overlay#claimOverlay:has(.claim-next-step) {
  left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));
  top:max(12px,env(safe-area-inset-top));bottom:max(12px,env(safe-area-inset-bottom));width:auto;z-index:100;
 }
}
/* At keyboard/landscape heights, let the whole form scroll instead of trapping fields. */
@media(max-height:420px){
 body #claimModal:has(.claim-next-step) {overflow:auto}
 body #claimBody:has(.claim-next-step) {display:block;overflow:visible;flex:none}
 body #claimBody .claim-fields {overflow:visible}
}
body #claimModal:has(.claim-next-step) .eyebrow {color:#28543b}
@media (min-width:701px) and (min-height:521px), (min-width:701px) and (hover:hover) and (pointer:fine) {
 html[data-bizzlotz-browser-layout="1"] body .game-controls {width:56px!important;scrollbar-width:none}
 html[data-bizzlotz-browser-layout="1"] body .game-controls button {min-height:44px!important}
}
html[data-bizzlotz-browser-layout="1"] body .game-controls button:focus-visible {outline:2px solid #d6ec96;outline-offset:-3px}
@media (max-width:700px), (max-height:520px) and (hover:none) and (pointer:coarse) {
 html[data-bizzlotz-browser-layout="1"] body #sponsorTop {
  position:fixed!important;top:auto!important;right:auto!important;left:var(--hud-left)!important;
  bottom:calc(var(--hud-bottom) + 124px)!important;z-index:76;
 }
 html[data-bizzlotz-browser-layout="1"] body #plotInteractionCard:not([hidden]),
 html[data-bizzlotz-browser-layout="1"] body .overlay#claimOverlay.open {
  position:fixed!important;left:max(12px,var(--hud-left))!important;right:max(12px,var(--hud-right))!important;
  top:calc(var(--vv-top, 0px) + var(--hud-rail-top) + 52px)!important;bottom:auto!important;width:auto!important;
  max-width:calc(100vw - 24px)!important;height:auto!important;margin:0!important;transform:none!important;
  max-height:min(calc(var(--vv-height, 100dvh) - var(--hud-rail-top) - 52px - 8px),calc(100dvh - var(--hud-rail-top) - 52px - var(--hud-bottom) - 176px))!important;
  overflow-x:hidden!important;overflow-y:auto!important;box-sizing:border-box!important;
 }
 html[data-bizzlotz-browser-layout="1"] body .overlay#claimOverlay.open {display:flex!important;align-items:stretch!important;justify-content:flex-start!important;padding:0!important}
 html[data-bizzlotz-browser-layout="1"] body .overlay#claimOverlay.open .modal {width:100%!important;max-height:100%!important;margin:0!important}
 html[data-bizzlotz-browser-layout="1"] body #checkoutStatus:has(#editDesign:not([hidden])) {max-height:none!important;overflow:visible!important}
}
body #orderSummary,body #orderDisclosure {margin:0 0 8px;font-size:13px;line-height:1.45}
body #orderDisclosure {color:#475569;font-size:12px}
body #orderSummary[hidden],body #orderDisclosure[hidden] {display:none!important}

/* The full builder owns the phone viewport; the small plot card still shares the HUD. */
@media (max-width:700px), (max-height:520px) and (hover:none) and (pointer:coarse) {
 html[data-bizzlotz-browser-layout="1"] body .overlay#claimOverlay.open:has(.claim-next-step) {
  top:calc(var(--vv-top, 0px) + max(12px,env(safe-area-inset-top)))!important;
  height:calc(var(--vv-height, 100dvh) - max(12px,env(safe-area-inset-top)) - max(12px,env(safe-area-inset-bottom)))!important;
  max-height:none!important;overflow:hidden!important;z-index:150;
 }
 html[data-bizzlotz-browser-layout="1"] body .overlay#claimOverlay.open:has(.claim-next-step) .modal {
  height:100%!important;min-height:0;box-sizing:border-box;overflow:hidden;
 }
 html[data-bizzlotz-browser-layout="1"] body:has(#claimOverlay.open .claim-next-step) :is(.game-controls,.map-tools,.travel-tools,.district-nav,#avenueStats,#avenueStatsHint,#sponsorTop,#adsOpen,#bizzlotz-browser-menu-toggle,#bizzlotz-browser-camera-toggle,#bizzlotz-browser-fit-city,#bizzlotz-browser-shortcuts,#bizzlotz-browser-claim) {visibility:hidden!important}
 /* A small keyboard viewport gets one scroll area so the footer cannot consume the fields. */
 @media(max-height:420px) {
  html[data-bizzlotz-browser-layout="1"] body .overlay#claimOverlay.open:has(.claim-next-step) .modal {overflow:auto}
 }
}

/* Software keyboards can shrink visualViewport without changing CSS media-query height. */
html[data-bizzlotz-browser-layout="1"][data-bizzlotz-short-viewport] body .overlay#claimOverlay.open:has(.claim-next-step) .modal {overflow:auto}
html[data-bizzlotz-browser-layout="1"][data-bizzlotz-short-viewport] body #claimBody:has(.claim-next-step) {display:block;overflow:visible;flex:none}
html[data-bizzlotz-browser-layout="1"][data-bizzlotz-short-viewport] body #claimBody .claim-fields {overflow:visible}

/* Available-plot cards need room for their action before entering the full builder. */
@media (max-width:700px), (max-height:520px) and (hover:none) and (pointer:coarse) {
 html[data-bizzlotz-browser-layout="1"] body #plotInteractionCard:not([hidden]) {
  max-height:calc(var(--vv-height, 100dvh) - var(--hud-rail-top) - 52px - var(--hud-bottom))!important;
 }
 html[data-bizzlotz-browser-layout="1"] body:has(#plotInteractionCard:not([hidden])) :is(#sponsorTop,#adsOpen,.district-nav) {visibility:hidden!important}
 html[data-bizzlotz-browser-layout="1"] body #avenueStats {
  white-space:normal!important;overflow-wrap:anywhere;font-size:12px!important;line-height:1.2!important;
 }
}
/* Keep the instructional hint below the desktop sponsor action. */
@media(min-width:1001px) {
 html[data-bizzlotz-browser-layout="1"] body .map-hint {top:120px!important;right:198px!important}
 html[data-bizzlotz-browser-layout="1"][data-bizzlotz-browser-camera-open="true"] body .map-hint {visibility:hidden}
}