/* Scene layouts: art first, controls grouped by intent, no changes to game data. */
#app > #menu-screen.main-menu--premium.rem-menu-v3.home-overhaul {
  background:linear-gradient(180deg,rgba(3,10,18,.25),rgba(3,10,18,0) 52%,#070f1c 92%),url('../../assets/generated/ui-redesign/orbital-dock.png') center 48%/cover no-repeat !important;
}
#app > #menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .rem-menu { position:relative !important; width:100% !important; max-width:500px !important; min-height:100svh !important; padding:calc(14px + env(safe-area-inset-top)) 18px calc(88px + env(safe-area-inset-bottom)) !important; background:transparent !important; }
#app > #menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .home-shell { min-height:calc(100svh - 102px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important; }
#app > #menu-screen.main-menu--premium.rem-menu-v3.home-overhaul :is(.menu-premium-bg,.menu-fx-layer,.home-brand-row,.home-hangar-rail,.home-hangar-reticle,.home-hangar-readout,.menu-hangar-stage__pad,.menu-hangar-stage__beam,.home-local-state) { display:none !important; }
#app > #menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .rem-menu::before, #app > #menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .rem-menu::after, #app > #menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .home-shell::before, #app > #menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .home-shell::after { display:none !important; }
#app > #menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .home-command-deck { min-height:54px !important; margin:0 !important; }
#app > #menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .rem-menu-header { height:54px !important; padding:4px 120px 4px 0 !important; background:transparent !important; border:0 !important; }
#app > #menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .menu-header__label { font-size:9px !important; color:#8db5c8 !important; letter-spacing:.18em !important; }
#app > #menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .menu-header__value { font-size:19px !important; text-shadow:0 2px 4px #020810 !important; }
#app > #menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .menu-home-topbar { right:0 !important; top:4px !important; width:116px !important; }
#app > #menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .home-credit-resource { padding:6px 10px !important; background:rgba(5,15,27,.82) !important; border:1px solid #506375 !important; border-radius:24px !important; text-align:right !important; }
#app > #menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .home-hangar-deck { position:relative !important; display:flex !important; flex-direction:column !important; min-height:calc(100svh - 162px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important; padding:20px 0 0 !important; border:0 !important; background:transparent !important; box-shadow:none !important; }
#app > #menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .home-shell:not([data-home-tab='home']) .home-hangar-deck { display:none !important; }
#app > #menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .home-active-frame { order:0; display:flex !important; align-items:flex-start !important; flex-direction:column; margin:0 !important; padding:0 0 0 12px !important; border-left:3px solid #78d5ee !important; background:transparent !important; gap:2px !important; }
#app > #menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .home-active-frame strong { text-align:left !important; font-size:28px !important; font-weight:900 !important; letter-spacing:.03em !important; }
#app > #menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .home-active-frame span { font:600 13px/1.5 'Bahnschrift',sans-serif !important; color:#83d7ed !important; letter-spacing:.12em !important; }
#app > #menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .home-hangar-visual { order:1; flex:1 0 270px !important; height:clamp(270px,40svh,420px) !important; min-height:270px !important; max-height:460px !important; margin:0 !important; background:transparent !important; }
#app > #menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .rem-menu-hangar { position:absolute !important; top:50% !important; left:50% !important; transform:translate(-50%,-50%) !important; width:min(70vw,310px) !important; height:300px !important; min-height:300px !important; margin:0 !important; filter:drop-shadow(0 18px 16px #061626); }
#app > #menu-screen.main-menu--premium.rem-menu-v3.home-overhaul :is(.menu-active-ship-art,.menu-active-ship-canvas) { top:0 !important; left:0 !important; width:100% !important; height:300px !important; object-fit:contain !important; image-rendering:pixelated; }
#app > #menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .home-loadout-strip { order:2; text-align:left !important; padding:5px 0 9px !important; border:0 !important; }
#app > #menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .home-loadout-label { display:none !important; }
#app > #menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .menu-hangar-info { text-align:left !important; color:#c1d2da !important; font-size:11px !important; }
#app > #menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .menu-hero-card { order:3; position:relative !important; display:flex !important; flex-direction:column !important; margin:0 !important; gap:8px !important; padding:0 !important; min-height:106px !important; border:0 !important; background:transparent !important; box-shadow:none !important; overflow:visible !important; }
#app > #menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .menu-hero-copy { display:block !important; position:static !important; padding:0 !important; text-align:left !important; }
#app > #menu-screen.main-menu--premium.rem-menu-v3.home-overhaul :is(.menu-hero-kicker,.menu-hero-text) { display:none !important; }
#app > #menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .menu-hero-subtext { display:block !important; position:static !important; color:#d1dee6 !important; font-size:12px !important; margin:0 !important; }
#app > #menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .menu-hero-play { height:74px !important; min-height:74px !important; max-height:74px !important; padding:0 18px !important; border:0 !important; border-radius:0 !important; clip-path:polygon(0 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%) !important; background:linear-gradient(105deg,#f7f3e6 0%,#dae8e8 75%,#71d0e5 75%) !important; box-shadow:none !important; grid-template-columns:32px 1fr 42px !important; }
#app > #menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .menu-hero-play::before, #app > #menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .menu-hero-play::after { display:none !important; }
#app > #menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .home-sortie-copy { text-align:left !important; }
#app > #menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .home-sortie-copy strong { font-size:30px !important; letter-spacing:.15em !important; color:#182d36 !important; }
#app > #menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .home-sortie-copy small { font-size:9px !important; color:#5b7179 !important; margin-top:2px !important; }
#app > #menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .home-sortie-index { font-size:10px !important; color:#69838e !important; transform:rotate(-90deg) !important; }
#app > #menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .home-sortie-arrow { color:#123543 !important; font-size:36px !important; }
#app > #menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .home-side-actions { top:195px !important; height:170px !important; left:0 !important; right:0 !important; }
#app > #menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .home-side-actions .menu-dock-btn > i { width:44px !important; height:44px !important; border:0 !important; border-radius:0 !important; background:linear-gradient(140deg,#3e5d6dd9,#071626eb) !important; clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px) !important; box-shadow:inset 0 2px #b4d3d9 !important; }
#app > #menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .home-side-actions .menu-dock-btn > strong { top:48px !important; font-size:11px !important; text-shadow:0 2px 3px #000 !important; }
#app > #menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .home-side-actions .menu-dock-btn:nth-child(n+3) { top:94px !important; }
#app > #menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .home-tabbar { background:linear-gradient(180deg,#172736,#08131f) !important; border-top:1px solid #607885 !important; box-shadow:0 -14px 25px #040a1480 !important; padding-top:6px !important; }
#app > #menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .home-tabbar__item { color:#94a9b4 !important; border-radius:0 !important; }
#app > #menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .home-tabbar__item.is-active { color:#f0f6ec !important; background:linear-gradient(180deg,#85c9db25,transparent) !important; box-shadow:inset 0 2px #a6e9ed !important; }
#app > #menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .home-facility-deck, #app > #menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .home-personnel-deck, #app > #menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .home-operation-deck { margin-top:26px !important; }
#app > #menu-screen.main-menu--premium.rem-menu-v3.home-overhaul :is(.home-facility-deck,.home-personnel-deck) .menu-list { display:grid !important; grid-template-columns:1fr 1fr !important; gap:12px !important; }
#app > #menu-screen.main-menu--premium.rem-menu-v3.home-overhaul :is(.home-facility-deck,.home-personnel-deck) .menu-btn { min-height:134px !important; padding:54px 12px 14px !important; background:linear-gradient(135deg,#243c50ee,#081521ee) !important; border:0 !important; border-top:2px solid #7095a6 !important; }
#app > #menu-screen.main-menu--premium.rem-menu-v3.home-overhaul :is(.home-facility-deck,.home-personnel-deck) .menu-btn::before { top:13px !important; left:12px !important; }

