/* Minimal launch screen and mobile-first orbital home. Scoped to title/menu. */
#title-screen.title-screen--premium {
  overflow: hidden !important;
  background:
    radial-gradient(circle at 50% 42%, rgba(20, 91, 142, .24), transparent 26%),
    radial-gradient(circle at 18% 76%, rgba(50, 25, 104, .2), transparent 34%),
    linear-gradient(180deg, #02040d, #050818 64%, #02030a) !important;
}

#title-screen .title-premium-wrap {
  display: grid !important;
  grid-template-rows: 1fr auto 1fr !important;
  place-items: center;
  width: 100% !important;
  max-width: none !important;
  min-height: 100% !important;
  margin: 0 !important;
  padding: calc(22px + env(safe-area-inset-top)) 26px calc(34px + env(safe-area-inset-bottom)) !important;
  overflow: hidden !important;
  background: transparent !important;
}

#title-screen .title-premium-wrap::before,
#title-screen .title-premium-wrap::after {
  content: "";
  position: absolute;
  inset: -12%;
  pointer-events: none;
}

#title-screen .title-premium-wrap::before {
  z-index: -1;
  opacity: .72;
  background-image:
    radial-gradient(circle, rgba(222, 250, 255, .88) 0 1px, transparent 1.8px),
    radial-gradient(circle, rgba(92, 210, 255, .7) 0 1px, transparent 1.9px),
    radial-gradient(circle, rgba(255, 255, 255, .65) 0 .7px, transparent 1.5px);
  background-position: 3% 9%, 75% 22%, 41% 78%;
  background-size: 107px 127px, 173px 181px, 67px 83px;
  animation: rem-title-star-drift 20s linear infinite;
}

#title-screen .title-premium-wrap::after {
  z-index: -1;
  opacity: .68;
  background:
    linear-gradient(118deg, transparent 44%, rgba(194, 246, 255, 0) 46%, rgba(194, 246, 255, .96) 49%, rgba(84, 199, 255, 0) 55%, transparent 57%);
  transform: translate3d(-62%, -38%, 0);
  animation: rem-title-comet 8s cubic-bezier(.18,.71,.24,1) infinite;
}

#title-screen .title-premium-vignette,
#title-screen .title-premium-noise,
#title-screen .title-premium-scanline,
#title-screen .title-premium-hudframe,
#title-screen .title-premium-stars,
#title-screen .neo-title-bg,
#title-screen .neo-title-nebula,
#title-screen .neo-title-stars,
#title-screen .neo-title-comets,
#title-screen .neo-title-planet,
#title-screen .neo-title-grid,
#title-screen .entry-title-world,
#title-screen .neo-title-top,
#title-screen .title-ops-banner,
#title-screen .neo-logo,
#title-screen .neo-logo-jp,
#title-screen .neo-sub-en,
#title-screen .neo-sub-jp,
#title-screen .title-launch-deck,
#title-screen .title-operation-card,
#title-screen .neo-event-card,
#title-screen .title-start-note,
#title-screen .title-footer-row {
  display: none !important;
}

#title-screen .neo-title-main {
  grid-row: 2;
  display: block !important;
  width: min(100%, 980px);
  text-align: center;
  animation: rem-title-logo-float 5.5s ease-in-out infinite;
}

#title-screen .title-logo-art {
  display: block;
  width: min(100%, 790px);
  height: auto;
  margin: 0 auto;
  object-fit: contain;
  mix-blend-mode: screen;
  filter: drop-shadow(0 0 12px rgba(70, 211, 255, .2));
  image-rendering: auto;
}

#title-screen .title-bottom-ui {
  grid-row: 3;
  align-self: end;
  display: block !important;
  width: min(100%, 340px) !important;
  margin: 0 !important;
}

#title-screen .title-start-btn {
  width: 100% !important;
  min-height: 58px !important;
  padding: 0 20px !important;
  border: 1px solid rgba(135, 231, 255, .85) !important;
  border-radius: 2px !important;
  background: linear-gradient(180deg, rgba(20, 76, 111, .95), rgba(5, 22, 42, .96)) !important;
  box-shadow: inset 0 0 0 1px rgba(225, 255, 255, .15), 0 0 24px rgba(59, 194, 255, .2) !important;
  color: #f3fdff !important;
  font: 900 17px/1 var(--r-display, monospace) !important;
  letter-spacing: .22em !important;
}

#title-screen .title-start-btn::before {
  content: "";
  position: absolute;
  inset: 5px;
  border-top: 1px solid rgba(183, 246, 255, .55);
  border-bottom: 1px solid rgba(183, 246, 255, .25);
  pointer-events: none;
}

#title-screen .title-start-btn:active { transform: translateY(2px) scale(.99) !important; }

