/* MY WORLD V5 — scoped mobile UI and Share. User-approved text stays unchanged. */
#lodPromptOverlay .lod-current-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
#lodPromptOverlay .lod-current-actions>.btn{display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;min-height:55px!important;height:55px!important;padding:8px!important;text-align:center!important;white-space:normal!important;line-height:1.15!important;font-size:15px!important;font-weight:500!important}
#lodPromptOverlay .helper,#mapDataOverlay .helper{line-height:1.26!important}
#editWorldTitleBtn,#editMembersBtn{display:none!important}
#familySetup .setup-lead{line-height:1.27!important;margin:4px auto 8px!important}
#familySetup .setup-icon-info{line-height:1.24!important;margin:3px 0 7px!important}
#familySetup .setup-icon-choice{padding-top:8px!important;margin-top:8px!important}
#familySetup .mw-category-config{padding:7px 0 8px!important}
#familySetup .mw-category-title{margin-bottom:5px!important;line-height:1.18!important}
#familySetup .mw-category-picker{gap:5px!important}
#familySetup .mw-marker-option{position:relative;min-height:51px!important;border-color:rgba(229,188,101,.24)!important}
#familySetup .mw-marker-option img{filter:drop-shadow(0 0 2px rgba(229,188,101,.52)) drop-shadow(0 0 3px rgba(116,216,248,.18))!important}
#familySetup .mw-color-label{margin:8px 0 5px!important}
#familySetup .setup-card{padding:10px!important;margin:6px 0!important}
#familySetup .setup-card .color-title{margin:6px 0 4px!important}
#familySetup .setup-note{line-height:1.24!important}
#familySetup .setup-world-name{padding:10px 12px!important;margin:7px 0!important}
#familySetup .setup-inner{max-width:660px!important}
#familySetup .setup-inner h1{margin-top:6px!important;margin-bottom:6px!important}
#familySetup .custom-color{display:none!important}
#familySetup .mw-category-colors input[type=color]{display:none!important}
#familySetup .mw-category-picker .mw-marker-option.selected{border-color:#E5BC65!important}
#detailOverlay .mw-auto-marker{display:none!important}
#detailOverlay #detailMarkerPreview{display:none!important}
@media(max-width:767px){
 #detailOverlay .sheet{position:fixed!important;inset:0!important;left:0!important;right:0!important;top:0!important;bottom:0!important;transform:none!important;width:100vw!important;height:100dvh!important;max-height:100dvh!important;overflow-y:auto!important;border-radius:0!important;padding:calc(env(safe-area-inset-top) + 9px) 14px max(20px,env(safe-area-inset-bottom))!important}
 #detailOverlay .handle{display:none!important}
 #familySetup{padding:0 10px!important}
 #familySetup .setup-inner{padding:8px 10px 14px!important;border-radius:17px!important}
 #familySetup .setup-top{margin-bottom:3px!important}
 #familySetup .setup-lead{font-size:15.5px!important}
 #familySetup .mw-category-picker .mw-marker-option{min-height:47px!important}
 #familySetup .mw-category-picker .mw-marker-option img{height:41px!important;max-width:41px!important}
}
/* Year filter popover is a separate fixed layer, never clipped by the globe containers. */
#world #topYearChips{display:block!important;overflow:visible!important;width:100%!important}
#mwYearsTrigger{display:flex;align-items:center;justify-content:space-between;min-height:42px;width:100%;padding:8px 13px;border-radius:12px;border:1px solid rgba(229,188,101,.48);color:#F6EBD2;background:rgba(10,17,27,.93);font:400 15px/1.23 Manrope,Arial,sans-serif;white-space:normal;text-align:left}
#mwYearsPopover{position:fixed!important;z-index:9999!important;min-height:90px;max-height:min(55dvh,410px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:8px 12px;background:#101923;border:1px solid rgba(229,188,101,.62);box-shadow:0 10px 38px rgba(0,0,0,.7);border-radius:13px}
#mwYearsPopover .mw-year-row{display:flex!important;align-items:center;gap:10px;min-height:43px;font-size:16px;font-weight:400;color:#F7F3EB}
#mwYearsPopover .mw-year-row input{accent-color:#E5BC65;min-width:20px;min-height:20px}
#mwYearsPopover .mw-years-done{display:block;width:100%;min-height:40px;color:#151515;background:linear-gradient(180deg,#F4D89A,#E5BC65);border:0;border-radius:9px;margin:7px 0 1px;font:500 15px Manrope,Arial,sans-serif}
/* Shared design for family markers: color is inside sprite, no participant rings. */
#world .mw-marker-owner-accent{display:none!important}
#world .mw-marker-sharp{image-rendering:auto!important}
/* SHARE: fixed map/globe above a dedicated scrolling settings pane. */
@media(max-width:767px){
 #shareOverlay .share-sheet.share-sheet{display:flex!important;flex-direction:column!important;overflow:hidden!important}
 #shareOverlay .share-top-zone{flex:1 1 auto!important;min-height:0!important;max-height:100%!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;gap:2px!important;padding:0 1px!important}
 #shareOverlay .share-view-pick{flex:0 0 auto!important}
 #shareOverlay .share-preview-wrap{flex:0 0 auto!important;overflow:visible!important}
 #shareOverlay #shareLiveCanvas{height:min(calc(100vw - 24px),40dvh)!important;width:min(calc(100vw - 24px),390px)!important;max-height:40dvh!important;min-height:192px!important}
 #shareOverlay .share-image-toggle{min-height:28px!important;font-size:12px!important}
 #shareOverlay .share-effects-scroll{flex:1 1 auto;min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain!important;scrollbar-width:thin;padding:4px 2px 8px!important;display:block}
 #shareOverlay .share-format-pick{flex:0 0 auto!important;min-height:56px!important}
 #shareOverlay .share-lower-zone{padding-bottom:10px!important}
 #shareOverlay .share-status{line-height:1.25!important}
}
@media(min-width:768px){#shareOverlay .share-effects-scroll{overflow:auto;max-height:32vh;padding-bottom:12px}}
#familySetup .setup-shared-color{border-top:1px solid rgba(229,188,101,.2);padding-top:8px;margin-top:8px}
#familySetup .mw-shared-colors{display:flex;gap:8px;flex-wrap:wrap}
#familySetup .mw-shared-color-button{display:flex;align-items:center;gap:8px;padding:7px 12px;border-radius:12px;border:1px solid rgba(229,188,101,.30);background:rgba(10,17,25,.68);color:#F7F3EB;font:400 15px Manrope,Arial,sans-serif}
#familySetup .mw-shared-color-button.active{border-color:#E5BC65;box-shadow:0 0 8px rgba(229,188,101,.14)}
#familySetup .mw-shared-color-button>span{width:22px;height:22px;border-radius:50%;border:1px solid rgba(255,255,255,.22)}