:root{
  --mk-green:#b9ff3d;--mk-cyan:#42e8ff;--mk-purple:#bd55ff;--mk-red:#ff365f;
  --mk-orbit-x:0vw;--mk-orbit-y:0vh
}
html,body{background:#000!important}
body.mk-command-deck-active{overflow:hidden!important}

/* Keep the actual site loaded, but offstage while command deck is home. */
body.mk-command-deck-active > .topbar,
body.mk-command-deck-active > .master-page,
body.mk-command-deck-active > footer,
body.mk-command-deck-active > .site-production-notice,
body.mk-command-deck-active > .stars,
body.mk-command-deck-active > #songWarp{
  position:fixed!important;left:-220vw!important;top:0!important;width:100vw!important;max-width:none!important
}

/* Cockpit is the homepage. */
#mkCommandDeck{
  position:fixed;inset:0;z-index:800;overflow:hidden;background:#020406;color:#fff;
  font-family:Inter,"Segoe UI",Arial,sans-serif
}
#mkCommandDeck::before{
  content:"";position:absolute;inset:-3%;z-index:0;pointer-events:none;
  background:url("cockpit-assets/earth-orbit-cockpit.png") center center/cover no-repeat;
  transform:scale(1.035);translate:var(--mk-orbit-x) var(--mk-orbit-y);
  transition:translate .14s linear;will-change:translate,transform
}
#mkCommandDeck::after{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    linear-gradient(180deg,rgba(0,0,0,.02) 0 55%,rgba(0,0,0,.08) 70%,rgba(0,0,0,.30) 100%),
    radial-gradient(circle at 50% 45%,transparent 48%,rgba(0,0,0,.22) 100%)
}
.mk-deck-hud{
  position:absolute;z-index:4;left:50%;top:18px;transform:translateX(-50%);
  color:rgba(142,237,255,.68);font:800 clamp(.55rem,.9vw,.72rem)/1 monospace;
  letter-spacing:.20em;text-shadow:0 2px 12px #000;white-space:nowrap;pointer-events:none
}
.mk-deck-status{
  position:absolute;z-index:4;left:18px;top:18px;display:flex;gap:9px;align-items:center;
  color:rgba(255,255,255,.72);font:800 .62rem/1 monospace;letter-spacing:.12em
}
.mk-deck-status i{width:8px;height:8px;border-radius:50%;background:var(--mk-green);box-shadow:0 0 12px var(--mk-green)}

/* Permanent cockpit controls */
.mk-deck-controls{
  position:absolute;z-index:5;left:50%;bottom:max(16px,env(safe-area-inset-bottom));
  transform:translateX(-50%);width:min(1120px,94vw);
  display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;
  padding:10px;border:1px solid rgba(106,221,247,.22);border-radius:18px;
  background:linear-gradient(180deg,rgba(4,12,18,.76),rgba(1,5,8,.90));
  box-shadow:0 18px 55px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.05);
  backdrop-filter:blur(8px)
}
.mk-deck-control{
  min-height:58px;padding:8px 7px;border:1px solid rgba(88,210,238,.22);
  border-radius:10px;background:linear-gradient(180deg,rgba(13,24,32,.82),rgba(3,8,12,.94));
  color:#eaf7fb;cursor:pointer;text-align:center;font-weight:1000;
  font-size:clamp(.52rem,.75vw,.68rem);letter-spacing:.08em;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 5px 14px rgba(0,0,0,.28)
}
.mk-deck-control span{display:block;margin-top:4px;color:var(--mk-cyan);font-size:.52rem;letter-spacing:.10em}
.mk-deck-control:hover,.mk-deck-control:focus-visible{
  border-color:var(--mk-green);color:var(--mk-green);
  box-shadow:0 0 18px rgba(185,255,61,.14),inset 0 1px rgba(255,255,255,.08);outline:none
}
.mk-deck-control[data-system="radar"]{border-color:rgba(255,54,95,.34)}
.mk-deck-control[data-system="media"]{border-color:rgba(189,85,255,.34)}
.mk-deck-control[data-system="radio"]{border-color:rgba(185,255,61,.34)}

/* Modal ship-system display */
#mkDeckSystemOverlay{
  position:fixed;inset:0;z-index:1200;display:none;place-items:center;padding:clamp(12px,2.2vw,28px);
  background:rgba(0,3,7,.58);backdrop-filter:blur(5px) saturate(108%)
}
#mkDeckSystemOverlay.open{display:grid}
.mk-deck-system-shell{
  position:relative;width:min(1440px,96vw);height:min(900px,92dvh);overflow:auto;
  padding:56px 18px 18px;border:1px solid rgba(91,219,248,.30);border-radius:18px;
  background:linear-gradient(180deg,rgba(3,9,14,.96),rgba(2,6,10,.97));
  box-shadow:0 30px 100px rgba(0,0,0,.68),0 0 34px rgba(66,232,255,.07)
}
#mkDeckSystemTitle{
  position:absolute;left:18px;top:18px;color:var(--mk-cyan);
  font:1000 .70rem/1 monospace;letter-spacing:.16em
}
#mkDeckReturn{
  position:absolute;right:14px;top:10px;z-index:5;min-height:38px;padding:8px 13px;
  border:1px solid var(--mk-green);border-radius:999px;background:rgba(185,255,61,.11);
  color:var(--mk-green);font-weight:1000;font-size:.67rem;letter-spacing:.10em;cursor:pointer
}
#mkDeckReturn:hover{background:var(--mk-green);color:#071000}
#mkDeckSystemMount{min-height:calc(100% - 8px)}
#mkDeckSystemMount > *{
  width:100%!important;max-width:none!important;margin:0!important;position:relative!important;
  left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important
}

/* Full-page systems: overlay shell becomes full viewport. */
#mkDeckSystemOverlay.full-system{padding:0;background:#020205}
#mkDeckSystemOverlay.full-system .mk-deck-system-shell{
  width:100vw;height:100dvh;max-width:none;max-height:none;border:0;border-radius:0;
  padding:52px 0 0;background:#020205;overflow:hidden
}
#mkDeckSystemOverlay.full-system #mkDeckReturn{
  top:max(8px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));
  background:rgba(0,0,0,.72)
}
#mkDeckSystemOverlay.full-system #mkDeckSystemTitle{
  top:max(18px,env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left))
}
#mkDeckSystemOverlay.full-system #mkDeckSystemMount{
  height:calc(100dvh - 52px);min-height:0;overflow:auto
}
#mkDeckSystemOverlay.full-system #mkDeckSystemMount > *{
  min-height:100%!important;height:100%!important;border-radius:0!important
}

/* Normalizations for moved existing nodes. */
#mkDeckSystemMount > .live-dashboard{
  display:grid!important;grid-template-columns:minmax(260px,.78fr) minmax(320px,1.22fr)!important
}
#mkDeckSystemMount > #nowPlayingVisuals{
  min-height:100%!important;background:rgba(2,5,8,.92)!important;padding:12px!important;border-radius:12px!important
}
#mkDeckSystemMount > #nowPlayingVisuals .mk-mp-stage{min-height:calc(100dvh - 110px)!important}
#mkDeckSystemMount > #alienTrafficCard{padding:18px!important}
#mkDeckSystemMount > #recentVinylRack,
#mkDeckSystemMount > #artistBioCard,
#mkDeckSystemMount > #rockHistoryCard{padding:18px!important}
#mkDeckSystemMount > details.feature-drawer{display:block!important;border:0!important;background:transparent!important}
#mkDeckSystemMount > details.feature-drawer > summary{display:none!important}
#mkDeckSystemMount > details.feature-drawer > .drawer-content{display:block!important;border:0!important;padding:12px!important}

@media(max-width:900px){
  #mkCommandDeck::before{inset:0;background-size:auto 100vh;background-position:center top;translate:0 0!important;transform:none}
  .mk-deck-hud{display:none}
  .mk-deck-controls{grid-template-columns:repeat(4,minmax(0,1fr));width:96vw;gap:6px;padding:7px}
  .mk-deck-control{min-height:48px;font-size:.50rem}
  .mk-deck-system-shell{width:98vw;height:94dvh;padding:52px 8px 8px}
  #mkDeckSystemMount > .live-dashboard{grid-template-columns:1fr!important}
}
@media(max-width:560px){
  .mk-deck-controls{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mk-deck-control{min-height:43px}
}
@media(prefers-reduced-motion:reduce){#mkCommandDeck::before{translate:0 0!important}}


/* WIDE WINDOW UPDATE — no duplicate baked control strip */
.mk-deck-hud{display:none!important}
.mk-deck-status{
  top:12px!important;
  left:14px!important;
  opacity:.68!important;
}
.mk-deck-controls{
  bottom:max(12px,env(safe-area-inset-bottom))!important;
  width:min(1080px,92vw)!important;
  padding:8px!important;
  gap:7px!important;
  background:linear-gradient(180deg,rgba(2,8,11,.72),rgba(1,4,7,.92))!important;
}
.mk-deck-control{
  min-height:52px!important;
  background:linear-gradient(180deg,rgba(10,28,24,.82),rgba(2,10,9,.94))!important;
}
#mkCommandDeck::after{
  background:
    linear-gradient(180deg,rgba(0,0,0,0) 0 64%,rgba(0,0,0,.04) 73%,rgba(0,0,0,.27) 100%)!important;
}


/* REAL ORBIT FIX — EARTH MOVES INDEPENDENTLY BEHIND A FIXED COCKPIT FRAME */
#mkCommandDeck{
  background:#020406!important;
}
#mkCommandDeck::before{
  content:""!important;
  position:absolute!important;
  inset:-9% -8% 30% -8%!important;
  z-index:0!important;
  pointer-events:none!important;
  background:url("cockpit-assets/earth-layer.jpg") center center / cover no-repeat!important;
  transform:scale(1.10)!important;
  translate:var(--mk-earth-x,0px) var(--mk-earth-y,0px)!important;
  transition:none!important;
  will-change:transform,translate!important;
}
#mkCommandDeck::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  pointer-events:none!important;
  background:
    url("cockpit-assets/cockpit-frame.png") center center/cover no-repeat!important;
  opacity:1!important;
}
.mk-deck-status,.mk-deck-controls,#mkDeckSystemOverlay{z-index:5!important}

