/* =========================================================
   UMNOGRAD V11 — SOFT BUILDING STATES
   Only map object appearance and duplicate navigation are changed.
   Course data, lessons and task logic remain untouched.
   ========================================================= */

/* The main dashboard now has no redundant bottom navigation row. */
.dashboard-viewport > .game-dashboard {
  grid-template-rows: minmax(0, 1fr) 24px !important;
}
.dashboard-viewport .dashboard-left,
.dashboard-viewport .dashboard-main,
.dashboard-viewport .dashboard-right {
  grid-row: 1;
}
.dashboard-viewport .dashboard-footer {
  grid-column: 1 / -1;
  grid-row: 2;
  min-height: 24px;
}
.dashboard-bottom { display: none !important; }

/* Stable transparent lesson hit areas: no visible moving rectangles. */
.dashboard-viewport .game-dashboard .city-node,
.dashboard-viewport .game-dashboard .city-node:hover:not(:disabled),
.dashboard-viewport .game-dashboard .city-node:focus-visible,
.dashboard-viewport .game-dashboard .city-node.next-node:not(.complete):not(.locked),
.dashboard-viewport .game-dashboard .city-node.next-node:not(.complete):not(.locked):hover {
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}
.dashboard-viewport .game-dashboard .city-node.locked::after { display: none !important; }

/* The building-state layer sits above the artwork and below the buttons. */
.city-object-states {
  position: absolute;
  inset: 0;
  z-index: 2;
  overflow: hidden;
  pointer-events: none;
  border-radius: inherit;
}
.building-state-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: fill;
  pointer-events: none;
  user-select: none;
}

/* Remove every experimental image/filter layer from older revisions. */
.city-object-layer,
.decor-object-sprite,
.built-object-sprite,
.final-city-buildings { display: none !important; }

/* Keep map controls and progress above the visual state layer. */
.dashboard-viewport .game-dashboard .city-nodes { z-index: 5; }
.dashboard-viewport .game-dashboard .city-progress-box { z-index: 8; }

/* Completed course: use the dedicated bright, plaque-free map. */
.dashboard-viewport .game-dashboard .city-map.city-complete {
  background-image: url('./assets/city-map-final.png') !important;
  background-size: 100% 100%;
  background-position: center;
}
.city-complete .city-nodes,
.city-complete .city-object-states,
.city-complete .city-progress-box { display: none !important; }

@media (max-width: 1040px) {
  .dashboard-viewport > .game-dashboard {
    grid-template-rows: auto !important;
  }
  .dashboard-viewport .dashboard-left,
  .dashboard-viewport .dashboard-main,
  .dashboard-viewport .dashboard-right,
  .dashboard-viewport .dashboard-footer {
    grid-row: auto;
  }
}