#genplan .genplan-pic[hidden] { display: none !important; }

#genplan .genplan-plot { fill: #cee593; fill-opacity: 0.35; }
#genplan .genplan-plot:hover,
#genplan .genplan-plot.is-active { fill: #cee593; fill-opacity: 0.7; }
#genplan .genplan-tooltip {
  box-sizing: border-box;
  z-index: 25;
  width: 250px;
  min-width: 0;
  max-width: calc(100% - 16px);
  padding: 12px 14px;
  border-radius: 8px;
  background: #5f43b5;
  color: #fff;
  font: 700 14px/1.45 ui-monospace, SFMono-Regular, Consolas, monospace;
  box-shadow: 0 6px 22px #0003;
  transform: none;
  white-space: normal;
}
#genplan .genplan-tooltip dl { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 5px 10px; margin: 0; }
#genplan .genplan-tooltip dt { color: #a9b8b1; }
#genplan .genplan-tooltip dd { margin: 0; font-weight: 700; text-align: right; color: #fff; }
/* Lightweight placeholder; scene styles are loaded with the desktop scene. */
#genplan [data-genplan-app][hidden] { display: none !important; }
#genplan [data-genplan-app] .viewport { position: relative; height: 87vh; height: 87dvh; }
#genplan [data-genplan-app] .scene-loading { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
@media (max-width: 820px), (hover: none) and (pointer: coarse) {
  #genplan [data-genplan-app] .viewport > :not(.scene-loading) { display: none; }
}
#genplan [data-genplan-app]:not(.scene-ready) .viewport > :not(.scene-loading) { display: none; }