/*
 * splash.css
 * Scope: loaded on front page only (front-page.php).
 * Contains: splash scene, HUD, rocket, smoke canvases, landing page layout.
 *
 * Fix vs original: duplicate @keyframes scanShift removed.
 * One definition covers both body::after and #landing-page::after.
 */

/* ── PAGE SHELL ─────────────────────────────────────────────────── */
html, body {
  width:    100%;
  height:   100%;
  overflow: hidden;
  cursor:   none; /* hidden during rocket sequence — restored via JS when landing page shows */
}

/* Restore cursor once landing page is visible */
#landing-page,
#landing-page * {
  cursor: default;
}

#landing-page a,
#landing-page button,
#landing-page .lp-card,
#landing-page .lp-hot-item,
#landing-page .lp-cta {
  cursor: pointer;
}

/* ── SHARED ANIMATION ──────────────────────────────────────────── */
@keyframes scanShift   { 0%   { background-position: 0 0; }      100% { background-position: 0 100vh; } }
@keyframes dotPulse    { 0%,100% { opacity: 1; }                  50%  { opacity: .3; } }
@keyframes fi          { to   { opacity: 1; } }
@keyframes pF          { 0%   { transform: scaleX(1) scaleY(1); opacity: .95; }  100% { transform: scaleX(1.04) scaleY(.97); opacity: 1; } }
@keyframes dP          { 0%   { transform: scaleX(1); opacity: .8; }              100% { transform: scaleX(.9); opacity: 1; } }
@keyframes hW          { 0%   { transform: translateX(-50%) scaleX(1); }          100% { transform: translateX(-50%) scaleX(1.05); } }
@keyframes tkScroll    { 0%   { transform: translateX(0); }       100% { transform: translateX(-50%); } }

/* ── CANVASES ──────────────────────────────────────────────────── */
#starfield   { position: fixed; inset: 0; z-index: 0; }
#smokeCanvas { position: fixed; inset: 0; z-index: 12; pointer-events: none; }

/* ── ATMOSPHERE ────────────────────────────────────────────────── */
#atmosphere {
  position:       fixed;
  inset:          0;
  z-index:        1;
  pointer-events: none;
  background:     radial-gradient(ellipse 120% 60% at 50% 100%, rgba(20,60,100,0) 0%, transparent 100%);
}

/* ── SCENE (rocket + pad) ──────────────────────────────────────── */
#scene {
  position:        fixed;
  inset:           0;
  z-index:         2;
  display:         flex;
  flex-direction:  column;
  align-items:     center;
  justify-content: flex-end;
  overflow:        hidden;
}