@keyframes rem-title-star-drift { to { transform: translate3d(2.5%, 4%, 0); } }
@keyframes rem-title-comet { 0%, 64% { opacity: 0; transform: translate3d(-62%, -38%, 0); } 69% { opacity: .7; } 78% { opacity: 0; transform: translate3d(66%, 48%, 0); } 100% { opacity: 0; transform: translate3d(66%, 48%, 0); } }
@keyframes rem-title-logo-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }

/* Home: a focused ship bay, side utilities and four top-level destinations. */
#menu-screen.main-menu--premium.rem-menu-v3 {
  overflow-x: hidden !important;
  background:
    radial-gradient(circle at 50% 18%, rgba(23, 104, 158, .21), transparent 30%),
    radial-gradient(circle at 82% 72%, rgba(68, 35, 132, .18), transparent 38%),
    linear-gradient(180deg, #030716, #071024 58%, #030611) !important;
}

#menu-screen.main-menu--premium.rem-menu-v3 .rem-menu {
  width: min(100%, 540px) !important;
  min-height: 100%;
  margin: 0 auto !important;
  padding: calc(10px + env(safe-area-inset-top)) 14px calc(91px + env(safe-area-inset-bottom)) !important;
  background: transparent !important;
}

#menu-screen .menu-premium-bg__grid,
#menu-screen .menu-premium-bg__scanline,
#menu-screen .menu-fx-layer { opacity: .1 !important; }

#menu-screen .home-shell { position: relative; min-height: calc(100vh - 90px); }
#menu-screen [data-home-panel] { display: none !important; }
#menu-screen .home-shell[data-home-tab="home"] [data-home-panel="home"],
#menu-screen .home-shell[data-home-tab="end"] [data-home-panel="end"],
#menu-screen .home-shell[data-home-tab="develop"] [data-home-panel="develop"],
#menu-screen .home-shell[data-home-tab="profile"] [data-home-panel="profile"] { display: block !important; }
#menu-screen .home-shell[data-home-tab="profile"] .menu-home-status-grid { display: grid !important; }

#menu-screen .home-command-deck { position: relative; z-index: 2; display: grid; gap: 7px; }
#menu-screen .rem-menu-header { min-height: 44px !important; padding: 8px 11px !important; background: rgba(7, 19, 43, .78) !important; border: 1px solid rgba(107, 209, 245, .32) !important; }
#menu-screen .menu-header__label, #menu-screen .menu-home-resource-label { font-size: 8px !important; }
#menu-screen .menu-header__value { font-size: 14px !important; }
#menu-screen .menu-header__meter, #menu-screen .home-local-state, #menu-screen .menu-home-rank, #menu-screen .menu-home-resource:not(.home-credit-resource) { display: none !important; }
#menu-screen .menu-home-topbar { display: flex !important; justify-content: flex-end; min-height: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; }
#menu-screen .home-credit-resource { min-width: 120px; padding: 6px 10px !important; background: rgba(8, 23, 48, .8) !important; border: 1px solid rgba(107, 209, 245, .3) !important; }

#menu-screen .home-hangar-deck { position: relative; min-height: 420px; padding: 12px 0 0 !important; background: transparent !important; border: 0 !important; }
#menu-screen .home-brand-row, #menu-screen .home-hangar-rail, #menu-screen .home-hangar-readout { display: none !important; }
#menu-screen .home-hangar-visual { min-height: 276px; }
#menu-screen .rem-menu-hangar { width: min(100%, 294px) !important; height: 258px !important; min-height: 258px !important; margin: 0 auto !important; border: 0 !important; background: radial-gradient(ellipse at 50% 72%, color-mix(in srgb, var(--mm-ship-a, #83ddff) 27%, transparent), transparent 38%) !important; }
#menu-screen .menu-hangar-stage__pad { transform: translateX(-50%) scale(1.38); }
#menu-screen .menu-hangar-ship { transform: translate(-50%, -50%) scale(1.42); }
#menu-screen .home-loadout-strip { position: relative; z-index: 2; width: max-content; max-width: calc(100% - 32px); margin: -13px auto 0; padding: 7px 13px; text-align: center; border: 1px solid rgba(104, 213, 246, .45); background: rgba(3, 12, 28, .84); }
#menu-screen .home-loadout-label { display: none; }
#menu-screen .menu-hangar-info { margin: 0 !important; color: #e8faff !important; font: 800 11px/1.25 var(--r-display, monospace) !important; white-space: normal; }
#menu-screen .menu-hero-card { position: absolute; right: 0; bottom: 12px; left: 0; display: block !important; min-height: 76px !important; padding: 0 !important; background: transparent !important; border: 0 !important; }
#menu-screen .menu-hero-copy { display: none !important; }
#menu-screen .menu-hero-play { width: min(100%, 342px) !important; height: 64px !important; min-height: 64px !important; margin: 0 auto !important; border-color: rgba(255, 214, 118, .85) !important; background: linear-gradient(180deg, #8d6424, #36250d) !important; box-shadow: inset 0 0 0 1px rgba(255,244,204,.26), 0 8px 24px rgba(0,0,0,.36) !important; }

