/* MY WORLD — globe/map stability and label control · 2026-11-13 */
#world .globe-atmosphere-halo{display:none!important}
#world .globe-wrap:before,#world .globe-wrap:after{display:none!important}
#world .globe-wrap{box-shadow:none!important;filter:none!important;background:none!important}
#world .globe-svg{filter:none!important}
#world .globe-webgl-v2{filter:none!important}
#world .mw-flat-map-canvas{position:absolute;inset:0;width:100%;height:100%;display:none;z-index:1;pointer-events:none}
#world .globe-wrap.map-mode .globe-webgl-v2,#world .globe-wrap.map-mode .globe-sun-v2{display:none!important}
#world .globe-wrap.map-mode .mw-flat-map-canvas{display:block!important}
#world .globe-wrap.map-mode .globe-svg{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block!important;z-index:3}
#world .app.map-expanded{display:block!important;width:100%!important;max-width:100%!important;min-height:100dvh!important;padding:0 10px!important;margin:0!important}
#world .app.map-expanded > :not(.topbar):not(.globe-wrap){display:none!important}
#world .app.map-expanded .topbar{display:flex!important;max-width:none!important;height:64px!important;padding:4px 4px!important}
#world .app.map-expanded .globe-wrap.map-mode,#world .globe-wrap.map-mode{display:block!important;width:100%!important;max-width:none!important;height:calc(100dvh - 72px)!important;aspect-ratio:auto!important;position:relative!important;left:auto!important;top:auto!important;margin:0 auto!important;overflow:hidden!important;border-radius:14px!important;border:1px solid rgba(229,188,101,.18)!important;transform:none!important;filter:none!important}
#world .app.map-expanded .zoom-controls{right:10px!important;top:50%!important}
#world .app.map-expanded .globe-hint{bottom:8px!important;white-space:normal!important;text-align:center!important;width:max-content!important;max-width:calc(100% - 120px)!important}
/* Transparent approved logo; centrally aligned even in sheets with descriptive blocks. */
.brand-logo,.brand-logo-modal,.brand-logo-topbar,.brand-logo-small{background:transparent!important;border:0!important;box-shadow:none!important;filter:none!important;mix-blend-mode:normal!important}
.overlay .sheet-head{display:grid!important;grid-template-columns:44px minmax(0,1fr) 44px!important;grid-template-rows:auto auto!important;align-items:center!important;gap:8px 4px!important}
.overlay .sheet-head .brand-logo-modal{grid-column:1 / 4!important;grid-row:1!important;justify-self:center!important;align-self:center!important;max-width:175px!important;width:155px!important;height:auto!important;margin:0 auto!important;transform:none!important}
.overlay .sheet-head .close{grid-column:3!important;grid-row:1!important;justify-self:end!important;z-index:2!important}
.overlay .sheet-head h3,.overlay .sheet-head .instructions-main-title{grid-column:1 / 4!important;grid-row:2!important;text-align:center!important;justify-self:center!important;margin:0!important}
.overlay .sheet-head>div:not(.close){grid-column:1 / 4!important;grid-row:2!important;text-align:center!important;justify-self:stretch!important}
.overlay .sheet-head>div h3{margin:0!important;text-align:center!important}
#instructionsOverlay .sheet-head,#shareOverlay .share-sheet-head{grid-template-columns:44px minmax(0,1fr) 44px!important;grid-template-rows:auto auto!important;grid-template-areas:none!important}
#instructionsOverlay .sheet-head .brand-logo-modal,#shareOverlay .share-sheet-head .brand-logo-modal{grid-area:auto!important;grid-column:1 / 4!important;grid-row:1!important;justify-self:center!important}
#instructionsOverlay .sheet-head .close,#shareOverlay .share-sheet-head .close{grid-area:auto!important;grid-column:3!important;grid-row:1!important}
#instructionsOverlay .sheet-head .instructions-main-title,#shareOverlay .share-sheet-head h3{grid-area:auto!important;grid-column:1 / 4!important;grid-row:2!important}
/* Map detail prompt fixed inside viewport, never pushed below or to right. */
#lodPromptOverlay.open,#mapDataOverlay.open{display:flex!important;align-items:center!important;justify-content:center!important;padding:12px!important;overflow:hidden!important}
#lodPromptOverlay .sheet,#mapDataOverlay .sheet{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;display:block!important;margin:auto!important;width:min(100%,660px)!important;max-width:660px!important;max-height:calc(100dvh - 24px)!important;overflow-y:auto!important;border-radius:24px!important}
@media(max-width:600px){#lodPromptOverlay .sheet,#mapDataOverlay .sheet{padding:14px 14px max(18px,env(safe-area-inset-bottom))!important;border-radius:20px!important}}
/* The canvas must NEVER have a fixed 50%-radius clip. At zoom >1 the globe
   exceeds its original disk and the old CSS generated a stationary circle. */
#world .globe-webgl-v2{border-radius:0!important;clip-path:none!important;overflow:visible!important}

/* Main logo is also centered: menu stays at the right. */
#world .topbar{display:grid!important;grid-template-columns:44px minmax(0,1fr) 44px!important;align-items:center!important;justify-items:center!important}
#world .topbar > div:first-child{grid-column:2!important;grid-row:1!important;justify-self:center!important;text-align:center!important}
#world .topbar > .menu-btn{grid-column:3!important;grid-row:1!important;justify-self:end!important}
#world .topbar .brand-logo-topbar{display:block!important;width:min(190px,55vw)!important;max-width:55vw!important;height:auto!important;margin-inline:auto!important}

#world .app.map-expanded .topbar{display:grid!important;grid-template-columns:44px minmax(0,1fr) 44px!important}