#mkCommandDeck::before{
  transform:scale(var(--mk-earth-scale,1.10))!important;
}
@media(max-width:900px){
  #mkCommandDeck::before{
    inset:-5% -18% 34% -18%!important;
    background-size:cover!important;
  }
  #mkCommandDeck::after{
    background-size:auto 100vh!important;
    background-position:center top!important;
  }
}


/* REMOVE BAKED ALIEN-FACE STRIP — USE ONLY REAL HTML CONTROLS */
.mk-deck-controls{
  bottom:max(22px,env(safe-area-inset-bottom))!important;
  width:min(1120px,92vw)!important;
  z-index:6!important;
}
#mkCommandDeck::after{
  background:url("cockpit-assets/cockpit-frame.png") center center/cover no-repeat!important;
}


/* PURE EARTH LAYER FIX — NO WINDOW POSTS IN MOVING LAYER */
#mkCommandDeck{
  background:#020406!important;
}
#mkCommandDeck::before{
  content:""!important;
  position:absolute!important;
  inset:-9% -12% 27% -12%!important;
  z-index:0!important;
  pointer-events:none!important;
  background:url("cockpit-assets/earth-layer.jpg") center center/cover no-repeat!important;
  transform:scale(var(--mk-earth-scale,1.08))!important;
  translate:var(--mk-earth-x,0px) var(--mk-earth-y,0px)!important;
  transition:none!important;
  will-change:transform,translate!important;
}
#mkCommandDeck::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  pointer-events:none!important;
  background:url("cockpit-assets/cockpit-frame.png") center center/cover no-repeat!important;
}
.mk-deck-status,.mk-deck-controls{z-index:6!important}


/* CLEAN SINGLE PORTAL WINDOW */
#mkCommandDeck{
  background:#020406!important;
}
#mkCommandDeck::before{
  content:""!important;
  position:absolute!important;
  inset:-7% -10% 28% -10%!important;
  z-index:0!important;
  pointer-events:none!important;
  background:url("cockpit-assets/earth-layer.jpg") center center/cover no-repeat!important;
  transform:scale(var(--mk-earth-scale,1.07))!important;
  translate:var(--mk-earth-x,0px) var(--mk-earth-y,0px)!important;
  transition:none!important;
  will-change:transform,translate!important;
}
#mkCommandDeck::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  pointer-events:none!important;
  background:url("cockpit-assets/cockpit-frame.png") center center/cover no-repeat!important;
}
.mk-deck-hud{display:none!important}
.mk-deck-controls{
  z-index:6!important;
  bottom:max(18px,env(safe-area-inset-bottom))!important;
  width:min(1120px,92vw)!important;
}


/* =========================================================
   FINAL LIVE CONSOLE — subtle spacecraft activity
   ========================================================= */

/* Ambient instrument glow */
#mkCommandDeck{
  --mk-console-pulse:.42;
}
#mkCommandDeck .mk-deck-controls{
  box-shadow:
    0 18px 55px rgba(0,0,0,.55),
    0 0 22px rgba(66,232,255,.055),
    inset 0 1px 0 rgba(255,255,255,.055),
    inset 0 0 30px rgba(185,255,61,.025)!important;
}

/* Each real system button gets a tiny status lamp. */
.mk-deck-control{
  position:relative!important;
  overflow:hidden!important;
}
.mk-deck-control::before{
  content:"";
  position:absolute;
  width:5px;height:5px;
  right:8px;top:7px;
  border-radius:50%;
  background:#b9ff3d;
  box-shadow:0 0 5px #b9ff3d,0 0 11px rgba(185,255,61,.55);
  opacity:.52;
  animation:mkStatusLamp 4.8s ease-in-out infinite;
}
.mk-deck-control:nth-child(2)::before{animation-delay:-1.1s}
.mk-deck-control:nth-child(3)::before{animation-delay:-2.3s;background:#42e8ff;box-shadow:0 0 5px #42e8ff,0 0 11px rgba(66,232,255,.55)}
.mk-deck-control:nth-child(4)::before{animation-delay:-3.4s}
.mk-deck-control:nth-child(5)::before{animation-delay:-.6s;background:#42e8ff;box-shadow:0 0 5px #42e8ff,0 0 11px rgba(66,232,255,.55)}
.mk-deck-control:nth-child(6)::before{animation-delay:-2.8s}
.mk-deck-control:nth-child(7)::before{animation-delay:-4.0s}

@keyframes mkStatusLamp{
  0%,74%,100%{opacity:.34;transform:scale(.82)}
  79%{opacity:.95;transform:scale(1.08)}
  84%{opacity:.48;transform:scale(.90)}
  89%{opacity:.78;transform:scale(1)}
}

/* Soft scan glow moving across console surface. */
.mk-deck-controls::after{
  content:"";
  position:absolute;
  pointer-events:none;
  top:0;bottom:0;
  width:120px;
  left:-150px;
  background:linear-gradient(90deg,transparent,rgba(66,232,255,.035),transparent);
  transform:skewX(-14deg);
  animation:mkConsoleScan 13s linear infinite;
}
@keyframes mkConsoleScan{
  0%{left:-160px}
  100%{left:calc(100% + 160px)}
}

/* LIVE COMMAND DECK lamp gets a quiet heartbeat. */
.mk-deck-status i{
  animation:mkDeckHeartbeat 3.7s ease-in-out infinite!important;
}
@keyframes mkDeckHeartbeat{
  0%,70%,100%{opacity:.48;box-shadow:0 0 6px #b9ff3d}
  76%{opacity:1;box-shadow:0 0 7px #b9ff3d,0 0 17px rgba(185,255,61,.65)}
  82%{opacity:.58;box-shadow:0 0 8px #b9ff3d}
}

/* Tiny animated instrument rails above the real controls.
   Decorative only — no fake navigation. */
#mkConsoleActivity{
  position:absolute;
  z-index:5;
  left:50%;
  bottom:88px;
  transform:translateX(-50%);
  width:min(930px,82vw);
  height:20px;
  display:flex;
  gap:5px;
  align-items:flex-end;
  justify-content:center;
  pointer-events:none;
  opacity:.58;
  filter:drop-shadow(0 0 5px rgba(185,255,61,.16));
}
#mkConsoleActivity b{
  display:block;
  width:3px;
  min-height:2px;
  border-radius:2px 2px 0 0;
  background:linear-gradient(180deg,#b9ff3d,#42e8ff);
  animation:mkMeter 1.8s ease-in-out infinite alternate;
  transform-origin:bottom;
}
#mkConsoleActivity b:nth-child(3n){animation-duration:2.7s}
#mkConsoleActivity b:nth-child(4n){animation-duration:1.35s}
#mkConsoleActivity b:nth-child(5n){animation-delay:-.8s}
#mkConsoleActivity b:nth-child(7n){animation-delay:-1.4s}
@keyframes mkMeter{
  from{height:3px;opacity:.35}
  to{height:17px;opacity:.82}
}

/* Very subtle illumination breathing — no flashing. */
.mk-deck-control span{
  animation:mkLabelGlow 7s ease-in-out infinite;
}
@keyframes mkLabelGlow{
  0%,100%{text-shadow:0 0 2px rgba(66,232,255,.15)}
  50%{text-shadow:0 0 7px rgba(66,232,255,.34)}
}

@media(max-width:900px){
  #mkConsoleActivity{
    bottom:112px;
    width:78vw;
    opacity:.40;
  }
}
@media(max-width:560px){
  #mkConsoleActivity{display:none}
}
@media(prefers-reduced-motion:reduce){
  .mk-deck-control::before,
  .mk-deck-controls::after,
  .mk-deck-status i,
  #mkConsoleActivity b,
  .mk-deck-control span{
    animation:none!important;
  }
}


/* CLICK LAYER HARDENING */
#mkCommandDeck::before,
#mkCommandDeck::after,
#mkConsoleActivity,
.mk-deck-hud,
.mk-deck-status,
.mk-deck-dash{
  pointer-events:none!important;
}
.mk-deck-controls{
  pointer-events:auto!important;
  z-index:60!important;
}
.mk-deck-control{
  pointer-events:auto!important;
  z-index:61!important;
  touch-action:manipulation!important;
}
.mk-deck-control *{pointer-events:none!important}
#mkDeckSystemOverlay{z-index:5000!important}
#mkDeckSystemOverlay.open{pointer-events:auto!important}
#mkDeckReturn{pointer-events:auto!important;z-index:5002!important}

/* NOW PLAYING + MEDIA DASH */
.mk-deck-dash{
  position:absolute;
  z-index:45;
  left:50%;
  bottom:116px;
  transform:translateX(-50%);
  width:min(1040px,88vw);
  min-height:112px;
  display:grid;
  grid-template-columns:150px minmax(0,1.2fr) minmax(0,.8fr);
  gap:15px;
  align-items:center;
  padding:10px 14px;
  border:1px solid rgba(66,232,255,.22);
  border-radius:14px;
  background:linear-gradient(180deg,rgba(2,10,14,.84),rgba(1,5,8,.94));
  box-shadow:0 14px 38px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.045);
  backdrop-filter:blur(7px)
}
.mk-dash-media-window{
  position:relative;
  height:88px;
  overflow:hidden;
  border:1px solid rgba(185,255,61,.24);
  border-radius:9px;
  background:#020406;
  box-shadow:inset 0 0 18px rgba(66,232,255,.035),0 0 14px rgba(66,232,255,.04)
}
.mk-dash-media-window img{
  width:100%;height:100%;display:block;object-fit:cover;
  transition:opacity .6s ease,transform 6s linear;
  transform:scale(1.025)
}
.mk-dash-media-scan{
  position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 0 46%,rgba(66,232,255,.08) 50%,transparent 54%);
  animation:mkDashScan 5.8s linear infinite
}
@keyframes mkDashScan{
  from{transform:translateY(-100%)}
  to{transform:translateY(100%)}
}
.mk-dash-song small,.mk-dash-next small{
  display:block;color:#42e8ff;font-size:.55rem;font-weight:1000;letter-spacing:.13em
}
.mk-dash-song strong{
  display:block;margin:4px 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font-size:clamp(.95rem,1.6vw,1.35rem)
}
.mk-dash-song > span:last-child,
.mk-dash-next span{
  display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  color:#d6e1e5;font-size:.74rem
}
.mk-dash-live{display:flex;align-items:center;gap:6px;margin-bottom:5px;color:#b9ff3d;font:1000 .58rem/1 monospace;letter-spacing:.12em}
.mk-dash-live i{width:7px;height:7px;border-radius:50%;background:#ff365f;box-shadow:0 0 9px rgba(255,54,95,.75);animation:mkDashPulse 2.2s ease-in-out infinite}
@keyframes mkDashPulse{0%,70%,100%{opacity:.55}78%{opacity:1}86%{opacity:.65}}

@media(max-width:900px){
  .mk-deck-dash{
    width:92vw;
    grid-template-columns:110px minmax(0,1fr);
    bottom:138px
  }
  .mk-dash-next{display:none}
  .mk-dash-media-window{height:72px}
}
@media(max-width:560px){
  .mk-deck-dash{display:none}
}


/* =========================================================
   REAL-TIME EARTH ORBIT
   Earth is now its own continuously moving layer.
   ========================================================= */

/* Disable older moving Earth pseudo-layer but keep fixed cockpit frame. */
#mkCommandDeck::before{
  background:none!important;
  transform:none!important;
  translate:none!important;
}

#mkEarthOrbitLayer{
  position:absolute;
  inset:0 0 27% 0;
  z-index:0;
  overflow:hidden;
  pointer-events:none;
  background:#01030a;
}

/* Continuous one-direction orbital travel. */
#mkEarthOrbitLayer .mk-earth-strip{
  position:absolute;
  inset:-7% -10%;
  width:120%;
  height:120%;
  background-image:url("cockpit-assets/earth-orbit-strip.jpg");
  background-repeat:repeat-x;
  background-size:auto 100%;
  background-position:var(--mk-earth-scroll,0px) center;
  filter:
    brightness(var(--mk-earth-brightness,1))
    saturate(var(--mk-earth-saturation,1.04))
    contrast(1.03);
  transform:scale(1.045);
  will-change:background-position,filter;
}