/* Training is a portrait workstation, with a horizontal frame roster. */
#app > #ship-training-screen.rem-port { background:linear-gradient(180deg,#07152388,#071320 560px),url('../../assets/generated/ui-redesign/orbital-dock.png') center top/560px auto no-repeat !important; }
#app > #ship-training-screen.rem-port .panel-head { padding:12px 0 !important; margin-bottom:0 !important; gap:12px !important; border:0 !important; }
#app > #ship-training-screen.rem-port .panel-head .facility-head-copy > :is(p,.facility-kicker) { display:none !important; }
#app > #ship-training-screen.rem-port .panel-head h2 { font-size:23px !important; }
#app > #ship-training-screen.rem-port .facility-resource-strip { gap:4px !important; }
#app > #ship-training-screen.rem-port .facility-resource-strip > div { padding:4px 8px !important; background:#0b1a27bf !important; border:0 !important; border-left:1px solid #7f9b9e !important; border-radius:0 !important; }
#app > #ship-training-screen.rem-port .facility-resource-strip strong { font-size:17px !important; }
#app > #ship-training-screen.rem-port .facility-resource-strip span { font-size:9px !important; }
#app > #ship-training-screen.rem-port .training-portrait { position:relative; height:256px; overflow:hidden; margin:0 -18px; background:radial-gradient(ellipse at 58% 70%,#53abc624,transparent 64%); }
#app > #ship-training-screen.rem-port .training-portrait__caption { position:absolute; z-index:1; left:20px; top:12px; display:grid; gap:3px; }
#app > #ship-training-screen.rem-port .training-portrait__caption span { color:#8db0bf; font:10px 'Bahnschrift',sans-serif; letter-spacing:.16em; }
#app > #ship-training-screen.rem-port .training-portrait__caption strong { font-size:25px; color:#eff9fa; }
#app > #ship-training-screen.rem-port .training-portrait__caption small { color:#c4e9d5; font:14px 'Bahnschrift',sans-serif; }
#app > #ship-training-screen.rem-port .training-portrait :is(canvas,img) { position:absolute; width:280px; height:233px; object-fit:contain; left:50%; top:44px; transform:translateX(-40%); image-rendering:pixelated; filter:drop-shadow(0 12px 12px #04121c); }
#app > #ship-training-screen.rem-port .training-portrait__mark { position:absolute; bottom:17px; left:20px; color:#8faeb04d; font:700 32px/.9 'Bahnschrift',sans-serif; letter-spacing:-.06em; }
#app > #ship-training-screen.rem-port .ship-training-list { display:flex !important; gap:8px !important; overflow-x:auto !important; margin:0 -18px 16px !important; padding:9px 18px 12px !important; scrollbar-width:thin; scroll-snap-type:x proximity; }
#app > #ship-training-screen.rem-port .ship-training-card { position:relative !important; flex:0 0 108px !important; width:108px !important; min-height:82px !important; height:82px !important; padding:12px 8px !important; border:1px solid #4a626d !important; border-radius:2px !important; background:#0c1d2ae8 !important; scroll-snap-align:center; text-align:left !important; }
#app > #ship-training-screen.rem-port .ship-training-card.is-selected { border-color:#cef0de !important; background:linear-gradient(145deg,#e2f1dc,#8bb3b4) !important; box-shadow:0 4px 12px #01080c !important; }
#app > #ship-training-screen.rem-port .ship-training-card :is(strong,small) { position:static !important; display:block !important; white-space:normal !important; color:#cce1e6 !important; font-size:11px !important; }
#app > #ship-training-screen.rem-port .ship-training-card.is-selected :is(strong,small) { color:#142d34 !important; }
#app > #ship-training-screen.rem-port .ship-training-card :is(.ship-training-card__visual,.ship-training-card__badge) { display:none !important; }
#app > #ship-training-screen.rem-port .ship-training-tabs { display:grid !important; grid-template-columns:repeat(4,1fr) !important; gap:0 !important; margin:0 0 14px !important; padding:0 !important; background:transparent !important; border-bottom:1px solid #566b71 !important; }
#app > #ship-training-screen.rem-port .ship-training-tab { padding:10px 2px !important; min-height:44px !important; font-size:11px !important; border:0 !important; border-radius:0 !important; background:transparent !important; color:#95adb7 !important; box-shadow:none !important; }
#app > #ship-training-screen.rem-port .ship-training-tab.active { background:#91c9ba15 !important; color:#e3f5df !important; box-shadow:inset 0 -3px #d4f0d4 !important; }
#app > #ship-training-screen.rem-port .ship-training-detail { padding:0 !important; border:0 !important; background:transparent !important; box-shadow:none !important; }
#app > #ship-training-screen.rem-port .ship-training-detail__head { border:0 !important; padding:4px 0 12px !important; }
#app > #ship-training-screen.rem-port .ship-training-detail__head > :is(span,strong) { display:none !important; }
#app > #ship-training-screen.rem-port .ship-training-level { background:transparent !important; border:0 !important; border-bottom:1px solid #48616d !important; padding:8px 0 !important; }
#app > #ship-training-screen.rem-port .ship-training-upgrade-btn { position:sticky; bottom:12px; z-index:5; width:100%; background:linear-gradient(100deg,#e7efd9,#9bcabc) !important; color:#163537 !important; border:0 !important; border-radius:2px !important; box-shadow:0 5px 28px #010c17 !important; margin-top:18px !important; }
#app > #ship-training-screen.rem-port .ship-training-upgrade-btn:disabled { color:#9eacb1 !important; background:#21333f !important; }