.ground {
  position:   absolute;
  bottom:     0; left: 0; right: 0;
  height:     120px;
  z-index:    10;
  background: linear-gradient(to top, #080c10 0%, #0d1520 60%, transparent 100%);
}

.tower {
  position:   absolute;
  bottom:     80px;
  left:       calc(50% + 80px);
  width:      18px;
  height:     260px;
  z-index:    8;
  background: linear-gradient(to right, #1a2a3a, #0d1a27, #1a2a3a);
}
.tower::before {
  content:    '';
  position:   absolute;
  top:        0; left: -6px; right: -6px;
  height:     20px;
  background: #0d1a27;
}
.tower::after {
  content:    '';
  position:   absolute;
  top:        40px; left: -30px;
  width:      60px; height: 3px;
  background: #1a2a3a;
  box-shadow: 0 60px 0 #1a2a3a, 0 120px 0 #1a2a3a, 0 180px 0 #1a2a3a;
}

/* ── ROCKET ─────────────────────────────────────────────────────── */
#rocket {
  position:        absolute;
  bottom:          180px;
  left:            50%;
  transform:       translateX(-50%);
  z-index:         9;
  width:           60px;
  display:         flex;
  flex-direction:  column;
  align-items:     center;
  filter:          drop-shadow(0 0 0px rgba(255,200,100,0));
  transition:      filter .5s;
}
.nose {
  width:        0; height: 0;
  border-left:  18px solid transparent;
  border-right: 18px solid transparent;
  border-bottom:60px solid #c8d4dc;
  position:     relative;
}
.nose::after {
  content:       '';
  position:      absolute;
  top:           8px; left: -8px;
  width:         0; height: 0;
  border-left:   8px solid transparent;
  border-right:  8px solid transparent;
  border-bottom: 28px solid rgba(255,255,255,.15);
}
.body2 {
  width:      36px; height: 80px;
  background: linear-gradient(to right, #a8b8c4, #d8e4ec, #e8f0f4, #d8e4ec, #a8b8c4);
  position:   relative;
}
.body2::after {
  content:    '';
  position:   absolute;
  top:        20px; left: 0; right: 0;
  height:     1px;
  background: rgba(0,0,0,.15);
  box-shadow: 0 15px 0 rgba(0,0,0,.1), 0 30px 0 rgba(0,0,0,.1);
}
.interstage {
  width:         40px; height: 14px;
  background:    linear-gradient(to right, #2a3a4a, #3a4a5a, #2a3a4a);
  border-top:    2px solid #4a6070;
  border-bottom: 2px solid #4a6070;
}
.body1 {
  width:      40px; height: 120px;
  background: linear-gradient(to right, #b0c0cc, #dce8f0, #eef4f8, #dce8f0, #b0c0cc);
  position:   relative;
}
.body1::before {
  content:     'SPACEX';
  position:    absolute;
  top:         50%; left: 50%;
  transform:   translate(-50%, -50%) rotate(90deg);
  font-family: 'Orbitron', monospace;
  font-size:   5px; letter-spacing: 3px;
  color:       rgba(0,0,50,.4);
  white-space: nowrap;
}
.body1::after {
  content:    '';
  position:   absolute;
  inset:      0;
  background: repeating-linear-gradient(0deg, transparent, transparent 19px, rgba(0,0,0,.08) 19px, rgba(0,0,0,.08) 20px);
}
.legs {
  width:           70px; height: 20px;
  position:        relative;
  display:         flex;
  justify-content: space-between;
  align-items:     flex-end;
}
.leg { width: 2px; height: 18px; background: #4a6070; transform-origin: top center; }
.leg:nth-child(1) { transform: rotate(-25deg); }
.leg:nth-child(2) { transform: rotate(-10deg); }
.leg:nth-child(3) { transform: rotate(0deg); }
.leg:nth-child(4) { transform: rotate(10deg); }
.leg:nth-child(5) { transform: rotate(25deg); }

.engines {
  width:           44px; height: 16px;
  display:         flex;
  justify-content: center;
  gap:             3px;
  align-items:     flex-end;
}
.engine {
  width:      8px; height: 14px;
  background: linear-gradient(to bottom, #3a4a5a, #1a2a3a);
  clip-path:  polygon(10% 0%, 90% 0%, 100% 100%, 0% 100%);
}

/* ── PLUME ──────────────────────────────────────────────────────── */
#plume {
  position:       absolute;
  bottom:         164px; left: 50%;
  transform:      translateX(-50%);
  z-index:        7; width: 44px;
  opacity:        0;
  pointer-events: none;
}
.plume-core {
  width:         100%; height: 0;
  background:    radial-gradient(ellipse at top, #fff 0%, #ffe8a0 15%, #ff9900 35%, #ff4400 60%, transparent 100%);
  margin:        0 auto;
  border-radius: 0 0 50% 50%;
  animation:     pF .08s ease-in-out infinite alternate;
}
.plume-outer {
  width:         140%; height: 0;
  margin:        0 auto; margin-left: -20%;
  background:    radial-gradient(ellipse at top, rgba(255,150,50,.6) 0%, rgba(255,80,0,.3) 40%, transparent 80%);
  border-radius: 0 0 50% 50%;
  animation:     pF .12s ease-in-out infinite alternate-reverse;
}
.shock-diamonds {
  position:        absolute;
  top:             100%; left: 50%;
  transform:       translateX(-50%);
  display:         flex;
  flex-direction:  column;
  align-items:     center;
  gap:             8px;
  padding-top:     4px;
}
.diamond { border-radius: 50%; animation: dP .15s ease-in-out infinite alternate; }
.diamond:nth-child(1) { width:22px; height:14px; background:rgba(255,230,150,.8); }
.diamond:nth-child(2) { width:16px; height:10px; background:rgba(255,200,100,.6); }
.diamond:nth-child(3) { width:12px; height:8px;  background:rgba(255,160,60,.4);  }

/* ── GROUND FX ──────────────────────────────────────────────────── */
#heat {
  position:   absolute;
  bottom:     80px; left: 50%;
  transform:  translateX(-50%);
  width:      300px; height: 100px;
  z-index:    6; opacity: 0;
  background: radial-gradient(ellipse at center top, rgba(255,120,0,.15) 0%, rgba(255,80,0,.05) 50%, transparent 100%);
  filter:     blur(8px);
  animation:  hW .3s ease-in-out infinite alternate;
}
#groundGlow {
  position:   absolute;
  bottom:     60px; left: 50%;
  transform:  translateX(-50%);
  width:      600px; height: 80px;
  z-index:    5; opacity: 0;
  background: radial-gradient(ellipse at center, rgba(255,140,40,.4) 0%, rgba(255,80,0,.15) 40%, transparent 70%);
  filter:     blur(20px);
}

/* ── LANDING PAGE ───────────────────────────────────────────────── */
#landing-page {
  position:       fixed;
  inset:          0;
  z-index:        3;
  background:     var(--bg);
  display:        flex;
  flex-direction: column;
  opacity:        0;
  pointer-events: none;
  font-family:    'Exo 2', sans-serif;
}
#landing-page::before {
  content:          '';
  position:         absolute; inset: 0; z-index: 0; pointer-events: none;
  background-image: linear-gradient(var(--grid-line) 1px, transparent 1px),
                    linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);
  background-size:  40px 40px;
}
#landing-page::after {
  content:    '';
  position:   absolute; inset: 0; z-index: 1; pointer-events: none;
  background: repeating-linear-gradient(0deg, transparent, transparent 2px, var(--scan) 2px, var(--scan) 4px);
  animation:  scanShift 10s linear infinite;
}

