/* ============================================================================
   THE SETTLEMENT CHANNEL — radar / terminal cinematic overlay
   ========================================================================== */
#journey{
  position:absolute; inset:0; z-index:200; overflow:hidden;
  background:#06060c;
  opacity:0; transition:opacity .45s ease;
}
#journey.show{ opacity:1; }
#journey.done{ opacity:0; transition:opacity .55s ease; }

#jrn-canvas{ position:absolute; inset:0; width:100%; height:100%; display:block; }

/* CRT scanlines — subtle horizontal banding for the terminal feel */
.jrn-scan{ position:absolute; inset:0; pointer-events:none; opacity:0.5; mix-blend-mode:overlay;
  background:repeating-linear-gradient(to bottom,
    rgba(255,255,255,0.05) 0px, rgba(255,255,255,0.05) 1px,
    transparent 2px, transparent 3px); }

/* vignette + faint top/bottom letterbox glow */
.jrn-vig{ position:absolute; inset:0; pointer-events:none;
  box-shadow:inset 0 0 180px 36px rgba(0,0,0,0.6);
  background:linear-gradient(180deg, rgba(6,6,12,0.5), transparent 18%, transparent 82%, rgba(6,6,12,0.55)); }

/* skip */
.jrn-skip{ position:absolute; bottom:34px; right:16px; z-index:3; pointer-events:auto;
  padding:9px 16px; border-radius:99px; cursor:pointer;
  font-family:'IBM Plex Mono',ui-monospace,monospace; font-size:11px; letter-spacing:0.12em; font-weight:600;
  color:rgba(236,234,246,0.85); background:rgba(11,10,19,0.7);
  border:1px solid rgba(176,148,255,0.28); backdrop-filter:blur(4px);
  transition:opacity .3s ease; }
.jrn-skip:active{ color:#fff; background:rgba(11,10,19,0.92); border-color:rgba(212,176,98,0.5); }