/* A supply counter rather than one long web-store catalogue. */
#app > #shop-screen.rem-port { background:radial-gradient(ellipse at 85% 12%,#88613435,transparent 46%),repeating-linear-gradient(0deg,transparent 0 79px,#d1bd8810 80px),#10171d !important; }
#app > #shop-screen.rem-port .panel-head { padding:20px 0 14px !important; border:0 !important; gap:14px !important; }
#app > #shop-screen.rem-port .facility-head-copy { border-left:5px solid #d5b57d; padding-left:13px; }
#app > #shop-screen.rem-port .facility-head-copy h2 { font-size:28px !important; letter-spacing:.08em !important; }
#app > #shop-screen.rem-port .facility-head-copy p { font-size:11px !important; }
#app > #shop-screen.rem-port .facility-resource-strip { display:flex !important; justify-content:flex-end; gap:16px !important; }
#app > #shop-screen.rem-port .facility-resource-strip > div { background:transparent !important; border:0 !important; padding:0 !important; display:flex; align-items:center; gap:8px; }
#app > #shop-screen.rem-port .facility-resource-strip strong { font-size:18px !important; }
#app > #shop-screen.rem-port .rem-port-shortcuts { display:grid !important; grid-template-columns:repeat(3,1fr); gap:0 !important; margin:10px 0 22px !important; padding:0 !important; border-bottom:2px solid #b19973; }
#app > #shop-screen.rem-port .rem-port-shortcuts button { min-width:0 !important; min-height:50px !important; border:0 !important; border-radius:0 !important; font-size:12px !important; background:#17232b !important; color:#aaaca5 !important; box-shadow:none !important; padding:10px 4px !important; }
#app > #shop-screen.rem-port .rem-port-shortcuts button[aria-selected='true'] { background:linear-gradient(110deg,#efe1bb,#c9b287) !important; color:#2f332b !important; font-weight:800 !important; }
#app > #shop-screen.rem-port .facility-section[hidden] { display:none !important; }
#app > #shop-screen.rem-port .facility-section { border:0 !important; background:transparent !important; padding:0 !important; }
#app > #shop-screen.rem-port .facility-section-head { display:none !important; }
#app > #shop-screen.rem-port .shop-grid { display:grid !important; grid-template-columns:1fr !important; gap:14px !important; }
#app > #shop-screen.rem-port .shop-item { padding:18px 16px 14px !important; border:0 !important; border-top:2px solid #9c927b !important; border-radius:0 !important; background:linear-gradient(135deg,#374047,#1b282f) !important; box-shadow:0 6px 12px #050a104d !important; }
#app > #shop-screen.rem-port .shop-item-meta strong { color:#f1eddf !important; font-size:16px !important; }
#app > #shop-screen.rem-port .shop-item-meta :is(small,em) { color:#c3c9c6 !important; font-size:12px !important; }
#app > #shop-screen.rem-port .shop-buy-row { margin-top:14px !important; padding-top:12px !important; border-top:1px solid #bdc2a72c; }
#app > #shop-screen.rem-port .shop-btn { background:#c8b78c !important; color:#253331 !important; border:0 !important; border-radius:2px !important; box-shadow:inset 0 1px #fff5da !important; min-height:42px !important; }
#app > #shop-screen.rem-port .shop-btn:disabled { color:#a4b0b7 !important; background:#182631 !important; box-shadow:none !important; }

