/* Ship colours (docs/next/CONTRACT.md §8). Builder D replaces this file and keeps the names.
   Calm greys and teals. Never red (alerts), never amber used as "late", no hue 240-335. */
:root {
  --ship-cargo: #7A8E99; --ship-tanker: #3E7C86; --ship-passenger: #1F6F78; --ship-tug: #5C6B73;
  --ship-fishing: #6E8B74; --ship-sailing: #8AA399; --ship-pleasure: #9BB0A8; --ship-hsc: #4F8F9A;
  --ship-pilot: #6A7F88; --ship-sar: #2F6F6A; --ship-military: #5E6A72; --ship-other: #8B9398;
  --ship-moored: #6A7074; --ship-track: #7F9AA3; --ship-gap: #8B9398; --ship-anomaly: #C4A35A;
}
html.daylight {
  --ship-cargo: #2A4550; --ship-tanker: #1A5560; --ship-passenger: #0E4E56; --ship-tug: #3A474E;
  --ship-fishing: #2E5340; --ship-sailing: #3D564C; --ship-pleasure: #3E524A; --ship-hsc: #1E5560;
  --ship-pilot: #3A4A52; --ship-sar: #1A524C; --ship-military: #3A444A; --ship-other: #4A5256;
  --ship-moored: #3E4448; --ship-track: #2A5560; --ship-gap: #5A6268; --ship-anomaly: #6E4E10;
}
html.phosphor {
  --ship-cargo: #8fe6ae; --ship-tanker: #6cc98f; --ship-passenger: #b6ffcf; --ship-tug: #4fa673;
  --ship-fishing: #7dffb0; --ship-sailing: #8fe6ae; --ship-pleasure: #6cc98f; --ship-hsc: #b6ffcf;
  --ship-pilot: #8fe6ae; --ship-sar: #7dffb0; --ship-military: #4fa673; --ship-other: #6cc98f;
  --ship-moored: #3b7d57; --ship-track: #8fe6ae; --ship-gap: #4fa673; --ship-anomaly: #b6ffcf;
}
/* The card is taller than the map between the top bar and the phone tab bar.
   Scroll the card so Close and the credit line stay reachable. The page itself does not scroll. */
.tier-phone .ship-pop {
  max-height: min(420px, calc(100dvh - 400px));
  overflow-y: auto;
  overscroll-behavior: contain;
}