[data-ui="chartroom"] #cr-chart-host { position: relative; overflow: hidden; background: #0b4051; }
[data-ui="chartroom"] .cr-side__map { position: relative; min-height: 235px; margin: 0; overflow: hidden; border-bottom: 1px solid #c9973a; background: #0d5668; }
[data-ui="chartroom"] .cr-side__map .cr-flat-map { position: absolute; inset: 0; }
[data-ui="chartroom"] .cr-side__mapcap { position: absolute; z-index: 2; left: 10px; right: 10px; top: 9px; display: flex; justify-content: space-between; align-items: baseline; color: #f2e8d0; text-shadow: 0 1px 3px #071a22; font: 600 11px/1 var(--cr-cond); letter-spacing: .12em; text-transform: uppercase; pointer-events: none; }
[data-ui="chartroom"] .cr-side__mapcap b { color: #f1d18a; font-weight: 700; }
[data-ui="chartroom"] .cr-flat-map { position: absolute; inset: 0; overflow: hidden; background: #0d5668; }
[data-ui="chartroom"] .cr-flat-map__canvas { display: block; width: 100%; height: 100%; }
[data-ui="chartroom"] .cr-flat-map.is-fallback { background: radial-gradient(circle at 60% 40%, #2d7b85, #0b4051 70%); }
[data-ui="chartroom"] .cr-flat-map.is-fallback::after { content: "DISPATCH MAP · ROTTERDAM · HAMBURG · LISBON"; position: absolute; inset: 45% 0 auto; text-align: center; color: #d5bd77; font: 700 14px/1 var(--cr-cond); letter-spacing: .16em; }
[data-ui="chartroom"] .cr-chart__host > #fleet-viewport { z-index: 2; }
[data-ui="chartroom"] .cr-chart__bar { border-bottom-color: #c9973a; }
[data-ui="chartroom"] .cr-chart__title { letter-spacing: .08em; text-transform: uppercase; }
[data-ui="chartroom"] .cr-chart__help { color: #c9d6da; }
[data-ui="chartroom"] .cr-thumb__label { letter-spacing: .08em; text-transform: uppercase; }
[data-ui="chartroom"] .crb-sheet { border-top: 4px solid #c9973a; }
[data-ui="chartroom"] .crb-h1, [data-ui="chartroom"] .crb-h2 { text-transform: uppercase; letter-spacing: .07em; }
[data-ui="chartroom"] .crb-gauge__fill { transition: width 420ms ease; }
[data-ui="chartroom"] .crb-ring__arc { transition: stroke-dashoffset 420ms linear; }
@media (prefers-reduced-motion: no-preference) {
  [data-ui="chartroom"] .cr-navtab:not(.cr-brass)::after { content: ""; position: absolute; left: 10px; right: 10px; bottom: 3px; height: 1px; background: #8fd3cf; transform: scaleX(0); transform-origin: left; transition: transform 260ms ease; opacity: .75; }
  [data-ui="chartroom"] .cr-navtab:hover::after, [data-ui="chartroom"] .cr-navtab[aria-current="page"]::after { transform: scaleX(1); }
  [data-ui="chartroom"] .cr-card__head svg, [data-ui="chartroom"] .crb-ship svg { animation: cr-hull-sway 6s ease-in-out infinite; transform-origin: 50% 70%; }
  @keyframes cr-hull-sway { 0%, 100% { translate: 0 0; } 50% { translate: 0 -1px; } }
}