/* ───────────── WorldTrace · 3D-Globus ───────────── */
body.globe-page { background: #000; }
#globe { position: fixed; inset: 0; }
#globe .cesium-viewer-bottom, #globe .cesium-widget-credits { display: none !important; }
#vignette { position: fixed; inset: 0; pointer-events: none; z-index: 1; background: radial-gradient(120% 90% at 50% 50%, transparent 60%, rgba(0, 0, 0, .55) 100%); }
.statusbar .attr { max-width: 46vw; }
.statusbar .attr .cesium-credit-textContainer, .statusbar .attr a { color: var(--muted); }
.statusbar .attr img { height: 14px; vertical-align: middle; opacity: .8; }
#credits { font-size: 10.5px; }

/* Ladeanzeige */
#loader { position: fixed; inset: 0; z-index: 60; display: grid; place-content: center; justify-items: center; gap: 16px; background: radial-gradient(60% 60% at 50% 50%, #0b1424, #000); transition: opacity .8s; }
#loader.done { opacity: 0; pointer-events: none; }
#loader p { color: var(--muted); font: 500 12px var(--mono); letter-spacing: .14em; text-transform: uppercase; margin: 0; }
#loader .ring { width: 54px; height: 54px; border-radius: 50%; border: 2px solid rgba(94, 240, 195, .15); border-top-color: var(--accent); animation: spin 1s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }

/* Flug-HUD für Verfolger- und Cockpit-Ansicht */
.hud { position: fixed; left: 50%; bottom: 56px; transform: translateX(-50%); z-index: 18; display: flex; align-items: center; gap: 22px; padding: 10px 14px 10px 20px; }
.hud div span { display: block; font: 600 10px var(--mono); color: var(--dim); letter-spacing: .14em; }
.hud div b { font: 700 18px var(--mono); color: var(--accent); }
.hud[hidden] { display: none; }

/* Vorschau-Hinweis für Free */
.preview-bar { position: fixed; top: 64px; left: 50%; transform: translateX(-50%); z-index: 19; padding: 8px 14px; font-size: 12.5px; display: flex; gap: 10px; align-items: center; white-space: nowrap; }
.preview-bar b { color: var(--gold); font-family: var(--mono); }
.preview-bar a { color: var(--accent); font-weight: 600; }
.lock-screen { position: fixed; inset: 0; z-index: 45; display: grid; place-items: center; background: rgba(0, 0, 0, .55); backdrop-filter: blur(10px); padding: 16px; }
#credits, #credits * { position: static !important; display: inline !important; }
#credits .cesium-credit-logoContainer img { height: 12px; vertical-align: -2px; }
#credits .cesium-credit-expand-link { margin-left: 6px; color: var(--dim); }