/* LP Nav */
.lp-nav {
  position:        relative; z-index: 10;
  display:         flex; align-items: center; justify-content: space-between;
  padding:         16px 40px;
  border-bottom:   1px solid var(--border);
  background:      rgba(2,5,8,.92);
  backdrop-filter: blur(10px);
  opacity:         0; transition: opacity 1.2s ease .2s;
}
.lp-logo { font-family:'Orbitron',monospace; font-weight:900; font-size:18px; letter-spacing:4px; color:var(--accent); text-shadow:0 0 20px rgba(0,200,255,.5); }
.lp-logo span { color: var(--red); }
.lp-nav-links { display:flex; gap:0; list-style:none; }
.lp-nav-links a { font-family:'Orbitron',monospace; font-size:9px; letter-spacing:2px; text-transform:uppercase; color:var(--muted); text-decoration:none; padding:8px 16px; border-right:1px solid var(--border); transition:color .2s,background .2s; }
.lp-nav-links a:first-child { border-left: 1px solid var(--border); }
.lp-nav-links a:hover { color:var(--accent); background:rgba(0,200,255,.04); }
.lp-status-bar { display:flex; align-items:center; gap:16px; font-family:'Share Tech Mono',monospace; font-size:10px; letter-spacing:2px; color:var(--muted); }
.live-dot { width:6px; height:6px; border-radius:50%; background:var(--green); box-shadow:0 0 8px var(--green); animation:dotPulse 2s ease-in-out infinite; }

