wavelog/assets/css/contesting/components/map.css

/* Dim dot for already-logged QSOs (the trail) */
.contest-map-trail-dot span {
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #1e6fff;
	opacity: 0.7;
	border: 1px solid rgba(255, 255, 255, 0.8);
}

/* Last-logged QSO while a preview callsign is active in the form */
.contest-map-current-qso span {
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #1e6fff;
	border: 1px solid rgba(255, 255, 255, 0.8);
}

/* Own station marker (star) */
.contest-map-station {
	color: #d6a400;
	font-size: 16px;
	line-height: 16px;
	text-shadow: 0 0 2px #fff, 0 0 2px #fff;
}

/* Layer toggle control (night shadow / path line / station) */
.contest-map-toggles label {
	margin: 0;
}

/* Coordinate bar docked below the map */
.map-container {
	display: flex;
	flex-direction: column;
}

.map-container #map-display {
	flex: 1;
	min-height: 0;
}

.map-container .coordinates {
	position: static;
	flex-shrink: 0;
	padding: 2px 6px;
	font-size: 11px;
	flex-wrap: wrap;
	gap: 0 0.6rem;
}

/* Fixed-width value cells — prevents layout shift as numbers change */
.map-container #latDeg,
.map-container #lngDeg {
	min-width: 130px;
	font-variant-numeric: tabular-nums;
}

.map-container #locator {
	min-width: 48px;
	font-variant-numeric: tabular-nums;
}

.map-container #distance {
	min-width: 72px;
	font-variant-numeric: tabular-nums;
}

.map-container #bearing {
	min-width: 34px;
	font-variant-numeric: tabular-nums;
}