/* Real-time day/night shading. JS moves this based on UTC solar position. */
#mkEarthOrbitLayer .mk-earth-terminator{
  position:absolute;
  inset:-10%;
  background:
    radial-gradient(
      ellipse 48% 110% at var(--mk-sun-x,50%) 52%,
      rgba(255,245,205,var(--mk-day-glow,.12)) 0%,
      rgba(255,216,145,.06) 27%,
      rgba(0,0,0,.08) 48%,
      rgba(0,0,0,.56) 68%,
      rgba(0,0,8,.82) 100%
    );
  mix-blend-mode:multiply;
  opacity:.92;
  will-change:background;
}

/* A faint daylight atmospheric lift so "day" is visibly day. */
#mkEarthOrbitLayer::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(
      90deg,
      rgba(90,165,255,0) 0%,
      rgba(90,165,255,.035) var(--mk-sun-x,50%),
      rgba(90,165,255,0) 100%
    );
}

/* Fixed cockpit remains above Earth. */
#mkCommandDeck::after{
  z-index:2!important;
}
.mk-deck-status,.mk-deck-controls,.mk-deck-dash,#mkConsoleActivity{
  z-index:6!important;
}

@media(max-width:900px){
  #mkEarthOrbitLayer{
    inset:0 0 34% 0;
  }
  #mkEarthOrbitLayer .mk-earth-strip{
    inset:-4% -25%;
    width:150%;
    height:112%;
  }
}

@media(prefers-reduced-motion:reduce){
  #mkEarthOrbitLayer .mk-earth-strip{
    background-position:center center!important;
  }
}


/* SINGLE EARTH FIX — no duplicated globe */
#mkEarthOrbitLayer .mk-earth-strip{
  inset:-6% -14%!important;
  width:128%!important;
  height:116%!important;
  background-image:url("cockpit-assets/earth-single.jpg")!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  background-position:var(--mk-earth-x,50%) var(--mk-earth-y,50%)!important;
  transform:scale(var(--mk-earth-scale,1.055))!important;
}

/* SLIM NOW PLAYING BAR */
.mk-deck-dash{
  min-height:0!important;
  height:46px!important;
  grid-template-columns:74px minmax(0,1fr) minmax(160px,.55fr)!important;
  gap:10px!important;
  padding:5px 10px!important;
  bottom:82px!important;
  border-radius:10px!important;
  background:linear-gradient(180deg,rgba(2,10,14,.80),rgba(1,5,8,.94))!important;
}
.mk-dash-media-window{
  height:34px!important;
  border-radius:6px!important;
}
.mk-dash-song{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr);
  grid-template-rows:auto auto;
  column-gap:8px;
  align-items:center;
}
.mk-dash-live{
  grid-row:1 / span 2;
  margin:0!important;
}
.mk-dash-song small{
  display:none!important;
}
.mk-dash-song strong{
  margin:0!important;
  font-size:.82rem!important;
  line-height:1.1!important;
}
.mk-dash-song > span:last-child{
  font-size:.64rem!important;
  line-height:1.1!important;
}
.mk-dash-next{
  min-width:0;
}
.mk-dash-next small{
  font-size:.46rem!important;
}
.mk-dash-next span{
  font-size:.58rem!important;
}
#mkConsoleActivity{
  bottom:60px!important;
}
@media(max-width:900px){
  .mk-deck-dash{
    grid-template-columns:58px minmax(0,1fr)!important;
    bottom:106px!important;
    height:42px!important;
  }
  .mk-dash-media-window{height:30px!important}
}
@media(max-width:560px){
  .mk-deck-dash{display:none!important}
}

/* LARGER NOW PLAYING + FITTED MEDIA WINDOW — 2026-08-15 */
.mk-deck-dash{
  height:64px!important;
  grid-template-columns:118px minmax(0,1fr) minmax(180px,.58fr)!important;
  gap:13px!important;
  padding:7px 12px!important;
  bottom:82px!important;
}
.mk-dash-media-window{
  height:50px!important;
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:8px!important;
  background:radial-gradient(circle at center,rgba(18,34,40,.92),rgba(1,5,8,.98))!important;
}
.mk-dash-media-window img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
}
.mk-dash-song strong{
  font-size:.98rem!important;
  line-height:1.12!important;
}
.mk-dash-song > span:last-child{
  font-size:.72rem!important;
}
.mk-dash-next small{font-size:.5rem!important}
.mk-dash-next span{font-size:.65rem!important}
#mkConsoleActivity{bottom:64px!important}

@media(max-width:900px){
  .mk-deck-dash{
    height:58px!important;
    grid-template-columns:96px minmax(0,1fr)!important;
    bottom:106px!important;
  }
  .mk-dash-media-window{height:44px!important}
}
@media(max-width:560px){
  .mk-deck-dash{display:none!important}
}

/* VISIBLE EARTH ROTATION / ORBIT FIX 2026-08-15
   Move only the independent Earth layer. Portal, frame and console stay fixed. */
#mkEarthOrbitLayer .mk-earth-strip{
  background-position:center center!important;
  transform:translate3d(var(--mk-earth-tx,0px),var(--mk-earth-ty,0px),0) scale(var(--mk-earth-scale,1.13))!important;
  transform-origin:center center!important;
  will-change:transform,filter!important;
}
@media(prefers-reduced-motion:reduce){
  #mkEarthOrbitLayer .mk-earth-strip{
    background-position:center center!important;
  }
}

/* EARTH VIEWPORT CLIP FIX 2026-08-15
   Keep the moving Earth completely inside the physical portal/window opening. */
#mkEarthOrbitLayer{
  top:4.5%!important;
  right:2.8%!important;
  bottom:30.5%!important;
  left:2.8%!important;
  overflow:hidden!important;
  border-radius:15% 15% 11% 11% / 20% 20% 12% 12%!important;
  clip-path:inset(0 round 13% 13% 10% 10%)!important;
  background:#01030a!important;
}
#mkEarthOrbitLayer .mk-earth-strip{
  inset:-7% -9%!important;
  width:118%!important;
  height:114%!important;
  background-size:cover!important;
  background-position:center center!important;
  transform:translate3d(var(--mk-earth-tx,0px),var(--mk-earth-ty,0px),0) scale(var(--mk-earth-scale,1.055))!important;
  transform-origin:center center!important;
}
#mkEarthOrbitLayer .mk-earth-terminator{
  inset:0!important;
  border-radius:inherit!important;
}
@media(max-width:900px){
  #mkEarthOrbitLayer{
    top:4%!important;
    right:4%!important;
    bottom:34%!important;
    left:4%!important;
    border-radius:14% 14% 9% 9% / 18% 18% 10% 10%!important;
  }
  #mkEarthOrbitLayer .mk-earth-strip{
    inset:-6% -12%!important;
    width:124%!important;
    height:112%!important;
  }
}

/* FULL-VIEW FUTURISTIC WINDOW — 2026-08-15
   Remove the baked cockpit side brackets/frame. Keep one clean panoramic viewport. */
