/* Kartenoptik „Glas“ (25.09.2026, zuerst als Vorschau /riskmap-vorschau) — nur Optik, auf riskmap-optik.css aufbauend.
   Tiefe ohne Filter: das Meer bekommt Licht, die Kontinente Schatten und Schein ins Wasser (einmal als Bild berechnet)
   und helle Haarlinien als Grenzen — beim Zoomen kostet das nichts messbar. Kopf und Leiste bleiben, wie sie sind — die
   Karte behält ihren ganzen Platz. Warnfarben unverändert. Länder-Pop-up und Briefing fasst diese Datei nicht an. */

/* ── Meer: tiefes Blau mit Licht zur Mitte, zum Rand dunkler (eine Hintergrundfläche, kein Filter). Das Licht ist
   zurückgenommen (Martin, 25.09.2026: „Lichteffekt im Wasser geringer“). ─────────────────────────────────────── */
html.rg[data-neu] #map-wrap {
  background:
    radial-gradient(ellipse 58% 48% at 46% 42%, rgba(40,96,190,0.11) 0%, transparent 70%),
    radial-gradient(ellipse 85% 75% at 50% 46%, #0A1C3E 0%, #071733 42%, #050F25 74%, #030813 100%);
}
/* Längen- und Breitengrade etwas deutlicher — ganz fein, als Tiefe, nicht als Raster */
html.rg[data-neu] #map svg path[stroke="rgba(100,140,255,0.06)"] { stroke: rgba(130,178,255,0.10); }

/* ── Küste (riskmap-glas.js): Schatten und Schein als ein Bild unter den Ländern */
html.rg[data-neu] .rg-kueste { pointer-events: none; }