/* LP Ticker */
.lp-ticker { position:relative; z-index:10; border-top:1px solid var(--border); border-bottom:1px solid var(--border); background:rgba(5,13,20,.85); padding:9px 0; overflow:hidden; opacity:0; transition:opacity 1.2s ease .5s; }
.lp-ticker-track { display:flex; gap:60px; white-space:nowrap; animation:tkScroll 22s linear infinite; font-family:'Share Tech Mono',monospace; font-size:11px; letter-spacing:1px; color:var(--muted); }
.lp-ticker-track b   { color: var(--accent); }
.lp-ticker-track .up { color: var(--green);  }
.lp-ticker-track .sep{ color: var(--border); }

/* LP Main grid */
.lp-main { flex:1; display:grid; grid-template-columns:1fr 1fr 1fr; grid-template-rows:1fr auto; gap:1px; background:var(--border); position:relative; z-index:10; opacity:0; transition:opacity 1.2s ease .8s; overflow:hidden; }

.lp-hero { grid-column:span 2; background:var(--bg); padding:52px 52px 44px; display:flex; flex-direction:column; justify-content:center; position:relative; overflow:hidden; }
.lp-hero::before { content:''; position:absolute; top:0; left:0; right:0; height:2px; background:linear-gradient(90deg,transparent,var(--accent) 30%,var(--red) 70%,transparent); }
.lp-mission-tag { font-family:'Share Tech Mono',monospace; font-size:10px; letter-spacing:4px; color:var(--accent); text-transform:uppercase; margin-bottom:20px; display:flex; align-items:center; gap:12px; }
.lp-mission-tag::before { content:''; display:inline-block; width:24px; height:1px; background:var(--accent); }
.lp-h1 { font-family:'Orbitron',monospace; font-weight:900; font-size:clamp(32px,5.5vw,68px); line-height:1.0; letter-spacing:-1px; margin-bottom:20px; text-transform:uppercase; }
.lp-h1 .w1 { color:#fff; display:block; }
.lp-h1 .w2 { color:var(--accent); text-shadow:0 0 40px rgba(0,200,255,.4); display:block; }
.lp-h1 .w3 { color:var(--red); text-shadow:0 0 40px rgba(232,39,75,.4); display:block; }
.lp-sub { font-size:14px; color:var(--muted); max-width:480px; line-height:1.75; font-weight:300; margin-bottom:36px; }
.lp-cta-row { display:flex; gap:16px; align-items:center; }
.lp-cta { font-family:'Orbitron',monospace; font-size:10px; letter-spacing:3px; text-transform:uppercase; padding:13px 28px; background:transparent; border:1px solid var(--accent); color:var(--accent); cursor:pointer; clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%); text-decoration:none; position:relative; overflow:hidden; transition:color .2s; display:inline-block; }
.lp-cta::before { content:''; position:absolute; inset:0; background:var(--accent); transform:translateX(-100%); transition:transform .2s; }
.lp-cta:hover { color:var(--bg); }
.lp-cta:hover::before { transform:translateX(0); }
.lp-cta span { position:relative; z-index:1; }
.lp-cta-ghost { font-family:'Share Tech Mono',monospace; font-size:11px; letter-spacing:2px; color:var(--muted); text-decoration:none; transition:color .2s; }
.lp-cta-ghost:hover { color:#fff; }

/* LP Side panel */
.lp-side { grid-column:3; grid-row:1/3; background:var(--surface); border-left:1px solid var(--border); display:flex; flex-direction:column; overflow:hidden; }
.lp-panel-section { padding:24px; border-bottom:1px solid var(--border); }
.lp-panel-title { font-family:'Orbitron',monospace; font-size:9px; letter-spacing:3px; text-transform:uppercase; color:var(--accent); margin-bottom:14px; display:flex; align-items:center; gap:8px; }
.lp-panel-title::before { content:'//'; color:var(--border); }
.lp-stat-row { display:flex; justify-content:space-between; align-items:baseline; padding:7px 0; border-bottom:1px solid rgba(13,51,73,.5); }
.lp-stat-label { font-family:'Share Tech Mono',monospace; font-size:9px; letter-spacing:1px; color:var(--muted); text-transform:uppercase; }
.lp-stat-val { font-family:'Orbitron',monospace; font-size:13px; font-weight:700; color:var(--accent); }
.lp-stat-change { font-family:'Share Tech Mono',monospace; font-size:9px; padding:2px 5px; margin-left:6px; }
.pos { color:var(--green); background:rgba(0,255,136,.1); }
.neg { color:var(--red);   background:rgba(232,39,75,.1);  }
.lp-ipo-block { padding:24px; text-align:center; }
.lp-ipo-num  { font-family:'Orbitron',monospace; font-weight:900; font-size:48px; color:var(--accent); text-shadow:0 0 30px rgba(0,200,255,.4); line-height:1; }
.lp-ipo-unit { font-family:'Share Tech Mono',monospace; font-size:9px; letter-spacing:3px; color:var(--muted); text-transform:uppercase; margin-top:4px; }
.lp-hot-item { font-family:'Share Tech Mono',monospace; font-size:10px; color:var(--muted); padding:7px 0; border-bottom:1px solid rgba(13,51,73,.5); transition:color .2s; cursor:pointer; }
.lp-hot-item:hover { color:var(--accent); }

/* LP Cards */
.lp-cards { grid-column:span 2; display:grid; grid-template-columns:1fr 1fr; gap:1px; background:var(--border); }
.lp-card { background:var(--bg); padding:24px 28px; position:relative; cursor:pointer; transition:background .15s; overflow:hidden; }
.lp-card:hover { background:var(--surface); }
.lp-card::before { content:''; position:absolute; top:0; left:0; right:0; height:1px; background:linear-gradient(90deg,transparent,var(--card-accent,var(--accent)),transparent); transform:scaleX(0); transition:transform .3s; transform-origin:left; }
.lp-card:hover::before { transform:scaleX(1); }
.lp-card-num { font-family:'Orbitron',monospace; font-weight:900; font-size:40px; color:rgba(0,200,255,.18); line-height:1; margin-bottom:8px; }
.lp-card-tag { font-family:'Share Tech Mono',monospace; font-size:9px; letter-spacing:3px; text-transform:uppercase; margin-bottom:8px; display:flex; align-items:center; gap:6px; }
.lp-card-tag .dot { width:4px; height:4px; border-radius:50%; display:inline-block; }
.tag-spacex { color:var(--accent);  } .tag-spacex .dot { background:var(--accent);  box-shadow:0 0 5px var(--accent); }
.tag-tesla  { color:var(--gold);    } .tag-tesla .dot  { background:var(--gold);    box-shadow:0 0 5px var(--gold); }
.tag-xai    { color:var(--purple);  } .tag-xai .dot    { background:var(--purple);  box-shadow:0 0 5px var(--purple); }
.tag-invest { color:var(--green);   } .tag-invest .dot { background:var(--green);   box-shadow:0 0 5px var(--green); }
.lp-card h3 { font-family:'Orbitron',monospace; font-weight:700; font-size:13px; line-height:1.4; color:var(--text); margin-bottom:8px; }
.lp-card p  { font-size:12px; color:var(--muted); line-height:1.6; font-weight:300; }
.lp-card-meta { font-family:'Share Tech Mono',monospace; font-size:9px; letter-spacing:1px; color:#2a3a4a; margin-top:12px; padding-top:10px; border-top:1px solid rgba(13,51,73,.5); text-transform:uppercase; display:flex; gap:16px; }

.c-tl, .c-br { position:absolute; width:14px; height:14px; }
.c-tl { top:16px;    left:16px;  border-top:1px solid var(--accent); border-left:1px solid var(--accent); }
.c-br { bottom:16px; right:16px; border-bottom:1px solid var(--accent); border-right:1px solid var(--accent); }
.invest-badge { position:absolute; top:24px; right:24px; font-family:'Share Tech Mono',monospace; font-size:9px; letter-spacing:2px; color:var(--green); border:1px solid rgba(0,255,136,.3); padding:3px 9px; background:rgba(0,255,136,.05); text-transform:uppercase; }

/* ── SPLASH HUD ─────────────────────────────────────────────────── */
#hud { position:fixed; inset:0; z-index:20; pointer-events:none; display:flex; flex-direction:column; justify-content:space-between; padding:32px 40px; }
.hud-top { display:flex; justify-content:space-between; align-items:flex-start; }
.hud-logo { font-family:'Orbitron',monospace; font-weight:900; font-size:22px; letter-spacing:6px; color:rgba(255,255,255,.9); text-shadow:0 0 30px rgba(0,200,255,.6); opacity:0; animation:fi 1s ease .5s forwards; }
.hud-logo span { color:var(--accent); }
.hud-status { text-align:right; opacity:0; animation:fi 1s ease .8s forwards; }
.status-line { font-size:10px; letter-spacing:3px; text-transform:uppercase; color:rgba(255,255,255,.4); line-height:1.8; }
.status-line.active { color:var(--green); }
.status-line.warn   { color:#ffaa00; }

.corner { position:fixed; width:24px; height:24px; z-index:21; opacity:0; animation:fi 1s ease .3s forwards; }
.corner-tl { top:24px;    left:24px;  border-top:1px solid rgba(0,200,255,.5); border-left:1px solid rgba(0,200,255,.5); }
.corner-tr { top:24px;    right:24px; border-top:1px solid rgba(0,200,255,.5); border-right:1px solid rgba(0,200,255,.5); }
.corner-bl { bottom:24px; left:24px;  border-bottom:1px solid rgba(0,200,255,.5); border-left:1px solid rgba(0,200,255,.5); }
.corner-br { bottom:24px; right:24px; border-bottom:1px solid rgba(0,200,255,.5); border-right:1px solid rgba(0,200,255,.5); }

.telemetry   { position:fixed; left:40px;  top:50%; transform:translateY(-50%); z-index:21; opacity:0; animation:fi 1s ease 1s forwards; }
.mission-data{ position:fixed; right:40px; top:50%; transform:translateY(-50%); z-index:21; text-align:right; opacity:0; animation:fi 1s ease 1s forwards; }
.telem-row   { display:flex; flex-direction:column; margin-bottom:16px; }
.telem-label { font-size:8px; letter-spacing:3px; color:rgba(0,200,255,.5); text-transform:uppercase; margin-bottom:2px; }
.telem-val   { font-size:14px; letter-spacing:2px; color:rgba(255,255,255,.8); font-weight:500; }
.telem-bar   { width:80px; height:2px; background:rgba(255,255,255,.1); margin-top:4px; overflow:hidden; }
.telem-fill  { height:100%; background:var(--accent); transition:width .5s ease; }
.mdata-row   { margin-bottom:16px; }

/* ── COUNTDOWN ──────────────────────────────────────────────────── */
#countdown-wrap   { position:fixed; inset:0; z-index:22; display:flex; flex-direction:column; align-items:center; justify-content:center; pointer-events:none; }
#countdown-number { font-family:'Orbitron',monospace; font-weight:900; font-size:clamp(120px,25vw,220px); line-height:1; color:transparent; -webkit-text-stroke:1px rgba(255,255,255,.15); letter-spacing:-8px; transition:all .25s ease; }
#countdown-number.big { -webkit-text-stroke:2px rgba(0,200,255,.6); text-shadow:0 0 80px rgba(0,200,255,.3); }
#countdown-label  { font-size:11px; letter-spacing:6px; color:rgba(0,200,255,.6); text-transform:uppercase; margin-top:-8px; opacity:0; transition:opacity .5s; }
#mission-name     { font-family:'Orbitron',monospace; font-size:12px; letter-spacing:8px; color:rgba(255,255,255,.3); text-transform:uppercase; margin-top:16px; opacity:0; transition:opacity .5s; }

/* ── LIFTOFF / FLASH / SCANLINES ────────────────────────────────── */
#liftoff-text      { position:fixed; inset:0; z-index:30; display:flex; align-items:center; justify-content:center; pointer-events:none; opacity:0; }
#liftoff-text span { font-family:'Orbitron',monospace; font-weight:900; font-size:clamp(40px,10vw,90px); letter-spacing:16px; color:#fff; text-transform:uppercase; text-shadow:0 0 40px rgba(255,200,100,.8),0 0 80px rgba(255,120,0,.5); }
#flash             { position:fixed; inset:0; z-index:50; background:#fff; opacity:0; pointer-events:none; }
#scanlines         { position:fixed; inset:0; z-index:25; pointer-events:none; background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.08) 3px,rgba(0,0,0,.08) 4px); }

/* Body scanlines — same animation, one keyframe definition covers both */
body::before {
  content:          '';
  position:         fixed; inset: 0; z-index: 0; pointer-events: none;
  background-image: linear-gradient(var(--grid-line) 1px, transparent 1px),
                    linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);
  background-size:  40px 40px;
}
body::after {
  content:    '';
  position:   fixed; inset: 0; z-index: 0; pointer-events: none;
  background: repeating-linear-gradient(0deg, transparent, transparent 2px, var(--scan) 2px, var(--scan) 4px);
  animation:  scanShift 10s linear infinite;
}


/* ── MARKET STATUS INDICATOR (landing page) ──────────────────── */
.mp-tsla-status {
  font-family: 'Share Tech Mono', monospace;
  font-size: 8px;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding: 2px 7px;
  border: 1px solid;
  margin-left: 8px;
  vertical-align: middle;
  display: inline-block;
  line-height: 1.6;
}
.mp-market-open   { color:var(--green);  border-color:rgba(0,255,136,.3);  background:rgba(0,255,136,.05); }
.mp-market-open::before  { content:'● '; }
.mp-market-closed { color:var(--muted);  border-color:rgba(74,96,112,.3);  background:rgba(74,96,112,.05); }
.mp-market-closed::before { content:'○ '; }

/* Override parent colour inheritance from lp-panel-title */
.lp-panel-title .mp-market-open {
  color: var(--green) !important;
  border-color: rgba(0,255,136,.3) !important;
  background: rgba(0,255,136,.05) !important;
}
.lp-panel-title .mp-market-closed {
  color: var(--muted) !important;
  border-color: rgba(74,96,112,.3) !important;
  background: rgba(74,96,112,.05) !important;
}
/* Same for sb-title in article sidebar */
.sb-title .mp-market-open {
  color: var(--green) !important;
  border-color: rgba(0,255,136,.3) !important;
  background: rgba(0,255,136,.05) !important;
}
.sb-title .mp-market-closed {
  color: var(--muted) !important;
  border-color: rgba(74,96,112,.3) !important;
  background: rgba(74,96,112,.05) !important;
}

/* ── ALERT BAR ──────────────────── */

.lp-alert-bar {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 24px;
  background: linear-gradient(90deg, rgba(232,39,75,.12), rgba(0,200,255,.08));
  border-bottom: 1px solid var(--border);
  text-decoration: none;
  font-family: 'Orbitron', monospace;
  font-size: 11px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #fff;
  transition: background .2s;
}
.lp-alert-bar:hover { background: linear-gradient(90deg, rgba(232,39,75,.2), rgba(0,200,255,.14)); }
.lp-alert-dot {
  width: 8px; height: 8px; border-radius: 50%;
  background: var(--red);
  box-shadow: 0 0 10px var(--red);
  animation: dotPulse 1.2s ease-in-out infinite;
  flex-shrink: 0;
}
.lp-alert-arrow { color: var(--accent); margin-left: auto; }
@media (max-width: 768px) {
  .lp-alert-text { font-size: 9px; }
}