#menu-screen .home-side-actions { position: absolute; top: 118px; right: 0; left: 0; z-index: 3; pointer-events: none; }
#menu-screen .home-side-actions .menu-home-dock { display: grid !important; grid-template-columns: 72px 72px; justify-content: space-between; gap: 124px calc(100% - 144px); pointer-events: none; }
#menu-screen .home-side-actions .menu-dock-btn { display: grid !important; grid-template-rows: 42px auto; place-items: center; width: 72px; min-width: 72px; min-height: 63px !important; padding: 0 !important; overflow: visible !important; border: 0 !important; background: transparent !important; box-shadow: none !important; pointer-events: auto; }
#menu-screen .home-side-actions .menu-dock-btn > i { display: grid; place-items: center; width: 40px; height: 40px; border: 1px solid rgba(115, 220, 255, .64); border-radius: 50%; background: rgba(6, 22, 48, .88); color: #eafaff; box-shadow: 0 0 14px rgba(71, 200, 255, .18), inset 0 0 10px rgba(80, 202, 255, .13); font: 900 17px/1 var(--r-display, monospace); font-style: normal; }
#menu-screen .home-side-actions .menu-dock-btn strong { margin-top: 4px; color: #dff7ff !important; font: 800 9px/1.15 var(--r-body, sans-serif) !important; white-space: nowrap; }
#menu-screen .home-side-actions .menu-dock-btn span { display: none !important; }
#menu-screen .home-side-actions .menu-dock-btn::before { display: none !important; }

#menu-screen .home-operation-deck, #menu-screen .home-facility-deck, #menu-screen .home-personnel-deck, #menu-screen .menu-home-status-grid { margin-top: 14px; padding: 0 !important; background: transparent !important; border: 0 !important; }
#menu-screen .rem-menu-section-title { margin: 0 0 10px !important; padding: 0 3px !important; color: #e9f7ff !important; font-size: 13px !important; }
#menu-screen .mode-grid-main, #menu-screen .mode-grid-sub, #menu-screen .rem-menu-facility-list, #menu-screen .rem-menu-system-list { gap: 9px !important; }
#menu-screen .mode-grid-main { grid-template-columns: 1fr !important; }
#menu-screen .mode-grid-sub, #menu-screen .rem-menu-facility-list { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
#menu-screen .menu-btn { min-height: 72px !important; padding: 12px 10px 10px 44px !important; border: 1px solid rgba(111, 197, 236, .33) !important; border-radius: 3px !important; background: linear-gradient(135deg, rgba(15, 54, 91, .88), rgba(5, 16, 35, .92)) !important; }
#menu-screen .menu-btn::before { display: grid !important; place-items: center; left: 11px !important; top: 50% !important; width: 24px !important; height: 24px !important; transform: translateY(-50%); border: 1px solid rgba(120, 221, 255, .56) !important; background: rgba(71, 183, 235, .12) !important; color: #bbedff !important; }
#menu-screen .menu-btn strong { font-size: 13px !important; }
#menu-screen .menu-btn span { margin-top: 4px; font-size: 10px !important; line-height: 1.3 !important; }
#menu-screen .menu-mode-meta { margin-top: 5px; color: #8ddfff; font: 700 8px/1.2 var(--r-display, monospace); }
#menu-screen .menu-home-status-grid { grid-template-columns: 1fr !important; gap: 9px !important; }

#menu-screen .home-tabbar { position: fixed; right: 0; bottom: 0; left: 0; z-index: 20; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); max-width: 540px; margin: 0 auto; padding: 7px 8px calc(7px + env(safe-area-inset-bottom)); border-top: 1px solid rgba(111, 210, 247, .36); background: rgba(3, 12, 28, .95); box-shadow: 0 -8px 25px rgba(0,0,0,.34); }
#menu-screen .home-tabbar__item { display: grid; gap: 3px; min-height: 48px; padding: 3px 1px; border: 0; background: transparent; color: #7fa8bd; font: 800 8px/1.08 var(--r-body, sans-serif); }
#menu-screen .home-tabbar__item i { display: grid; place-items: center; width: 23px; height: 23px; margin: 0 auto; border: 1px solid rgba(119, 194, 222, .35); border-radius: 50%; color: inherit; font: 900 10px/1 var(--r-display, monospace); font-style: normal; }
#menu-screen .home-tabbar__item.is-active { color: #ecfbff; text-shadow: 0 0 9px rgba(108, 222, 255, .65); }
#menu-screen .home-tabbar__item.is-active i { border-color: #8eeaff; background: rgba(61, 180, 228, .2); box-shadow: 0 0 12px rgba(75, 210, 255, .24); }
#menu-screen .home-footer { display: none !important; }

@media (max-width: 380px) {
  #title-screen .title-premium-wrap { padding-inline: 17px !important; }
  #menu-screen.main-menu--premium.rem-menu-v3 .rem-menu { padding-inline: 10px !important; }
  #menu-screen .home-side-actions .menu-home-dock { gap: 118px calc(100% - 144px); }
  #menu-screen .home-hangar-deck { min-height: 402px; }
  #menu-screen .rem-menu-hangar { transform: scale(.92); }
  #menu-screen .menu-btn { min-height: 68px !important; }
}

