/* MY WORLD — mobile polish V6. Original CLEAN SVG paths remain immutable. */
:root{--mw-approved-letter-gold:#F3C975}
/* One warm gold for typography; keep gold CTA fill and black CTA lettering unchanged. */
.mw-gold-text,.gold-text,.gold-ref,.section-title,.share-section-label,
#shareOverlay .label,#shareOverlay .section-title,#shareOverlay .share-section-label,
#familySetup .setup-icon-choice>h3,#setupWorldBtn,
#lodPromptOverlay .mw-lod-choice-title .mw-gold-text,
#shareOverlay .share-main-title .mw-gold-text,
#world .stat b,.stat .mw-gold-text {color:var(--mw-approved-letter-gold)!important}
#familySetup .mw-category-title{color:#F7F3EB!important;font-size:18px!important;font-weight:400!important}
#familySetup .setup-icon-choice>h3{font-weight:400!important;letter-spacing:0!important;margin:2px 0 6px!important}
#familySetup .setup-shared-color{margin-top:7px!important;margin-bottom:6px!important;padding:8px 0!important;border-top:1px solid rgba(243,201,117,.20)!important}
#familySetup .setup-icon-choice{margin-top:4px!important;padding-top:9px!important;border-top:1px solid rgba(243,201,117,.18)!important}
#familySetup .setup-card{margin:6px 0!important;padding:9px 10px!important}
#familySetup .setup-actions{margin-top:8px!important}
#familySetup #addMemberBtn{display:block;margin:6px auto 8px!important;width:min(100%,500px);min-height:40px!important;font-size:15px!important;line-height:1.2!important}
#familySetup #addMemberBtn.hidden{display:none!important}
#familySetup .setup-note,#familySetup .helper{line-height:1.25!important}
#familySetup .setup-world-name .helper{margin:3px 0 0!important}
#familySetup #worldTitleInput{min-height:46px!important;padding:9px 11px!important}
#familySetup .setup-lead{font-size:15px!important;line-height:1.24!important;margin-bottom:7px!important}
#familySetup .mw-color-label{color:var(--mw-approved-letter-gold)!important}
#familySetup .mw-category-picker .mw-marker-option img{filter:drop-shadow(0 0 1.5px rgba(255,245,207,.65)) drop-shadow(0 0 2.5px rgba(245,204,126,.38))!important}
/* Title + one quick entry into settings. */
#world .mw-world-title-row{display:flex!important;justify-content:center;align-items:center;gap:8px;min-width:0}
#world .mw-world-title-row h2{margin:0!important;min-width:0;overflow-wrap:anywhere}
#world .mw-quick-edit{display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;flex:none;color:var(--mw-approved-letter-gold);border:1px solid rgba(243,201,117,.26);border-radius:11px;background:rgba(8,15,22,.17);padding:0;cursor:pointer}
#world .mw-quick-edit:focus-visible{outline:2px solid var(--mw-approved-letter-gold);outline-offset:2px}
#world .mw-world-title-row:has(h2.hidden){justify-content:center}
/* Fine, optical contour glow, not a blurry shadow. */
#world .mw-marker-sharp{filter:drop-shadow(0 0 1px rgba(253,245,208,.52))!important}
#world .mw-marker-glow-layer{filter:none!important}
#lodPromptOverlay .mw-lod-choice-title{font-family:Manrope,Arial,sans-serif!important;font-weight:400!important;letter-spacing:0!important;text-transform:none!important;word-spacing:normal!important;color:#F7F3EB!important;font-size:18px!important;line-height:1.22!important}
#lodPromptOverlay .mw-lod-choice-title span:first-child{color:#F7F3EB!important}
#lodPromptOverlay .lod-current-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:stretch!important;gap:9px!important}
#lodPromptOverlay .lod-current-actions>.btn{display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;min-height:55px!important;height:55px!important;max-height:55px!important;font:500 15px/1.16 Manrope,Arial,sans-serif!important;padding:7px 6px!important;white-space:normal!important;box-sizing:border-box!important}
/* More compact menu and modal cards without hiding text. */
#menuOverlay .menu-row{padding:9px 13px!important;min-height:42px!important;line-height:1.25!important;margin:1px 0!important}
#menuOverlay .menu-toggle-row{padding:9px 12px!important;min-height:42px!important;line-height:1.23!important}
#menuOverlay .menu-section-label{margin:12px 0 3px!important}
#menuOverlay #setupWorldBtn{font-weight:400!important}
.overlay .helper,.overlay .muted-small{line-height:1.25!important}
.overlay .sheet>.helper:last-child,.overlay .sheet>p:last-child{margin-bottom:3px!important}
/* Share layout: format is a normal, scrollable control immediately above Share. */
#shareOverlay .share-format-pick{position:static!important;inset:auto!important;z-index:auto!important;min-height:0!important;box-shadow:none!important;background:transparent!important;border-top:1px solid rgba(243,201,117,.22)!important;border-radius:0!important;padding:10px 2px 8px!important;margin:10px 0 4px!important}
#shareOverlay .share-format-pick>.label{text-align:left!important;font-weight:400!important;color:var(--mw-approved-letter-gold)!important}
#shareOverlay #shareAngleAuto{display:none!important}
#shareOverlay .share-effect{justify-content:flex-start!important;text-align:left!important}
#shareOverlay .share-effect span{text-align:left!important;flex:1!important}
#shareOverlay .share-effects-grid .share-effect{justify-content:flex-start!important}
#shareOverlay .share-dream-choice{display:flex!important;align-items:center!important;justify-content:flex-start!important;text-align:left!important}
#shareOverlay .share-dream-choice input{flex:none!important;margin-right:7px!important}
#shareOverlay .share-season-note{line-height:1.2!important}
#shareOverlay .share-preview-wrap{background:#020811 url('./assets/space_purchase_style_2048.jpg') center/cover no-repeat!important}
#shareOverlay #shareLiveCanvas{background:transparent!important}
@media(max-width:767px){
  /* Keep order: title -> counters -> globe -> family/year filters. */
  #world .app:not(.map-expanded),body.mode-personal #world .app:not(.map-expanded){display:flex!important;flex-direction:column!important;align-items:stretch!important;grid-template-columns:none!important;grid-template-rows:none!important;row-gap:0!important;max-width:100%!important}
  #world .app:not(.map-expanded)>.topbar{order:0}
  #world .app:not(.map-expanded)>.hero{order:1}
  #world .app:not(.map-expanded)>.first-run-actions{order:2}
  #world .app:not(.map-expanded)>.stats{order:3}
  #world .app:not(.map-expanded)>.globe-wrap{order:4}
  #world .app:not(.map-expanded)>.participant-panel{order:5}
  #world .app:not(.map-expanded)>.top-year-filter{order:6}
  #world .app:not(.map-expanded)>.filters{order:7}
  #world .app:not(.map-expanded)>.actions{order:8}
  #world .app:not(.map-expanded)>.note{order:9}
  #world .hero p{font-size:13.5px!important;line-height:1.21!important;letter-spacing:0!important}
  #world .hero h2{font-size:25px!important}
  #world .mw-quick-edit{width:31px;height:31px}
  #world .stats{margin:5px 0 7px!important}
  #world .globe-wrap:not(.map-mode){flex:none!important;margin:0 auto 6px!important}
  #world .participant-panel{width:100%!important;margin:6px 0 3px!important}
  #world .top-year-filter{width:100%!important;margin:3px 0 8px!important}
  #familySetup .setup-inner{padding-bottom:10px!important}
  #familySetup .mw-category-config{padding:6px 0!important}
  #familySetup .mw-category-title{font-size:17px!important;margin:0 0 4px!important}
  #familySetup #setupMembers{margin-top:6px!important}
  #familySetup .setup-actions{margin-top:8px!important}
  #shareOverlay .share-top-zone{min-height:0!important;flex:1 1 auto!important;overflow:hidden!important}
  #shareOverlay .share-preview-wrap{min-height:0!important;flex:none!important;padding:1px!important}
  #shareOverlay #shareLiveCanvas{height:min(calc(100vw - 24px),43dvh)!important;max-height:43dvh!important;min-height:180px!important}
  #shareOverlay .share-effects-scroll{flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;padding:4px 2px 12px!important}
  #shareOverlay .share-format-pick{flex:none!important}
  #shareOverlay .share-effect input{margin-left:0!important}
  #shareOverlay .share-effects-grid .share-effect{padding:5px 8px!important}
}
/* Keep all four counters legible at 360–390px without spilling into neighboring cards. */
@media(max-width:430px){
 #world .stats{grid-template-columns:repeat(4,minmax(0,1fr))!important}
 #world .stat{min-width:0!important;padding:8px 2px!important}
 #world .stat span{font-size:10.5px!important;line-height:1.15!important;font-weight:400!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;hyphens:auto!important;max-width:100%!important}
}