#mkCommandDeck::after{
  content:""!important;
  position:absolute!important;
  inset:0 0 27% 0!important;
  z-index:2!important;
  pointer-events:none!important;
  background:
    linear-gradient(180deg,rgba(120,220,255,.07),rgba(0,0,0,0) 16%,rgba(0,0,0,0) 86%,rgba(80,220,255,.05))!important;
  border:1px solid rgba(110,220,255,.24)!important;
  border-left:0!important;
  border-right:0!important;
  border-radius:0!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), inset 0 -1px 0 rgba(110,220,255,.12)!important;
}
#mkEarthOrbitLayer{
  top:0!important;
  right:0!important;
  bottom:27%!important;
  left:0!important;
  border-radius:0!important;
  clip-path:none!important;
  overflow:hidden!important;
}
#mkEarthOrbitLayer .mk-earth-strip{
  inset:-5% -7%!important;
  width:114%!important;
  height:110%!important;
  transform:translate3d(var(--mk-earth-tx,0px),var(--mk-earth-ty,0px),0) scale(var(--mk-earth-scale,1.045))!important;
}
@media(max-width:900px){
  #mkCommandDeck::after{inset:0 0 34% 0!important}
  #mkEarthOrbitLayer{top:0!important;right:0!important;bottom:34%!important;left:0!important}
}


/* COMPACT VIEWPORT + EXPANDED FUNCTION CONSOLE — 2026-08-15 */
#mkEarthOrbitLayer{
  top:3.5%!important;
  right:4.5%!important;
  bottom:38%!important;
  left:4.5%!important;
  border:1px solid rgba(110,220,255,.26)!important;
  border-radius:22px!important;
  box-shadow:inset 0 0 30px rgba(66,232,255,.035),0 0 24px rgba(0,0,0,.48)!important;
}
#mkCommandDeck::after{
  inset:3.5% 4.5% 38% 4.5%!important;
  border:1px solid rgba(110,220,255,.24)!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,rgba(120,220,255,.055),transparent 18%,transparent 84%,rgba(80,220,255,.04))!important;
}
#mkEarthOrbitLayer .mk-earth-strip{
  inset:-7% -8%!important;
  width:116%!important;
  height:114%!important;
}
#mkCommandDeck .mk-deck-controls{
  width:min(1260px,94vw)!important;
  grid-template-columns:repeat(9,minmax(0,1fr))!important;
}
.mk-deck-control[data-system="about"]{border-color:rgba(185,255,61,.38)!important}
#mkDeckFullscreen{border-color:rgba(66,232,255,.38)!important}

@media(max-width:1100px){
  #mkCommandDeck .mk-deck-controls{grid-template-columns:repeat(5,minmax(0,1fr))!important;}
}
@media(max-width:900px){
  #mkEarthOrbitLayer{top:3%!important;right:4%!important;bottom:42%!important;left:4%!important;border-radius:16px!important}
  #mkCommandDeck::after{inset:3% 4% 42% 4%!important;border-radius:16px!important}
  #mkCommandDeck .mk-deck-controls{grid-template-columns:repeat(3,minmax(0,1fr))!important;width:96vw!important;}
  .mk-deck-dash{bottom:174px!important;}
  #mkConsoleActivity{bottom:150px!important;}
}
@media(max-width:560px){
  #mkEarthOrbitLayer{top:2.5%!important;right:3%!important;bottom:46%!important;left:3%!important;border-radius:12px!important}
  #mkCommandDeck::after{inset:2.5% 3% 46% 3%!important;border-radius:12px!important}
  #mkCommandDeck .mk-deck-controls{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;padding:6px!important;}
  .mk-deck-control{min-height:40px!important;font-size:.46rem!important;padding:5px 3px!important}
  .mk-deck-control span{font-size:.42rem!important}
}

/* INTEGRATED NOW PLAYING FLIGHT-DECK MODULE — 2026-08-15 */
#mkCommandDeck .mk-deck-dash{
  bottom:112px!important;
  width:min(1080px,90vw)!important;
  min-height:104px!important;
  grid-template-columns:164px minmax(0,1.25fr) minmax(190px,.72fr)!important;
  gap:14px!important;
  padding:9px 13px 10px!important;
  border:1px solid rgba(84,216,245,.32)!important;
  border-top-color:rgba(185,255,61,.28)!important;
  border-radius:9px 9px 16px 16px!important;
  background:
    linear-gradient(180deg,rgba(17,32,40,.96) 0,rgba(5,14,20,.98) 18%,rgba(2,7,11,.99) 100%)!important;
  box-shadow:
    0 8px 18px rgba(0,0,0,.58),
    inset 0 2px 0 rgba(255,255,255,.055),
    inset 0 -3px 8px rgba(0,0,0,.70),
    inset 0 0 22px rgba(66,232,255,.025),
    0 0 0 4px rgba(1,5,8,.72)!important;
  backdrop-filter:none!important;
  pointer-events:auto!important;
}
#mkCommandDeck .mk-deck-dash::before,
#mkCommandDeck .mk-deck-dash::after{
  content:"";position:absolute;top:8px;width:6px;height:6px;border-radius:50%;
  background:#071014;border:1px solid rgba(160,220,230,.28);
  box-shadow:inset 0 1px 2px #000,0 0 4px rgba(66,232,255,.08)
}
#mkCommandDeck .mk-deck-dash::before{left:8px}
#mkCommandDeck .mk-deck-dash::after{right:8px}
#mkCommandDeck .mk-dash-media-window{
  height:84px!important;
  border:1px solid rgba(66,232,255,.30)!important;
  border-radius:6px!important;
  background:#010306!important;
  box-shadow:inset 0 0 0 3px #03090d,inset 0 0 18px rgba(66,232,255,.08),0 0 9px rgba(0,0,0,.7)!important;
}
#mkCommandDeck .mk-dash-media-window::before{
  content:"";position:absolute;z-index:4;left:7px;top:6px;
  padding:3px 5px;border:1px solid rgba(66,232,255,.18);border-radius:3px;
  background:rgba(0,5,8,.74);color:rgba(140,235,255,.82);
  font:900 .42rem/1 monospace;letter-spacing:.12em
}
#mkCommandDeck .mk-dash-media-window img{filter:saturate(1.03) contrast(1.03)}
#mkCommandDeck .mk-dash-media-controls{
  position:absolute;z-index:6;left:6px;right:6px;bottom:5px;
  display:grid;grid-template-columns:1fr 1fr;gap:5px;pointer-events:auto!important
}
#mkCommandDeck .mk-dash-media-controls button{
  min-height:25px;border:1px solid rgba(185,255,61,.35);border-radius:4px;
  background:linear-gradient(180deg,rgba(13,27,25,.92),rgba(3,11,11,.96));
  color:#cfff7c;cursor:pointer;font:1000 .48rem/1 monospace;letter-spacing:.08em;
  box-shadow:inset 0 1px rgba(255,255,255,.04),0 2px 5px rgba(0,0,0,.55)
}
#mkCommandDeck .mk-dash-media-controls button:last-child{border-color:rgba(66,232,255,.35);color:#75ecff}
#mkCommandDeck .mk-dash-media-controls button:hover,
#mkCommandDeck .mk-dash-media-controls button:focus-visible{background:#b9ff3d;color:#061005;outline:none}
#mkCommandDeck .mk-dash-media-controls button:last-child:hover,
#mkCommandDeck .mk-dash-media-controls button:last-child:focus-visible{background:#42e8ff;color:#031014}
#mkCommandDeck .mk-dash-media-controls span{margin-right:4px}
#mkCommandDeck .mk-dash-song,
#mkCommandDeck .mk-dash-next{
  min-width:0;padding:8px 11px;border-left:1px solid rgba(66,232,255,.10);
  background:linear-gradient(90deg,rgba(66,232,255,.025),transparent 70%)
}
#mkCommandDeck .mk-dash-song strong{color:#f1fbff;text-shadow:0 0 8px rgba(66,232,255,.11)}
#mkCommandDeck .mk-dash-next{border-left-color:rgba(185,255,61,.12)}
#mkCommandDeck .mk-dash-next::after{
  content:"AUDIO CORE // 320K";display:block;margin-top:8px;color:rgba(185,255,61,.58);
  font:900 .44rem/1 monospace;letter-spacing:.12em
}
#mkCommandDeck .mk-dash-song *,#mkCommandDeck .mk-dash-next *{pointer-events:none}

@media(max-width:1100px){
  #mkCommandDeck .mk-deck-dash{bottom:126px!important;width:92vw!important}
}
@media(max-width:900px){
  #mkCommandDeck .mk-deck-dash{
    bottom:174px!important;grid-template-columns:132px minmax(0,1fr)!important;
    min-height:82px!important;padding:7px 10px!important
  }
  #mkCommandDeck .mk-dash-media-window{height:66px!important}
  #mkCommandDeck .mk-dash-next{display:none!important}
  #mkCommandDeck .mk-dash-media-window::before{display:none}
  #mkCommandDeck .mk-dash-media-controls button{font-size:.43rem;min-height:23px}
}
@media(max-width:560px){
  #mkCommandDeck .mk-deck-dash{
    display:grid!important;bottom:165px!important;width:94vw!important;
    grid-template-columns:92px minmax(0,1fr)!important;gap:7px!important;
    min-height:65px!important;padding:6px 7px!important;border-radius:7px 7px 12px 12px!important
  }
  #mkCommandDeck .mk-dash-media-window{height:54px!important}
  #mkCommandDeck .mk-dash-media-controls{left:3px;right:3px;bottom:3px;gap:3px}
  #mkCommandDeck .mk-dash-media-controls button{min-height:20px;padding:2px;font-size:.38rem}
  #mkCommandDeck .mk-dash-media-controls button span{display:none}
  #mkCommandDeck .mk-dash-song{padding:4px 7px!important}
  #mkCommandDeck .mk-dash-live{margin-bottom:2px;font-size:.45rem}
  #mkCommandDeck .mk-dash-song small{font-size:.43rem}
  #mkCommandDeck .mk-dash-song strong{margin:2px 0 1px;font-size:.72rem!important}
  #mkCommandDeck .mk-dash-song > span:last-child{font-size:.55rem!important}
}