/* Mission dossier: a boss poster followed by the deployment footer. */
#app > #stage-brief-screen.rem-port { background:radial-gradient(ellipse at 55% 28%,#29586c88,transparent 50%),repeating-linear-gradient(120deg,transparent 0 59px,#99cfda08 60px),#081321 !important; }
#app > #stage-brief-screen.rem-port .panel-head { border:0 !important; padding:12px 0 4px !important; margin:0 !important; }
#app > #stage-brief-screen.rem-port .panel-head :is(.facility-kicker,p) { display:none !important; }
#app > #stage-brief-screen.rem-port .panel-head h2 { font:700 38px/1.1 'Bahnschrift','Yu Gothic UI',sans-serif !important; letter-spacing:-.025em !important; }
#app > #stage-brief-screen.rem-port .stage-brief-sector { margin:10px 0 0 !important; padding:10px 0 !important; background:transparent !important; border:0 !important; border-top:1px solid #617785 !important; }
#app > #stage-brief-screen.rem-port #stage-brief-sector-code { display:none !important; }
#app > #stage-brief-screen.rem-port #stage-brief-sector-description { display:none !important; }
#app > #stage-brief-screen.rem-port .stage-brief-boss-card { display:flex !important; flex-direction:column; align-items:stretch; background:transparent !important; border:0 !important; margin:0 !important; padding:0 !important; box-shadow:none !important; }
#app > #stage-brief-screen.rem-port .stage-brief-boss-card > .stage-brief-label { order:0; align-self:flex-start; margin:12px 0 0 !important; padding:4px 9px !important; background:#be5651 !important; color:#fff0df !important; font:700 10px 'Bahnschrift',sans-serif !important; letter-spacing:.15em; }
#app > #stage-brief-screen.rem-port #stage-brief-boss-canvas { order:1; width:100% !important; height:auto !important; aspect-ratio:240 / 150; max-height:265px !important; object-fit:contain; margin:0 !important; border:0 !important; background:radial-gradient(ellipse,#4a9abc1f,transparent 68%) !important; image-rendering:pixelated; }
#app > #stage-brief-screen.rem-port #stage-brief-boss-name { order:2; text-align:left !important; font-size:26px !important; font-weight:900 !important; color:#edf4ef !important; margin:0 0 14px !important; padding:0 0 0 12px; border-left:4px solid #d98272; }
#app > #stage-brief-screen.rem-port .stage-brief-threat-card { order:3; padding:12px 14px !important; margin:0 !important; border:0 !important; background:#a94f431f !important; }
#app > #stage-brief-screen.rem-port .stage-brief-threat-card span { color:#d49c8b !important; font-size:9px !important; }
#app > #stage-brief-screen.rem-port .stage-brief-threat-card p { font-size:12px !important; line-height:1.7 !important; }
#app > #stage-brief-screen.rem-port .stage-brief-reward-card { margin:16px 0 !important; padding:0 !important; border:0 !important; background:transparent !important; }
#app > #stage-brief-screen.rem-port #stage-brief-reward { color:#e5cf98 !important; font-size:15px !important; padding:8px 0 !important; }
#app > #stage-brief-screen.rem-port #stage-brief-start-btn { width:100% !important; min-height:60px !important; background:linear-gradient(110deg,#f0e8d6,#b5d7d7) !important; color:#17313a !important; border:0 !important; border-radius:0 !important; font-size:20px !important; font-weight:900 !important; letter-spacing:.22em !important; }
@media (min-width:720px) {
  #app > #ship-training-screen.rem-port .training-portrait { height:300px; }
  #app > #ship-training-screen.rem-port .training-portrait :is(canvas,img) { width:340px; height:283px; top:25px; }
}
@media (max-width:370px) {
  #app > #menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .rem-menu { padding-inline:12px !important; }
  #app > #menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .home-active-frame strong { font-size:24px !important; }
  #app > #shop-screen.rem-port .rem-port-shortcuts button { font-size:11px !important; }
}
@media (prefers-reduced-motion:no-preference) {
  #ship-training-screen.active .training-portrait, #stage-brief-screen.active #stage-brief-boss-canvas { animation:scene-arrive .4s ease-out both; }
}
@keyframes scene-arrive { from { opacity:0; translate:0 10px; } to { opacity:1; translate:0 0; } }
#app > #menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .home-hangar-visual::before,
#app > #menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .home-hangar-visual::after { display:none !important; }
#app > #menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .home-shell { display:block !important; }
#app > #menu-screen.main-menu--premium.rem-menu-v3.home-overhaul .home-hangar-deck { min-height:calc(100svh - 164px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important; }
#app > #shop-screen.rem-port #protocol-shop-list { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:10px !important; }
#app > #shop-screen.rem-port .protocol-market-item { display:flex !important; flex-direction:column; padding:10px !important; min-width:0; background:linear-gradient(160deg,#3b454a,#18262d 70%) !important; }
#app > #shop-screen.rem-port .protocol-emblem { display:grid; place-items:center; height:94px; margin:-10px -10px 12px; color:#edda9f; background:radial-gradient(ellipse,#c7ad6940,transparent 66%),linear-gradient(135deg,#b7bfba0d,transparent); border-bottom:1px solid #c4c6b820; }
#app > #shop-screen.rem-port .protocol-market-item:nth-child(3n+2) .protocol-emblem { color:#a5d9e4; background:radial-gradient(ellipse,#70b0c640,transparent 66%); }
#app > #shop-screen.rem-port .protocol-market-item:nth-child(3n) .protocol-emblem { color:#dfb3a0; background:radial-gradient(ellipse,#bd7c6640,transparent 66%); }
#app > #shop-screen.rem-port .protocol-emblem svg { width:70px; height:70px; fill:none; stroke:currentColor; stroke-width:2.4; stroke-linecap:square; stroke-linejoin:miter; filter:drop-shadow(0 3px 4px #01080e); }
#app > #shop-screen.rem-port .protocol-market-item .shop-item-meta { flex:1; font-size:10px !important; line-height:1.55 !important; }
#app > #shop-screen.rem-port .protocol-market-item .shop-item-meta strong { display:inline-block; min-height:38px; font-size:13px !important; line-height:1.45 !important; overflow-wrap:anywhere; }
#app > #shop-screen.rem-port .protocol-market-item .shop-item-meta small { display:inline-block; font-size:10px !important; line-height:1.65 !important; }
#app > #shop-screen.rem-port .protocol-market-item .shop-item-meta em { font-size:9px !important; opacity:.7; }
#app > #shop-screen.rem-port .protocol-market-item .shop-buy-row { display:grid !important; gap:6px !important; margin-top:10px !important; padding-top:8px !important; }
#app > #shop-screen.rem-port .protocol-market-item .protocol-copy-meter { font-size:10px !important; }
#app > #shop-screen.rem-port .protocol-market-item .shop-btn { width:100% !important; font-size:10px !important; padding:8px 2px !important; min-height:40px !important; }
#app > #shop-screen.rem-port .rem-port-shortcuts { position:sticky; top:0; z-index:5; }
#app > #ship-training-screen.rem-port .ship-training-card { display:flex !important; flex-direction:column !important; align-items:flex-start !important; justify-content:center !important; gap:5px !important; }
#app > #ship-training-screen.rem-port .ship-training-card small { width:100% !important; white-space:nowrap !important; }
#app > #ship-training-screen.rem-port .ship-training-card strong { width:100% !important; }
#app > #stage-brief-screen.rem-port #stage-brief-boss-name { font-size:clamp(18px,5vw,24px) !important; line-height:1.45 !important; text-wrap:balance; }
#app > #stage-brief-screen.rem-port .stage-brief-reward-details { border-top:1px solid #81908b55; border-bottom:1px solid #81908b55; margin-top:12px; }
#app > #stage-brief-screen.rem-port .stage-brief-reward-details summary { min-height:44px; padding:12px 0; color:#cbd8d6; cursor:pointer; font-size:13px; }
#app > #stage-brief-screen.rem-port #stage-brief-start-btn { position:sticky; bottom:12px; z-index:5; box-shadow:0 4px 20px #030d16 !important; }
#app > #shop-screen.rem-port .protocol-market-item .shop-item-meta small { font-size:11px !important; }
/* Owned design packs retain their palette on the new scene and controls. */
#app > #menu-screen.main-menu--premium.rem-menu-v3.home-overhaul[data-design-pack]:not([data-design-pack='standard']) { background-image:linear-gradient(180deg,var(--pack-glow),transparent 52%,var(--pack-bg) 94%),url('../../assets/generated/ui-redesign/orbital-dock.png') !important; }
#app > #menu-screen.main-menu--premium.rem-menu-v3.home-overhaul[data-design-pack]:not([data-design-pack='standard']) .menu-hero-play { background:linear-gradient(105deg,var(--pack-text) 0%,var(--pack-line) 75%,var(--pack-accent) 75%) !important; }
#app > #menu-screen.main-menu--premium.rem-menu-v3.home-overhaul[data-design-pack]:not([data-design-pack='standard']) .home-active-frame { border-color:var(--pack-line) !important; }
#app > #menu-screen.main-menu--premium.rem-menu-v3.home-overhaul[data-design-pack]:not([data-design-pack='standard']) .home-active-frame span { color:var(--pack-line) !important; }
#app > #menu-screen.main-menu--premium.rem-menu-v3.home-overhaul[data-design-pack]:not([data-design-pack='standard']) .home-tabbar { background:linear-gradient(180deg,var(--pack-panel-hi),var(--pack-bg)) !important; border-color:var(--pack-line) !important; }