/* WhatDew World — one continuous upper hillside for Café and Theater, aligned to screen-space building positions. */
.world-map::before{content:"";position:absolute;z-index:1;left:-6%;top:8%;width:112%;height:39%;pointer-events:none;border-radius:48% 52% 24% 27%/28% 30% 18% 20%;background:radial-gradient(ellipse at 18% 58%,rgba(64,126,66,.38) 0 4.5%,transparent 5.2%),radial-gradient(ellipse at 27% 72%,rgba(57,112,63,.25) 0 5%,transparent 5.7%),radial-gradient(ellipse at 82% 58%,rgba(64,126,66,.38) 0 4.5%,transparent 5.2%),radial-gradient(ellipse at 73% 72%,rgba(57,112,63,.25) 0 5%,transparent 5.7%),radial-gradient(circle at 13% 66%,#efc766 0 .8%,transparent 1.15%),radial-gradient(circle at 31% 77%,#f1a8bf 0 .75%,transparent 1.1%),radial-gradient(circle at 87% 66%,#efc766 0 .8%,transparent 1.15%),radial-gradient(circle at 69% 77%,#d9a8e8 0 .75%,transparent 1.1%),linear-gradient(180deg,rgba(255,255,255,.08),transparent 35%),linear-gradient(180deg,#86bd79 0%,#72aa6e 57%,#5e8d61 100%);box-shadow:inset 0 -22px 34px rgba(48,88,55,.12);filter:drop-shadow(0 13px 11px rgba(43,76,50,.08))}
.world-map::after{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M20 29 C27 31 34 38 43 48' fill='none' stroke='%23e7ce99' stroke-opacity='.76' stroke-width='3.6' stroke-linecap='round'/%3E%3Cpath d='M80 29 C73 31 66 38 57 48' fill='none' stroke='%23e7ce99' stroke-opacity='.76' stroke-width='3.6' stroke-linecap='round'/%3E%3C/svg%3E") center/100% 100% no-repeat;filter:drop-shadow(0 2px 1px rgba(104,84,52,.08))}
.world-location-cafe,.world-location-theater{isolation:isolate}.world-location-cafe::before,.world-location-theater::before{content:"";position:absolute;z-index:-1;left:50%;top:61%;width:142%;height:46px;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.world-location-cafe::before{background:radial-gradient(circle at 12% 62%,#568953 0 7%,transparent 7.8%),radial-gradient(circle at 88% 61%,#63975a 0 6.5%,transparent 7.3%),radial-gradient(circle at 22% 38%,#f1a8bd 0 1.9%,transparent 2.7%),radial-gradient(circle at 78% 38%,#f0cd69 0 1.9%,transparent 2.7%),radial-gradient(ellipse at 50% 72%,rgba(48,75,48,.31) 0 35%,rgba(48,75,48,.11) 55%,transparent 73%)}.world-location-theater::before{background:radial-gradient(circle at 12% 62%,#527f51 0 7%,transparent 7.8%),radial-gradient(circle at 88% 61%,#618e58 0 6.5%,transparent 7.3%),radial-gradient(circle at 22% 39%,#d8c276 0 1.7%,transparent 2.5%),radial-gradient(circle at 78% 39%,#d8c276 0 1.7%,transparent 2.5%),radial-gradient(ellipse at 50% 72%,rgba(48,75,48,.31) 0 35%,rgba(48,75,48,.11) 55%,transparent 73%)}.world-location-cafe .shadow,.world-location-theater .shadow{fill:rgba(49,72,46,.3)}

/* On phones, the original SVG hills and the responsive upper hill overlap in screen space.
   Make them one terrain system: the responsive hill becomes the visible top edge while the
   original hills/ground continue the exact same color beneath it. */
@media(max-width:820px){
  .world-location-cafe,.world-location-theater{--world-y:25.5%!important}
  .world-map::before{left:-8%;top:9.5%;width:116%;height:43%;border-radius:50% 50% 0 0/22% 24% 0 0;background:radial-gradient(ellipse at 18% 58%,rgba(58,116,61,.22) 0 4.5%,transparent 5.2%),radial-gradient(ellipse at 27% 72%,rgba(54,106,59,.16) 0 5%,transparent 5.7%),radial-gradient(ellipse at 82% 58%,rgba(58,116,61,.22) 0 4.5%,transparent 5.2%),radial-gradient(ellipse at 73% 72%,rgba(54,106,59,.16) 0 5%,transparent 5.7%),radial-gradient(circle at 13% 66%,#efc766 0 .8%,transparent 1.15%),radial-gradient(circle at 31% 77%,#f1a8bf 0 .75%,transparent 1.1%),radial-gradient(circle at 87% 66%,#efc766 0 .8%,transparent 1.15%),radial-gradient(circle at 69% 77%,#d9a8e8 0 .75%,transparent 1.1%),linear-gradient(180deg,rgba(255,255,255,.06),transparent 30%),#72aa6e;box-shadow:none;filter:none}
  .world-hill-back,.world-hill-front{fill:#72aa6e;opacity:1}
  .world-environment>path[fill="url(#worldGround)"]{fill:#72aa6e}
  .world-paths path:nth-child(1),.world-paths path:nth-child(2){opacity:0}
  .world-map[data-world-daypart="evening"]::before{filter:saturate(.92) sepia(.07)}
  .world-map[data-world-daypart="night"]::before{filter:brightness(.72) saturate(.86) hue-rotate(8deg)}
  .world-district-cafe{top:37%!important}.world-district-theater{top:36.5%!important}
}
@media(max-width:480px){
  .world-location-cafe,.world-location-theater{--world-y:26%!important}
  .world-map::before{left:-9%;top:10%;width:118%;height:43%;border-radius:50% 50% 0 0/21% 23% 0 0}
  .world-location-cafe::before,.world-location-theater::before{width:148%}
  .world-map::after{background-size:100% 100%}
}
@media(prefers-reduced-motion:reduce){.world-map::before,.world-map::after{transition:none}}