/* INDUSTRIAL ALIEN FLIGHT CONSOLE — continuous armored lower deck */
#mkCommandDeck::before{
  content:"";
  position:absolute;
  z-index:4;
  left:1.2vw; right:1.2vw; bottom:-5px;
  height:224px;
  pointer-events:none;
  clip-path:polygon(0 25%,3.2% 9%,13% 5%,16% 0,84% 0,87% 5%,96.8% 9%,100% 25%,100% 100%,0 100%);
  background:
    linear-gradient(90deg,transparent 0 5%,rgba(92,233,255,.05) 5.2% 5.7%,transparent 6% 94%,rgba(92,233,255,.05) 94.3% 94.8%,transparent 95%),
    repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0 1px,transparent 1px 46px),
    linear-gradient(180deg,#182027 0,#10171d 8%,#090e12 38%,#05080b 100%);
  border-top:1px solid rgba(106,225,239,.25);
  box-shadow:0 -8px 26px rgba(0,0,0,.7),inset 0 2px rgba(255,255,255,.035),inset 0 18px 32px rgba(0,0,0,.2);
}

#mkCommandDeck .mk-deck-dash{
  z-index:7!important;
  bottom:111px!important;
  width:min(1020px,84vw)!important;
  min-height:96px!important;
  border-radius:5px!important;
  border:1px solid rgba(116,210,215,.22)!important;
  border-top:2px solid rgba(181,255,61,.22)!important;
  background:
    linear-gradient(90deg,rgba(185,255,61,.025),transparent 16% 84%,rgba(66,232,255,.025)),
    linear-gradient(180deg,#11191d 0,#071014 18%,#030709 100%)!important;
  box-shadow:0 5px 15px rgba(0,0,0,.78),inset 0 0 0 3px #050b0e,inset 0 0 24px rgba(48,255,224,.028)!important;
  clip-path:polygon(2% 0,98% 0,100% 18%,100% 100%,0 100%,0 18%);
}
#mkCommandDeck .mk-deck-dash::before{
  content:"⟟ MKR // AUDIO NAV // 7-4-7"!important;
  left:18px!important; top:-1px!important; width:auto!important; height:auto!important;
  border:0!important; border-radius:0!important; background:transparent!important;
  color:rgba(151,255,188,.38)!important;
  font:800 .39rem/1 monospace!important;letter-spacing:.18em!important;
  box-shadow:none!important;
}
#mkCommandDeck .mk-deck-dash::after{
  content:"⌁ ϟ ◬"!important;
  right:17px!important;left:auto!important;top:5px!important;width:auto!important;height:auto!important;
  border:0!important;border-radius:0!important;background:transparent!important;
  color:rgba(87,226,255,.42)!important;font:800 .54rem/1 monospace!important;letter-spacing:.28em!important;box-shadow:none!important;
}

#mkCommandDeck .mk-deck-controls{
  z-index:8!important;
  bottom:12px!important;
  width:min(1240px,94vw)!important;
  min-height:84px!important;
  display:grid!important;
  grid-template-columns:1.08fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1.08fr!important;
  gap:3px!important;
  padding:13px 18px 10px!important;
  border:0!important;
  border-radius:0!important;
  clip-path:polygon(1.6% 0,98.4% 0,100% 20%,99.2% 100%,.8% 100%,0 20%);
  background:
    linear-gradient(180deg,rgba(57,76,82,.55),rgba(17,25,29,.95) 11%,rgba(5,9,11,.98) 100%)!important;
  box-shadow:inset 0 1px rgba(176,240,236,.14),inset 0 5px 12px rgba(0,0,0,.7),0 5px 18px rgba(0,0,0,.75)!important;
}
#mkCommandDeck .mk-deck-controls::before{
  content:"SYSTEM BUS  A-17   //   XENO-COMPATIBLE FLIGHT CONTROL   //   MKR-747";
  position:absolute;left:34px;right:34px;top:4px;height:7px;
  color:rgba(153,246,210,.34);font:800 .36rem/1 monospace;letter-spacing:.15em;text-align:center;
  border-top:1px solid rgba(84,221,221,.08);pointer-events:none;
}
#mkCommandDeck .mk-deck-controls::after{
  content:""!important;
  position:absolute!important;inset:auto 10px 5px 10px!important;height:3px!important;
  background:repeating-linear-gradient(90deg,rgba(185,255,61,.45) 0 9px,transparent 9px 22px,rgba(66,232,255,.32) 22px 28px,transparent 28px 43px)!important;
  opacity:.42!important;border:0!important;box-shadow:none!important;animation:mkBusPulse 4.6s ease-in-out infinite!important;
}
@keyframes mkBusPulse{50%{opacity:.18;transform:scaleX(.985)}}

#mkCommandDeck .mk-deck-control{
  position:relative!important;
  min-height:58px!important;
  padding:17px 5px 8px!important;
  border:0!important;
  border-left:1px solid rgba(121,190,192,.10)!important;
  border-right:1px solid rgba(0,0,0,.75)!important;
  border-radius:1px!important;
  background:
    linear-gradient(180deg,rgba(25,37,40,.82),rgba(7,12,14,.95) 38%,rgba(4,7,8,.99))!important;
  color:#d3ddd9!important;
  clip-path:polygon(5% 0,95% 0,100% 10%,100% 88%,94% 100%,6% 100%,0 88%,0 10%)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.035),inset 0 -8px 14px rgba(0,0,0,.32)!important;
  text-shadow:0 1px 2px #000!important;
  letter-spacing:.07em!important;
  transition:filter .16s ease,transform .12s ease,background .16s ease!important;
}
#mkCommandDeck .mk-deck-control::before{
  content:""!important;
  position:absolute!important;top:7px!important;left:50%!important;transform:translateX(-50%)!important;
  width:26px!important;height:4px!important;border-radius:1px!important;
  background:#6faab0!important;box-shadow:0 0 6px rgba(86,229,237,.32),inset 0 0 2px #fff!important;
  opacity:.64!important;animation:mkAlienLamp 3.2s ease-in-out infinite!important;
}
#mkCommandDeck .mk-deck-control:nth-child(3n+1)::before{background:#b9ff3d!important;box-shadow:0 0 7px rgba(185,255,61,.45)!important}
#mkCommandDeck .mk-deck-control:nth-child(3n+2)::before{background:#42e8ff!important;box-shadow:0 0 7px rgba(66,232,255,.45)!important}
#mkCommandDeck .mk-deck-control:nth-child(3n)::before{background:#ff5d73!important;box-shadow:0 0 7px rgba(255,93,115,.30)!important}
@keyframes mkAlienLamp{0%,100%{opacity:.40}45%{opacity:.83}55%{opacity:.64}}
#mkCommandDeck .mk-deck-control::after{
  content:"⌁";position:absolute;right:5px;top:4px;color:rgba(111,229,216,.22);font:700 .56rem/1 monospace
}
#mkCommandDeck .mk-deck-control:nth-child(even)::after{content:"⟟"}
#mkCommandDeck .mk-deck-control:nth-child(3n)::after{content:"◬"}
#mkCommandDeck .mk-deck-control span{
  color:rgba(111,230,236,.60)!important;font-size:.43rem!important;letter-spacing:.12em!important;margin-top:3px!important
}
#mkCommandDeck .mk-deck-control:hover,#mkCommandDeck .mk-deck-control:focus-visible{
  transform:translateY(-1px)!important;filter:brightness(1.26)!important;
  background:linear-gradient(180deg,rgba(33,55,53,.94),rgba(6,18,17,.98) 42%,rgba(3,8,9,.99))!important;
  outline:1px solid rgba(185,255,61,.36)!important;outline-offset:-2px!important
}
#mkCommandDeck .mk-deck-control:active{transform:translateY(1px)!important;filter:brightness(.88)!important}

#mkCommandDeck .mk-dash-media-window{
  border-radius:2px!important;
  border:1px solid rgba(83,188,194,.20)!important;
  box-shadow:inset 0 0 0 4px #020607,inset 0 0 20px rgba(66,232,255,.07)!important;
}
#mkCommandDeck .mk-dash-media-controls button{
  border-radius:1px!important;
  border-color:rgba(133,209,187,.26)!important;
  background:linear-gradient(180deg,#15211f,#07100f)!important;
  clip-path:polygon(5% 0,95% 0,100% 18%,100% 82%,95% 100%,5% 100%,0 82%,0 18%)!important;
}
#mkCommandDeck .mk-dash-song,#mkCommandDeck .mk-dash-next{
  border-left:1px solid rgba(97,190,190,.10)!important;
  background:repeating-linear-gradient(0deg,transparent 0 12px,rgba(83,219,220,.018) 12px 13px)!important;
}

@media(max-width:1100px){
  #mkCommandDeck::before{height:250px}
  #mkCommandDeck .mk-deck-controls{grid-template-columns:repeat(5,minmax(0,1fr))!important;min-height:118px!important;padding-top:12px!important}
  #mkCommandDeck .mk-deck-dash{bottom:137px!important;width:91vw!important}
}
@media(max-width:900px){
  #mkCommandDeck::before{height:284px}
  #mkCommandDeck .mk-deck-controls{grid-template-columns:repeat(3,minmax(0,1fr))!important;min-height:156px!important;bottom:7px!important}
  #mkCommandDeck .mk-deck-dash{bottom:176px!important;width:92vw!important}
  #mkCommandDeck .mk-deck-controls::before{font-size:.30rem;white-space:nowrap;overflow:hidden}
}
@media(max-width:560px){
  #mkCommandDeck::before{height:294px;left:0;right:0}
  #mkCommandDeck .mk-deck-controls{width:97vw!important;gap:2px!important;padding:11px 8px 8px!important;min-height:158px!important}
  #mkCommandDeck .mk-deck-control{min-height:43px!important;padding:14px 2px 5px!important;font-size:.43rem!important}
  #mkCommandDeck .mk-deck-control::before{top:5px!important;width:18px!important;height:3px!important}
  #mkCommandDeck .mk-deck-dash{bottom:171px!important;width:94vw!important}
}


/* FINAL CONSOLE SKIN — preserve the cinematic ship console after boarding */
#mkConsoleSkin{
  position:absolute;z-index:3;left:0;right:0;bottom:0;height:34vh;min-height:245px;pointer-events:none;
  background:url("boarding/06-earth-orbit.png") center bottom/100vw auto no-repeat;
  filter:saturate(.94) contrast(1.06) brightness(.86);
  box-shadow:0 -12px 30px rgba(0,0,0,.42);
}
/* remove the replacement CSS slab that was covering the real console art */
#mkCommandDeck::before{height:auto!important;clip-path:none!important;border:0!important;box-shadow:none!important}

