.flight-scene {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 230px;
  background: #101b38;
}

.flight-scene > .flight-pixels {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  image-rendering: pixelated;
}

.flight-scene::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: repeating-linear-gradient(0deg, transparent 0 3px, rgb(5 10 23 / .09) 3px 4px);
}

@media (max-width: 520px) {
  .flight-scene { min-height: 196px; }
}

@media (prefers-reduced-motion: reduce) {
  .flight-scene::after { background: none; }
}

.flight-signal {
  position:absolute; z-index:2; right:clamp(32px,5%,52px); bottom:16px;
  padding:6px 10px 6px 23px; border:1px solid #839eb477; background:#0b1528ed;
  color:var(--tag,#aabaca); max-width:58%; pointer-events:none;
}
.flight-signal[hidden]{display:none}
.flight-signal i {position:absolute;top:12px;left:9px;width:5px;height:5px;background:currentColor}
.flight-signal strong,.flight-signal span{display:block;line-height:1.35}
.flight-signal strong{font:14px/1.35 var(--pixel);font-variant-numeric:tabular-nums}
.flight-signal span{font-size:11px;color:#d6dfec}
.flight-signal[data-tier="1"]{--tag:#eac190}.flight-signal[data-tier="2"]{--tag:#a3e7cf}
.flight-signal[data-tier="3"]{--tag:#88d5f6}.flight-signal[data-tier="4"]{--tag:#c9affc}
.flight-signal[data-tier="5"]{--tag:#ffd07a}
.preview-count{display:flex;gap:16px;align-items:center}
.preview-count>span{color:var(--dim);font-size:12px;line-height:1.55}
@media(max-width:700px){.flight-signal{bottom:8px;padding-block:4px}.flight-signal strong{font-size:12px}}