@media (prefers-reduced-motion: reduce) {
  #title-screen .title-premium-wrap::before,
  #title-screen .title-premium-wrap::after,
  #title-screen .neo-title-main { animation: none !important; }
}

/* Release-pass overrides: stronger selectors intentionally defeat legacy menu layers. */
#title-screen.title-screen--premium {
  isolation: isolate;
  background:
    radial-gradient(ellipse at 52% 44%, rgba(28,111,166,.22), transparent 42%),
    radial-gradient(ellipse at 12% 18%, rgba(68,42,145,.2), transparent 37%),
    linear-gradient(180deg, #01030b, #03091a 55%, #01030a) !important;
}
#title-screen .title-premium-wrap { position: relative !important; display: block !important; padding: 0 !important; }
#title-screen .title-premium-wrap::before {
  z-index: -3;
  opacity: .8;
  background-image:
    radial-gradient(circle, rgba(235,252,255,.95) 0 1px, transparent 1.6px),
    radial-gradient(circle, rgba(84,206,255,.78) 0 1px, transparent 1.8px),
    radial-gradient(circle, rgba(189,158,255,.62) 0 .8px, transparent 1.5px);
  background-position: 7px 13px, 38px 71px, 17px 34px;
  background-size: 113px 137px, 197px 211px, 71px 89px;
}
#title-screen .title-premium-wrap::after {
  z-index: -2;
  opacity: .45;
  background: linear-gradient(118deg, transparent 45%, rgba(193,247,255,.05) 47%, #eaffff 49%, rgba(77,199,255,.06) 52%, transparent 55%);
}
#title-screen .neo-title-nebula { display: block !important; position: absolute; z-index: -3; inset: 12% -30% 18%; opacity: .5; pointer-events: none; background: radial-gradient(ellipse at 46% 55%, rgba(30,146,186,.14), transparent 28%), radial-gradient(ellipse at 70% 32%, rgba(93,55,166,.13), transparent 30%); transform: rotate(-8deg); }
#title-screen .neo-title-stars { display: block !important; position: absolute; z-index: -2; inset: 0; opacity: .55; pointer-events: none; background-image: radial-gradient(circle at 17% 24%, #dffaff 0 1px, transparent 1.7px), radial-gradient(circle at 76% 16%, #8fe6ff 0 1.2px, transparent 2px), radial-gradient(circle at 88% 64%, #fff 0 .8px, transparent 1.5px), radial-gradient(circle at 32% 79%, #91dfff 0 1px, transparent 1.8px); background-size: 241px 227px, 337px 319px, 181px 263px, 293px 307px; }
#title-screen .neo-title-comets { display: block !important; position: absolute; z-index: -1; top: 14%; left: -45%; width: 52%; height: 2px; opacity: 0; pointer-events: none; background: linear-gradient(90deg, transparent, rgba(81,205,255,.2) 58%, #efffff); transform: rotate(-24deg); animation: rem-shooting-star 9s ease-in infinite 2.4s; }
#title-screen .neo-title-main {
  position: absolute !important;
  z-index: 2;
  top: 44% !important;
  left: 50% !important;
  width: min(94vw, 920px) !important;
  transform: translate(-50%, -50%) !important;
  animation: rem-title-logo-center 6s ease-in-out infinite !important;
}
#title-screen .title-logo-art { width: 100% !important; margin: 0 !important; mix-blend-mode: normal !important; filter: drop-shadow(0 0 8px rgba(89,220,255,.28)) drop-shadow(0 14px 25px rgba(0,0,0,.55)) !important; }
#title-screen .title-bottom-ui { position: absolute !important; z-index: 4; right: 0; bottom: calc(7.5% + env(safe-area-inset-bottom)); left: 0; width: min(calc(100% - 44px), 360px) !important; margin: 0 auto !important; }
#title-screen .title-start-btn { height: 58px !important; min-height: 58px !important; max-height: 58px !important; clip-path: polygon(11px 0,calc(100% - 11px) 0,100% 11px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 11px); border-radius: 0 !important; font-family: "Bahnschrift","Yu Gothic UI",sans-serif !important; }
@keyframes rem-title-logo-center { 0%,100% { transform: translate(-50%,-50%) translateY(0); } 50% { transform: translate(-50%,-50%) translateY(-5px); } }
@keyframes rem-shooting-star { 0%,68% { opacity:0; transform:translate3d(0,0,0) rotate(-24deg); } 71% { opacity:.9; } 78%,100% { opacity:0; transform:translate3d(210vw,68vh,0) rotate(-24deg); } }