/* current media becomes one of the console's instrument screens */
#mkCommandDeck .mk-deck-dash{
  z-index:6!important;left:50%!important;bottom:12.2vh!important;transform:translateX(-50%)!important;
  width:min(720px,48vw)!important;min-height:74px!important;height:8.7vh!important;
  padding:5px 8px!important;gap:7px!important;border:1px solid rgba(120,255,85,.22)!important;
  border-radius:2px!important;clip-path:none!important;
  background:rgba(0,8,5,.72)!important;box-shadow:inset 0 0 20px rgba(79,255,72,.07),0 0 0 3px rgba(0,0,0,.55)!important;
  backdrop-filter:none!important;
}
#mkCommandDeck .mk-deck-dash::before,#mkCommandDeck .mk-deck-dash::after{display:none!important}
#mkCommandDeck .mk-dash-media-window{height:100%!important;min-height:0!important}

/* controls are transparent illuminated touch zones over the physical switches — no web boxes */
#mkCommandDeck .mk-deck-controls{
  z-index:8!important;left:50%!important;bottom:1.5vh!important;transform:translateX(-50%)!important;
  width:min(1320px,91vw)!important;height:8.2vh!important;min-height:62px!important;
  display:grid!important;grid-template-columns:repeat(9,1fr)!important;gap:1.25vw!important;
  padding:0 2vw!important;border:0!important;border-radius:0!important;clip-path:none!important;
  background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;
}
#mkCommandDeck .mk-deck-controls::before,#mkCommandDeck .mk-deck-controls::after{display:none!important}
#mkCommandDeck .mk-deck-control{
  min-height:0!important;height:100%!important;padding:31px 2px 2px!important;
  border:0!important;border-radius:0!important;clip-path:none!important;background:transparent!important;
  box-shadow:none!important;color:rgba(205,255,193,.74)!important;text-shadow:0 0 7px rgba(86,255,63,.42),0 2px 3px #000!important;
  font:900 clamp(.42rem,.62vw,.62rem)/1 monospace!important;letter-spacing:.08em!important;
}
#mkCommandDeck .mk-deck-control::before{
  top:15px!important;width:18px!important;height:5px!important;border-radius:50%!important;
  background:#74ff59!important;box-shadow:0 0 9px rgba(94,255,73,.85)!important;opacity:.58!important;
}
#mkCommandDeck .mk-deck-control::after{display:none!important}
#mkCommandDeck .mk-deck-control span{font-size:.36rem!important;color:rgba(111,230,126,.55)!important;margin-top:3px!important}
#mkCommandDeck .mk-deck-control:hover,#mkCommandDeck .mk-deck-control:focus-visible{
  background:radial-gradient(ellipse at 50% 35%,rgba(112,255,78,.15),transparent 55%)!important;
  outline:0!important;filter:brightness(1.35)!important;transform:none!important;
}
#mkCommandDeck .mk-deck-control:hover::before,#mkCommandDeck .mk-deck-control:focus-visible::before{opacity:1!important;box-shadow:0 0 16px #79ff58!important}
#mkConsoleActivity{display:none!important}

@media(max-width:900px){
  #mkConsoleSkin{height:39vh;min-height:270px;background-size:auto 39vh;background-position:center bottom}
  #mkCommandDeck .mk-deck-dash{bottom:17vh!important;width:72vw!important;height:9vh!important}
  #mkCommandDeck .mk-deck-controls{bottom:1vh!important;width:96vw!important;height:15vh!important;grid-template-columns:repeat(5,1fr)!important;gap:0 1vw!important}
  #mkCommandDeck .mk-deck-control{padding-top:18px!important;font-size:.45rem!important}
  #mkCommandDeck .mk-deck-control::before{top:7px!important}
}
@media(max-width:560px){
  #mkConsoleSkin{height:42vh;min-height:290px;background-size:auto 42vh}
  #mkCommandDeck .mk-deck-dash{bottom:20vh!important;width:88vw!important;height:9vh!important}
  #mkCommandDeck .mk-deck-controls{bottom:1vh!important;width:97vw!important;height:18vh!important;grid-template-columns:repeat(3,1fr)!important}
  #mkCommandDeck .mk-deck-control{padding-top:14px!important;font-size:.40rem!important}
  #mkCommandDeck .mk-deck-control span{font-size:.31rem!important}
}

/* WINDOW HUD NOW-PLAYING — 2026-08-15
   Flush to the bottom edge of the Earth viewport, above the physical console. */
#mkCommandDeck .mk-deck-dash{
  z-index:9!important;
  left:50%!important;
  bottom:calc(max(34vh, 245px) + 2px)!important;
  transform:translateX(-50%)!important;
  width:min(1320px,96vw)!important;
  height:68px!important;
  min-height:68px!important;
  padding:4px 10px!important;
  gap:10px!important;
  border:0!important;
  border-top:1px solid rgba(91,235,255,.34)!important;
  border-bottom:1px solid rgba(185,255,61,.26)!important;
  border-radius:0!important;
  clip-path:none!important;
  background:linear-gradient(90deg,rgba(1,8,13,.26),rgba(2,12,17,.46) 18%,rgba(1,10,14,.38) 82%,rgba(1,8,13,.24))!important;
  box-shadow:0 -1px 0 rgba(255,255,255,.025),0 7px 18px rgba(0,0,0,.16),inset 0 0 22px rgba(43,220,255,.035)!important;
  -webkit-backdrop-filter:blur(7px) saturate(1.12)!important;
  backdrop-filter:blur(7px) saturate(1.12)!important;
}
#mkCommandDeck .mk-deck-dash::before{
  display:block!important;
  content:"MKR // LIVE HUD // AUDIO LINK"!important;
  position:absolute!important;
  top:-11px!important;
  left:12px!important;
  width:auto!important;height:auto!important;
  color:rgba(113,239,255,.45)!important;
  background:rgba(0,6,10,.32)!important;
  border:0!important;
  padding:1px 6px!important;
  font:800 .38rem/1 monospace!important;
  letter-spacing:.16em!important;
  box-shadow:none!important;
}
#mkCommandDeck .mk-deck-dash::after{display:none!important}
#mkCommandDeck .mk-dash-media-window{
  height:58px!important;
  min-height:58px!important;
  border:1px solid rgba(103,228,241,.18)!important;
  background:rgba(0,0,0,.20)!important;
  box-shadow:inset 0 0 15px rgba(64,232,255,.05)!important;
}
#mkCommandDeck .mk-dash-media-window img{opacity:.82!important}
#mkCommandDeck .mk-dash-media-controls{opacity:.88!important}
#mkCommandDeck .mk-dash-song,#mkCommandDeck .mk-dash-next{
  background:transparent!important;
  border-color:rgba(107,225,235,.10)!important;
}
#mkCommandDeck .mk-dash-song strong{
  color:#eafcff!important;
  text-shadow:0 0 8px rgba(80,230,255,.18)!important;
}
#mkCommandDeck .mk-dash-live{color:#c7ff67!important}

@media(max-width:900px){
  #mkCommandDeck .mk-deck-dash{
    bottom:calc(max(39vh, 270px) + 2px)!important;
    width:96vw!important;
    height:64px!important;
    min-height:64px!important;
  }
  #mkCommandDeck .mk-dash-media-window{height:54px!important;min-height:54px!important}
}
@media(max-width:560px){
  #mkCommandDeck .mk-deck-dash{
    bottom:calc(max(42vh, 290px) + 1px)!important;
    width:98vw!important;
    height:58px!important;
    min-height:58px!important;
    padding:3px 5px!important;
    gap:5px!important;
  }
  #mkCommandDeck .mk-dash-media-window{height:50px!important;min-height:50px!important}
  #mkCommandDeck .mk-deck-dash::before{display:none!important}
}


