:root{
      --bg:#000;
      --text:#eee;
      --muted:#bbb;
      --muted-2:#aaa;
      --line:#1b1b1b;

      /* Only gradients (no solid fills except page bg) */
      --card-grad-1: linear-gradient(180deg,#0e0e0e,#050505);
      --card-grad-2: linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,0));
      --chip-grad: linear-gradient(180deg,#141414,#0b0b0b);

      --accent:#fff;
      --gap:20px;
      --card-min:280px; /* controls how many fit in one row */
    }

    *,*::before,*::after{box-sizing:border-box}
    html,body{height:100%}
    body{
      margin:0;
      background:#000;
      color:var(--text);
      font-family:Manrope,Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
      -webkit-font-smoothing:antialiased;
      -moz-osx-font-smoothing:grayscale;
    }

    .page{width:100%;margin:0;padding:108px 16px 56px}

    i[data-lucide]{width:16px;height:16px}

    .row{display:grid;gap:14px;margin-top:12px}
    /* Up to 900px keep ratios; after 900px go to one column */
    .row-top{grid-template-columns:7fr 3fr}
    .row-bottom{grid-template-columns:4fr 6fr}
    @media (min-width:901px){
      .row-top,.row-bottom{grid-template-columns:1fr}
    }

    .block{border-radius:16px;background-image:var(--card-grad-1),var(--card-grad-2);border:1px solid var(--line);overflow:clip}
    .block__head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:14px 14px 10px;background:none;border-bottom:0}
    .block__title{display:flex;align-items:center;gap:10px}
    .block__title h2,.block__title h3{margin:0;font-size:48px;line-height:1.1;letter-spacing:0;font-weight:700;font-family:Inter,Manrope,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;text-transform:none}
    .block__actions{display:flex;align-items:center;gap:8px;justify-self:end}
    .chip-toggle{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700;background-image:var(--chip-grad);border:1px solid #1a1a1a;color:var(--muted);cursor:pointer}
    .chip-toggle.is-active{color:var(--accent);border-color:#2b2b2b}

    .content{padding:14px}

    /* Launch grid */
    .launches-grid{
      display:grid;
      grid-template-columns:repeat(auto-fill,minmax(var(--card-min),1fr));
      gap:var(--gap);
      align-items:stretch;
      grid-auto-rows:1fr;
    }

    /* Launch card */
    .launch-card{
      display:flex;flex-direction:column;
      border-radius:14px;overflow:hidden;position:relative;
      background-image:linear-gradient(180deg,#0f0f0f,#070707);
      border:1px solid var(--line);
      transition:transform .2s ease,box-shadow .2s ease;
      min-height:320px;
    }
    .launch-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.35)}

    /* Tall image 3:4, full width */
    .launch-card__media{position:relative;width:100%;aspect-ratio:3/4}
    .launch-card__img{width:100%;height:100%;object-fit:cover !important;object-position:50% 100% !important;display:block;position:relative;z-index:1;transform:none !important;transform-origin:center bottom}
    .launch-card__img[hidden]{display:none}
    .img-fallback{position:absolute;inset:0;display:grid;place-items:center;z-index:0;background-image:radial-gradient(1200px 400px at 40% 10%,rgba(255,255,255,.06),rgba(0,0,0,0)),linear-gradient(180deg,#121212,#060606)}
    /* bottom dim + countdown */
    .media-dim{position:absolute;left:0;right:0;bottom:0;height:34%;background-image:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.55));pointer-events:none}
    .media-counter{position:absolute;left:10px;bottom:10px;z-index:2;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;font-size:18px;font-weight:900;background-image:var(--chip-grad);border:1px solid #1a1a1a;color:var(--text)}

    .launch-card__body{padding:12px;display:flex;flex-direction:column;gap:8px;min-height:140px;margin-top:auto;justify-content:flex-end}
    .mission{font-weight:800;font-size:18px !important;line-height:1.25;letter-spacing:.2px;font-family:Manrope,Inter,sans-serif !important}
    .meta{color:var(--muted);font-size:12px;display:grid;gap:4px}
    .meta-row{display:flex;align-items:center;gap:8px}
    .meta-row i{width:14px;height:14px}

    /* In-flight */
    .inflight-list{display:grid;gap:10px}
    .inflight-item{display:grid;grid-template-columns:92px 1fr;gap:10px;align-items:center;border:1px solid var(--line);border-radius:12px;overflow:hidden;background-image:linear-gradient(180deg,#101010,#080808);padding:8px;min-height:82px}
    .inflight-thumb{width:100%;height:66px;border-radius:8px;object-fit:cover;background-image:radial-gradient(800px 300px at 40% 10%,rgba(255,255,255,.06),rgba(0,0,0,0)),linear-gradient(180deg,#121212,#070707);border:1px solid var(--line)}
    .inflight-body{display:grid;gap:3px}
    .inflight-title{font-weight:700;font-size:13px}
    .inflight-meta{color:var(--muted);font-size:12px;display:flex;gap:8px;align-items:center}
    .live-dot{width:8px;height:8px;border-radius:50%;background:#ff6b6b;animation:pulse 1s infinite}
    @keyframes pulse{0%{opacity:.4}50%{opacity:1}100%{opacity:.4}}

    /* Events */
    .events-list{display:grid;gap:10px}
    .event-item{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;padding:12px;border-radius:12px;border:1px solid var(--line);background-image:linear-gradient(180deg,#101010,#080808)}
    .event-type{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;border:1px solid var(--line);background-image:linear-gradient(180deg,#141414,#0a0a0a)}
    .event-main{display:grid;gap:2px}
    .event-title{font-weight:700;font-size:13px}
    .event-meta{color:var(--muted);font-size:12px}

    /* Starship */
    .starship-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}
    .ship-card{border:1px solid var(--line);border-radius:12px;background-image:linear-gradient(180deg,#121212,#0a0a0a);padding:10px;display:grid;gap:6px}
    .ship-id{font-weight:800;letter-spacing:.3px}
    .ship-status{color:var(--muted);font-size:12px;display:flex;gap:8px;align-items:center}

    .empty{border:1px dashed #292929;background-image:linear-gradient(180deg,#0d0d0d,#060606);border-radius:12px;padding:18px;text-align:center;color:var(--muted-2)}
    .spinner{width:16px;height:16px;border-radius:50%;border:2px solid #2a2a2a;border-top-color:#9a9a9a;animation:spin .8s linear infinite}
    @keyframes spin{to{transform:rotate(360deg)}}
    .footnote{margin-top:20px;color:var(--muted-2);font-size:12px;text-align:center}
    /* ---- overrides per latest request ---- */
    .mission{font-weight:800;font-size:18px !important;line-height:1.25;letter-spacing:.2px;font-family:Manrope,Inter,sans-serif !important}
    .meta{font-family:Manrope,Inter,sans-serif;font-weight:600;letter-spacing:.1px}
    .meta-row i{width:13px;height:13px}
    .launch-card__img{width:100%;height:100%;object-fit:cover !important;object-position:50% 100% !important;display:block;position:relative;z-index:1;transform:none !important;transform-origin:center bottom}
    /* layout: mobile first (<=900px one column), >900px ratios */
    .row-top{grid-template-columns:1fr}
    .row-bottom{grid-template-columns:1fr}
    @media (min-width:901px){
      .row-top{grid-template-columns:7fr 3fr}
      .row-bottom{grid-template-columns:4fr 6fr}
    }
    /* === overrides: font + image zoom === */
    .mission{font-weight:800;font-size:18px !important;line-height:1.25;letter-spacing:.2px;font-family:Manrope,Inter,sans-serif !important}
    .meta, .meta span{font-family:Manrope,Inter,sans-serif !important;font-weight:600 !important;letter-spacing:.1px}
    .meta-row i{width:12px;height:12px !important}
    .launch-card__img{width:100%;height:100%;object-fit:cover !important;object-position:50% 100% !important;display:block;position:relative;z-index:1;transform:none !important;transform-origin:center bottom}
    /* --- override: captions under photos (bolder + a bit larger) --- */
  .meta{font-family:Manrope,Inter,sans-serif !important;font-weight:600 !important;font-size:13px !important;letter-spacing:.1px}
  .meta span{font-weight:600 !important}
  .meta-row i[data-lucide]{width:12px;height:12px}
  /* --- enforce 3:4 media + larger mission title --- */
    .launch-card__media{aspect-ratio:3/4 !important}
    .launch-card__img{object-fit:cover !important;object-position:50% 100% !important;transform:none !important}
    .mission{font-size:18px !important;font-weight:800 !important;font-family:Manrope,Inter,sans-serif !important}
    /* --- captions stronger & brighter --- */
    .meta, .meta span{ color:#ccc !important; font-size:14px !important; font-weight:700 !important; }
    .meta-row i[data-lucide]{ width:12px; height:12px; }
    /* === stripes + falling stars (ported from moon.html) === */
    .strip{position:relative;overflow:hidden;--accent:#6aa6ff}
    .block.strip{background:none;border:1px solid var(--line);border-radius:16px;isolation:isolate}
    .block.strip .block__head,.block.strip .content{position:relative;z-index:2}
    .shade::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to bottom,rgba(0,0,0,.48) 0%, rgba(0,0,0,.30) 10%, rgba(0,0,0,.20) 28%, rgba(0,0,0,.20) 72%, rgba(0,0,0,.30) 90%, rgba(0,0,0,.48) 100%);pointer-events:none}
    .bg-slate-stripes{background:
      linear-gradient(180deg, rgba(0,0,0,.28), rgba(0,0,0,.28)),
      repeating-linear-gradient(315deg,
        rgba(var(--stripe-rgb, 120,120,120), .32) 0 54px,
        rgba(var(--stripe-rgb, 120,120,120), .12) 54px 142px,
        rgba(var(--stripe-rgb, 120,120,120), .52) 142px 228px,
        rgba(var(--stripe-rgb, 120,120,120), .16) 228px 308px);
    background-attachment: local;}
    /* DOM stars layer */
    .strip .stars{position:absolute;inset:-40px 0 -40px 0;z-index:0;pointer-events:none}
    .strip .star{position:absolute;left:0;top:0;width:3px;height:3px;border-radius:50%;opacity:.85;filter:drop-shadow(0 0 10px rgba(210,220,230,.14));will-change:top}
    /* per-block stripe & star colors */
    #launchesBlock.strip{ --stripe-rgb: 255,64,64; --accent:#ff5a5a; }
    #starshipBlock.strip{ --stripe-rgb: 168,168,168; --accent:#bfbfbf; }
    #eventsBlock.strip{ --stripe-rgb: 64,200,120; --accent:#34d399; }
    #inflightBlock.strip{ --stripe-rgb: 100,160,255; --accent:#5aa8ff; }
    /* mode-line switch */
    .mode-line{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:0;width:clamp(240px,36vw,420px);--fs:16px;--barH:calc(var(--fs) * 2);height:var(--barH);font-family:Inter,Manrope,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
    .mode-line .ml-label{position:relative;z-index:3;justify-self:stretch;display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-weight:600;font-size:var(--fs);line-height:1;color:#ddd;cursor:pointer;user-select:none}
    .mode-line .ml-label.is-active{color:#fff;text-shadow:0 0 22px rgba(255,255,255,.45),0 0 6px rgba(255,255,255,.25)}
    .mode-line .ml-bar{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:var(--barH);border-radius:8px;pointer-events:none;z-index:1;background:linear-gradient(to right,rgba(0,0,0,0) 0%, rgba(0,0,0,.65) 18%, rgba(0,0,0,.65) 82%, rgba(0,0,0,0) 100%)}
    .mode-line .ml-divider{position:absolute;left:50%;top:50%;width:2px;height:calc(var(--barH) + 12px);background:#ccc;transform:translate(-50%,-50%) rotate(10deg);border-radius:2px;opacity:.9;z-index:2}
    .mode-line .ml-glow{position:absolute;left:0;top:50%;transform:translate(0,-50%);width:50%;height:var(--barH);background:radial-gradient(120% 220% at 50% 100%, rgba(255,255,255,.38) 0%, rgba(255,255,255,.10) 45%, rgba(255,255,255,0) 70%);filter:blur(.6px);transition:transform .45s cubic-bezier(.22,.61,.36,1);pointer-events:none;z-index:1}
    @media (max-width:560px){.mode-line{width:clamp(220px,62vw,360px);--fs:15px}.mode-line .ml-label{font-size:var(--fs)}}

    /* hover glow (half intensity) */
    .mode-line .ml-hover{position:absolute;left:0;top:50%;transform:translate(0,-50%);width:50%;height:var(--barH);opacity:0;background:radial-gradient(120% 220% at 50% 100%, rgba(255,255,255,.22) 0%, rgba(255,255,255,.06) 45%, rgba(255,255,255,0) 70%);filter:blur(.6px);transition:transform .3s ease,opacity .2s ease;pointer-events:none;z-index:1}
    .mode-line.hover-left .ml-hover{opacity:1;transform:translate(0,-50%)}
    .mode-line.hover-right .ml-hover{opacity:1;transform:translate(100%,-50%)}

    /* segmented control */
    /* segmented removed */
    
     @media (max-width:560px){} @media (max-width:560px){} @media (max-width:560px){}
    
    /* force stripes to show over cleared block bg */
    .bg-slate-stripes{background:
      linear-gradient(180deg, rgba(0,0,0,.26), rgba(0,0,0,.26)),
      linear-gradient(322deg, rgba(255,255,255,.02) 0%, rgba(0,0,0,.10) 100%),
      repeating-linear-gradient(322deg,
        rgba(var(--stripe-rgb,120,120,120), .24) 0 56px,
        rgba(var(--stripe-rgb,120,120,120), .00) 56px 128px),
      repeating-linear-gradient(317deg,
        rgba(var(--stripe-rgb,120,120,120), .16) 0 32px,
        rgba(var(--stripe-rgb,120,120,120), .00) 32px 72px),
      repeating-linear-gradient(334deg,
        rgba(var(--stripe-rgb,120,120,120), .08) 0 10px,
        rgba(var(--stripe-rgb,120,120,120), .00) 10px 22px),
      repeating-linear-gradient(329deg,
        rgba(var(--stripe-rgb,120,120,120), .05) 0 4px,
        rgba(var(--stripe-rgb,120,120,120), .00) 4px 12px) !important; }
    /* block descriptions (two lines, right of title; below on mobile) */
    .block__desc{color:#bbb;font-family:Inter,Manrope,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-weight:400;font-size:14px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:calc(1.35em*2)}
    @media (max-width:900px){.block__head{grid-template-columns:1fr;align-items:start}.block__actions{justify-self:start}}

    /* fade for launches content (sync with switcher) */
    #launchesBlock .content{position:relative;opacity:1;overflow:hidden;transition:opacity 225ms cubic-bezier(.22,.61,.36,1), max-height 1200ms cubic-bezier(.22,.61,.36,1)}
    #launchesBlock .content.is-fading{opacity:0}
    /* expand control (single switch-style button) */
    #launchesBlock{ position:relative; }
    #launchesBlock .expand-toggle{ position:relative; right:auto; bottom:auto; z-index:1; display:inline-flex; align-items:center; gap:8px; padding:10px 14px; border-radius:10px; border:1px solid #2b2b2b; color:#d9d9d9; font-weight:800; font-size:14px; cursor:pointer; background:repeating-linear-gradient(135deg,#1a1a1a 0 6px,#141414 6px 12px,#101010 12px 18px,#0d0d0d 18px 24px); box-shadow:inset 0 1px 0 rgba(255,255,255,.04), inset 0 -1px 0 rgba(0,0,0,.5); transition:opacity .2s ease, transform .2s ease; }
    #launchesBlock .expand-toggle i[data-lucide]{ width:16px; height:16px; }
    #launchesBlock .expand-toggle:hover{ opacity:.95; }

    /* smooth hide of other blocks when expanded */
    .block, .row-bottom{ transition: opacity 1.2s cubic-bezier(.22,.61,.36,1), transform 1.2s cubic-bezier(.22,.61,.36,1); }
    .soft-hidden{ opacity:0 !important; transform:translateY(8px) !important; pointer-events:none !important; }
    
    /* horizontal collapse uses 0fr instead of display:none for smooth animation */
    @media (min-width:901px){
      .page.launches-expanded .row-top{ grid-template-columns:1fr 0fr !important; }
    }
    .page.launches-expanded #inflightBlock{ opacity:0; pointer-events:none; }
    /* bottom row collapses via max-height instead of display:none */
    .row-bottom{ max-height:3000px; transition:max-height 1.2s cubic-bezier(.22,.61,.36,1), opacity 1.2s cubic-bezier(.22,.61,.36,1); }
    .page.launches-expanded .row-bottom{ max-height:0; opacity:0; overflow:hidden; }
    .page.launches-expanded #launchesBlock{ z-index:4; }
    .row-top{ transition: grid-template-columns 1.2s cubic-bezier(.22,.61,.36,1); }
  .block__foot{display:flex;justify-content:flex-end;padding:0 14px 16px}
    /* --- smooth expand/collapse overrides (no display:none) --- */
  .page.launches-expanded #inflightBlock{ display:block !important; opacity:0; pointer-events:none; }
  .page.launches-expanded .row-bottom{ display:block !important; max-height:0; opacity:0; overflow:hidden; }
  @media (min-width:901px){ .page.launches-expanded .row-top{ grid-template-columns:1fr 0fr !important; } }
  .row-bottom{ max-height:3000px; transition:max-height 1.2s cubic-bezier(.22,.61,.36,1), opacity 1.2s cubic-bezier(.22,.61,.36,1); }
  /* --- smooth expand/collapse overrides (no display:none) --- */
  .page.launches-expanded #inflightBlock{ display:block !important; opacity:0; pointer-events:none; }
  .page.launches-expanded .row-bottom{ display:block !important; max-height:0; opacity:0; overflow:hidden; }
  @media (min-width:901px){ .page.launches-expanded .row-top{ grid-template-columns:1fr 0fr !important; } }
  .row-bottom{ max-height:3000px; transition:max-height 1.2s cubic-bezier(.22,.61,.36,1), opacity 1.2s cubic-bezier(.22,.61,.36,1); }
  /* grid: ensure many rows in expanded + normal */
  #launchesBlock .launches-grid{ display:grid; grid-auto-flow:row; grid-template-columns:repeat(auto-fill, minmax(300px, 1fr)); grid-auto-rows:auto; align-content:start; gap:18px; }
  .page.launches-expanded #launchesBlock .launches-grid{ grid-auto-flow:row; grid-template-columns:repeat(auto-fill, minmax(320px, 1fr)); }
  /* content height transition (needed for smooth expand/collapse) */
  #launchesBlock .content{ position:relative; overflow:hidden; transition:max-height 1200ms cubic-bezier(.22,.61,.36,1), opacity 225ms cubic-bezier(.22,.61,.36,1); }
  /* watch icon inside countdown chip */
  .media-counter{ display:inline-flex; align-items:center; gap:6px; }
  .media-counter .media-watch{ display:inline-flex; align-items:center; margin-left:8px; opacity:.95; }
  .media-counter .media-watch svg{ width:18px; height:18px; stroke:#fff; filter: drop-shadow(0 0 6px rgba(255,255,255,.88)) drop-shadow(0 1px 0 rgba(0,0,0,.95)); }
  .media-counter .media-watch:hover svg{ filter: drop-shadow(0 0 12px rgba(255,255,255,1)) drop-shadow(0 1px 0 rgba(0,0,0,.95)); }
  .media-counter .media-watch.is-urgent svg{ transform:scale(1.06); filter: drop-shadow(0 0 16px rgba(255,255,255,1)) drop-shadow(0 0 6px rgba(255,255,255,.9)) drop-shadow(0 1px 0 rgba(0,0,0,.95)); }






    /* In‑flight compact layout overrides */
    #inflightBlock .content{padding-top:8px}
    /* force flex layout specifically for inflight cards to avoid narrow column from base grid */
    #inflightBlock .event-item{display:flex; gap:10px; align-items:flex-start}
    #inflightBlock .event-main{flex:1; max-width:unset}
/* In‑flight cards background */
.inflight-item{position:relative;padding-right:88px;background:linear-gradient(to bottom, rgba(8,30,60,.70), rgba(8,30,60,.60));}
    .inflight-item + .inflight-item{margin-top:12px}
    .inflight-item .event-type{width:40px; min-width:40px; display:none}
    .inflight-item .event-main{gap:6px}
    .inflight-item .event-title{font:600 18px/1.2 Inter,system-ui,sans-serif}
    .inflight-item .event-meta{color:#ddd; font:500 15px/1.4 Inter,system-ui,sans-serif}
    .inflight-item .vehicle-line a{color:#ddd; text-decoration:underline}
    .inflight-item .status-line{margin-top:8px; color:#ddd; text-align:right}
    .inflight-logo{position:absolute; top:12px; right:12px; width:64px; height:64px; object-fit:contain; border-radius:12px; opacity:.95; pointer-events:none}
    .inflight-item .meta-line svg{width:16px; height:16px}
    .inflight-item .meta-line .sep{opacity:.55; margin:0 8px}
    @media (max-width: 900px){
      .inflight-item{padding-right:72px}
      .inflight-logo{width:48px; height:48px}
      .inflight-item .status-line{ text-align:left }
    }
  /* cap height & expand animation for In‑flight */
    #inflightBlock{--inflight-cap: 520px}
    #inflightBlock .content{position:relative; overflow:hidden; max-height:var(--inflight-cap); transition:max-height .6s cubic-bezier(.22,.61,.36,1); padding-bottom:64px}
    #inflightBlock:not(.expanded) .content:after{content:""; position:absolute; left:0; right:0; bottom:0; height:88px; pointer-events:none; background:linear-gradient(to bottom, rgba(8,30,60,0) 0%, rgba(8,30,60,.38) 45%, rgba(8,30,60,.6) 72%, rgba(8,30,60,0) 100%);} 
    #inflightBlock.expanded .content{max-height:none}
    #inflightBlock .block__foot{display:block!important;height:0;padding:0;margin:0;overflow:visible;background:transparent!important;border:0;box-shadow:none}
    #inflightExpandBtn{position:absolute; left:24px; right:24px; bottom:14px; display:flex; align-items:center; justify-content:center; gap:14px; width:auto; padding:0; border:0; background:none!important; color:#eee; font:700 18px/1.15 Inter,system-ui,sans-serif; text-shadow:0 0 10px rgba(255,255,255,.35), 0 0 2px #fff; z-index:2; pointer-events:auto}
#inflightExpandBtn i{margin:0; transform:translateY(1px);} 
#inflightExpandBtn:hover{background:none; opacity:.95} 

    /* Events hide/show when inflight expanded */
    /* removed: events stay visible when In‑flight expands */

  /* gradients for other blocks */
    #starshipBlock .event-item, #starshipBlock .ship-card{background:linear-gradient(to bottom, rgba(30,30,34,.70), rgba(30,30,34,.60));}
    #eventsBlock .event-item{background:linear-gradient(to bottom, rgba(8,40,24,.70), rgba(8,40,24,.60));}
    /* --- overrides for In‑flight expand button on top of fade --- */
  #inflightBlock{position:relative}
  #inflightBlock .content:after{z-index:1; background:linear-gradient(to bottom, rgba(8,30,60,0) 0%, rgba(8,30,60,.38) 45%, rgba(8,30,60,.6) 72%, rgba(8,30,60,0) 100%)}
  #inflightBlock .block__foot{display:block!important;height:0;padding:0;margin:0;overflow:visible;background:transparent!important;border:0;box-shadow:none}
  #inflightExpandBtn{position:absolute; left:24px; right:24px; bottom:14px; display:flex; align-items:center; justify-content:center; gap:14px; width:auto; padding:0; border:0; background:none!important; color:#eee; font:700 18px/1.15 Inter,system-ui,sans-serif; text-shadow:0 0 10px rgba(255,255,255,.35), 0 0 2px #fff; z-index:2; pointer-events:auto}
#inflightExpandBtn i{margin:0; transform:translateY(1px);} 
  #inflightExpandBtn:hover{opacity:1; text-shadow:0 0 14px rgba(255,255,255,.6), 0 0 3px #fff}
    /* ——— Starship cards ——— */
  /* Starship grid sizing (prevents tiny cards) */
  #starshipBlock .starship-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}

  /* spacing between prototypes and events list */
  #starshipBlock .events-list{margin-top:28px}
  #starshipBlock .ship-card{position:relative;display:grid;grid-template-columns:120px 1fr;grid-auto-rows:auto;gap:12px;padding:14px 16px;border-radius:16px;overflow:hidden;backdrop-filter:saturate(1.1)}
  #starshipBlock .ship-photo{grid-column:1;grid-row:1/span 4;height:120px;border-radius:12px;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
  #starshipBlock .ship-photo:after{content:"";position:absolute;inset:0;border-radius:12px;background:linear-gradient(180deg,rgba(0,0,0,.0) 40%,rgba(0,0,0,.28))}
  #starshipBlock .ship-id{grid-column:2;font:700 18px/1.2 Inter,system-ui,sans-serif;color:#fff;display:flex;align-items:baseline;justify-content:space-between}
  #starshipBlock .ship-id .meta{float:none;margin-left:8px;font:600 13px/1.1 Inter,system-ui,sans-serif;opacity:.8}
  #starshipBlock .ship-status{grid-column:2;margin-top:2px}
  #starshipBlock .ship-card .meta,#starshipBlock .ship-status{color:#d8d8d8;display:flex;align-items:center;gap:8px;font:500 14px/1.4 Inter,system-ui,sans-serif}
  #starshipBlock .ship-card svg{width:18px;height:18px;flex:0 0 18px;opacity:.9;vertical-align:-3px;transform:none}
  @media (max-width:900px){
    #starshipBlock .ship-card{grid-template-columns:96px 1fr}
    #starshipBlock .ship-photo{height:100px}
  }
  /* —— Starship & Events: icon alignment + bigger, #ccc text —— */
  #eventsBlock .event-item, #starshipBlock .event-item{display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:flex-start}
  #eventsBlock .event-item .event-type, #starshipBlock .event-item .event-type{width:30px;min-width:30px;height:30px;display:flex;align-items:center;justify-content:center;line-height:1;align-self:center}
  #eventsBlock .event-item .event-type i, #starshipBlock .event-item .event-type i{width:18px;height:18px;opacity:.9;transform:none}
  /* status below description in both blocks */
  #eventsBlock .event-item .event-status, #starshipBlock .event-item .event-status{margin-top:4px;color:#ccc;opacity:.95}
  #eventsBlock .event-item .event-title, #starshipBlock .event-item .event-title{font:600 17px/1.25 Inter,system-ui,sans-serif;color:#fff}
  #eventsBlock .event-item .event-meta, #eventsBlock .event-item .meta,
  #starshipBlock .event-item .event-meta, #starshipBlock .event-item .meta{color:#ccc;font:500 15px/1.5 Inter,system-ui,sans-serif}

  /* Ship cards: larger, #ccc meta & stable icons */
  #starshipBlock .ship-card .meta, #starshipBlock .ship-status{color:#ccc;font:500 15px/1.5 Inter,system-ui,sans-serif}
  #starshipBlock .ship-card svg{width:18px;height:18px;transform:translateY(1px);opacity:.9}

  /* Inline meta icons should align with text baseline across blocks */
  .event-meta .lucide, .meta-line .lucide{width:18px;height:18px;vertical-align:-3px;margin-right:6px;transform:none;opacity:.9}