#menu-screen.main-menu--premium.rem-menu-v3 { --home-cyan:#72dfff; isolation:isolate; background: radial-gradient(ellipse at 50% 30%,rgba(25,130,180,.22),transparent 36%),radial-gradient(ellipse at 10% 68%,rgba(56,43,136,.16),transparent 38%),linear-gradient(180deg,#020713,#071229 48%,#020610) !important; }
#menu-screen.main-menu--premium.rem-menu-v3 .rem-menu { padding: calc(9px + env(safe-area-inset-top)) 12px calc(77px + env(safe-area-inset-bottom)) !important; font-family:"Yu Gothic UI","BIZ UDPGothic",sans-serif; }
#menu-screen .menu-premium-bg__stars { opacity:.62 !important; background-image:radial-gradient(circle,rgba(219,250,255,.82) 0 1px,transparent 1.5px),radial-gradient(circle,rgba(72,202,255,.65) 0 .8px,transparent 1.5px),radial-gradient(circle,rgba(188,154,255,.5) 0 .7px,transparent 1.3px); background-position:13px 7px,51px 63px,27px 39px; background-size:139px 167px,227px 251px,91px 119px; }
#menu-screen .menu-premium-bg__grid { opacity:.16 !important; }
#menu-screen .home-command-deck { min-height:66px; }
#menu-screen .rem-menu-header { min-height:58px !important; padding:8px 142px 8px 11px !important; clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px); border-radius:0 !important; box-shadow:inset 4px 0 var(--home-cyan),0 7px 20px rgba(0,0,0,.3) !important; }
#menu-screen .menu-header__value { overflow:hidden; font-family:"Yu Gothic UI",sans-serif !important; text-overflow:ellipsis; white-space:nowrap; }
#menu-screen .menu-home-topbar { position:absolute !important; top:7px; right:7px; display:block !important; width:128px !important; min-height:44px !important; padding:0 !important; border:0 !important; background:transparent !important; }
#menu-screen .home-credit-resource { position:relative; display:block !important; width:100% !important; min-height:44px !important; padding:7px 8px 6px 34px !important; border-color:rgba(255,204,86,.38) !important; background:linear-gradient(90deg,rgba(52,38,12,.88),rgba(11,24,43,.9)) !important; }
#menu-screen .home-credit-resource::before { content:"C"; position:absolute; left:8px; top:11px; display:grid; place-items:center; width:20px; height:20px; border:1px solid #f3c45e; border-radius:50%; color:#ffe39a; font:900 10px/1 "Bahnschrift",sans-serif; }
#menu-screen .menu-home-resource-value { color:#fff3c7 !important; font:800 13px/1.1 "Bahnschrift",sans-serif !important; }

#menu-screen .home-hangar-deck { min-height:min(650px,calc(100svh - 150px)) !important; padding:0 !important; }
#menu-screen .home-hangar-visual { min-height:clamp(300px,48svh,400px) !important; overflow:visible !important; }
#menu-screen .rem-menu-hangar { position:absolute !important; top:48%; left:50%; width:min(78vw,340px) !important; height:min(78vw,340px) !important; min-height:0 !important; margin:0 !important; border:0 !important; border-radius:50% !important; background:repeating-radial-gradient(circle,transparent 0 42px,rgba(87,211,247,.12) 43px 44px),linear-gradient(90deg,transparent calc(50% - .5px),rgba(103,217,250,.18) 50%,transparent calc(50% + .5px)),linear-gradient(transparent calc(50% - .5px),rgba(103,217,250,.13) 50%,transparent calc(50% + .5px)) !important; transform:translate(-50%,-50%) !important; }
#menu-screen .home-hangar-reticle { display:block !important; position:absolute; inset:11%; border:1px solid rgba(102,220,255,.28); border-radius:50%; animation:rem-reticle-turn 22s linear infinite; }
#menu-screen .home-hangar-reticle::before,#menu-screen .home-hangar-reticle::after { content:""; position:absolute; inset:-5px 34%; border-top:3px solid #75e4ff; border-bottom:3px solid #75e4ff; }
#menu-screen .home-hangar-reticle::after { inset:34% -5px; border:0; border-right:3px solid #75e4ff; border-left:3px solid #75e4ff; }
#menu-screen .menu-hangar-stage__pad { top:auto !important; bottom:12% !important; width:68% !important; height:18% !important; border-radius:50% !important; transform:translateX(-50%) !important; }
#menu-screen .menu-active-ship-canvas { position:absolute; z-index:3; top:48%; left:50%; display:block; width:min(78%,270px); height:auto; transform:translate(-50%,-50%); image-rendering:pixelated; filter:drop-shadow(0 13px 9px rgba(0,0,0,.62)) drop-shadow(0 0 9px color-mix(in srgb,var(--mm-ship-a,#83ddff) 42%,transparent)); animation:rem-home-ship-hover 4.2s ease-in-out infinite; }
#menu-screen .menu-hangar-ship { display:none !important; }
#menu-screen .menu-hangar-stage__beam { z-index:1; top:18% !important; bottom:18% !important; left:50% !important; width:38% !important; height:auto !important; background:linear-gradient(90deg,transparent,rgba(78,214,255,.07),transparent) !important; transform:translateX(-50%) !important; }
#menu-screen .home-active-frame { position:relative; z-index:5; display:flex; align-items:baseline; justify-content:center; gap:11px; width:max-content; max-width:calc(100% - 150px); margin:clamp(-68px,-7svh,-40px) auto 0; padding:7px 15px 6px; clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px); border:1px solid rgba(120,222,248,.43); background:rgba(3,12,27,.91); }
#menu-screen .home-active-frame strong { overflow:hidden; color:#f7fcff; font:900 clamp(15px,4.2vw,19px)/1.1 "Yu Gothic UI",sans-serif; text-overflow:ellipsis; white-space:nowrap; }
#menu-screen .home-active-frame span { color:#76e7ff; font:900 14px/1 "Bahnschrift",sans-serif; white-space:nowrap; }
#menu-screen .home-loadout-strip { width:min(calc(100% - 112px),320px) !important; margin:8px auto 0 !important; padding:5px 10px !important; border:0 !important; background:rgba(3,12,26,.65) !important; }
#menu-screen .menu-hangar-info { color:#91bdcd !important; font:700 9px/1.25 "Yu Gothic UI",sans-serif !important; }
#menu-screen .menu-hero-card { position:relative !important; width:min(100%,388px) !important; min-height:74px !important; margin:18px auto 0 !important; }
#menu-screen .menu-hero-play { display:grid !important; grid-template-columns:47px 1fr 24px; width:100% !important; height:70px !important; min-height:70px !important; max-height:70px !important; padding:0 18px !important; clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,0 calc(100% - 9px),0 12px); border-color:rgba(116,235,255,.92) !important; border-radius:0 !important; background:linear-gradient(100deg,#087b9e,#21c7dc 52%,#087a9a) !important; color:#00131c !important; }
#menu-screen .home-sortie-copy strong { color:#00141b !important; font:900 24px/1 "Yu Gothic UI",sans-serif !important; }

