/* Developer world (html[data-world]): one project, no account. Only the chrome that leads out of the project
   or into broker work is hidden; the project's own explorer is untouched. */
html[data-world] #workspace-entry,
html[data-world] #atlas-find-project,
html[data-world] #toolcluster,
html[data-world] #membership-entry,
html[data-world] [data-ramhan-unit-pdf],
html[data-world][data-world-root] #btn-back { display: none !important; }

html[data-world] #world-docs-entry {
  display: inline-flex; align-items: center; flex: none; height: 38px; margin: 0 8px; padding: 0 14px;
  border: 1px solid rgba(255, 255, 255, .28); border-radius: 10px; background: rgba(255, 255, 255, .12);
  color: #fff; font: inherit; font-size: 13px; font-weight: 500; line-height: 1; white-space: nowrap; cursor: pointer;
}
html[data-world] #world-docs-entry:hover, html[data-world] #world-docs-entry:focus-visible { background: rgba(255, 255, 255, .22); }
.world-docs-short { display: none; }
@media (max-width: 640px) {
  html[data-world] #world-docs-entry { height: 36px; margin: 0 6px; padding: 0 12px; }
  .world-docs-long { display: none; }
  .world-docs-short { display: inline; }
}

.world-docs {
  width: min(560px, calc(100vw - 32px));
  max-height: min(80dvh, 720px);
  padding: 24px;
  border: 1px solid rgba(255, 255, 255, .5);
  border-radius: 20px;
  background: rgba(244, 249, 250, .96);
  color: #0f2b33;
  box-shadow: 0 24px 60px rgba(4, 30, 38, .35);
  overflow: auto;
}
.world-docs::backdrop { background: rgba(4, 22, 28, .45); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); }
.world-docs-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.world-docs-title { margin: 0; font-size: 22px; font-weight: 600; }
.world-docs-close { width: 40px; height: 40px; border: 0; border-radius: 50%; background: rgba(15, 43, 51, .08); color: inherit; font-size: 22px; line-height: 1; cursor: pointer; }
.world-docs-lede { margin: 6px 0 16px; color: #45626a; font-size: 14px; }
.world-docs-list { margin: 0; padding: 0; list-style: none; display: grid; gap: 8px; }
.world-docs-list a { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 52px; padding: 12px 16px;
  border-radius: 12px; background: #fff; color: inherit; text-decoration: none; border: 1px solid rgba(15, 43, 51, .1); }
.world-docs-list a:hover, .world-docs-list a:focus-visible { border-color: #1f6f7d; }
.world-docs-name { font-size: 15px; font-weight: 500; }
.world-docs-meta { flex: none; font-size: 13px; color: #1f6f7d; white-space: nowrap; }
.world-docs-error { padding: 12px 0; color: #8a3b2e; }
html[dir=rtl] .world-docs { font-family: Cairo, Tajawal, system-ui, sans-serif; }
@media (max-width: 640px) {
  .world-docs { padding: 18px 16px; border-radius: 16px; }
  .world-docs-list a { flex-direction: column; align-items: flex-start; gap: 4px; }
}

/* Partner embed: map, projects, plans, brochures and 360 tours only. */
html[data-partner] #workspace-entry,
html[data-partner] #membership-entry,
html[data-partner] [data-unit-pdf],
html[data-partner] [data-plan-unit-pdf],
html[data-partner] .plan-unit-export,
html[data-partner] .project-export-actions,
html[data-partner] .membership-dialog { display: none !important; }

/* Manchester City: fullscreen navigation canvas, sky blue and navy controls. */
html[data-world=mancity] { --atlas-accent:#6CABDD; --atlas-ink:#1C2C5B; }
html[data-world=mancity] #portfolio,
html[data-world=mancity] #rail,
html[data-world=mancity] #chipbar,
html[data-world=mancity] #viewnav,
html[data-world=mancity] #world-docs-entry,
html[data-world=mancity] .community-map-caption,
html[data-world=mancity] .project-export-actions { display:none!important; }
html[data-world=mancity] main,
html[data-world=mancity] main > div,
html[data-world=mancity] #mapvars,
html[data-world=mancity] #openseadragon-viewer,
html[data-world=mancity] #flat-surface { width:100%!important; height:100dvh!important; inset:0!important; }
html[data-world=mancity] #topbar { background:#1C2C5Bee!important; color:#fff!important; }
html[data-world=mancity] #brandmark img { width:68px; height:48px; object-fit:contain; }
html[data-world=mancity] #loader { background:#1C2C5B!important; }
html[data-world=mancity] .atlas-loader-emblem { width:160px; height:128px; }
html[data-world=mancity] .atlas-loader-emblem img { width:100%; height:100%; object-fit:contain; }
html[data-world=mancity] .atlas-loader-track span { background:#6CABDD!important; }
html[data-world=mancity] .community-map-nav { background:#1C2C5Bee; border-color:#6CABDD; }
html[data-world=mancity] .community-map-nav button,
html[data-world=mancity] .community-map-nav select { color:#fff; background:#1C2C5B; }
html[data-world=mancity] .community-pin { background:#1C2C5B; border-color:#6CABDD; color:#fff; }
html[data-world=mancity] .community-pin:hover,
html[data-world=mancity] .community-pin.is-selected { background:#6CABDD; color:#1C2C5B; }


html[data-world=mancity] #crumbs { display:none!important; }
html[data-world=mancity] .community-map-nav { left:max(12px,env(safe-area-inset-left));top:125px;transform:none;width:200px;max-width:calc(100vw - 24px);display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:16px; }
html[data-world=mancity] .community-map-nav[hidden] { display:none!important; }
html[data-world=mancity] .community-map-nav button,
html[data-world=mancity] .community-map-nav select { width:100%;min-height:44px;max-width:none;text-align:start;font-size:13px;border:1px solid #6CABDD66;border-radius:8px; }
html[data-world=mancity] .city-menu-toggle { position:fixed;z-index:35;left:max(12px,env(safe-area-inset-left));top:76px;min-height:44px;padding:10px 16px;background:#1C2C5B;color:#fff;border:1px solid #6CABDD;border-radius:12px;font:14px system-ui;cursor:pointer; }
html[data-world=mancity] .city-menu-toggle:focus-visible { outline:3px solid #6CABDD;outline-offset:3px; }

html[data-world=mancity] #site-credit { display:none!important; }
html[data-world=mancity] #zoomrail { background:#1C2C5Bee!important; border-color:#6CABDD!important; }
html[data-world=mancity] .atlas-loader-emblem { width:240px;height:96px; }
html[data-world=mancity] #brandmark img { width:110px;height:40px; }


html[data-world=mancity] #site-credit { display:none!important; }
html[data-world=mancity] #zoomrail { background:#1C2C5Bee!important; border-color:#6CABDD!important; }
html[data-world=mancity] .atlas-loader-emblem { width:240px;height:96px; }
html[data-world=mancity] #brandmark img { width:110px;height:40px; }

/* Manchester City: geographic context and navigation-only chrome. */
html[data-world=mancity] { --adu-accent:#6CABDD; --adu-ink:#1C2C5B; --atlas-accent:#6CABDD; --atlas-ink:#1C2C5B; }
html[data-world=mancity] :is(#workspace-entry,#membership-entry,#atlas-find-project,#toolcluster,#Toolbar,#mobile-areas,#atlas-explore-toggle,#area-explore-hint,#atlas-area-views,#atlas-area-projects,#atlas-area-reopen,#regional-navigation,#atlas-install-app,.membership-dialog,.project-export-actions,.workspace-drawer) { display:none!important; }
html[data-world=mancity] :is(#topbar,#zoomrail,#sidebar,.community-map-nav,#vr-panel,.vr-controls,#planview header) { background:#1C2C5B!important; color:#fff!important; border-color:#6CABDD66!important; }
html[data-world=mancity] :is(#topbar,#zoomrail,#sidebar,#vr,#planview,.community-map-nav) :is(button,select,input) { background:#1C2C5B!important; color:#fff!important; border-color:#6CABDD88!important; }
html[data-world=mancity] :is(button,select,input):focus-visible { outline:3px solid #6CABDD!important; outline-offset:3px; }
html[data-world=mancity] :is(#topbar,#zoomrail,#sidebar,#vr,#planview,.community-map-nav) button:is(:hover,[aria-pressed=true]) { background:#6CABDD!important; color:#1C2C5B!important; }
html[data-world=mancity] .map-area-label { background:#1C2C5Bdf!important; color:#fff!important; border:1px solid #6CABDD88!important; border-radius:5px; padding:3px 7px; font-size:11px; box-shadow:0 2px 7px #1C2C5B33; }
html[data-world=mancity] .city-primary-badge { background:#6CABDD!important; color:#1C2C5B!important; border:2px solid #fff!important; width:190px!important; min-width:190px!important; height:auto!important; min-height:48px; padding:8px 12px!important; border-radius:9px!important; box-shadow:0 4px 16px #1C2C5B55!important; }
html[data-world=mancity] .city-primary-badge .place-name { color:#1C2C5B!important; font-size:13px!important; font-weight:700!important; white-space:normal!important; line-height:18px!important; }
html[data-world=mancity] .city-primary-badge .area-action { color:#1C2C5B!important; flex-shrink:0; }
html[data-world=mancity] .city-primary-badge:hover { background:#fff!important; border-color:#6CABDD!important; }
html[data-world=mancity] .project-name-leader path { stroke:#6CABDD!important; }
html[data-world=mancity] .atlas-menu-head :is(h2,.atlas-eyebrow), html[data-world=mancity] .atlas-preference { color:#fff!important; }
@media(max-width:640px) { html[data-world=mancity] #topbar { gap:6px; padding-inline:8px!important; } html[data-world=mancity] #brandmark img { width:48px;height:38px; } html[data-world=mancity] #btn-back { min-width:44px; padding:8px; } }

html[data-world=mancity] body.atlas-ui #markers .city-primary-badge { pointer-events:auto!important; max-width:190px!important; width:190px!important; gap:8px!important; }
html[data-world=mancity] body.atlas-ui #markers .city-primary-badge .place-name { max-width:150px!important; text-align:start!important; width:auto!important; }
html[data-world=mancity] body.atlas-ui .map-area-label:not(.ramhan-community) { background:#1C2C5Be6!important; color:#fff!important; border:1px solid #6CABDD88!important; border-radius:5px!important; box-shadow:0 2px 6px #1C2C5B33!important; text-shadow:none!important; }
html[data-world=mancity] #vr .pointer-events-auto, html[data-world=mancity] #vr .rounded-xl { background:#1C2C5Bee!important; color:#fff!important; }
html[data-world=mancity] #vr :is([data-vrroom],[data-vrfloor],[data-vrfinish]).text-black { background:#6CABDD!important; color:#1C2C5B!important; }
html[data-world=mancity] #compass-slot { filter:drop-shadow(0 1px 3px #1C2C5B44); }

html[data-world=mancity] :is(#leftpanels,#sheet-handle,#sidebar,#sidebar-overlay,#site-credit,#skip-transitions) { display:none!important; }

/* House walkthrough: separated header, scrollable side menu and dot navigation. */
html[data-world=mancity] body #vr.city-tour .city-tour-header { top:max(16px,env(safe-area-inset-top));left:16px;right:16px; }
html[data-world=mancity] body #vr.city-tour .city-tour-header > div { max-width:calc(100% - 60px);border:1px solid #6cabdd44;border-radius:16px!important;padding:12px 16px; }
html[data-world=mancity] body #vr.city-tour .city-tour-header [data-vrclose] { width:44px;height:44px;border-radius:50%!important; }
html[data-world=mancity] body #vr.city-tour .city-tour-toggle { position:absolute;left:16px;top:96px;min-height:44px;padding:10px 18px;border:1px solid #6cabdd66;border-radius:12px;font-size:13px;box-shadow:0 4px 18px #0002; }
html[data-world=mancity] body #vr.city-tour .city-tour-menu { position:absolute;left:16px;top:150px;bottom:100px;width:min(280px,calc(100vw - 32px))!important;overflow-y:auto;overscroll-behavior:contain;gap:12px;padding:14px;border:1px solid #6cabdd44;border-radius:18px;background:#152449ed;backdrop-filter:blur(18px);box-shadow:0 12px 36px #0003; }
html[data-world=mancity] body #vr.city-tour .city-tour-menu[hidden] { display:none!important; }
html[data-world=mancity] body #vr.city-tour .city-tour-menu > .rounded-xl { padding:0;background:transparent!important; }
html[data-world=mancity] body #vr.city-tour #vr-rooms { display:flex;flex-direction:column;flex-wrap:nowrap;max-height:none;overflow:visible;gap:6px; }
html[data-world=mancity] body #vr.city-tour :is([data-vrroom],[data-vrfloor],[data-vrfinish]) { min-height:44px;border-radius:10px!important;font-size:13px;text-align:start;padding:11px 12px;border-color:#6cabdd33!important; }
html[data-world=mancity] body #vr.city-tour [data-vrroom][aria-current=true] { background:#6cabdd!important;color:#142448!important;border-color:#6cabdd!important; }
html[data-world=mancity] body #vr.city-tour :is(#vr-floors,#vr-finish) { flex-wrap:wrap;gap:6px; }
html[data-world=mancity] body #vr.city-tour #vr-plan-toggle { color:#b9dbf4;font-size:12px;min-height:44px;border-top-color:#6cabdd44; }
html[data-world=mancity] body #vr.city-tour .city-walk-steps { position:absolute;z-index:10;left:50%;bottom:max(20px,env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;gap:12px;max-width:calc(100vw - 32px);padding:6px 14px;border:1px solid #ffffff30;border-radius:100px;background:#152449bb;backdrop-filter:blur(14px); }
html[data-world=mancity] body #vr.city-tour .city-walk-steps button { position:relative;display:grid;place-items:center;width:48px;height:48px;min-width:48px;padding:0;background:transparent!important;border:0;border-radius:50%;cursor:pointer; }
html[data-world=mancity] body #vr.city-tour .city-walk-dot { width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid #6cabdd;box-shadow:0 0 0 5px #6cabdd24;transition:transform .15s; }
html[data-world=mancity] body #vr.city-tour .city-walk-steps button:is(:hover,:focus-visible) .city-walk-dot { transform:scale(1.2);background:#6cabdd; }
html[data-world=mancity] body #vr.city-tour .city-dot-label { position:absolute;bottom:60px;left:50%;transform:translateX(-50%);width:max-content;max-width:150px;padding:6px 10px;background:#152449;color:#fff;border-radius:8px;font-size:12px;pointer-events:none;opacity:0; }
html[data-world=mancity] body #vr.city-tour .city-walk-steps button:is(:hover,:focus-visible) .city-dot-label { opacity:1; }
@media(max-width:640px) { html[data-world=mancity] body #vr.city-tour .city-tour-menu { bottom:110px;max-width:calc(100vw - 32px); } }

html[data-world=mancity] body.community-mode #flat-surface { border:0!important;border-radius:0!important;padding:0!important;background:#1c2c5b!important; }
html[data-world=mancity] .community-map-nav { max-height:calc(100dvh - 145px);overflow-y:auto;overscroll-behavior:contain; }

html[data-world=mancity] body:has(#vr.city-tour:not(.hidden)) :is(.city-menu-toggle,#city-side-navigation) { display:none!important; }
html[data-world=mancity] body #vr.city-tour .city-tour-menu > .rounded-xl { border:0!important;box-shadow:none!important; }

html[data-world=mancity] body #topbar .city-menu-toggle { position:static!important;inset:auto!important;margin-inline-start:auto;min-height:40px;padding:8px 14px;font-size:13px;flex-shrink:0;border-radius:10px;box-shadow:none; }
html[data-world=mancity] body .community-map-nav { top:76px!important;bottom:auto!important;left:12px!important;transform:none!important;max-height:calc(100dvh - 96px); }
@media(max-width:640px) { html[data-world=mancity] body #topbar .city-menu-toggle { padding:8px 10px;font-size:12px; } }

html[data-world=mancity] body #vr.city-tour #vr-plan { flex-shrink:0;margin:0 0 12px;border-radius:10px;background:#e5eef6; }
html[data-world=mancity] body #vr.city-tour #vr-plan-toggle { margin-top:0;border-top:0;font-size:13px; }
html[data-world=mancity] body #vr.city-tour .city-tour-menu #vr-rooms { padding-top:4px; }

.city-earth-intro { position:fixed;inset:0;z-index:2147483000;overflow:hidden;background:radial-gradient(ellipse at 50% 55%,#173358,#070d1a 70%);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;transition:opacity .6s 1s; }
.city-earth-copy { text-align:center;z-index:2;transition:opacity .3s; }
.city-earth-copy > span { font-size:10px;letter-spacing:3px;color:#6CABDD; }
.city-earth-copy h1 { font-size:clamp(24px,4vw,42px);line-height:1.15;font-weight:500;margin:14px 0; }
.city-earth-copy p { font-size:13px;color:#c1d9ed; }
.city-earth-orbit { position:relative;width:min(54vh,76vw,520px);aspect-ratio:1;border-radius:50%;box-shadow:0 0 60px #6CABDD30;transition:transform 1.6s cubic-bezier(.65,0,.35,1); }
.city-earth-orbit canvas { width:100%;height:100%;border-radius:50%; }
.city-earth-pin { position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:11px;padding:6px 10px;border:1px solid #D4AF37;border-radius:20px;background:#1C2C5Bdd;white-space:nowrap; }
.city-earth-intro > button { z-index:2;min-height:44px;padding:10px 20px;background:#6CABDD;color:#1C2C5B;border:1px solid #D4AF3780;border-radius:12px;font-size:13px; }
.city-earth-intro.is-zooming { opacity:0;pointer-events:none; }
.city-earth-intro.is-zooming .city-earth-orbit { transform:scale(22); }
.city-earth-intro.is-zooming :is(.city-earth-copy,.city-earth-pin,button) { opacity:0; }

/* City palette: opaque surfaces and readable navy type. */
html[data-world=mancity] { --city-sky:#6CABDD;--city-navy:#1C2C5B;--city-gold:#C6A45B; }
html[data-world=mancity] body #topbar { background:#6CABDD!important;color:#1C2C5B!important;border:1px solid #ffffff80!important;box-shadow:0 4px 18px #1C2C5B20!important; }
html[data-world=mancity] body #topbar #brandmark { background:#1C2C5B!important;border-radius:10px!important;padding:4px 8px!important; }
html[data-world=mancity] body #topbar :is(button,select) { background:#fff!important;color:#1C2C5B!important;border:1px solid #1C2C5B30!important;border-radius:10px!important;font-weight:550; }
html[data-world=mancity] body #topbar button:is(:hover,[aria-pressed=true]) { background:#1C2C5B!important;color:#fff!important; }
html[data-world=mancity] body #city-side-navigation { display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important;width:240px!important;padding:14px!important;background:#fff!important;border:1px solid #1C2C5B26!important;border-top:4px solid #6CABDD!important;border-radius:14px!important;box-shadow:0 10px 28px #1C2C5B25!important;color:#1C2C5B!important; }
html[data-world=mancity] body #city-side-navigation[hidden] { display:none!important; }
html[data-world=mancity] body #city-side-navigation :is(button,select) { background:#F0F6FB!important;color:#1C2C5B!important;border:1px solid #B5CADC!important;border-radius:9px!important;min-height:44px!important;width:100%!important;font-size:13px!important; }
html[data-world=mancity] body #city-side-navigation button:hover { background:#1C2C5B!important;color:#fff!important; }
html[data-world=mancity] body #city-side-navigation select option { background:#fff;color:#1C2C5B; }
html[data-world=mancity] body #vr.city-tour .city-tour-header > div { background:#fff!important;border:1px solid #B5CADC!important;color:#1C2C5B!important; }
html[data-world=mancity] body #vr.city-tour .city-tour-header :is(.text-white,#vr-room) { color:#1C2C5B!important; }
html[data-world=mancity] body #vr.city-tour .city-tour-menu { background:#fff!important;border:1px solid #B5CADC!important;border-top:4px solid #6CABDD!important;color:#1C2C5B!important;backdrop-filter:none; }
html[data-world=mancity] body #vr.city-tour .city-tour-menu > .rounded-xl { background:transparent!important;color:#1C2C5B!important; }
html[data-world=mancity] body #vr.city-tour .city-tour-menu :is(.text-white,.text-neutral-500) { color:#1C2C5B!important; }
html[data-world=mancity] body #vr.city-tour :is([data-vrroom],[data-vrfloor],[data-vrfinish],.city-tour-toggle) { background:#F0F6FB!important;color:#1C2C5B!important;border:1px solid #B5CADC!important;font-weight:500; }
html[data-world=mancity] body #vr.city-tour :is([data-vrroom][aria-current=true],[data-vrfloor][aria-pressed=true],[data-vrfinish].text-black) { background:#1C2C5B!important;color:#fff!important;border-color:#1C2C5B!important;box-shadow:inset 3px 0 #C6A45B; }
html[data-world=mancity] body #vr.city-tour :is([data-vrroom],[data-vrfloor],[data-vrfinish]):hover { background:#DCECF8!important;color:#1C2C5B!important; }
html[data-world=mancity] body #vr.city-tour #vr-plan-toggle { background:transparent!important;color:#1C2C5B!important; }
html[data-world=mancity] body #vr.city-tour .city-walk-steps { background:#1C2C5B!important;border-color:#6CABDD!important; }
html[data-world=mancity] body #vr.city-tour .city-walk-dot { background:#fff;border-color:#6CABDD;box-shadow:0 0 0 5px #6CABDD30; }
html[data-world=mancity] body #vr.city-tour .city-walk-steps button:is(:hover,:focus-visible) .city-walk-dot { background:#C6A45B; }
html[data-world=mancity] body :is(button,select,input):focus-visible { outline:3px solid #1C2C5B!important;outline-offset:3px; }
html[data-world=mancity] body #vr.city-tour .city-walk-steps button:focus-visible { outline-color:#fff!important; }
html[data-world=mancity] body.atlas-ui #markers .city-primary-badge { display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;width:258px!important;min-width:258px!important;max-width:258px!important;min-height:86px!important;padding:14px 16px!important;background:#fff!important;border:1px solid #1C2C5B30!important;border-inline-start:5px solid #6CABDD!important;border-radius:14px!important;box-shadow:0 8px 24px #07163140!important;text-align:start!important;transition:box-shadow .15s,background .15s; }
html[data-world=mancity] body.atlas-ui #markers .city-primary-badge .city-badge-copy { display:flex;flex-direction:column;gap:5px;min-width:0; }
html[data-world=mancity] body.atlas-ui #markers .city-primary-badge .city-badge-kicker { color:#344D70;font-size:9px;line-height:12px;letter-spacing:1px;font-weight:600;white-space:nowrap; }
html[data-world=mancity] body.atlas-ui #markers .city-primary-badge .place-name { width:auto!important;max-width:190px!important;font-size:16px!important;line-height:20px!important;letter-spacing:0!important;font-weight:650!important;color:#1C2C5B!important; }
html[data-world=mancity] body.atlas-ui #markers .city-primary-badge .area-action { display:grid!important;place-items:center!important;min-width:38px!important;width:38px!important;height:38px!important;background:#6CABDD!important;color:#1C2C5B!important;border-radius:11px!important; }
html[data-world=mancity] body.atlas-ui #markers .city-primary-badge .area-action svg { width:18px!important;height:18px!important; }
html[data-world=mancity] body.atlas-ui #markers .city-primary-badge:hover { background:#F0F6FB!important;box-shadow:0 10px 30px #07163155!important; }
@media(max-width:640px) {
 html[data-world=mancity] body.atlas-ui #markers .city-primary-badge { width:226px!important;min-width:226px!important;max-width:226px!important;padding:12px!important;gap:10px!important; }
 html[data-world=mancity] body.atlas-ui #markers .city-primary-badge .place-name { max-width:158px!important;font-size:14px!important;line-height:19px!important; }
 html[data-world=mancity] body.atlas-ui #markers .city-primary-badge .city-badge-kicker { font-size:8px;letter-spacing:.65px; }
}

/* Navy header and logo card keep white and gold legible. */
html[data-world=mancity] body #topbar { background:#1C2C5B!important;color:#fff!important;border-color:#6CABDD55!important; }
html[data-world=mancity] body #topbar :is(button,select) { background:#263C6A!important;color:#fff!important;border-color:#6CABDD66!important; }
html[data-world=mancity] body #topbar .city-menu-toggle { background:#6CABDD!important;color:#1C2C5B!important;border-color:#6CABDD!important;font-weight:650; }
html[data-world=mancity] body #topbar button:is(:hover,[aria-pressed=true]) { background:#6CABDD!important;color:#1C2C5B!important; }
html[data-world=mancity] body.atlas-ui #markers .city-primary-badge { width:238px!important;min-width:238px!important;max-width:238px!important;min-height:74px!important;background:#1C2C5B!important;border:1px solid #C6A45B!important;border-inline-start:4px solid #6CABDD!important;padding:16px!important;border-radius:14px!important;box-shadow:0 8px 24px #07163166!important; }
html[data-world=mancity] body.atlas-ui #markers .city-primary-badge .city-project-logo { display:block!important;width:154px!important;height:42px!important;object-fit:contain!important;background:transparent!important; }
html[data-world=mancity] body.atlas-ui #markers .city-primary-badge:hover { background:#263C6A!important;box-shadow:0 10px 28px #07163188!important; }
html[data-world=mancity] body #topbar :is(button,select):focus-visible { outline-color:#fff!important; }
@media(max-width:640px) { html[data-world=mancity] body.atlas-ui #markers .city-primary-badge { width:218px!important;min-width:218px!important;max-width:218px!important;min-height:68px!important;padding:12px!important; } html[data-world=mancity] body.atlas-ui #markers .city-primary-badge .city-project-logo { width:142px!important;height:39px!important; } }

/* Frosted panels: opaque fallback, bounded translucency and clear contrast. */
html[data-world=mancity] body #topbar,
html[data-world=mancity] body #city-side-navigation,
html[data-world=mancity] body #vr.city-tour :is(.city-tour-menu,.city-tour-header > div,.city-tour-toggle,.city-walk-steps),
html[data-world=mancity] body.atlas-ui #markers .city-primary-badge { -webkit-backdrop-filter:blur(20px) saturate(135%);backdrop-filter:blur(20px) saturate(135%);box-shadow:inset 0 1px 0 #ffffff50,0 10px 30px #07163130!important; }
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
 html[data-world=mancity] body #topbar { background:linear-gradient(135deg,#1C2C5Bf2,#1C2C5Be3)!important;border:1px solid #9AD4FF55!important; }
 html[data-world=mancity] body #city-side-navigation,
 html[data-world=mancity] body #vr.city-tour :is(.city-tour-menu,.city-tour-header > div) { background:linear-gradient(135deg,#fffffff2,#edf6ffed)!important;border-color:#ffffffc0!important; }
 html[data-world=mancity] body #vr.city-tour .city-tour-toggle { background:#F0F6FBed!important; }
 html[data-world=mancity] body.atlas-ui #markers .city-primary-badge { background:linear-gradient(135deg,#1C2C5Bf2,#263C6Ae8)!important;border-color:#C6A45B99!important;border-inline-start-color:#6CABDD!important; }
 html[data-world=mancity] body #vr.city-tour .city-walk-steps { background:#1C2C5Bed!important; }
}
html[data-world=mancity] body #city-side-navigation,
html[data-world=mancity] body #vr.city-tour .city-tour-menu { border-top:3px solid #6CABDD!important; }
html[data-world=mancity] body #topbar #brandmark { background:transparent!important;box-shadow:none!important; }
html[data-world=mancity] body #topbar #brandmark:hover { background:#ffffff12!important; }
html[data-world=mancity] body #topbar #brandmark img { background:transparent!important; }
html[data-world=mancity] body.atlas-ui #markers .city-primary-badge:hover { border-color:#E0C889!important;box-shadow:inset 0 1px 0 #ffffff66,0 12px 34px #07163150!important; }
@media(prefers-reduced-transparency:reduce) {
 html[data-world=mancity] body #topbar,html[data-world=mancity] body.atlas-ui #markers .city-primary-badge,html[data-world=mancity] body #vr.city-tour .city-walk-steps { background:#1C2C5B!important;backdrop-filter:none; }
 html[data-world=mancity] body #city-side-navigation,html[data-world=mancity] body #vr.city-tour :is(.city-tour-menu,.city-tour-header > div) { background:#fff!important;backdrop-filter:none; }
}

/* A persistent, interactive view from space; enter the map on request. */
.city-earth-intro { gap:18px;background:radial-gradient(ellipse at 50% 50%,#102341 0%,#050B16 65%); }
.city-earth-intro::before { content:'';position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(1px 1px at 12% 18%,#ffffffa0 99%,transparent),radial-gradient(1px 1px at 80% 23%,#ffffff90 99%,transparent),radial-gradient(1px 1px at 64% 82%,#ffffff70 99%,transparent),radial-gradient(1px 1px at 33% 71%,#ffffff70 99%,transparent);background-size:317px 251px,431px 367px,281px 317px,397px 293px; }
.city-earth-orbit { order:1;width:min(64vh,88vw,640px);box-shadow:0 0 48px #6CABDD35,0 0 100px #6CABDD15; }
.city-earth-copy { order:2; }
.city-earth-copy h1 { font-size:clamp(20px,2.5vw,30px);margin:8px 0; }
.city-earth-copy > span { color:#D4BC81; }
.city-earth-copy p { margin:6px 0; }
.city-earth-explore { order:3; }
.city-earth-intro > .city-earth-skip { order:4;background:transparent;color:#D6E7F5;border:0;padding:4px 16px;font-size:12px;min-height:36px; }
.city-earth-pin { cursor:pointer; }
.city-earth-orbit canvas { cursor:grab; }
.city-earth-orbit canvas:active { cursor:grabbing; }
.city-earth-intro.is-flying .city-earth-explore { pointer-events:none;opacity:.6; }
@media(max-height:700px) { .city-earth-orbit { width:min(48vh,76vw,440px); } .city-earth-intro { gap:10px; } .city-earth-copy p { display:none; } }

.city-earth-pin { color:#fff;z-index:2;min-height:36px;box-shadow:0 0 0 5px #6CABDD22; }
/* Visible liquid glass, consistent tablet header and spatial walking markers. */
html[data-world=mancity] body #topbar {
 display:flex!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:nowrap!important;
 height:64px!important;min-height:64px!important;max-height:64px!important;padding:8px 12px!important;gap:10px!important;
 background:linear-gradient(135deg,rgba(22,45,85,.67),rgba(22,45,85,.46))!important;
 -webkit-backdrop-filter:blur(16px) saturate(145%)!important;backdrop-filter:blur(16px) saturate(145%)!important;
 border:1px solid #ffffff55!important;box-shadow:inset 0 1px 0 #ffffff55,0 8px 24px #07163125!important;
}
html[data-world=mancity] body #topbar > * { align-self:center!important;margin-block:0!important; }
html[data-world=mancity] body #topbar #brandmark { background:transparent!important;padding:4px 8px!important;flex:none; }
html[data-world=mancity] body #topbar #brandmark img { width:100px!important;height:34px!important; }
html[data-world=mancity] body #topbar :is(button,select) { background:#ffffff12!important;border-color:#ffffff45!important;color:#fff!important;box-shadow:inset 0 1px #ffffff24!important;min-height:42px!important; }
html[data-world=mancity] body #topbar .city-menu-toggle { background:#6CABDDcc!important;color:#112448!important;margin-inline-start:auto!important; }
html[data-world=mancity] body #topbar #atlas-language { margin-inline-start:auto!important; }
html[data-world=mancity] body #topbar:has(.city-menu-toggle) #atlas-language { margin-inline-start:0!important; }
html[data-world=mancity] body #city-side-navigation,
html[data-world=mancity] body #vr.city-tour #city-tour-menu,
html[data-world=mancity] body #vr.city-tour .city-tour-header > div {
 background:linear-gradient(135deg,rgba(17,36,72,.70),rgba(17,36,72,.60))!important;
 color:#fff!important;border:1px solid #ffffff55!important;border-top:1px solid #ffffff66!important;
 -webkit-backdrop-filter:blur(16px) saturate(145%)!important;backdrop-filter:blur(16px) saturate(145%)!important;
 box-shadow:inset 0 1px #ffffff30,0 10px 30px #07163125!important;
}
html[data-world=mancity] body #city-side-navigation { right:auto!important;max-width:calc(100vw - 32px)!important; }
html[data-world=mancity] body #city-side-navigation :is(button,select),
html[data-world=mancity] body #vr.city-tour #city-tour-menu :is([data-vrroom],[data-vrfloor],[data-vrfinish]) { background:#ffffff0c!important;color:#fff!important;border:1px solid #ffffff30!important;box-shadow:inset 0 1px #ffffff18!important; }
html[data-world=mancity] body #city-side-navigation select option { background:#1C2C5B;color:#fff; }
html[data-world=mancity] body #vr.city-tour #city-tour-menu :is([data-vrroom][aria-current=true],[data-vrfloor][aria-pressed=true],[data-vrfinish].text-black) { background:#6CABDDe0!important;color:#112448!important;border-color:#a9dbff!important;box-shadow:inset 3px 0 #D4BC81!important; }
html[data-world=mancity] body #vr.city-tour #city-tour-menu > .rounded-xl { background:transparent!important;color:#fff!important; }
html[data-world=mancity] body #vr.city-tour #city-tour-menu :is(.text-white,.text-neutral-500,#vr-plan-toggle),
html[data-world=mancity] body #vr.city-tour .city-tour-header :is(.text-white,#vr-room) { color:#fff!important; }
html[data-world=mancity] body #vr.city-tour #city-tour-menu #vr-plan { border:1px solid #ffffff55;background:#ffffff26; }
html[data-world=mancity] body #vr.city-tour .city-tour-toggle { background:#17315a80!important;color:#fff!important;border-color:#ffffff55!important;backdrop-filter:blur(16px)!important; }
html[data-world=mancity] body #vr.city-tour #city-tour-menu { top:150px!important;bottom:18px!important;max-height:calc(100dvh - 168px); }
html[data-world=mancity] body #vr.city-tour :is([data-vrclose],.city-tour-toggle):focus-visible,
html[data-world=mancity] body #vr.city-tour #city-tour-menu button:focus-visible { outline-color:#fff!important; }
html[data-world=mancity] body.atlas-ui #markers .city-primary-badge {
 background:linear-gradient(135deg,#ffffffa8,#ffffff73)!important;border:1px solid #ffffffb0!important;border-inline-start:3px solid #6CABDD!important;
 -webkit-backdrop-filter:blur(16px) saturate(135%)!important;backdrop-filter:blur(16px) saturate(135%)!important;
 box-shadow:inset 0 1px #ffffffa0,0 8px 24px #07163140!important;
}
html[data-world=mancity] body.atlas-ui #markers .city-primary-badge .city-project-logo { width:166px!important;height:45px!important;object-fit:contain!important;background:transparent!important; }
html[data-world=mancity] body.atlas-ui #markers .city-primary-badge .area-action { background:#1C2C5Bbb!important;color:#fff!important; }
html[data-world=mancity] body #vr.city-tour .city-walk-steps { position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;transform:none!important;display:block!important;border:0!important;border-radius:0!important;background:transparent!important;padding:0!important;box-shadow:none!important;backdrop-filter:none!important;pointer-events:none; }
html[data-world=mancity] body #vr.city-tour .city-walk-steps button { position:absolute;transform:translate(-50%,-50%);pointer-events:auto;width:48px;height:48px;padding:0;display:grid;place-items:center;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:50%; }
html[data-world=mancity] body #vr.city-tour .city-walk-steps button[hidden] { display:none!important; }
html[data-world=mancity] body #vr.city-tour .city-walk-dot { display:block;width:26px;height:26px;border:3px solid #fff;border-radius:50%;background:#6CABDD88;box-shadow:0 0 0 5px #1c2c5b55;transform-origin:center; }
html[data-world=mancity] body #vr.city-tour .city-walk-steps button:is(:hover,:focus-visible) .city-walk-dot { background:#6CABDD;transform:scale(1.15); }
html[data-world=mancity] body #vr.city-tour .city-dot-label { bottom:48px;background:#112448bb;border:1px solid #ffffff44;backdrop-filter:blur(12px);color:#fff; }
html[data-world=mancity] body #vr.city-tour .city-walk-steps button:focus-visible { outline:2px solid #fff!important;outline-offset:2px; }
html[data-world=mancity] body #vr.city-tour.city-is-walking { cursor:progress; }
html[data-world=mancity] body #vr.city-tour.city-is-walking .city-tour-header > div::after { content:'Moving…';display:block;margin-top:5px;font-size:11px;color:#a9dbff; }
@media(max-width:640px) {
 html[data-world=mancity] body #topbar { gap:6px!important;padding:8px!important; }
 html[data-world=mancity] body #topbar #brandmark { padding:4px!important; }
 html[data-world=mancity] body #topbar #brandmark img { width:64px!important;height:30px!important; }
 html[data-world=mancity] body.atlas-ui #markers .city-primary-badge .city-project-logo { width:142px!important;height:39px!important; }
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
 html[data-world=mancity] body :is(#topbar,#city-side-navigation),html[data-world=mancity] body #vr.city-tour #city-tour-menu { background:#1C2C5B!important; }
 html[data-world=mancity] body.atlas-ui #markers .city-primary-badge { background:#fff!important; }
}

/* Globe branding and an unboxed country marker. */
.city-earth-monogram { position:absolute;left:max(24px,env(safe-area-inset-left));top:max(24px,env(safe-area-inset-top));width:38px;height:59px;object-fit:contain;z-index:3; }
.city-earth-copy h1 { font-size:clamp(24px,2.5vw,30px);font-weight:500;letter-spacing:.3px; }
.city-earth-orbit { width:min(66vh,92vw,680px); }
.city-earth-intro .city-earth-pin { display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:58px;min-width:56px;padding:6px;background:transparent!important;border:0!important;border-radius:0;box-shadow:none!important;color:#fff; }
.city-earth-pin .city-uae-flag { display:block;width:40px;height:27px;filter:drop-shadow(0 2px 4px #0007); }
.city-earth-pin span { font:600 11px/1.2 system-ui,sans-serif;letter-spacing:1.5px;text-shadow:0 1px 4px #000,0 0 8px #000; }
.city-earth-pin:focus-visible { outline:2px solid #fff;outline-offset:4px;border-radius:6px; }
.city-earth-intro { gap:12px; }
@media(max-height:700px) { .city-earth-orbit { width:min(50vh,84vw,470px); } .city-earth-intro { gap:8px; } .city-earth-monogram { width:30px;height:46px;left:18px;top:18px; } }
@media(max-width:480px) { .city-earth-monogram { width:30px;height:46px;left:18px;top:18px; } }
html[data-world=mancity] body #vr.city-tour #city-tour-menu .rounded-xl { background:transparent!important;box-shadow:none!important;border:0!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important; }
html[data-world=mancity] body #vr.city-tour .city-tour-menu :is(button,select):not([aria-current=true]):not([aria-pressed=true]) { text-shadow:0 1px 2px #07163166; }
html[data-world=mancity] body #zoomrail { background:#17315a88!important;border:1px solid #ffffff55!important;-webkit-backdrop-filter:blur(14px)!important;backdrop-filter:blur(14px)!important;box-shadow:inset 0 1px #ffffff44,0 8px 20px #07163130!important; }

/* Compact Manchester City glass navigation and presentation mode. */
html[data-world=mancity] body #topbar {height:auto!important;min-height:60px!important;max-height:none!important;gap:12px!important;padding:9px 14px!important;flex-wrap:wrap!important;border-radius:18px!important;background:linear-gradient(120deg,#10283d9c,#23395366)!important;border:1px solid #ffffff38!important;box-shadow:inset 0 1px #ffffff35,0 8px 28px #03101d24!important;}
html[data-world=mancity] body #topbar :is(#atlas-language,#btn-back,.city-menu-toggle){display:none!important;}
html[data-world=mancity] body #topbar #brandmark img{width:82px!important;height:30px!important;}
html[data-world=mancity] body #topbar .city-header-project{width:180px!important;height:38px!important;object-fit:contain;flex:none;border-inline-start:1px solid #ffffff30;padding-inline-start:10px;}
html[data-world=mancity] body #topbar .city-header-trail{position:static!important;display:flex!important;align-items:center;gap:5px;flex:none;padding:0;background:none!important;border:0!important;box-shadow:none!important;}
html[data-world=mancity] body #topbar .city-header-trail button{min-height:40px!important;padding:6px!important;background:transparent!important;border:0!important;box-shadow:none!important;font-size:12px!important;white-space:nowrap;color:#e5f1fa!important;}
.city-header-trail>span{color:#ffffff55;font-size:12px;}
html[data-world=mancity] body #topbar #city-side-navigation{position:static!important;inset:auto!important;transform:none!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:6px!important;width:auto!important;min-width:0!important;max-width:none!important;max-height:none!important;overflow:visible!important;margin-inline-start:auto!important;padding:0!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;}
html[data-world=mancity] body #topbar #city-side-navigation :is(button,select){width:auto!important;max-width:156px!important;min-height:42px!important;padding:8px 12px!important;border:1px solid #ffffff28!important;border-radius:11px!important;background:#ffffff0b!important;color:#e5f1fa!important;font-size:12px!important;box-shadow:inset 0 1px #ffffff14!important;}
html[data-world=mancity] body #topbar #city-side-navigation :is([data-community-reset],.city-location){width:42px!important;min-width:42px!important;padding:0!important;font-size:21px!important;}
html[data-world=mancity] body #topbar #city-side-navigation :is(button,select):hover{background:#ffffff20!important;border-color:#6cabdd88!important;}
.city-context-tone{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:4;}
html[data-world=mancity] body .community-cluster-pin{display:flex!important;flex-direction:row!important;align-items:center!important;gap:16px!important;text-align:start!important;padding:11px 14px!important;border:1px solid #ffffff65!important;border-radius:15px!important;background:linear-gradient(130deg,#102d468c,#18395166)!important;color:#fff!important;box-shadow:inset 0 1px #ffffff38,0 8px 22px #0414232e!important;backdrop-filter:blur(12px) saturate(130%);-webkit-backdrop-filter:blur(12px) saturate(130%);min-height:54px;}
.city-cluster-copy{display:flex;flex-direction:column;gap:3px;}
html[data-world=mancity] body .community-cluster-pin strong{font-size:12px!important;font-weight:600!important;letter-spacing:.1px;}
html[data-world=mancity] body .community-cluster-pin small{font-size:10px!important;color:#d5e9f8;}
.city-cluster-arrow{font-size:16px;color:#a6d8fb;}
html[data-world=mancity] body .community-cluster-pin:hover{background:#15384baa!important;border-color:#c4e7ff!important;box-shadow:inset 0 1px #ffffff50,0 12px 30px #04142335!important;}
html[data-world=mancity] body.atlas-ui #markers .city-primary-badge{width:226px!important;min-width:226px!important;max-width:226px!important;min-height:58px!important;padding:8px 11px!important;gap:8px!important;border-radius:16px!important;border:1px solid #ffffff60!important;background:linear-gradient(135deg,#122d469f,#14365280)!important;box-shadow:inset 0 1px #ffffff35,0 8px 24px #07163130!important;}
html[data-world=mancity] body.atlas-ui #markers .city-primary-badge .city-project-logo{width:170px!important;height:38px!important;}
html[data-world=mancity] body.atlas-ui #markers .city-primary-badge .area-action{width:28px!important;min-width:28px!important;height:28px!important;border-radius:50%!important;background:#6cabdd22!important;color:#9ed5fc!important;}
html[data-world=mancity] body #vr.city-tour .city-walk-dot{border:2px solid #eff8ff!important;background:#6cabdd70!important;box-shadow:0 0 0 2px #16375235!important;transition:background .15s!important;}
html[data-world=mancity] body #vr.city-tour #city-tour-menu{width:min(290px,calc(100vw - 32px))!important;background:linear-gradient(140deg,#10283d9c,#20395178)!important;border:1px solid #ffffff38!important;border-radius:18px!important;box-shadow:inset 0 1px #ffffff30,0 10px 28px #04142324!important;}
html[data-world=mancity] body #vr.city-tour #vr-plan{max-height:30dvh!important;overflow:auto!important;}
html[data-world=mancity] body #vr.city-tour #vr-plan svg{max-height:30dvh!important;width:100%!important;}
html[data-world=mancity] body #vr.city-tour #vr-rooms{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px!important;}
html[data-world=mancity] body #vr.city-tour [data-vrroom]{font-size:11px!important;min-height:42px!important;padding:8px!important;}
#city-ui-toggle{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:2147483000;padding:9px 15px;min-height:44px;min-width:82px;border:1px solid #ffffff60;border-radius:100px;background:#10304899;color:#eff8ff;box-shadow:inset 0 1px #ffffff30,0 6px 18px #0002;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font:500 12px/1.2 system-ui;cursor:pointer;}
#city-ui-toggle:hover{background:#1c4661bb;}#city-ui-toggle:focus-visible{outline:2px solid #bce5ff;outline-offset:3px;}
html[data-world=mancity] body.city-ui-hidden :is(#topbar,#zoomrail,#compass,.community-cluster-pin,.community-clusters,.city-tour-header,#city-tour-menu,.city-tour-toggle,.city-walk-steps){visibility:hidden!important;pointer-events:none!important;}
@media(max-width:1100px){html[data-world=mancity] body #topbar #city-side-navigation{flex-basis:100%!important;justify-content:flex-end!important;}}
@media(max-width:640px){
 html[data-world=mancity] body #topbar{padding:8px 10px!important;gap:6px!important;border-radius:15px!important;}
 html[data-world=mancity] body #topbar #brandmark{padding:0!important;}html[data-world=mancity] body #topbar #brandmark img{width:58px!important;height:27px!important;}
 html[data-world=mancity] body #topbar .city-header-project{width:146px!important;height:32px!important;padding-inline-start:7px;}
 html[data-world=mancity] body #topbar .city-header-trail{margin-inline-start:auto!important;gap:2px!important;}html[data-world=mancity] body #topbar .city-header-trail button{font-size:10px!important;padding:2px!important;min-height:32px!important;}
 html[data-world=mancity] body #topbar #city-side-navigation{display:grid!important;grid-template-columns:38px minmax(0,1fr) minmax(0,1fr) 38px 38px;gap:5px!important;width:100%!important;}
 html[data-world=mancity] body #topbar #city-side-navigation :is(button,select){max-width:none!important;width:100%!important;min-width:0!important;font-size:11px!important;padding:6px!important;min-height:40px!important;}
 html[data-world=mancity] body #topbar #city-side-navigation :is([data-community-reset],.city-location){width:38px!important;min-width:38px!important;}
 html[data-world=mancity] body .community-cluster-pin{padding:8px 10px!important;gap:8px!important;min-height:46px;border-radius:12px!important;}html[data-world=mancity] body .community-cluster-pin strong{font-size:10px!important;}
 html[data-world=mancity] body #vr.city-tour #city-tour-menu{top:142px!important;bottom:68px!important;max-height:calc(100dvh - 210px)!important;width:min(260px,calc(100vw - 32px))!important;}
 html[data-world=mancity] body #vr.city-tour #vr-plan,html[data-world=mancity] body #vr.city-tour #vr-plan svg{max-height:24dvh!important;}
}
@media(max-width:360px){html[data-world=mancity] body #topbar .city-header-project{width:125px!important;}html[data-world=mancity] body #topbar #brandmark img{width:48px!important;}html[data-world=mancity] body #topbar .city-header-trail{gap:0!important;}}
@media(prefers-reduced-motion:reduce){html[data-world=mancity] body :is(.community-cluster-pin,.city-walk-dot){transition:none!important;}}

.city-home-search{position:fixed;right:max(16px,env(safe-area-inset-right));width:min(380px,calc(100vw - 32px));max-height:calc(100dvh - 170px);overflow:auto;overscroll-behavior:contain;z-index:1200;padding:20px;border-radius:20px;border:1px solid #ffffff55;background:linear-gradient(140deg,#102c44e0,#1e425ddd);color:#eff8ff;box-shadow:inset 0 1px #ffffff30,0 18px 48px #03101d55;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);font-family:system-ui,sans-serif;}
.city-home-search[hidden]{display:none!important;}.city-search-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;}.city-search-heading small{font-size:9px;letter-spacing:1.4px;color:#abd8f7;}.city-search-heading h2{font-size:22px;font-weight:500;margin:5px 0 0;}.city-search-heading button{border:0;background:#ffffff10;color:#fff;width:38px;height:38px;border-radius:50%;font-size:24px;}
.city-home-search label{display:block;font-size:11px;color:#d5e9f8;}.city-search-field{display:flex;gap:6px;margin-top:7px;}.city-home-search :is(input,select){min-width:0;width:100%;min-height:44px;border:1px solid #ffffff30;border-radius:10px;background:#ffffff0c;color:#f4faff;padding:10px;font:12px system-ui;}.city-home-search input::placeholder{color:#b1c6d5;}.city-home-search select option{background:#17334c;color:#fff;}.city-search-field input{flex:1;}.city-search-field button,.city-selected-home button{border:1px solid #8dc5eb88;border-radius:10px;background:#6cabdd25;color:#cceaff;padding:10px 14px;min-height:44px;}
.city-search-filters{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0;}.city-home-search label select{margin-top:6px;}.city-search-status{font-size:11px;color:#bad6e9;line-height:1.5;margin:12px 0;}.city-search-results{display:flex;flex-direction:column;gap:5px;}.city-search-results button{display:flex;align-items:center;justify-content:space-between;text-align:start;min-height:52px;padding:10px 12px;border:1px solid #ffffff20;border-radius:11px;background:#ffffff08;color:#fff;}.city-search-results button>span:first-child{display:flex;flex-direction:column;gap:4px;}.city-search-results strong{font-size:12px;font-weight:600;}.city-search-results small{font-size:10px;color:#b8d3e5;}.city-search-results button:hover{background:#6cabdd22;border-color:#9ed2f7;}.city-selected-home{display:flex;flex-direction:column;gap:8px;padding:14px;margin-top:14px;border-top:1px solid #ffffff30;}.city-selected-home[hidden]{display:none;}.city-selected-home span{font-size:11px;color:#c8e3f6;}
html[data-world=mancity] body.city-ui-hidden .city-home-search{visibility:hidden!important;pointer-events:none!important;}
html[data-world=mancity] body .community-plots polygon.is-selected{fill:#6cabdd60!important;stroke:#dcf2ff!important;stroke-width:3px!important;vector-effect:non-scaling-stroke;}
@media(max-width:640px){html[data-world=mancity] body #topbar #city-side-navigation{grid-template-columns:38px minmax(0,1fr) minmax(0,1fr) 38px 38px;}.city-home-search{right:12px;width:calc(100vw - 24px);padding:16px;max-height:calc(100dvh - 160px);}}
/* Project storytelling and centered residence dialogs. */
html[data-world=mancity] body .city-project-details,html[data-world=mancity] body .city-details-restore{position:fixed;left:16px;z-index:900;color:#f5faff;background:linear-gradient(135deg,rgba(24,51,76,.88),rgba(13,31,53,.80));border:1px solid rgba(210,237,255,.22);box-shadow:0 15px 50px #071b3433;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
html[data-world=mancity] body .city-project-details{width:min(302px,calc(100vw - 32px));border-radius:20px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b0d6ea60 transparent}
.city-project-hero{display:block;width:100%;height:155px;object-fit:cover}.city-project-copy{padding:18px}.city-project-copy h1{font-size:22px;line-height:1.2;font-weight:600;letter-spacing:-.5px;margin:8px 0 12px}.city-project-copy p{font-size:12px;line-height:1.65;margin:10px 0;color:#dce8f0}.city-eyebrow{color:#a4d7f4;font-size:9px;letter-spacing:1.6px}.city-project-highlights{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}.city-project-highlights span{font-size:10px;color:#c5d6e2}.city-project-highlights strong{display:block;color:#b9e5fc;font-size:19px;font-weight:600;margin-bottom:3px}.city-project-cta{display:grid;gap:8px;margin:18px 0}.city-project-copy summary{font-size:13px;cursor:pointer;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:8px}.city-project-copy summary:after{content:'+';color:#b2e0f8}.city-project-copy details[open] summary:after{content:'−'}.city-project-copy details{border-top:1px solid #ffffff18}.city-collection-list>div{padding:9px 0;border-bottom:1px solid #ffffff0c}.city-collection-list strong,.city-collection-list span,.city-collection-list small{display:block;font-size:11px;line-height:1.6}.city-collection-list span{color:#b7d9ed}.city-collection-list small{color:#c4d1dc}.city-project-dates>div{padding:6px 0;font-size:11px;display:flex;justify-content:space-between;gap:10px}.city-project-dates dt{color:#c4d1dc}.city-project-dates dd{text-align:right;margin:0}.city-source-note{font-size:10px!important;line-height:1.6;color:#bbcbd8!important}.city-source-note a,.city-consent a{color:#a9dcfa;text-decoration:underline}.city-details-close{position:absolute;right:8px;top:8px;min-width:44px;min-height:44px;border-radius:50%;background:#0c233dcc;color:white;border:1px solid #ffffff33}.city-details-restore{border-radius:12px;padding:10px 16px;min-height:44px;font-size:12px}
.city-dialog{box-sizing:border-box;position:fixed;inset:0;width:min(640px,calc(100vw - 28px));max-height:calc(100dvh - 32px);margin:auto;overflow:auto;overscroll-behavior:contain;padding:22px;border-radius:22px;color:#f5faff;background:linear-gradient(135deg,rgba(24,51,76,.97),rgba(12,29,49,.97));border:1px solid #d0edff40;box-shadow:0 24px 90px #0007;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);scrollbar-width:thin}.city-dialog::backdrop{background:#05162d66;backdrop-filter:blur(4px)}.city-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.city-dialog-heading h2{font-size:21px;font-weight:600;margin:0;overflow-wrap:anywhere}.city-dialog-heading button{min-height:44px;min-width:44px;border-radius:50%;background:#ffffff0d;border:1px solid #ffffff30;color:white;font-size:24px}.city-unit-hero{width:100%;max-height:210px;object-fit:cover;border-radius:14px}.city-unit-subtitle{font-size:15px;margin:14px 0;color:#b8e2fa}.city-unit-facts{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}.city-unit-facts dt{font-size:11px;color:#bfd0dc}.city-unit-facts dd{font-size:16px;margin:5px 0 0}.city-unit-actions{display:grid;gap:8px;margin:18px 0}.city-unit-layouts{display:grid;grid-template-columns:1fr 1fr;gap:12px}.city-unit-layouts button{background:#ffffff08;padding:10px;border:1px solid #ffffff22;border-radius:12px;text-align:left;color:white}.city-unit-layouts img{width:100%;height:160px;object-fit:contain}.city-unit-layouts span{display:block;font-size:12px;margin-top:8px}.city-unit-card h3{font-size:14px;font-weight:600;margin:18px 0 12px}
.city-project-cta button,.city-unit-actions button,.city-inquiry-form button,.city-inquiry-form>a{min-height:44px;padding:11px 14px;border-radius:11px;border:1px solid #bedff950;background:#ffffff09;color:#e6f4fc;font-size:12px;font-weight:600;text-align:center}.city-action-primary{background:#9aceed!important;color:#102d48!important;text-decoration:none;display:block}.city-inquiry-form{display:grid;gap:14px}.city-inquiry-form p{font-size:12px;line-height:1.6;margin:0;color:#c9d9e5}.city-inquiry-form>label{display:grid;gap:7px;font-size:12px}.city-inquiry-form input:not([type=checkbox]),.city-inquiry-form textarea{width:100%;box-sizing:border-box;min-height:44px;padding:11px;border-radius:10px;background:#061d3544;border:1px solid #badaee40;color:white;font:inherit}.city-inquiry-form textarea{resize:vertical}.city-consent{display:flex!important;align-items:flex-start;gap:10px!important;font-size:11px!important;line-height:1.6}.city-consent input{width:20px;height:20px;flex:none;accent-color:#9aceed}.city-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.city-form-status{color:#bee6fd!important}.city-inquiry-form button:disabled{opacity:.6}.city-dialog :focus-visible,.city-project-details :focus-visible{outline:2px solid #b4e7ff;outline-offset:3px}
html[data-world=mancity] body.city-ui-hidden :is(.city-project-details,.city-details-restore,.city-primary-badge){visibility:hidden!important;pointer-events:none!important}
html[data-world=mancity] body:has(#vr.city-tour:not(.hidden)) :is(.city-project-details,.city-details-restore){visibility:hidden;pointer-events:none}
html[data-world=mancity] body [data-search-close]{min-height:44px;min-width:44px}
@media(max-width:700px){html[data-world=mancity] body .city-project-details{left:12px;width:min(302px,calc(100vw - 24px));border-radius:16px}.city-dialog{padding:16px;border-radius:16px;width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.city-unit-hero{max-height:160px}.city-unit-facts{gap:12px}.city-unit-facts dd{font-size:14px}.city-unit-layouts img{height:130px}}

html[data-world=mancity] body #topbar .city-search-launch{display:grid!important;place-items:center!important;}

/* A single masthead, with navigation revealed only when requested. */
html[data-world=mancity] body #topbar{flex-wrap:nowrap!important;overflow:visible!important;gap:12px!important;min-height:60px!important;padding:10px 16px!important;}
html[data-world=mancity] body #topbar .city-navigation-toggle{margin-inline-start:auto;display:flex!important;align-items:center;justify-content:center;gap:14px;min-height:44px;padding:10px 16px!important;border:1px solid #c3e5fb55!important;border-radius:12px!important;color:#d9f1ff!important;background:#6cabdd22!important;font:500 12px system-ui;flex-shrink:0;}
html[data-world=mancity] body #topbar #city-side-navigation.city-navigation-panel{position:absolute!important;inset:calc(100% + 12px) 0 auto auto!important;display:none!important;flex-basis:auto!important;width:330px!important;max-width:calc(100vw - 28px)!important;max-height:calc(100dvh - 120px)!important;overflow:auto!important;overscroll-behavior:contain;flex-direction:column!important;align-items:stretch!important;gap:10px!important;padding:20px!important;border:1px solid #d1eafa40!important;border-radius:20px!important;background:linear-gradient(135deg,#132c43f2,#182f4ceb)!important;box-shadow:inset 0 1px #ffffff20,0 20px 65px #07152855!important;backdrop-filter:blur(28px)!important;-webkit-backdrop-filter:blur(28px)!important;color:#eff8ff;}
html[data-world=mancity] body #topbar #city-side-navigation.city-navigation-panel.is-open{display:flex!important;}
.city-navigation-heading{display:flex;flex-direction:column;gap:7px;padding-bottom:10px;}.city-navigation-heading small{font-size:9px;letter-spacing:1.5px;color:#a3cbe6;}.city-navigation-heading strong{font-size:22px;font-weight:500;letter-spacing:-.5px;}
.city-navigation-field{font:11px system-ui;color:#bed4e5;display:grid;gap:6px;}
html[data-world=mancity] body #topbar #city-side-navigation.city-navigation-panel :is(button,select){max-width:none!important;width:100%!important;min-width:0!important;min-height:44px!important;padding:11px 12px!important;text-align:left;font:12px system-ui!important;border-radius:10px!important;}
html[data-world=mancity] body #topbar #city-side-navigation.city-navigation-panel :is(.city-search-launch,.city-details-launch){display:flex!important;align-items:center!important;justify-content:space-between!important;}
.city-cluster-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;border-top:1px solid #ffffff20;padding-top:16px;margin-top:4px;}.city-cluster-list button{display:flex;flex-direction:column;gap:7px;}.city-cluster-list button small{color:#a8c9df;font-size:10px;}.city-cluster-list button:last-child:nth-child(odd){grid-column:1/-1;}
html[data-world=mancity] body #topbar #city-side-navigation.city-navigation-panel{justify-content:flex-start!important;}.city-navigation-location{font:10px system-ui;color:#aec7db;padding-bottom:8px;}
html[data-world=mancity] body .community-cluster-pin{min-height:44px!important;padding:8px 11px!important;gap:8px!important;border-radius:100px!important;}.community-cluster-pin .city-cluster-copy small{display:none!important;}.city-cluster-arrow{font-size:13px;}
.city-dialog:has(.city-unit-card){width:min(500px,calc(100vw - 24px));padding:18px;border-radius:20px;}.city-dialog:has(.city-unit-card) .city-dialog-heading{margin-bottom:10px;}.city-dialog:has(.city-unit-card) .city-dialog-heading h2{font-size:18px;}.city-unit-hero{display:block;width:100%;height:140px!important;max-height:none!important;object-fit:contain!important;border-radius:10px;}.city-unit-subtitle{font-size:13px;margin:10px 0;}.city-unit-facts{gap:10px 16px;margin:12px 0;}.city-unit-facts dd{font-size:14px;margin-top:3px;}.city-unit-facts dt{font-size:10px;}.city-unit-actions{margin:12px 0;gap:6px;}.city-unit-actions button{min-height:44px;padding:10px!important;font-size:12px!important;}.city-unit-card .city-source-note{font-size:10px;line-height:1.5;margin:8px 0;}.city-unit-layouts img{height:120px!important;}.city-unit-card h3{margin:12px 0 8px;font-size:12px;}
@media(max-width:700px){html[data-world=mancity] body #topbar{gap:7px!important;padding:8px 10px!important;}html[data-world=mancity] body #topbar .city-header-project{width:140px!important;}html[data-world=mancity] body #topbar #brandmark img{width:56px!important;}html[data-world=mancity] body #topbar .city-navigation-toggle{padding:10px!important;gap:6px;}html[data-world=mancity] body #topbar .city-header-trail{display:none!important;}html[data-world=mancity] body .community-cluster-pin{padding:7px 9px!important;}.city-unit-hero{height:110px!important;}.city-dialog:has(.city-unit-card){padding:14px;}html[data-world=mancity] body #vr.city-tour #city-tour-menu{top:100px!important;max-height:calc(100dvh - 170px)!important;}}
@media(max-width:380px){html[data-world=mancity] body #topbar .city-header-project{width:120px!important;}html[data-world=mancity] body #topbar #brandmark img{width:46px!important;}html[data-world=mancity] body #topbar .city-navigation-toggle span{display:none;}}
@media(max-height:500px){.city-unit-hero{height:80px!important;}html[data-world=mancity] body #topbar #city-side-navigation.city-navigation-panel{max-height:calc(100dvh - 100px)!important;}}
html[data-world=mancity] body #topbar .city-details-launch{display:grid!important;place-items:center!important;}
html[data-world=mancity] body #topbar{z-index:1300!important;}
html[data-world=mancity] body:has(.city-navigation-panel.is-open) .community-cluster-pin{visibility:hidden!important;pointer-events:none!important;}
html[data-world=mancity] body .community-cluster-pin{max-width:none!important;}
html[data-world=mancity] body .community-cluster-pin strong{white-space:nowrap!important;}
.city-dialog-heading [data-city-hide]{margin-inline-start:auto;}
/* Project identity leads; the developer signs the opposite end of one bar. */
html[data-world=mancity] body #topbar{box-sizing:border-box!important;width:auto!important;min-width:0!important;max-width:none!important;left:max(12px,env(safe-area-inset-left))!important;right:max(12px,env(safe-area-inset-right))!important;}
html[data-world=mancity] body #topbar:has(.city-header-project) #brandmark{order:10!important;margin-inline-start:auto!important;border-inline-start:1px solid #ffffff30;padding-inline-start:18px!important;}
html[data-world=mancity] body #topbar .city-header-project{order:0!important;border:0!important;padding:0!important;}
html[data-world=mancity] body #topbar .city-header-trail{order:1!important;margin-inline-start:8px!important;}
html[data-world=mancity] body #topbar .city-navigation-toggle{position:static!important;inset:auto!important;transform:none!important;order:2!important;float:none!important;margin:0 0 0 12px!important;align-self:center!important;flex:0 0 auto!important;width:auto!important;max-width:none!important;}
html[data-world=mancity] body #topbar:has(.city-header-project) :is(#crumbs,#atlas-language-status){display:none!important;}
@media(max-width:700px){html[data-world=mancity] body #topbar:has(.city-header-project) #brandmark{padding:0 0 0 9px!important;}html[data-world=mancity] body #topbar .city-navigation-toggle{margin:0!important;}html[data-world=mancity] body #topbar .city-navigation-toggle span{display:none;}html[data-world=mancity] body #topbar .city-navigation-toggle{min-width:44px!important;}}
/* Keep the canvas clipped to the device; panels scroll within their own bounds. */
html[data-world=mancity],html[data-world=mancity] body{width:100%!important;height:100%!important;max-width:100%!important;margin:0!important;overflow:hidden!important;overscroll-behavior:none;}
html[data-world=mancity] body :is(#flat-surface,.community-map-layer){overflow:hidden!important;max-width:100%!important;}
html[data-world=mancity] body .community-map-detail{contain:paint;isolation:isolate;background:transparent!important;}
html[data-world=mancity] body .community-map-detail img{background:transparent!important;border:0!important;box-shadow:none!important;}
html[data-world=mancity] body :is(.city-home-search,.city-navigation-panel,.city-project-details,.city-dialog){box-sizing:border-box!important;}
html[data-world=mancity] body #topbar .city-navigation-toggle{order:12!important;margin:0!important;}
html[data-world=mancity] body #topbar #brandmark{order:9!important;}
html[data-world=mancity] body #topbar .city-back{order:11!important;display:flex!important;align-items:center;gap:7px;min-width:44px;min-height:44px;padding:10px 12px;border:1px solid #c3e5fb40;border-radius:12px;color:#e3f4ff;background:#102c4566;flex:none;}
html[data-world=mancity] body.atlas-ui #markers .city-primary-badge{width:174px!important;min-width:174px!important;max-width:174px!important;min-height:44px!important;padding:5px 8px!important;gap:5px!important;}
html[data-world=mancity] body.atlas-ui #markers .city-primary-badge .city-project-logo{width:128px!important;height:32px!important;}
html[data-world=mancity] body.atlas-ui #markers .city-primary-badge .area-action{width:22px!important;min-width:22px!important;height:22px!important;}
html[data-world=mancity] body.atlas-ui #markers :is(.place-badge.location-badge,.place-badge.project-filled,.place-badge.project-ghost,.map-area-label,.map-direction-label){background:linear-gradient(135deg,#15354b88,#26485b66)!important;border:1px solid #e4f6ff66!important;border-radius:12px!important;box-shadow:inset 0 1px #ffffff25,0 5px 18px #061c3430!important;backdrop-filter:blur(14px) saturate(115%)!important;-webkit-backdrop-filter:blur(14px) saturate(115%)!important;color:#f1faff!important;}
@media(max-width:900px){html[data-world=mancity] body #topbar .city-back span{display:none;}html[data-world=mancity] body #topbar .city-header-trail{display:none!important;}}
@media(max-width:380px){html[data-world=mancity] body #topbar{gap:4px!important;padding-inline:8px!important;}html[data-world=mancity] body #topbar .city-header-project{width:106px!important;}html[data-world=mancity] body #topbar #brandmark img{width:40px!important;}html[data-world=mancity] body #topbar .city-back{padding:10px!important;}}

/* One registered landscape surround, clipped outside the original project perimeter. */
/* Keep browser automatic darkening from recoloring individual aerial tiles. */
html[data-world=mancity]{color-scheme:only light;}
html[data-world=mancity] .city-landscape-context{position:absolute;inset:0;z-index:2;pointer-events:none;background:url('/assets/communities/mcyas-landscape-20261003/surroundings.webp') center/100% 100% no-repeat;clip-path:polygon(evenodd,0% 0%,100% 0%,100% 100%,0% 100%,0% 0%,5.6641% 34.7594%, 10.7666% 31.3350%, 23.0652% 21.4063%, 26.2939% 19.4562%, 27.6855% 16.8449%, 44.2383% 2.7629%, 46.3867% 6.9519%, 59.0820% 8.4670%, 77.1484% 12.2103%, 95.5078% 16.3102%, 93.7500% 28.5205%, 90.1855% 41.8895%, 86.0840% 55.7041%, 81.7871% 71.5686%, 74.2188% 87.8788%, 69.6289% 100.0000%, 57.1289% 100.0000%, 55.4688% 91.8895%, 45.9961% 85.2941%, 37.4023% 76.5597%, 27.3926% 70.0535%, 17.7246% 64.5276%, 9.9609% 60.9626%, 5.4199% 56.7736%, 7.8613% 42.6025%, 10.5957% 38.8592%, 5.6641% 34.7594%);}
html[data-world=mancity] .city-landscape-note{position:absolute;left:50%;bottom:max(10px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:4;pointer-events:none;font:9px/1.3 system-ui;color:#fff;text-shadow:0 1px 4px #000;max-width:50%;text-align:center;}
html[data-world=mancity] body.city-ui-hidden .city-landscape-note{display:none;}
html[data-world=mancity] body #topbar #brandmark{display:flex!important;align-items:center!important;flex:0 0 auto!important;min-width:0!important;margin-inline-end:0!important;border-inline-end:0!important;}
html[data-world=mancity] body #topbar:not(:has(.city-header-project)) #brandmark{order:0!important;margin-inline-start:0!important;}
html[data-world=mancity] body #topbar:not(:has(.city-header-project)) .city-header-trail{display:flex!important;font-size:12px!important;gap:7px!important;}
html[data-world=mancity] body #zoomrail{position:fixed!important;top:auto!important;right:auto!important;left:max(12px,env(safe-area-inset-left))!important;bottom:max(16px,env(safe-area-inset-bottom))!important;display:flex!important;flex-direction:row!important;width:auto!important;height:48px!important;gap:2px!important;padding:2px!important;border-radius:16px!important;background:#16354b88!important;}
html[data-world=mancity] body #zoomrail button{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:12px!important;border:0!important;border-radius:12px!important;background:transparent!important;color:#effaff!important;box-shadow:none!important;}
html[data-world=mancity] body #zoomrail button:hover{background:#ffffff20!important;}
html[data-world=mancity] body #zoomrail svg{width:20px!important;height:20px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.6!important;}
html[data-world=mancity] body #compass{position:fixed!important;top:auto!important;right:auto!important;left:max(18px,env(safe-area-inset-left))!important;bottom:76px!important;width:32px!important;height:32px!important;}
html[data-world=mancity] body #topbar #city-side-navigation.city-navigation-panel,html[data-world=mancity] body .city-home-search{max-height:calc(100dvh - var(--city-header-bottom,90px) - 24px)!important;}
@media(max-width:700px){html[data-world=mancity] .city-landscape-note{bottom:72px;font-size:8px;max-width:70%;}}
/* Region chips also live in the native-region toolbar, outside #markers. */
html[data-world=mancity] body.atlas-ui :is(.place-badge.location-badge,.map-area-label,.map-direction-label,.project-group){background:linear-gradient(135deg,#14354b88,#294d6066)!important;border:1px solid #e4f6ff66!important;color:#f1faff!important;box-shadow:inset 0 1px #ffffff25,0 5px 18px #061c3430!important;backdrop-filter:blur(14px) saturate(115%)!important;-webkit-backdrop-filter:blur(14px) saturate(115%)!important;}

/* Small floor rings and persistent, legible destination names. */
html[data-world=mancity] body #vr.city-tour .city-walk-dot{box-sizing:border-box;width:20px!important;height:20px!important;border:3px solid #fff!important;background:transparent!important;box-shadow:0 0 0 2px #16222c99!important;transition:background .15s!important;}
html[data-world=mancity] body #vr.city-tour .city-walk-steps button:is(:hover,:focus-visible) .city-walk-dot{background:#6cabdd44!important;}
html[data-world=mancity] body #vr.city-tour .city-dot-label{bottom:53px!important;opacity:1!important;max-width:160px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;backdrop-filter:none!important;color:#fff!important;font:500 14px/1.3 system-ui!important;text-align:center;text-shadow:0 1px 3px #000,0 0 6px #0009;white-space:normal;}
@media(max-width:640px){html[data-world=mancity] body #vr.city-tour .city-dot-label{font-size:12px!important;}}
html[data-world=mancity] .city-search-field{position:relative;align-items:center;}
html[data-world=mancity] .city-query-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:#b8ddf8;}
html[data-world=mancity] .city-search-field input{padding-left:39px!important;font-size:12px!important;}
html[data-world=mancity] .city-cluster-list{grid-template-columns:repeat(2,minmax(0,1fr));}
html[data-world=mancity] .city-cluster-list button{min-width:0!important;overflow:hidden!important;}
html[data-world=mancity] .city-cluster-list button :is(span,small){max-width:100%;white-space:normal;overflow-wrap:break-word;line-height:1.4;}
html[data-world=mancity] .city-cluster-list button>span{font-weight:600;}
html[data-world=mancity] .city-search-results button>span:first-child{min-width:0;}
html[data-world=mancity] .city-search-results small{white-space:normal;overflow-wrap:anywhere;}
html[data-world=mancity] .city-mosque-model{position:absolute;inset:0;z-index:3;width:100%;height:100%;pointer-events:none;overflow:visible;}

/* Floor-locked approach footprints share the panorama projection, including
   yaw, pitch and zoom; fixed screen-space footprints would appear to float. */
html[data-world=mancity] body #vr.city-tour .city-walk-trail{position:absolute;display:grid;place-items:center;width:20px;height:20px;transform:translate(-50%,-50%);pointer-events:none;}
html[data-world=mancity] body #vr.city-tour .city-walk-trail[hidden]{display:none!important;}
html[data-world=mancity] body #vr.city-tour .city-walk-trail .city-walk-dot{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;fill:#f7fbff;opacity:.64;filter:drop-shadow(0 1px 1px #16222c66);}
html[data-world=mancity] body #vr.city-tour #vr-stage{touch-action:none;overscroll-behavior:contain;cursor:grab;}
html[data-world=mancity] body #vr.city-tour.city-is-walking .city-walk-steps{pointer-events:none;}
html[data-world=mancity] body #vr.city-tour .city-walk-steps button svg.city-walk-dot{border:0!important;background:transparent!important;border-radius:0!important;fill:#fff;filter:drop-shadow(0 2px 2px rgba(0,0,0,.65));box-shadow:none!important;transition:none!important}
html[data-world=mancity] body #vr.city-tour .city-walk-steps button:is(:hover,:focus-visible) svg.city-walk-dot{background:transparent!important;fill:#6cabdd}

/* Configurable circular floor markers; the transform remains floor projected. */
html[data-world=mancity] body #vr.city-tour .city-walk-steps .city-walk-dot{border:var(--circle-stroke,3px) solid var(--circle-outline,#fff)!important;background:var(--circle-fill,transparent)!important;border-radius:50%!important;box-shadow:0 0 0 1px #16222c66!important;transition:none!important;}
html[data-world=mancity] body #vr.city-tour .city-walk-steps button:is(:hover,:focus-visible) .city-walk-dot{background:var(--circle-fill,transparent)!important;filter:brightness(1.18);}
html[data-world=mancity] body #vr.city-tour .city-walk-steps .city-dot-label{bottom:calc(24px + var(--label-offset,29px))!important;font-size:var(--label-size,14px)!important;color:var(--label-color,#fff)!important;max-width:220px!important;}
html[data-world=mancity] body #vr.city-tour .city-marker-selected .city-walk-dot{box-shadow:0 0 0 2px #e8b354,0 0 14px #e8b35499!important;}
html[data-world=mancity] #city-admin-entry{position:fixed;bottom:18px;left:18px;z-index:9998;border:1px solid #b7d6ed;padding:12px 18px;border-radius:12px;background:#142844;color:#fff;font:600 14px system-ui;box-shadow:0 6px 22px #0004;cursor:pointer;}
html[data-world=mancity] body:has(#vr:not(.hidden)) #city-admin-entry{display:none;}
html[data-world=mancity] #vr .city-admin-panel{position:absolute;right:18px;top:76px;bottom:20px;width:350px;max-width:calc(100vw - 36px);overflow:auto;z-index:30;padding:18px;background:#102236f5;color:#f3f7fc;border:1px solid #adcde84d;border-radius:18px;box-shadow:0 15px 45px #0005;backdrop-filter:blur(18px);font:13px/1.45 system-ui;overscroll-behavior:contain;}
html[data-world=mancity] #vr .city-admin-panel[hidden],html[data-world=mancity] #vr .city-admin-placement[hidden]{display:none!important;}
html[data-world=mancity] #vr .city-admin-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;}
html[data-world=mancity] #vr .city-admin-heading small{font-size:10px;letter-spacing:.15em;color:#8ebae0;}
html[data-world=mancity] #vr .city-admin-heading h2{font-size:22px;margin:2px 0;font-weight:600;color:#fff;}
html[data-world=mancity] #vr .city-admin-panel label{display:block;color:#dce9f5;font-size:12px;margin:10px 0;}
html[data-world=mancity] #vr .city-admin-panel :is(input:not([type=checkbox]),select){display:block;box-sizing:border-box;width:100%;min-width:0;padding:9px 10px;margin-top:5px;border:1px solid #6886a866;border-radius:8px;background:#1c354c;color:#fff;font:13px system-ui;}
html[data-world=mancity] #vr .city-admin-panel select option{background:#1c354c;color:#fff;}
html[data-world=mancity] #vr .city-admin-panel input[type=range]{padding:3px 0;accent-color:#76b7e6;cursor:pointer;}
html[data-world=mancity] #vr .city-admin-panel fieldset{border:0;padding:0;margin:0;min-width:0;}
html[data-world=mancity] #vr .city-admin-panel fieldset:disabled{opacity:.45;}
html[data-world=mancity] #vr .city-admin-panel button{border:1px solid #769cc166;padding:8px 10px;border-radius:8px;background:#1c354c;color:#f5f9ff;font:500 12px system-ui;cursor:pointer;}
html[data-world=mancity] #vr .city-admin-panel button:hover{background:#284c69;}
html[data-world=mancity] #vr .city-admin-panel button:disabled{opacity:.4;cursor:default;}
html[data-world=mancity] #vr .city-admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px;}
html[data-world=mancity] #vr .city-admin-actions{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0;align-items:center;}
html[data-world=mancity] #vr .city-admin-hint{font:11px/1.5 system-ui;color:#afc4d6;margin:10px 0;}
html[data-world=mancity] #vr .city-admin-save{display:flex;gap:8px;margin-top:14px;}
html[data-world=mancity] #vr .city-admin-panel [data-save]{background:#6cabdd;color:#102236;font-weight:700;flex:1;}
html[data-world=mancity] #vr .city-admin-panel [data-status]{color:#c2e4ff;font:12px/1.5 system-ui;min-height:36px;margin:12px 0;}
html[data-world=mancity] #vr .city-admin-panel [data-status].is-error{color:#ffc2b9;}
html[data-world=mancity] #vr .city-admin-panel .city-admin-check{display:flex;align-items:center;gap:6px;margin:0;font-size:11px;}
html[data-world=mancity] #vr .city-admin-panel.is-saving :is(button,input,select){pointer-events:none;opacity:.7;}
html[data-world=mancity] #vr .city-admin-toggle{position:absolute;right:76px;top:18px;z-index:30;border:1px solid #adcde866;border-radius:10px;background:#102236e6;padding:10px 14px;color:#fff;font:600 12px system-ui;cursor:pointer;}
html[data-world=mancity] #vr.city-is-placing .city-walk-steps{pointer-events:none;}
html[data-world=mancity] #vr.city-is-placing :is(#city-tour-menu,.city-tour-toggle){visibility:hidden!important;pointer-events:none!important;}
html[data-world=mancity] #vr .city-admin-placement{position:absolute;left:50%;top:20px;transform:translateX(-50%);z-index:35;display:flex;gap:12px;align-items:center;padding:12px 16px;border:1px solid #9dc8ec77;border-radius:12px;background:#102236f2;color:#fff;font:13px system-ui;max-width:calc(100% - 32px);}
html[data-world=mancity] #vr .city-admin-placement button{padding:6px 10px;border:1px solid #accce866;border-radius:8px;background:#294c68;color:#fff;cursor:pointer;}
@media(max-width:700px){html[data-world=mancity] #vr .city-admin-panel{top:150px;bottom:18px;right:10px;max-width:calc(100vw - 20px);width:350px;}html[data-world=mancity] #vr .city-admin-placement{top:150px;width:calc(100% - 28px);}html[data-world=mancity] #vr .city-admin-toggle{right:70px;top:96px;}}

/* Keep walk navigation below its actual heading, including wrapped station names. */
html[data-world=mancity] body #vr.city-tour .city-tour-toggle{top:calc(var(--city-tour-header-bottom,84px) + 12px)!important;}
html[data-world=mancity] body #vr.city-tour #city-tour-menu{top:calc(var(--city-tour-header-bottom,84px) + var(--city-tour-toggle-height,44px) + 20px)!important;max-height:calc(100dvh - var(--city-tour-header-bottom,84px) - var(--city-tour-toggle-height,44px) - 38px)!important;}
@media(max-width:640px){html[data-world=mancity] body #vr.city-tour #city-tour-menu{max-height:calc(100dvh - var(--city-tour-header-bottom,84px) - var(--city-tour-toggle-height,44px) - 88px)!important;}}