.planet-stage::before {
  content: '';
  position: absolute;
  inset: 13% 4% 9% 12%;
  border-radius: 50%;
  background: radial-gradient(ellipse, #416c4424, #1c4e3d12 45%, transparent 73%);
  pointer-events: none;
  z-index: -1;
}
.planet-stage .planet-star { opacity: .45; }
.planet-stage .star-one { font-size: 33px; }
.planet-stage .star-two { font-size: 18px; }
.map-city {
  padding: 8px 13px;
  border-radius: 12px;
  border: 1px solid #9bb59355;
  background: #132c23ed;
  color: #ebe9d9;
  box-shadow: 0 7px 20px #020b0755;
  backdrop-filter: blur(12px);
  font-weight: 500;
  letter-spacing: .5px;
}
.map-city.active, .map-city:hover {
  color: #f1e6c9;
  background: #1d382bed;
  border-color: #c4bc8d9c;
}
.map-city small, .map-city.active small, .map-city:hover small { color: #bfcaa9; font-weight: 400; letter-spacing: 0; }
.map-island-label { color: #83a08c; letter-spacing: 1px; }
.map-region-picker {
  border-color: #64857166;
  background: #10251ded;
  border-radius: 14px;
  color: #b4c3b0;
  box-shadow: 0 8px 24px #03120c33;
  backdrop-filter: blur(14px);
}
.map-region-picker select { background: #213d2c; color: #e5e4cf; border-color: #78906b66; border-radius: 9px; }
.planet-controls { color: #91a58f; }
.planet-controls button { color: #ddd0a5; background: #193224; border-color: #7a94714f; }
.planet-stage .control-cross { color: #9fb595; opacity: .7; }
.floating-note.map-postcard { border-color: #8b9e775c; background: #14271fee; box-shadow: 0 12px 30px #04150d55; }
.map-postcard[data-motion="walking"] { border-color: #c3bb83a3; }
.map-travel-state::before { background: #dac28d; }
.map-postcard[data-motion="walking"] .map-travel-state { color: #ddceab; }
@media (max-width: 760px) {
  .planet-stage .star-one { font-size: 24px; }
  .planet-stage .star-two { font-size: 15px; }
  .map-city { padding: 6px 10px; font-size: 12px; border-radius: 9px; }
  .map-region-picker { padding: 8px 10px 8px 14px; }
  .map-region-picker select { font-size: 13px; min-width: 120px; }
}