:root {
  --bp-bg: #1a2634; /* Blueprint dark blue */
  --bp-grid-major: rgba(255, 255, 255, 0.15);
  --bp-grid-minor: rgba(255, 255, 255, 0.05);
  --bp-ink: #ffffff; /* Chalk/Pen white */
  --bp-accent: #4ecdc4; /* Technical Cyan */
  --bp-alert: #ff6b6b; /* Alert Red */
  --bp-warn: #ffe66d; /* Warning Yellow */
  --bp-success: #95afc0; /* Muted Success */
  --font-tech: "Courier New", Courier, monospace;
  --font-hand: "Segoe Print", "Chalkboard SE", "Comic Sans MS", sans-serif; /* Fallback "Handwritten" */
}

body {
  font-family: var(--font-tech);
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: var(--bp-bg);
  /* Blueprint Grid Pattern */
  background-image: 
    linear-gradient(var(--bp-grid-major) 1px, transparent 1px),
    linear-gradient(90deg, var(--bp-grid-major) 1px, transparent 1px),
    linear-gradient(var(--bp-grid-minor) 1px, transparent 1px),
    linear-gradient(90deg, var(--bp-grid-minor) 1px, transparent 1px);
  background-size: 100px 100px, 100px 100px, 20px 20px, 20px 20px;
  background-position: -1px -1px;
  height: 100vh;
  width: 100vw;
  color: var(--bp-ink);
}

#game-container {
  position: relative;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}

#map-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent; /* Let body grid show through */
  transition: transform 0.5s ease-in-out;
}

.heist-simulation-active #map-container {
  animation: heistPan 5s ease-in-out infinite alternate;
}

@keyframes heistPan {
  0% { transform: translate(0, 0) scale(1); }
  25% { transform: translate(-10px, -3px) scale(1.01); }
  50% { transform: translate(3px, 7px) scale(1.02); }
  75% { transform: translate(0px, -7px) scale(1.01); }
  100% { transform: translate(0, 0) scale(1); }
}

.outcome-active #map-container {
  opacity: 0.2;
  filter: blur(2px);
}

.hidden { display: none !important; }
.scrollable-list { max-height: 200px; overflow-y: auto; padding: 0; margin: 0; list-style: none; }

/* Ensure combined intel list can expand to its container's height instead of the 200px cap */
.intel-combined-list { max-height: 100%; overflow-y: auto; }

/* Scrollbar styling for blueprint feel */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: rgba(0,0,0,0.2);
}
::-webkit-scrollbar-thumb {
  background: var(--bp-accent);
  border: 1px solid var(--bp-bg);
}