/* ---- GRAND THEFT NUGGET (top-down Nuggetown, js/gta.js) ---- */
#gtaWorld {
  position: fixed;
  inset: 0;
  z-index: 9990;
  display: none;
  background: #0a0a12;
}
body.gta-mode #gtaWorld { display: block; }

#gtaWorld canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  image-rendering: pixelated;
  image-rendering: crisp-edges;
}

/* NUGGETOWN / MISSION banners */
.gta-banner {
  position: absolute;
  left: 50%;
  top: 30%;
  transform: translate(-50%, -50%) scale(0.6);
  font: 900 clamp(1.4rem, 4.5vw, 2.8rem)/1 Georgia, 'Times New Roman', serif;
  font-style: italic;
  letter-spacing: 0.1em;
  color: #eef2ff;
  text-shadow: 3px 3px 0 #0a0a12, 0 0 24px rgba(160, 190, 240, 0.4);
  opacity: 0;
  pointer-events: none;
  white-space: nowrap;
}
.gta-banner.show {
  animation: gta-banner-pop 0.35s ease-out forwards;
}
.gta-banner.go { color: #eef2ff; }
.gta-banner.heat { color: #ff5252; text-shadow: 3px 3px 0 #3a0808, 0 0 24px rgba(255, 82, 82, 0.6); }

@keyframes gta-banner-pop {
  0% { opacity: 0; transform: translate(-50%, -50%) scale(0.5); }
  60% { opacity: 1; transform: translate(-50%, -50%) scale(1.12); }
  100% { opacity: 1; transform: translate(-50%, -50%) scale(1); }
}

/* ---- Free-roam online overlay (Season 2, Sprint 9) ---- */
.gta-mp-hud {
  position: fixed;
  top: 8px; left: 8px;   /* top-left — the storm HUD card owns top-center */
  z-index: 9995;         /* above #gtaWorld (9990), below the storm HUD chrome */
  display: flex; align-items: center; gap: 0.7rem;
  padding: 0.3rem 0.7rem;
  background: rgba(10, 12, 20, 0.82);
  border: 1px solid rgba(255, 210, 58, 0.5);
  border-radius: 999px;
  font: 800 0.72rem/1 "Segoe UI", system-ui, sans-serif;
  color: #ffe23a;
  letter-spacing: 0.02em;
  pointer-events: none;
  box-shadow: 0 6px 20px -8px rgba(0, 0, 0, 0.8);
}
.gta-mp-hud .gta-mp-count { color: #eef2ff; }
.gta-mp-hud .gta-mp-hint { color: #8b93a7; font-weight: 700; }

/* ---- The plate press (Season 2.1: WHEELS OF YOUR OWN) ---- */
.gta-plate-ui {
  position: fixed;
  inset: 0;
  z-index: 9996; /* above #gtaWorld + the MP pill, below storm HUD chrome */
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(4, 4, 12, 0.55);
}
.gta-plate-ui .card {
  background: rgba(10, 12, 20, 0.95);
  border: 2px solid #ffd23a;
  border-radius: 10px;
  padding: 0.9rem 1.1rem;
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  box-shadow: 0 14px 40px -10px rgba(0, 0, 0, 0.9);
}
.gta-plate-ui .t {
  font: 900 0.8rem/1 Consolas, monospace;
  color: #ffd23a;
  letter-spacing: 0.06em;
}
.gta-plate-ui input {
  font: 900 1.3rem/1 Consolas, monospace;
  letter-spacing: 0.22em;
  text-align: center;
  text-transform: uppercase;
  color: #0a0a12;
  background: #eef2ff;          /* license-plate white */
  border: 3px solid #2a3244;
  border-radius: 6px;
  padding: 0.35rem 0.5rem;
  width: 11ch;
  outline: none;
}
.gta-plate-ui .row { display: flex; gap: 0.5rem; }
.gta-plate-ui button {
  flex: 1;
  font: 800 0.72rem/1 Consolas, monospace;
  letter-spacing: 0.04em;
  padding: 0.45rem 0.6rem;
  border-radius: 6px;
  border: 1px solid rgba(255, 210, 58, 0.5);
  background: rgba(255, 210, 58, 0.14);
  color: #ffe23a;
  cursor: pointer;
}
.gta-plate-ui button.no {
  border-color: rgba(158, 163, 199, 0.4);
  background: rgba(158, 163, 199, 0.1);
  color: #9aa3c7;
}

/* ---- THE MOD SHOP (Season 2.2) — same chassis, more clipboard ---- */
.gta-mod-ui .card { min-width: 260px; max-width: 320px; gap: 0.42rem; }
.gta-mod-ui .bal {
  font: 900 0.85rem/1 Consolas, monospace;
  color: #ffe23a;
  text-align: right;
}
.gta-mod-ui .row.mod {
  justify-content: space-between;
  align-items: center;
  gap: 0.7rem;
}
.gta-mod-ui .row.mod span {
  font: 800 0.7rem/1.2 Consolas, monospace;
  color: #eef2ff;
  letter-spacing: 0.03em;
}
.gta-mod-ui .row.mod button { flex: 0 0 auto; min-width: 9.5rem; }
.gta-mod-ui .row.mod button:disabled { cursor: default; opacity: 0.75; }
.gta-mod-ui .row.paint { flex-wrap: wrap; gap: 0.35rem; }
.gta-mod-ui button.sw {
  flex: 0 0 auto;
  width: 1.5rem;
  height: 1.5rem;
  padding: 0;
  border-radius: 50%;
  border: 2px solid rgba(238, 242, 255, 0.25);
}
.gta-mod-ui button.sw.on {
  border-color: #ffe23a;
  box-shadow: 0 0 0 2px rgba(255, 226, 58, 0.35);
}