/* LIVE SIGNAL SPECTRUM BETWEEN NOW PLAYING + UP NEXT — 2026-08-15 */
#mkCommandDeck .mk-deck-dash{
  grid-template-columns:164px minmax(250px,1.12fr) minmax(230px,.82fr) minmax(190px,.72fr)!important;
}
#mkCommandDeck .mk-dash-signal{
  min-width:0;
  display:flex;
  align-items:center;
  gap:10px;
  padding:7px 10px;
  border-left:1px solid rgba(66,232,255,.10);
  border-right:1px solid rgba(185,255,61,.08);
  background:linear-gradient(90deg,rgba(66,232,255,.018),rgba(185,255,61,.012),transparent);
  overflow:hidden;
}
#mkCommandDeck .mk-dash-spectrum{
  flex:1 1 auto;
  min-width:100px;
  height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:3px;
  padding:0 5px;
  border-bottom:1px solid rgba(185,255,61,.18);
  background:repeating-linear-gradient(0deg,transparent 0 8px,rgba(66,232,255,.035) 8px 9px);
}
#mkCommandDeck .mk-dash-spectrum i{
  width:4px;
  height:28%;
  min-height:3px;
  border-radius:2px 2px 0 0;
  background:linear-gradient(180deg,#8cf5ff,#b9ff3d);
  box-shadow:0 0 5px rgba(66,232,255,.28);
  transform-origin:50% 100%;
  animation:mkHudSpectrum .82s ease-in-out infinite alternate;
  opacity:.82;
}
#mkCommandDeck .mk-dash-spectrum i:nth-child(3n){animation-duration:.54s;animation-delay:-.31s}
#mkCommandDeck .mk-dash-spectrum i:nth-child(3n+1){animation-duration:.73s;animation-delay:-.17s}
#mkCommandDeck .mk-dash-spectrum i:nth-child(4n){animation-duration:.96s;animation-delay:-.49s}
#mkCommandDeck .mk-dash-spectrum i:nth-child(5n){animation-duration:.63s;animation-delay:-.23s}
@keyframes mkHudSpectrum{
  0%{transform:scaleY(.22);opacity:.52}
  35%{transform:scaleY(.72);opacity:.82}
  70%{transform:scaleY(1.28);opacity:1}
  100%{transform:scaleY(.48);opacity:.68}
}
#mkCommandDeck .mk-dash-signal-readout{
  flex:0 0 auto;
  display:flex;
  flex-direction:column;
  gap:4px;
  white-space:nowrap;
  font-family:monospace;
  text-align:right;
}
#mkCommandDeck .mk-dash-signal-readout b{
  color:#b9ff3d;
  font-size:.55rem;
  letter-spacing:.12em;
  text-shadow:0 0 7px rgba(185,255,61,.22);
}
#mkCommandDeck .mk-dash-signal-readout span{
  color:rgba(111,232,255,.64);
  font-size:.40rem;
  font-weight:800;
  letter-spacing:.08em;
}
@media(max-width:1100px){
  #mkCommandDeck .mk-deck-dash{grid-template-columns:145px minmax(220px,1fr) minmax(180px,.72fr) minmax(170px,.68fr)!important}
  #mkCommandDeck .mk-dash-signal-readout span{display:none}
}
@media(max-width:900px){
  #mkCommandDeck .mk-deck-dash{grid-template-columns:132px minmax(0,1fr)!important}
  #mkCommandDeck .mk-dash-signal{display:none!important}
}
@media(prefers-reduced-motion:reduce){#mkCommandDeck .mk-dash-spectrum i{animation:none!important;transform:scaleY(.55)}}

/* NOW PLAYING HUD — slightly larger + lighter glass — 2026-08-15 */
#mkCommandDeck .mk-deck-dash{width:min(1380px,97vw)!important;height:75px!important;min-height:75px!important;padding:5px 12px!important;gap:11px!important;background:linear-gradient(90deg,rgba(1,8,13,.18),rgba(2,12,17,.32) 18%,rgba(1,10,14,.27) 82%,rgba(1,8,13,.16))!important;box-shadow:0 -1px 0 rgba(255,255,255,.02),0 7px 18px rgba(0,0,0,.11),inset 0 0 22px rgba(43,220,255,.025)!important}
#mkCommandDeck .mk-dash-media-window{height:64px!important;min-height:64px!important;background:rgba(0,0,0,.13)!important}
#mkCommandDeck .mk-dash-song,#mkCommandDeck .mk-dash-next,#mkCommandDeck .mk-dash-signal{background-color:transparent!important}
@media(max-width:900px){#mkCommandDeck .mk-deck-dash{width:97vw!important;height:70px!important;min-height:70px!important}#mkCommandDeck .mk-dash-media-window{height:60px!important;min-height:60px!important}}
@media(max-width:560px){#mkCommandDeck .mk-deck-dash{width:99vw!important;height:63px!important;min-height:63px!important;padding:4px 6px!important}#mkCommandDeck .mk-dash-media-window{height:54px!important;min-height:54px!important}}

/* NOW PLAYING HUD — TOP WINDOW GLASS — 2026-08-15 */
#mkCommandDeck .mk-deck-dash{
  top:56px!important;
  bottom:auto!important;
  background:linear-gradient(90deg,
    rgba(1,8,13,.07),
    rgba(2,12,17,.17) 18%,
    rgba(1,10,14,.14) 82%,
    rgba(1,8,13,.06))!important;
  border-color:rgba(116,210,215,.16)!important;
  border-top-color:rgba(181,255,61,.16)!important;
  box-shadow:0 5px 14px rgba(0,0,0,.08),inset 0 0 18px rgba(48,255,224,.018)!important;
  backdrop-filter:blur(1.5px) saturate(108%)!important;
}
#mkCommandDeck .mk-dash-media-window{
  background:rgba(0,0,0,.07)!important;
  border-color:rgba(66,232,255,.20)!important;
  box-shadow:inset 0 0 12px rgba(66,232,255,.04),0 0 5px rgba(0,0,0,.16)!important;
}
#mkCommandDeck .mk-dash-song,
#mkCommandDeck .mk-dash-next,
#mkCommandDeck .mk-dash-signal{
  background:transparent!important;
}
@media(max-width:900px){
  #mkCommandDeck .mk-deck-dash{top:52px!important;bottom:auto!important}
}
@media(max-width:560px){
  #mkCommandDeck .mk-deck-dash{top:48px!important;bottom:auto!important}
}

/* NOW PLAYING HUD — FIT FULL COCKPIT WINDOW WIDTH — 2026-08-15 */
#mkCommandDeck .mk-deck-dash{
  left:12px!important;
  right:12px!important;
  width:auto!important;
  max-width:none!important;
  transform:none!important;
  box-sizing:border-box!important;
}
@media(max-width:900px){
  #mkCommandDeck .mk-deck-dash{left:8px!important;right:8px!important;width:auto!important}
}
@media(max-width:560px){
  #mkCommandDeck .mk-deck-dash{left:4px!important;right:4px!important;width:auto!important}
}


/* HUD WINDOW FIT — keep glass bar inside cockpit window frame */
#mkCommandDeck .mk-deck-dash{
  width:min(1180px,88vw)!important;
  max-width:calc(100vw - 110px)!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  box-sizing:border-box!important;
}
@media(max-width:1100px){
  #mkCommandDeck .mk-deck-dash{
    width:90vw!important;
    max-width:calc(100vw - 70px)!important;
  }
}
@media(max-width:700px){
  #mkCommandDeck .mk-deck-dash{
    width:94vw!important;
    max-width:calc(100vw - 28px)!important;
  }
}

/* =========================================================
   MKR 360° WHOLE-EARTH ORBIT + REAL-TIME SUN — 2026-08-15
   Final authority over earlier Earth-motion patches.
   ========================================================= */
#mkEarthOrbitLayer{
  background:
    radial-gradient(circle at 50% 42%,rgba(44,89,128,.12),transparent 58%),
    radial-gradient(circle at 50% 72%,rgba(4,20,34,.55),rgba(0,2,8,.96) 74%)!important;
  overflow:hidden!important;
  isolation:isolate!important;
}
#mkEarthOrbitLayer .mk-earth-strip{
  position:absolute!important;
  left:-7%!important;
  right:-7%!important;
  top:12%!important;
  bottom:-30%!important;
  width:auto!important;
  height:auto!important;
  inset:auto!important;
  border-radius:50% 50% 47% 47% / 44% 44% 56% 56%!important;
  background-image:url("cockpit-assets/nasa-blue-marble-360.jpg")!important;
  background-repeat:repeat-x!important;
  background-size:auto 100%!important;
  background-position:var(--mk-earth-tex-x,50%) center!important;
  transform:none!important;
  translate:none!important;
  filter:saturate(1.12) contrast(1.06) brightness(1.03)!important;
  box-shadow:
    0 -5px 20px rgba(67,180,255,.72),
    0 -12px 45px rgba(30,128,255,.30),
    inset 0 8px 24px rgba(185,228,255,.12),
    inset 0 -80px 120px rgba(0,4,14,.28)!important;
  will-change:background-position!important;
}
#mkEarthOrbitLayer .mk-earth-strip::after{
  content:"";
  position:absolute;
  inset:-2%;
  border-radius:inherit;
  pointer-events:none;
  background:
    radial-gradient(
      ellipse 60% 82% at var(--mk-sun-view-x,50%) var(--mk-sun-view-y,50%),
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.03) 36%,
      rgba(0,2,9,.22) 53%,
      rgba(0,2,10,.66) 72%,
      rgba(0,1,8,.90) 100%
    );
  mix-blend-mode:multiply;
}
#mkEarthOrbitLayer .mk-earth-strip::before{
  content:"";
  position:absolute;
  inset:-1%;
  border-radius:inherit;
  pointer-events:none;
  background:
    radial-gradient(
      ellipse 42% 62% at var(--mk-sun-view-x,50%) var(--mk-sun-view-y,50%),
      rgba(255,246,205,.14) 0%,
      rgba(255,228,170,.055) 38%,
      transparent 72%
    );
  mix-blend-mode:screen;
}
#mkEarthOrbitLayer .mk-earth-terminator{
  display:none!important;
}
#mkEarthOrbitLayer::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:3!important;
  pointer-events:none!important;
  background:
    linear-gradient(180deg,rgba(0,0,0,.04),transparent 22%,transparent 74%,rgba(0,0,0,.20)),
    radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.16) 100%)!important;
}
@media(max-width:900px){
  #mkEarthOrbitLayer .mk-earth-strip{
    left:-20%!important;
    right:-20%!important;
    top:15%!important;
    bottom:-24%!important;
  }
}
@media(max-width:560px){
  #mkEarthOrbitLayer .mk-earth-strip{
    left:-34%!important;
    right:-34%!important;
    top:17%!important;
    bottom:-18%!important;
  }
}
@media(prefers-reduced-motion:reduce){
  #mkEarthOrbitLayer .mk-earth-strip{background-position:var(--mk-earth-tex-x,50%) center!important}
}

/* EARTH VISIBILITY GUARANTEE — 2026-08-15 */
#mkEarthOrbitLayer{
  z-index:1!important;
  background:radial-gradient(ellipse at center,rgba(8,26,48,.45) 0%,rgba(1,7,16,.92) 72%,#000 100%)!important;
}
#mkEarthOrbitLayer .mk-earth-strip{
  z-index:1!important;
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  left:3%!important;
  right:3%!important;
  top:7%!important;
  bottom:-34%!important;
  width:auto!important;
  height:auto!important;
  min-height:320px!important;
  border-radius:50%!important;
  background-color:#12365b!important;
  background-image:url("cockpit-assets/nasa-blue-marble-360.jpg"),url("cockpit-assets/earth-single.jpg")!important;
  background-repeat:repeat-x,no-repeat!important;
  background-size:200% 100%,cover!important;
  background-position:var(--mk-earth-tex-x,50%) center,center center!important;
  box-shadow:0 -4px 18px rgba(88,190,255,.78),0 -12px 44px rgba(34,130,255,.28),inset 0 -110px 140px rgba(0,4,14,.34)!important;
  transform:none!important;
  translate:none!important;
}
#mkEarthOrbitLayer .mk-earth-strip::before,
#mkEarthOrbitLayer .mk-earth-strip::after{z-index:2!important}
#mkCommandDeck::after{z-index:3!important}
.mk-deck-status,.mk-deck-hud,.mk-deck-controls,.mk-deck-dash,#mkConsoleActivity,#mkConsoleSkin{z-index:6!important}
@media(max-width:900px){
  #mkEarthOrbitLayer .mk-earth-strip{left:-8%!important;right:-8%!important;top:10%!important;bottom:-22%!important;min-height:250px!important}
}
@media(max-width:560px){
  #mkEarthOrbitLayer .mk-earth-strip{left:-18%!important;right:-18%!important;top:11%!important;bottom:-12%!important;min-height:210px!important}
}