/* ── Geänderte Länder leuchten nach dem Laden zweimal kurz auf (nur der Strich, kein Filter) ─────────────────── */
html.rg[data-neu] #map path.land.rg-neu { animation: rg-puls 1.9s ease-in-out 2; }
@keyframes rg-puls {
  0%, 100% { stroke-opacity: 1; }
  50% { stroke: #FFE7A8; stroke-width: 1.8px; }
}
@media (prefers-reduced-motion: reduce) { html.rg[data-neu] #map path.land.rg-neu { animation: none; } }

/* ── „Stand …" unter der Überschrift (kein zusätzlicher Platz: steht im Kopf neben der Suche) ─────────────────── */
html.rg[data-neu] .rg-stand {
  display: block; margin-top: 8px; font-family: var(--font); font-size: 12px; font-weight: 500; letter-spacing: 0.01em;
  line-height: 1.3; color: rgba(223,235,255,0.62); text-shadow: 0 1px 10px rgba(0,0,0,0.55); text-align: inherit;
}
@media (max-width: 900px) { html.rg[data-neu] .rg-stand { display: none; } }
/* Die Zeile unter der Überschrift ersetzt am großen Schirm die Zeile unten („Auswärtiges Amt · 200 Länder · Stand … ·
   werbefrei“ mit Punkt; Martin, 25.09.2026). Am Handy fehlt die Überschrift, dort bleibt die Zeile unten. Hat die
   Statuszeile einen Hinweis (alter Stand, Server oder Amt nicht erreichbar, nichts abrufbar — T5 Schritt 5; vorher hieß
   der Zustand „error"), bleibt sie auch am großen Schirm sichtbar. */
@media (min-width: 901px) {
  html.rg[data-neu] #rt-leiste #status-pill:not(.hinweis) { display: none !important; }
}

/* „18 Länder mit Reisewarnung · 28 mit Teilreisewarnung · von 8 wird abgeraten“ oben links entfällt: dieselben Zahlen
   stehen unten auf den Stufen-Knöpfen (Martin, 25.09.2026: „doppelte Information“). Die Änderungen der letzten 14 Tage
   und die Zeitreise bleiben — ohne den Einzug, der sie hinter den Punkt der entfallenen Zeile rückte. */
html.rg[data-neu] #answer-line .al-text { display: none !important; }
html.rg[data-neu] #answer-line .al-changes { margin-top: 0 !important; padding-left: 0 !important; }

/* Filter: der aktive Knopf leuchtet in seiner Stufenfarbe */
html.rg[data-neu] #rt-leiste .stat-btn.active {
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--cap, #3DE0FF) 60%, transparent), 0 0 16px color-mix(in srgb, var(--cap, #3DE0FF) 38%, transparent) !important;
}

/* ── Flächen (25.09.2026, zweite Runde): mehr Tiefe mit einfachen Mitteln, alles ohne Filter ─────────────────────
   · Grenzen als helle Haarlinie statt als schwarzer Strich — die Länder wirken wie beleuchtete Kacheln
   · „Kein besonderes Risiko" etwas ruhiger, damit die Warnstufen hervortreten (Legende und Knopf ziehen mit)
   · jede Fläche mit einem leichten Licht von oben links (Verläufe baut riskmap-glas.js; fehlen sie, gilt die Farbe
     hinter dem url() — die Karte ist nie leer)
   Nur der Ruhezustand wird umgefärbt: Hover und Auswahl setzen einen anderen Strich und bleiben, wie sie sind. */
html.rg[data-neu] { --rt-p0: #147267; }
html.rg[data-neu] #map path.land[stroke="rgba(2,6,14,0.95)"] { stroke: rgba(196,222,255,0.24); }
/* Auf den hellen Flächen („Hinweise“ Mint, „Abgeraten“ Gelb) flossen gleichfarbige Nachbarn ineinander (Frankreich,
   Benelux, Spanien). Gelöst wie im Baltikum: jedes Land hat sein eigenes Licht (oben links hell, unten rechts dunkel,
   riskmap-glas.js, SCHATTEN) — wo zwei Länder aneinanderstoßen, trifft Schatten auf Licht. Die helle Haarlinie
   verschwindet dort; die Grenze ist deshalb Ton in Ton: ein etwas dunkleres Mint bzw. Gelb, fein und zart (Martin:
   Variante 2, „etwas heller und dünner“). */
html.rg[data-neu] #map path.land[stroke="rgba(2,6,14,0.95)"][fill="#B9E4BF" i] { stroke: rgba(40,128,112,0.62); stroke-width: 0.22px; }
html.rg[data-neu] #map path.land[stroke="rgba(2,6,14,0.95)"][fill="#FFD84D" i] { stroke: rgba(176,136,26,0.58); stroke-width: 0.22px; }
html.rg[data-neu] #map path.land[fill="#0A9E8A" i] { fill: var(--rg-0, url(#rg-licht-0)) #147267; }
html.rg[data-neu] #map path.land[fill="#B9E4BF" i] { fill: var(--rg-N, url(#rg-licht-N)) #5AAE9C; }
html.rg[data-neu] #map path.land[fill="#E8A73C" i] { fill: var(--rg-1, url(#rg-licht-1)) #E8A73C; }
html.rg[data-neu] #map path.land[fill="#FFD84D" i] { fill: var(--rg-A, url(#rg-licht-A)) #FFD84D; }
html.rg[data-neu] #map path.land[fill="#E2732B" i] { fill: var(--rg-2, url(#rg-licht-2)) #E2732B; }
html.rg[data-neu] #map path.land[fill="#CE2350" i] { fill: var(--rg-3, url(#rg-licht-3)) #CE2350; }
/* Die Antarktis trägt keine Reisewarnung — ohne sie bleibt unten ruhiges Meer */
html.rg[data-neu] #map path.land.rg-aus { display: none; }

/* Beim ersten Laden erscheinen die Länder kurz nacheinander (unter einer Sekunde, nur Deckkraft) */
html.rg.rg-auftritt[data-neu] #map path.land { animation: rg-ein 0.55s ease-out both; }
html.rg.rg-auftritt[data-neu] #map path.land:nth-child(5n+1) { animation-delay: 0.08s; }
html.rg.rg-auftritt[data-neu] #map path.land:nth-child(5n+2) { animation-delay: 0.16s; }
html.rg.rg-auftritt[data-neu] #map path.land:nth-child(5n+3) { animation-delay: 0.24s; }
html.rg.rg-auftritt[data-neu] #map path.land:nth-child(5n+4) { animation-delay: 0.32s; }
@keyframes rg-ein { from { opacity: 0; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { html.rg.rg-auftritt[data-neu] #map path.land { animation: none; } }

/* ── Grenzhinweise: leuchtende Haarlinie und Grenzregion (25.09.2026, Martin: „ohne die Karte so zu vermatschen“;
   gestrichelt mit dunklem Grund war zu unruhig; beim Hineinzoomen soll es „mehr ins Land gehen … ins Land
   auslaufend, dynamisch mit dem Zoom“). Vorher ein 5–9 px breiter, weichgezeichneter Schein in der Warnfarbe, der auf
   gleichfarbigen Ländern in die Fläche verlief. Jetzt dieselbe Sprache wie die hellen Grenzen: eine etwas kräftigere
   Linie im hellen Ton der Warnstufe (feste Breite), darunter die Grenzregion als Band im Kartenmaß. Ohne Unschärfe
   (Filter). Farbe je Stufe, Tooltip und Filter „Grenzen“ bleiben. */
html.rg[data-neu] #map .rm-border-halos,
html.rg.karte-bewegt[data-neu] #map .rm-border-halos { filter: none; }
/* Den schmalen Schein unter der Linie übernimmt jetzt das Band der Grenzregion (unten) */
/* Der Schein-Pfad ist unsichtbar und dient als Fangbereich (Breite folgt dem Zoom, --rg-fang) für den Hinweis „Grenze A ↔ B“ (riskmap-glas.js
   reicht Bewegungen an die Linie weiter, Klicks an das Land darunter). */
html.rg[data-neu] #map path.rm-border-warn-outer { opacity: 0 !important; stroke-width: var(--rg-fang, 6px) !important; pointer-events: stroke; cursor: help; }
html.rg[data-neu] #map path.rm-border-warn-inner { stroke-width: 1.6px !important; opacity: 1 !important; }
html.rg[data-neu] #map path.rm-border-warn-inner--L3 { stroke-width: 1.8px !important; }
/* Linienfarben = Farben der Grenzregion: satt statt blass (Martin: „kann das beim Rausgezoomten auch besser gemacht
   werden mit den Farben?“) — auch in der Weltansicht klar Rot, Gelb, Bernstein. Seit 26.09.2026 heißt Stufe 2 eines
   Grenzgebiets „Von Reisen wird abgeraten“ und trägt das Gelb der Legende; Stufe 1 („Einschränkungen“) rückt dafür
   vom Gelb #EFC655 in den Bernstein der Legende. Gemessen (OKLab ×100, normal/Protan/Deutan): Stufe 1 ↔ 2 vorher
   8,3/8,3/5,2, jetzt 12,8/13,6/12,0 — ein helleres Bernstein, das sich von Gelb UND der Bernsteinfläche abhebt, gibt
   es nicht (wie bei #790). Orange bleibt der Teilreisewarnung eines Landes. */
html.rg[data-neu] #map path.rm-border-warn-outer--L1, html.rg[data-neu] #map path.rm-border-warn-inner--L1 { stroke: #E8A73C; }
html.rg[data-neu] #map path.rm-border-warn-outer--L2, html.rg[data-neu] #map path.rm-border-warn-inner--L2 { stroke: #FFD84D; }
/* Gelb und Rot einen Tick zurückhaltender als die Grenzregion (Martin: rausgezoomt „einen Tick zurückhaltender“) */
html.rg[data-neu] #map path.rm-border-warn-outer--L3, html.rg[data-neu] #map path.rm-border-warn-inner--L3 { stroke: #EC3F4C; }
@media (max-width: 900px) {
  html.rg[data-neu] #map path.rm-border-warn-inner { stroke-width: 1.3px !important; }
}
/* Grenzregion (riskmap-glas.js): eine weiche, nach beiden Seiten auslaufende Linie als Bild im Kartenmaß, auf das
   Land zugeschnitten. Sie wird beim Zoomen mit der Karte breiter und blendet erst ab einer Zoomstufe ein (--rg-bo).
   Kein Filter auf der Karte. */
html.rg[data-neu] #map .rg-grenzregion { pointer-events: none; opacity: calc(var(--rg-bo, 0) * 0.92); }
/* Die Grenzregion bleibt auch während die Karte verschoben oder gezoomt wird stehen, wie der Küstenschein. Bis
   27.09.2026 wurde sie bei jeder Bewegung aus- und 260 ms nach dem Stillstand wieder eingeblendet — mit dem Tausch
   des neu gerechneten Bildes danach blitzte sie bei jedem Schieben und jedem Mausrad-Schritt (Martin: „immer noch ein
   leichtes Flackern, beim Scrollen und Schieben“). Gegen zu große Bilder (Teile der Karte schwarz) schützt pruefe() in
   riskmap-glas.js: ein Bild, das auf dem Schirm zu groß würde, wird ausgeblendet, bis der Ausschnitt gerechnet ist.
   Gemessen (qa/karte-zoom-messen.mjs, CPU ÷4, Netz aus, Sandbox ohne Grafikkarte): Bildzeit im Mittel 59,6 ms mit
   stehender Grenzregion gegen 58,8 ms mit ausgeblendeter — im Rauschen. */