#menu-screen .home-side-actions { position:absolute !important; z-index:6; top:142px !important; right:0 !important; left:0 !important; display:block !important; height:216px !important; margin:0 !important; padding:0 !important; border:0 !important; background:transparent !important; pointer-events:none; }
#menu-screen .home-side-actions .menu-home-dock { position:relative !important; display:block !important; width:100% !important; height:100% !important; margin:0 !important; padding:0 !important; border:0 !important; background:transparent !important; }
#menu-screen .home-side-actions .menu-home-dock .menu-dock-btn { position:absolute !important; display:grid !important; grid-template-rows:48px 16px !important; place-items:center !important; inline-size:68px !important; min-inline-size:68px !important; max-inline-size:68px !important; block-size:72px !important; min-block-size:72px !important; max-block-size:72px !important; margin:0 !important; padding:0 !important; overflow:visible !important; clip-path:none !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; transform:none !important; pointer-events:auto; }
#menu-screen .home-side-actions .menu-dock-btn:nth-child(1) { top:0 !important; left:0 !important; }
#menu-screen .home-side-actions .menu-dock-btn:nth-child(2) { top:0 !important; right:0 !important; left:auto !important; }
#menu-screen .home-side-actions .menu-dock-btn:nth-child(3) { top:126px !important; left:0 !important; }
#menu-screen .home-side-actions .menu-dock-btn:nth-child(4) { top:126px !important; right:0 !important; left:auto !important; }
#menu-screen .home-side-actions .menu-dock-btn::before,#menu-screen .home-side-actions .menu-dock-btn::after,#menu-screen .home-side-actions .menu-dock-btn strong::before { display:none !important; content:none !important; }
#menu-screen .home-side-actions .menu-dock-btn > i { display:grid !important; place-items:center !important; width:48px !important; height:48px !important; margin:0 !important; clip-path:polygon(9px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 9px),calc(100% - 9px) 100%,5px 100%,0 calc(100% - 5px),0 9px); border:1px solid rgba(118,217,248,.58) !important; border-radius:0 !important; background:linear-gradient(145deg,rgba(15,53,88,.96),rgba(3,13,31,.95)) !important; box-shadow:inset 0 0 0 2px rgba(151,232,255,.06),0 6px 14px rgba(0,0,0,.42) !important; color:#bceeff !important; }
#menu-screen .home-side-actions .menu-dock-btn > i svg { width:30px; height:30px; fill:none; stroke:currentColor; stroke-width:2.4; stroke-linecap:square; stroke-linejoin:miter; }
#menu-screen .home-side-actions .menu-dock-btn strong { display:block !important; width:max-content !important; margin:3px 0 0 !important; color:#dff7ff !important; font:800 10px/1 "Yu Gothic UI",sans-serif !important; white-space:nowrap !important; }
#menu-screen .home-side-actions .menu-dock-btn > span { display:none !important; }
#menu-screen .home-side-actions .menu-dock-btn:active > i { transform:scale(.94); border-color:#e5fbff !important; }