/* SEAMLESS INFINITE EARTH ORBIT — no 360/0 jump */
#mkRealtimeEarth,#mkEarth{
  overflow:hidden!important;
  will-change:transform,background-position!important;
}
#mkRealtimeEarth::before,#mkEarth::before{
  content:""!important;
  position:absolute!important;
  inset:-2% -100% -2% 0!important;
  width:200%!important;
  height:104%!important;
  background-image:inherit!important;
  background-size:50% 100%!important;
  background-repeat:repeat-x!important;
  background-position-x:var(--mk-orbit-x,0%)!important;
  transform:translateZ(0)!important;
  will-change:background-position!important;
}
/* NRT cloud/true-color overlay sits over Earth, never over cockpit chrome/HUD. */
#mkLiveClouds{
  position:absolute!important;
  z-index:3!important;
  pointer-events:none!important;
  inset:0!important;
  opacity:.34!important;
  mix-blend-mode:screen!important;
  filter:saturate(.75) contrast(1.05)!important;
  overflow:hidden!important;
}
/* Keep physical cockpit and HUD above planetary imagery. */
#mkCommandDeck .mk-deck-frame,
#mkCommandDeck .mk-deck-dash{position:relative!important;z-index:20!important}


/* MAJOR HUD READOUTS ONLY — lime for contrast over Earth */
#mkCommandDeck .mk-deck-dash{
  text-shadow:
    0 1px 2px rgba(0,0,0,.96),
    0 0 6px rgba(0,0,0,.82)!important;
}

/* Major labels/readouts */
#mkCommandDeck .mk-now-playing-label,
#mkCommandDeck [data-now-title],
#mkCommandDeck [data-now-artist],
#mkCommandDeck .mk-dash-next strong,
#mkCommandDeck .mk-dash-next b,
#mkCommandDeck .mk-dash-signal strong,
#mkCommandDeck .mk-dash-signal b{
  color:#b9ff3d!important;
  text-shadow:
    0 1px 2px rgba(0,0,0,.98),
    0 0 7px rgba(0,0,0,.90),
    0 0 10px rgba(185,255,61,.12)!important;
}

/* Give the song title a touch more punch */
#mkCommandDeck [data-now-title]{
  color:#d8ff74!important;
}

/* Keep secondary utility text neutral */
#mkCommandDeck .mk-deck-dash small,
#mkCommandDeck .mk-deck-dash .muted,
#mkCommandDeck .mk-deck-dash .mk-dash-meta,
#mkCommandDeck .mk-deck-dash .mk-dash-sub,
#mkCommandDeck .mk-deck-dash .mk-dash-caption{
  color:rgba(238,247,250,.84)!important;
}

/* Boarding presentation: no visible slide/frame numbering */
.mk-slide-number,.slide-number,.frame-number,.scene-number,
[data-slide-number],[data-frame-number],
.mk-board-scene::before,.mk-board-scene::after{
  content:none!important;
}
.mk-slide-number,.slide-number,.frame-number,.scene-number,
[data-slide-number],[data-frame-number]{
  display:none!important;visibility:hidden!important;opacity:0!important;
}


/* SINGLE-SOURCE EARTH ORBIT CONTROLLER */
#mkRealtimeEarth,
#mkEarth,
.mk-earth,
.mk-earth-layer,
[class*="earth-orbit"]{
  animation:none!important;
}

/* Texture conveyor: duplicated image repeats seamlessly and is shifted by ONE RAF loop only. */
#mkRealtimeEarth::before,
#mkEarth::before,
.mk-earth-layer::before{
  animation:none!important;
  background-repeat:repeat-x!important;
  background-size:50% 100%!important;
  background-position:var(--mk-earth-shift,0%) center!important;
  transform:none!important;
  transition:none!important;
  will-change:background-position!important;
}

/* Freeze legacy inline/pseudo transforms so they cannot teleport the globe. */
#mkRealtimeEarth,
#mkEarth{
  transition:none!important;
  transform:none!important;
  background-position:center!important;
}


/* =========================================================
   FINAL EARTH MOTION AUTHORITY — SEAMLESS TWO-COPY CONVEYOR
   No background-position animation. No modulo jump.
   ========================================================= */
#mkEarthOrbitLayer .mk-earth-strip{
  position:absolute!important;
  z-index:1!important;
  left:3%!important;
  right:3%!important;
  top:7%!important;
  bottom:-34%!important;
  width:auto!important;
  height:auto!important;
  min-height:320px!important;
  overflow:hidden!important;
  border-radius:50%!important;
  background:#12365b!important;
  background-image:none!important;
  background-position:center!important;
  animation:none!important;
  transform:none!important;
  translate:none!important;
  box-shadow:0 -4px 18px rgba(88,190,255,.78),0 -12px 44px rgba(34,130,255,.28),inset 0 -110px 140px rgba(0,4,14,.34)!important;
}
#mkEarthOrbitLayer .mk-earth-conveyor{
  position:absolute!important;
  inset:0 auto 0 0!important;
  width:200%!important;
  height:100%!important;
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:0!important;
  animation:mkEarthConveyor 240s linear infinite!important;
  animation-delay:var(--mk-orbit-delay,0ms)!important;
  will-change:transform!important;
  transform:translate3d(0,0,0);
  backface-visibility:hidden!important;
}
#mkEarthOrbitLayer .mk-earth-conveyor img{
  display:block!important;
  flex:0 0 50%!important;
  width:50%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:fill!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  user-select:none!important;
  pointer-events:none!important;
  filter:saturate(1.12) contrast(1.06) brightness(1.03)!important;
}
@keyframes mkEarthConveyor{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}
/* Lighting overlays remain fixed to the globe/window and are driven by UTC. */
#mkEarthOrbitLayer .mk-earth-strip::before,
#mkEarthOrbitLayer .mk-earth-strip::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:-1%!important;
  z-index:3!important;
  pointer-events:none!important;
  border-radius:inherit!important;
}
#mkEarthOrbitLayer .mk-earth-strip::before{
  background:radial-gradient(ellipse 42% 62% at var(--mk-sun-view-x,50%) var(--mk-sun-view-y,50%),rgba(255,246,205,.14) 0%,rgba(255,228,170,.055) 38%,transparent 72%)!important;
  mix-blend-mode:screen!important;
}
#mkEarthOrbitLayer .mk-earth-strip::after{
  background:radial-gradient(ellipse 60% 82% at var(--mk-sun-view-x,50%) var(--mk-sun-view-y,50%),rgba(0,0,0,0) 0%,rgba(0,0,0,.03) 36%,rgba(0,2,9,.22) 53%,rgba(0,2,10,.66) 72%,rgba(0,1,8,.90) 100%)!important;
  mix-blend-mode:multiply!important;
}
@media(max-width:900px){
  #mkEarthOrbitLayer .mk-earth-strip{left:-8%!important;right:-8%!important;top:10%!important;bottom:-22%!important;min-height:250px!important}
}
@media(max-width:560px){
  #mkEarthOrbitLayer .mk-earth-strip{left:-18%!important;right:-18%!important;top:11%!important;bottom:-12%!important;min-height:210px!important}
}
@media(prefers-reduced-motion:reduce){
  #mkEarthOrbitLayer .mk-earth-conveyor{animation-duration:480s!important}
}

/* TRUE EARTH MOTION AUTHORITY — canvas only */
#mkEarthOrbitLayer .mk-earth-conveyor,
#mkEarthOrbitLayer .mk-earth-conveyor img,
#mkRealtimeEarth,
#mkEarth,
.mk-earth-layer,
[class*="earth-orbit-strip"]{
  animation:none!important;
}

#mkEarthOrbitLayer .mk-earth-strip{
  position:absolute!important;
  z-index:2!important;
  left:3%!important;
  right:3%!important;
  top:7%!important;
  bottom:-34%!important;
  overflow:hidden!important;
  border-radius:50%!important;
  background:#08233c!important;
  box-shadow:0 -4px 18px rgba(88,190,255,.78),
             0 -12px 44px rgba(34,130,255,.28),
             inset 0 -110px 140px rgba(0,4,14,.34)!important;
}

#mkEarthOrbitCanvas{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  display:block!important;
  z-index:1!important;
  border-radius:inherit!important;
  transform:none!important;
  animation:none!important;
}

/* Hide obsolete planet-image surfaces so they cannot flash or jump underneath. */
#mkConsoleSkin::before,
#mkCommandDeck::before{
  animation:none!important;
}

@media(max-width:900px){
  #mkEarthOrbitLayer .mk-earth-strip{
    left:-8%!important;right:-8%!important;top:10%!important;bottom:-22%!important;
  }
}
@media(max-width:560px){
  #mkEarthOrbitLayer .mk-earth-strip{
    left:-18%!important;right:-18%!important;top:11%!important;bottom:-12%!important;
  }
}

/* MKR 2026-08-19 — UFO full-page: keep radar FULL SCREEN control clear of deck RETURN button. */
#mkDeckSystemOverlay.full-system #mkDeckSystemMount #alienTrafficCard .alien-radar-heading-actions{
  margin-right:150px!important;
}