#menu-screen .home-operation-deck .menu-btn,#menu-screen .home-facility-deck .menu-btn,#menu-screen .home-personnel-deck .menu-btn { clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px); border-radius:0 !important; font-family:"Yu Gothic UI",sans-serif !important; }
#menu-screen .home-tabbar__item { font-family:"Yu Gothic UI",sans-serif !important; }
#menu-screen .home-tabbar__item.is-active::before { content:""; position:absolute; top:-7px; right:16%; left:16%; height:2px; background:#65e5ff; box-shadow:0 0 9px #5edfff; }
@keyframes rem-reticle-turn { to { transform:rotate(360deg); } }
@keyframes rem-home-ship-hover { 0%,100% { transform:translate(-50%,-50%) translateY(0); } 50% { transform:translate(-50%,-50%) translateY(-7px); } }

@media (max-width:380px) {
  #title-screen .neo-title-main { width:96vw !important; }
  #title-screen .title-bottom-ui { width:calc(100% - 32px) !important; }
  #menu-screen.main-menu--premium.rem-menu-v3 .rem-menu { padding-inline:9px !important; }
  #menu-screen .home-side-actions .menu-home-dock .menu-dock-btn { inline-size:62px !important; min-inline-size:62px !important; max-inline-size:62px !important; }
  #menu-screen .home-side-actions .menu-dock-btn > i { width:44px !important; height:44px !important; }
  #menu-screen .home-active-frame { max-width:calc(100% - 132px); }
}
@media (prefers-reduced-motion:reduce) {
  #title-screen .neo-title-comets,#title-screen .neo-title-main,#menu-screen .home-hangar-reticle,#menu-screen .menu-active-ship-canvas { animation:none !important; }
}

/* Structural reset for legacy home rules. Keep this block last. */
#menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .home-command-deck::before,
#menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .home-hangar-visual::after,
#menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .rem-menu-hangar::before,
#menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .rem-menu-hangar::after { display:none !important; content:none !important; }

#menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .home-command-deck {
  position:relative !important;
  min-height:62px !important;
  padding:0 !important;
  border:0 !important;
}
#menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .rem-menu-header {
  position:relative !important;
  display:block !important;
  width:100% !important;
  height:58px !important;
  min-height:58px !important;
  padding:8px 142px 8px 12px !important;
  overflow:hidden !important;
  border:1px solid rgba(105,208,243,.42) !important;
  border-radius:0 !important;
  background:linear-gradient(90deg,rgba(8,30,60,.96),rgba(5,17,38,.9)) !important;
  box-shadow:inset 4px 0 var(--home-cyan),0 7px 20px rgba(0,0,0,.3) !important;
}
#menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .menu-header__pilot {
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  height:auto !important;
  padding:4px 0 0 !important;
  overflow:hidden !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
#menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .menu-header__meter,
#menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .home-local-state,
#menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .menu-home-rank,
#menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .menu-home-resource:not(.home-credit-resource) { display:none !important; }
#menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .menu-home-topbar {
  position:absolute !important;
  z-index:4 !important;
  top:7px !important;
  right:7px !important;
  display:block !important;
  width:126px !important;
  height:44px !important;
  min-height:44px !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  border:0 !important;
  background:transparent !important;
}
#menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .home-credit-resource {
  position:relative !important;
  display:block !important;
  width:126px !important;
  height:44px !important;
  min-height:44px !important;
  margin:0 !important;
  padding:7px 7px 5px 34px !important;
  overflow:hidden !important;
  border:1px solid rgba(235,193,89,.42) !important;
  border-radius:0 !important;
  background:linear-gradient(90deg,rgba(51,37,12,.93),rgba(7,22,42,.94)) !important;
  box-shadow:none !important;
}
#menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .home-credit-resource .menu-home-resource-label { margin:0 0 3px !important; font-size:7px !important; }
#menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .home-credit-resource .menu-home-resource-value { margin:0 !important; font-size:12px !important; }

#menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .home-shell:not([data-home-tab="profile"]) .rem-menu-status-grid,
#menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .home-shell[data-home-tab="home"] [data-home-panel="profile"] { display:none !important; }
#menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .home-shell[data-home-tab="home"] [data-home-panel="home"] { display:block !important; }

#menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .home-hangar-deck {
  position:relative !important;
  min-height:0 !important;
  height:auto !important;
  margin:0 !important;
  padding:0 0 12px !important;
  overflow:visible !important;
  border:0 !important;
  background:transparent !important;
}
#menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .home-hangar-deck::before,
#menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .home-hangar-deck::after { display:none !important; }
#menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .home-hangar-visual {
  position:relative !important;
  display:grid !important;
  place-items:center !important;
  width:100% !important;
  height:340px !important;
  min-height:340px !important;
  max-height:340px !important;
  margin:0 !important;
  overflow:visible !important;
  background:linear-gradient(90deg,transparent 49.8%,rgba(91,211,223,.1) 50%,transparent 50.2%) !important;
}
#menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .rem-menu-hangar {
  position:relative !important;
  top:auto !important;
  right:auto !important;
  bottom:auto !important;
  left:auto !important;
  display:block !important;
  width:300px !important;
  height:300px !important;
  min-height:300px !important;
  margin:0 auto !important;
  overflow:visible !important;
  border:0 !important;
  border-radius:50% !important;
  transform:none !important;
}
#menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .menu-active-ship-canvas { display:none !important; }
#menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .menu-active-ship-art {
  position:absolute !important;
  z-index:4 !important;
  top:24px !important;
  left:31px !important;
  display:block !important;
  width:238px !important;
  height:238px !important;
  max-width:none !important;
  object-fit:contain !important;
  object-position:center !important;
  transform:none !important;
  filter:drop-shadow(0 14px 10px rgba(0,0,0,.6)) drop-shadow(0 0 10px rgba(92,220,255,.25));
  image-rendering:pixelated;
  animation:none !important;
}
#menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .menu-hangar-stage__pad {
  z-index:1 !important;
  bottom:24px !important;
  left:50% !important;
  width:230px !important;
  height:34px !important;
  transform:translateX(-50%) !important;
}
#menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .home-active-frame {
  margin:-47px auto 0 !important;
  max-width:calc(100% - 142px) !important;
}
#menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .home-loadout-strip { margin:8px auto 0 !important; }
#menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .menu-hero-card { margin:16px auto 0 !important; padding:0 !important; }

#menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .home-side-actions {
  top:138px !important;
  right:12px !important;
  left:12px !important;
  height:212px !important;
}
#menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .home-side-actions .menu-home-dock .menu-dock-btn {
  width:72px !important;
  min-width:72px !important;
  max-width:72px !important;
  height:76px !important;
  min-height:76px !important;
  max-height:76px !important;
  overflow:visible !important;
  text-align:center !important;
}
#menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .home-side-actions .menu-dock-btn:nth-child(3),
#menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .home-side-actions .menu-dock-btn:nth-child(4) { top:124px !important; }
#menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .home-side-actions .menu-dock-btn > i { position:absolute !important; top:0 !important; left:50% !important; transform:translateX(-50%) !important; }
#menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .home-side-actions .menu-dock-btn > strong {
  position:absolute !important;
  top:53px !important;
  left:50% !important;
  display:block !important;
  width:104px !important;
  max-width:104px !important;
  margin:0 !important;
  overflow:visible !important;
  color:#e7f9ff !important;
  font:800 9px/1.2 "Yu Gothic UI",sans-serif !important;
  text-align:center !important;
  text-overflow:clip !important;
  white-space:nowrap !important;
  transform:translateX(-50%) !important;
}

@keyframes rem-home-art-hover {
  0%,100% { transform:translate(-50%,-52%) translateY(0); }
  50% { transform:translate(-50%,-52%) translateY(-6px); }
}
@media (max-width:380px) {
  #menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .home-hangar-visual { height:320px !important; min-height:320px !important; max-height:320px !important; }
  #menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .rem-menu-hangar { width:276px !important; height:276px !important; min-height:276px !important; }
  #menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .menu-active-ship-art { width:218px !important; height:218px !important; }
  #menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .menu-active-ship-art { top:22px !important; left:29px !important; }
  #menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .home-side-actions { right:8px !important; left:8px !important; }
}
@media (prefers-reduced-motion:reduce) {
  #menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .menu-active-ship-art { animation:none !important; }
}

/* Home-only controls must never leak into development/profile/end-content panels. */
#menu-screen.main-menu--premium.rem-menu-v3.home-overhaul
  .home-shell:not([data-home-tab="home"]) > .home-side-actions {
  display:none !important;
  visibility:hidden !important;
  pointer-events:none !important;
}
#menu-screen.main-menu--premium.rem-menu-v3.home-overhaul
  .home-shell[data-home-tab="home"] > .home-side-actions {
  display:block !important;
  visibility:visible !important;
  pointer-events:auto !important;
}

/* Standard/A-0B/Glaziline use the canonical canvas renderer. */
#menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .menu-active-ship-canvas {
  position:absolute !important;
  z-index:4 !important;
  top:40px !important;
  left:31px !important;
  display:block !important;
  width:238px !important;
  height:198px !important;
  max-width:none !important;
  transform:none !important;
  filter:drop-shadow(0 14px 10px rgba(0,0,0,.6)) drop-shadow(0 0 10px rgba(92,220,255,.25));
  image-rendering:pixelated;
}
#menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .menu-active-ship-canvas.hidden,
#menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .menu-active-ship-art.hidden {
  display:none !important;
}

@media (max-width:380px) {
  #menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .menu-active-ship-canvas {
    top:38px !important;
    left:29px !important;
    width:218px !important;
    height:182px !important;
  }
}
