/* Sky World / Blue Observatory. Canvas owns the moving universe; CSS gives
   its light a quiet, dimensional frame. Content and controls stay stationary. */
:root{
  --galaxy-page:#edf5ff;
  --galaxy-glass:rgb(255 255 255/.97);
  --galaxy-glass-solid:#fcfeff;
  --galaxy-border:rgb(65 140 201/.30);
  --galaxy-border-bright:rgb(30 137 223/.62);
  --galaxy-shadow:0 18px 44px rgb(15 67 124/.11),0 3px 9px rgb(25 101 165/.045),inset 0 1px 0 #fff;
  --galaxy-nebula:rgb(40 138 250/.20);
  --galaxy-cyan:rgb(9 190 234/.18);
  --galaxy-teal:rgb(62 177 255/.10);
  --galaxy-ink:#071125;
}
:root[data-theme="dark"]{
  --galaxy-page:#061326;
  --galaxy-glass:rgb(10 29 49/.97);
  --galaxy-glass-solid:#0c2036;
  --galaxy-border:rgb(100 181 244/.30);
  --galaxy-border-bright:rgb(113 213 255/.72);
  --galaxy-shadow:0 22px 48px rgb(0 5 17/.42),0 3px 12px rgb(0 8 22/.22),inset 0 1px 0 rgb(186 226 255/.16);
  --galaxy-nebula:rgb(20 112 228/.30);
  --galaxy-cyan:rgb(4 170 221/.23);
  --galaxy-teal:rgb(30 137 224/.16);
  --galaxy-ink:#edf2ff;
}

:root body:not([data-view="admin"]){
  background-color:var(--galaxy-page);
  background-image:
    radial-gradient(ellipse at 4% 0%,var(--galaxy-nebula),transparent 44%),
    radial-gradient(ellipse at 104% 24%,var(--galaxy-cyan),transparent 43%),
    radial-gradient(ellipse at 68% 100%,var(--galaxy-teal),transparent 50%),
    linear-gradient(135deg,transparent 24%,var(--galaxy-nebula) 68%,transparent);
  background-attachment:fixed;
}
.galaxy-backdrop{
  position:fixed;
  inset:0;
  z-index:0;
  overflow:hidden;
  pointer-events:none;
  contain:strict;
  opacity:.66;
}
.galaxy-backdrop canvas{display:block;width:100%;height:100%;pointer-events:none;}
.galaxy-backdrop::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(ellipse at 1% 32%,var(--galaxy-nebula),transparent 38%),
    radial-gradient(ellipse at 99% 62%,var(--galaxy-cyan),transparent 36%);
  pointer-events:none;
}
/* Sparse static glints stay visible even when motion is disabled. */
.galaxy-backdrop::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.55;
  background:
    radial-gradient(circle at 6% 18%,#80c8ff 0 1px,transparent 2px),
    radial-gradient(circle at 94% 13%,#9fefff 0 1px,transparent 2px),
    radial-gradient(circle at 92% 68%,#80c8ff 0 1px,transparent 2px),
    radial-gradient(circle at 14% 86%,#6bbcf4 0 1px,transparent 2px),
    radial-gradient(ellipse at 105% 34%,rgb(31 171 255/.10),transparent 43%);
}
:root[data-theme="dark"] .galaxy-backdrop{opacity:.9;}
:root[data-theme="dark"] .galaxy-backdrop::after{opacity:.8;}
body[data-view="auth"] .galaxy-backdrop{opacity:.68;}
:root[data-theme="dark"] body[data-view="auth"] .galaxy-backdrop{opacity:.94;}
body[data-view="admin"] .galaxy-backdrop{display:none;}
html[data-galaxy-ready="true"] body:not([data-view="admin"])::before,
html[data-galaxy-ready="true"] body:not([data-view="admin"]) .sky-grid,
html[data-galaxy-ready="true"] body:not([data-view="admin"]) .sky-noise{display:none!important;}

/* A dark observatory window is shared by both page themes. */
body[data-view="market"] #view-market .sky-hero,
body[data-view="fleet"] #pool-fleet-hero{
  position:relative;
  isolation:isolate;
  display:flex;
  align-items:center;
  min-height:350px;
  max-height:none;
  min-width:0;
  padding:clamp(28px,3.4vw,46px);
  overflow:hidden;
  border:1px solid transparent;
  border-radius:26px;
  background:
    radial-gradient(ellipse at 94% 9%,rgb(16 110 184/.36),transparent 50%) padding-box,
    linear-gradient(112deg,#041326 4%,#071b34 52%,#052741) padding-box,
    conic-gradient(from 190deg at 70% 50%,#194d79,#52b9f8 17%,#b8f4ff 27%,#174e79 39%,#185e8e 55%,#83ecff 72%,#2e8dbe 84%,#194d79) border-box;
  box-shadow:0 24px 52px rgb(6 37 83/.24),0 5px 15px rgb(14 84 150/.12),0 0 44px rgb(37 165 255/.12),inset 0 1px 0 rgb(218 245 255/.23);
  color:#f5fbff;
  transform:none!important;
}
:root[data-theme="dark"] body[data-view="market"] #view-market .sky-hero,
:root[data-theme="dark"] body[data-view="fleet"] #pool-fleet-hero{
  border-color:transparent;
  box-shadow:0 34px 82px rgb(0 6 12/.64),0 0 54px rgb(55 146 220/.15),inset 0 1px 0 rgb(210 229 255/.15);
}
html[data-galaxy-ready="true"] .sky-hero-art,
html[data-galaxy-ready="true"] #pool-fleet-hero .fleet-cosmic-art,
html[data-galaxy-ready="true"] #pool-fleet-hero .fleet-hero-art,
html[data-galaxy-ready="true"] body[data-view="fleet"] #pool-fleet-hero .fleet-hero-copy::before,
html[data-galaxy-ready="true"] body[data-view="fleet"] #pool-fleet-hero .fleet-hero-copy::after,
html[data-galaxy-ready="true"] body[data-view="fleet"] #pool-fleet-hero::before,
html[data-galaxy-ready="true"] body[data-view="fleet"] #pool-fleet-hero::after,
html[data-galaxy-ready="true"] .sky-hero::before,
html[data-galaxy-ready="true"] .sky-hero::after{display:none!important;animation:none!important;}

.galaxy-stage{
  position:absolute;
  inset:0;
  z-index:0;
  overflow:hidden;
  border-radius:inherit;
  pointer-events:none;
  contain:strict;
  background:
    radial-gradient(ellipse at 79% 48%,rgb(56 194 255/.14),transparent 31%),
    radial-gradient(ellipse at 100% 0%,rgb(21 119 237/.19),transparent 40%),
    linear-gradient(125deg,rgb(3 15 33/.16),transparent 48%,rgb(4 94 139/.17));
}
.galaxy-stage .galaxy-canvas,
.galaxy-stage .galaxy-webgl{
  position:absolute;
  inset:0;
  z-index:0;
  display:block;
  width:100%;
  height:100%;
  pointer-events:none;
}
.galaxy-stage .galaxy-webgl{display:none;}
.galaxy-stage[data-renderer="webgl"] .galaxy-webgl{display:block;}
.galaxy-stage[data-renderer="canvas"] .galaxy-webgl{display:none;}
.galaxy-stage::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(90deg,rgb(3 15 32/.98),rgb(4 20 39/.91) 25%,rgb(5 22 43/.65) 44%,rgb(5 24 46/.12) 63%,transparent 78%);
}
.galaxy-stage::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  border-radius:inherit;
  background:
    linear-gradient(90deg,transparent 3%,rgb(165 225 255/.8) 21%,transparent 51%,rgb(123 237 255/.86) 88%,transparent) top / 100% 1px no-repeat,
    linear-gradient(90deg,transparent 24%,rgb(72 177 253/.65) 57%,transparent 96%) bottom / 100% 1px no-repeat,
    radial-gradient(ellipse at 100% 0%,rgb(105 226 255/.1),transparent 40%);
  box-shadow:inset 0 1px 0 rgb(209 231 255/.14),inset 0 -1px 0 rgb(101 169 250/.16),inset 0 0 90px rgb(3 12 22/.28);
  pointer-events:none;
}
.galaxy-stage[data-visible="false"]{visibility:hidden;}

body[data-view="market"] .sky-hero-copy{
  position:relative;
  z-index:3;
  width:55%;
  max-width:39rem;
  min-width:0;
}
body[data-view="fleet"] #pool-fleet-hero .fleet-hero-copy{
  position:relative;
  z-index:3;
  display:block;
  width:55%;
  max-width:none;
  min-height:0;
  padding:0;
}
body[data-view="market"] #view-market .sky-hero h1,
body[data-view="fleet"] #view-fleet #pool-fleet-hero #pool-fleet-title{
  color:#f2f6ff!important;
  font-size:clamp(2.55rem,4vw,4.1rem)!important;
  font-weight:600;
  line-height:1.10!important;
  letter-spacing:-.05em!important;
  text-shadow:0 3px 38px rgb(12 32 52/.52),0 0 80px rgb(129 198 255/.15);
  overflow-wrap:normal;
}
body[data-view="market"] #view-market .sky-hero h1{max-width:14ch;}
body[data-view="fleet"] #view-fleet #pool-fleet-hero #pool-fleet-title{
  flex:0 1 auto;
  max-width:12ch;
}
body[data-view="market"] .sky-hero-eyebrow,
body[data-view="fleet"] #pool-fleet-hero .fleet-hero-eyebrow{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 16px;
  color:#adf0ff!important;
  font:500 11px/1.5 var(--mono);
  letter-spacing:.19em;
  text-shadow:0 0 20px rgb(82 174 252/.25);
}
body[data-view="market"] .sky-hero-eyebrow::before,
body[data-view="fleet"] #pool-fleet-hero .fleet-hero-eyebrow::before{
  content:"";
  display:block;
  flex:0 0 6px;
  width:6px;
  height:6px;
  border-radius:50%;
  background:#8aeaff;
  box-shadow:0 0 0 4px rgb(107 222 255/.09),0 0 16px rgb(117 207 255/.72);
}
body[data-view="market"] .sky-hero-lead,
body[data-view="fleet"] #pool-fleet-hero .fleet-hero-lead{
  max-width:43ch;
  margin:20px 0 0;
  color:#c9dcec;
  font-size:14px;
  line-height:1.8;
  text-wrap:pretty;
}
body[data-view="market"] .sky-hero-points{
  gap:10px 18px;
  margin-top:22px;
  color:#d1ddf4;
  font-size:11px;
  line-height:1.65;
}
body[data-view="market"] .sky-hero-points span::before{color:#82dffe;background:#82dffe;}
body[data-view="fleet"] #pool-fleet-hero .fleet-page-head-row{
  flex-direction:column;
  align-items:flex-start;
  gap:20px;
}
body[data-view="fleet"] #pool-fleet-hero .fleet-page-actions{
  position:static;
  gap:8px;
  margin:0;
}
body[data-view="fleet"] #pool-fleet-hero .fleet-page-actions .mini{
  min-height:44px;
  border:1px solid rgb(190 226 255/.34);
  border-radius:12px;
  color:#edf6ff;
  background:rgb(12 32 53/.72);
  box-shadow:inset 0 1px 0 rgb(223 237 255/.1),0 4px 20px rgb(0 11 22/.16);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  transform:none!important;
}

/* The store keeps opaque-enough surfaces under every price and action. */
body:not([data-view="admin"]) #pool-shell .top,
body:not([data-view="admin"]) .shelf-toolbar{
  border-color:var(--galaxy-border);
  background:
    linear-gradient(90deg,transparent 3%,rgb(52 168 247/.45) 22%,transparent 56%,rgb(38 198 227/.35) 84%,transparent) top / 100% 1px no-repeat,
    linear-gradient(108deg,color-mix(in srgb,var(--galaxy-glass-solid) 91%,#6fcaff),var(--galaxy-glass-solid) 53%);
  box-shadow:0 9px 28px rgb(20 72 126/.09),inset 0 1px 0 rgb(204 240 255/.35);
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
body:not([data-view="admin"]) #pool-nav .nav-item.on{
  border-color:var(--galaxy-border-bright);
  background:linear-gradient(110deg,color-mix(in srgb,#1786e6 15%,var(--card)),color-mix(in srgb,#2bcced 8%,var(--card)));
  box-shadow:inset 3px 0 0 #2996e8,0 4px 18px rgb(23 101 173/.10);
}
body[data-view="market"] #view-market #pool-packages .pool-card,
body[data-view="market"] #view-market #pool-other-goods .pool-card,
body[data-view="fleet"] #pool-fleet-groups .pool-card.fleet-card{
  position:relative;
  isolation:isolate;
  border:1px solid var(--galaxy-border);
  border-radius:22px;
  background:linear-gradient(145deg,color-mix(in srgb,var(--galaxy-glass-solid) 96%,#9fdcff),var(--galaxy-glass-solid) 58%);
  box-shadow:var(--galaxy-shadow);
  transform:none!important;
  transition:border-color 180ms ease,box-shadow 180ms ease,background-color 180ms ease;
}
body[data-view="market"] #view-market .pool-card::after,
body[data-view="fleet"] #pool-fleet-groups .pool-card.fleet-card::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  display:block;
  border-radius:inherit;
  pointer-events:none;
  background:
    linear-gradient(110deg,transparent 6%,rgb(163 214 255/.34) 22%,transparent 46%,rgb(127 222 245/.24) 76%,transparent) top / 100% 1px no-repeat,
    radial-gradient(ellipse at 100% 0,rgb(124 196 255/.14),transparent 56%);
  opacity:1;
  transform:none;
  animation:none;
}
body[data-view="market"] #view-market .pool-card-media{
  border-bottom-color:var(--galaxy-border);
  background:
    radial-gradient(ellipse at 85% 12%,rgb(97 173 235/.23),transparent 63%),
    radial-gradient(ellipse at 8% 80%,rgb(65 190 227/.13),transparent 64%),var(--inset);
}
body[data-view="fleet"] #pool-fleet-groups .fleet-card-media{
  --galaxy-media-tint:#80bced;
  min-height:140px;
  border-bottom:1px solid var(--galaxy-border);
  background:
    radial-gradient(ellipse at 100% 0%,color-mix(in srgb,var(--galaxy-media-tint) 22%,transparent),transparent 70%),
    linear-gradient(115deg,color-mix(in srgb,var(--galaxy-glass-solid) 91%,var(--galaxy-media-tint)),var(--galaxy-glass-solid));
  color:var(--galaxy-ink);
}
body[data-view="fleet"] #pool-fleet-groups .fleet-card-media.tone-green{--galaxy-media-tint:#2f8f88;}
body[data-view="fleet"] #pool-fleet-groups .fleet-card-media.tone-blue{--galaxy-media-tint:#55b7eb;}
body[data-view="fleet"] #pool-fleet-groups .fleet-card-media.tone-amber{--galaxy-media-tint:#cf9a66;}
body[data-view="fleet"] #pool-fleet-groups .fleet-card-media-label{color:var(--galaxy-ink);letter-spacing:-.025em;}
body[data-view="fleet"] #pool-fleet-groups :is(.fleet-card-media-kicker,.fleet-card-media-mark){color:var(--copy);}
body[data-view="fleet"] #pool-fleet-groups .fleet-card-media img{
  filter:drop-shadow(0 9px 14px rgb(35 82 121/.16));
}
body[data-view="market"] #view-market .pool-card > .coin-row,
body[data-view="fleet"] #pool-fleet-groups .pool-card.fleet-card > .coin-row{
  border-top-color:var(--galaxy-border);
}
body[data-view="market"] #view-market .pool-card .coin-buy.btn,
body[data-view="market"] #view-market .pool-card .coin-row .btn,
body[data-view="fleet"] #pool-fleet-groups .pool-card.fleet-card .fleet-join.btn,
body[data-view="auth"] #pool-auth-submit{
  border-color:rgb(180 221 255/.22);
  background:linear-gradient(112deg,#0754b4,#086dbe 59%,#087fa3);
  color:#fff;
  box-shadow:0 6px 18px rgb(12 96 180/.25),inset 0 1px 0 rgb(220 248 255/.35);
  transform:none!important;
}
body[data-view="fleet"] #pool-fleet-groups .pool-card.fleet-card .fleet-fill-bar{
  background:linear-gradient(90deg,#79b9ed,#79bee9 72%,#67d6df);
  box-shadow:0 0 10px rgb(103 184 237/.3);
}
body[data-view="fleet"] #pool-fleet-live-summary .fleet-summary-item{
  border-color:var(--galaxy-border);
  background:radial-gradient(ellipse at 95% 0%,rgb(119 188 245/.12),transparent 68%),var(--galaxy-glass);
  box-shadow:var(--galaxy-shadow);
}
body[data-view="fleet"] #pool-fleet-live-summary .fleet-summary-value{color:var(--galaxy-ink);}
body[data-view="auth"] #view-auth .auth-card{
  isolation:isolate;
  border-color:var(--galaxy-border-bright);
  background:
    radial-gradient(ellipse at 100% 0%,rgb(102 177 238/.12),transparent 52%),
    linear-gradient(150deg,color-mix(in srgb,var(--galaxy-glass-solid) 96%,#9bcef8),var(--galaxy-glass));
  box-shadow:0 36px 110px rgb(13 42 71/.28),0 0 80px rgb(90 162 220/.14),inset 0 1px 0 rgb(217 228 255/.40);
  backdrop-filter:blur(24px);
  -webkit-backdrop-filter:blur(24px);
}
body[data-view="auth"] #view-auth .auth-card::before{
  background:linear-gradient(90deg,transparent,#8cc4f2 24%,#9ce6ef 60%,transparent);
  box-shadow:0 0 18px rgb(128 193 247/.38);
}
body[data-view="auth"] #view-auth .auth-mark{
  border-color:var(--galaxy-border-bright);
  background:linear-gradient(145deg,#315a7b,#182a52);
  color:#d4ecff;
  box-shadow:0 8px 28px rgb(56 113 160/.22),inset 0 1px 0 rgb(219 232 255/.18);
}
/* Payment and order surfaces share the same quiet crystal material. Their
   selected controls retain the currency labels and semantic state colors. */
body[data-view="wallet"] #view-wallet .card,
body[data-view="delivery"] #view-delivery .delivery-board > .card{
  border-color:var(--galaxy-border);
  border-radius:22px;
  background:
    radial-gradient(ellipse at 95% 0%,rgb(111 180 237/.08),transparent 60%),
    var(--galaxy-glass-solid);
  box-shadow:var(--galaxy-shadow);
}
body[data-view="wallet"] #view-wallet .wallet-balance{
  border-color:var(--galaxy-border-bright);
  background:
    radial-gradient(ellipse at 100% 0%,rgb(111 205 229/.16),transparent 68%),
    linear-gradient(115deg,color-mix(in srgb,var(--galaxy-glass-solid) 92%,#8cc4f1),var(--galaxy-glass-solid));
  color:var(--galaxy-ink);
  box-shadow:inset 0 1px 0 rgb(224 241 255/.2);
}
body[data-view="wallet"] #view-wallet .delivery-page-head,
body[data-view="delivery"] #view-delivery .delivery-page-head{
  border-bottom:1px solid var(--galaxy-border);
  padding-bottom:20px;
}

.galaxy-motion-toggle{display:none!important;}

@media(hover:hover){
  body[data-view="market"] #view-market #pool-packages .pool-card:hover,
  body[data-view="market"] #view-market #pool-other-goods .pool-card:hover,
  body[data-view="fleet"] #pool-fleet-groups .pool-card.fleet-card:hover{
    border-color:var(--galaxy-border-bright);
    box-shadow:var(--galaxy-shadow),0 0 24px rgb(91 167 229/.11);
    transform:none!important;
  }
  body[data-view="fleet"] #pool-fleet-hero .fleet-page-actions .mini:hover{
    background:rgb(53 85 112/.76);
    border-color:rgb(183 205 255/.64);
  }
}
/* The image is the movable plane inside a stationary media frame. Existing
   image padding keeps its rotated corners clear of the card's rounded edge. */
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  body[data-galaxy-motion="on"] :is(#view-market,#pool-fleet-groups) .pool-card :is(.fleet-card-media,.pool-card-media) img{
    transition:transform 220ms cubic-bezier(.2,.8,.2,1)!important;
    transform-origin:50% 50%;
  }
  body[data-galaxy-motion="on"] :is(#view-market,#pool-fleet-groups) .pool-card[data-galaxy-hover="true"] :is(.fleet-card-media,.pool-card-media) img{
    transform:perspective(900px) rotateX(var(--galaxy-tilt-x,0deg)) rotateY(var(--galaxy-tilt-y,0deg))!important;
  }
  body[data-galaxy-motion="on"] :is(#view-market,#pool-fleet-groups) .pool-card[data-galaxy-hover="true"] :is(.fleet-card-media,.pool-card-media)::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:3;
    display:block;
    width:auto;
    height:auto;
    border-radius:inherit;
    pointer-events:none;
    background:
      radial-gradient(ellipse at var(--galaxy-light-x,50%) var(--galaxy-light-y,50%),rgb(217 238 255/.28),rgb(125 224 249/.12) 29%,transparent 64%),
      conic-gradient(from 120deg at var(--galaxy-light-x,50%) var(--galaxy-light-y,50%),transparent 0deg,rgb(128 191 243/.10) 55deg,rgb(111 223 242/.12) 85deg,transparent 130deg,rgb(145 195 236/.10) 235deg,transparent 310deg);
    opacity:1;
    transform:none!important;
    animation:none!important;
  }
  body[data-galaxy-motion="off"] :is(#view-market,#pool-fleet-groups) .pool-card :is(.fleet-card-media,.pool-card-media) img{
    transform:none!important;
    transition:none!important;
  }
}
@media(min-width:1400px){
  body[data-view="market"] #view-market .sky-hero,
  body[data-view="fleet"] #pool-fleet-hero{min-height:370px;}
}
@media(max-width:1000px) and (min-width:701px){
  body[data-view="market"] #view-market .sky-hero,
  body[data-view="fleet"] #pool-fleet-hero{min-height:350px;padding:30px;}
  body[data-view="market"] .sky-hero-copy{width:65%;}
  body[data-view="market"] #view-market .sky-hero h1{font-size:clamp(2.45rem,4.6vw,3.5rem)!important;}
  body[data-view="fleet"] #pool-fleet-hero .fleet-page-head-row{align-items:flex-start;}
  body[data-view="fleet"] #pool-fleet-hero .fleet-hero-copy{width:65%;}
  body[data-view="fleet"] #pool-fleet-hero .fleet-page-actions{flex-wrap:wrap;max-width:100%;}
}
@media(max-width:700px){
  :root body:not([data-view="admin"]){background-attachment:scroll;}
  body[data-view="market"] #view-market .sky-hero,
  body[data-view="fleet"] #pool-fleet-hero{
    display:block;
    min-height:380px;
    padding:27px 23px 96px;
    border-radius:24px;
    box-shadow:0 18px 38px rgb(14 38 62/.22),inset 0 1px 0 rgb(210 224 255/.17);
  }
  body[data-view="market"] .sky-hero-copy{width:100%;max-width:100%;}
  body[data-view="fleet"] #pool-fleet-hero .fleet-hero-copy{width:100%;max-width:100%;}
  .galaxy-stage::before{
    background:linear-gradient(180deg,rgb(3 15 32/.98),rgb(4 20 39/.91) 30%,rgb(5 22 43/.65) 52%,rgb(5 24 46/.14) 76%,transparent);
  }
  body[data-view="market"] #view-market .sky-hero h1{
    max-width:13ch;
    font-size:clamp(2.25rem,8.8vw,3.5rem)!important;
    line-height:1.14!important;
  }
  body[data-view="fleet"] #view-fleet #pool-fleet-hero #pool-fleet-title{
    flex-basis:100%;
    font-size:clamp(2.5rem,10vw,3.9rem)!important;
  }
  body[data-view="market"] .sky-hero-eyebrow,
  body[data-view="fleet"] #pool-fleet-hero .fleet-hero-eyebrow{margin-bottom:16px;font-size:10px;letter-spacing:.12em;}
  body[data-view="market"] .sky-hero-lead,
  body[data-view="fleet"] #pool-fleet-hero .fleet-hero-lead{max-width:35ch;margin-top:16px;font-size:12px;line-height:1.75;}
  body[data-view="market"] .sky-hero-points{gap:6px 14px;margin-top:17px;font-size:10px;}
  body[data-view="fleet"] #pool-fleet-hero .fleet-page-head-row{gap:20px;}
  body[data-view="fleet"] #pool-fleet-hero .fleet-page-actions{margin:0;max-width:none;}
  body[data-view="fleet"] #pool-fleet-hero .fleet-page-actions .mini{backdrop-filter:none;-webkit-backdrop-filter:none;}
  .galaxy-backdrop{opacity:.52;}
  :root[data-theme="dark"] .galaxy-backdrop{opacity:.76;}
  body[data-view="auth"] #view-auth .auth-card{backdrop-filter:none;-webkit-backdrop-filter:none;}
}
@media(max-width:370px){
  body[data-view="fleet"] #pool-fleet-hero .fleet-hero-eyebrow{font-size:10px;letter-spacing:.12em;}
  body[data-view="fleet"] #pool-fleet-hero .fleet-hero-lead{font-size:13px;line-height:1.65;}
  body[data-view="market"] #view-market .sky-hero,
  body[data-view="fleet"] #pool-fleet-hero{min-height:380px;padding:24px 19px 92px;border-radius:21px;}
  body[data-view="market"] #view-market .sky-hero h1{font-size:2.12rem!important;}
  body[data-view="market"] .sky-hero-eyebrow{font-size:8px;letter-spacing:.1em;}
  body[data-view="market"] .sky-hero-lead{font-size:11px;}
}

/* Turning effects off also stops the older decorative motion layer. */
body[data-galaxy-motion="off"] .sky-hero *,
body[data-galaxy-motion="off"] #pool-fleet-hero *,
body[data-galaxy-motion="off"] .pool-card-media::after{
  animation:none!important;
}
@media(prefers-reduced-motion:reduce){
  .galaxy-stage,.galaxy-stage *,.galaxy-backdrop,.galaxy-backdrop *,
  .galaxy-motion-toggle,.sky-hero *,.sky-hero::before,.sky-hero::after,
  #pool-fleet-hero *,#pool-fleet-hero::before,#pool-fleet-hero::after{
    animation:none!important;
    transition:none!important;
  }
  .pool-card :is(.fleet-card-media,.pool-card-media) img{transform:none!important;transition:none!important;}
}
@media(prefers-contrast:more){
  :root{--galaxy-glass:var(--card);--galaxy-border:var(--fg);--galaxy-border-bright:var(--fg);}
  .galaxy-stage::before{background:linear-gradient(90deg,#081625 0%,rgb(8 22 37/.96) 46%,rgb(8 22 37/.25));}
  body[data-view="market"] .sky-hero-lead,
  body[data-view="fleet"] #pool-fleet-hero .fleet-hero-lead{color:#edf2ff;}
}
@media(forced-colors:active){
  .galaxy-backdrop,.galaxy-stage,.galaxy-motion-toggle{display:none!important;}
  :root body:not([data-view="admin"]){background:Canvas;color:CanvasText;}
  body[data-view="market"] #view-market .sky-hero,
  body[data-view="fleet"] #pool-fleet-hero{
    min-height:0;padding:24px;border-color:CanvasText;background:Canvas;box-shadow:none;
  }
  body[data-view="market"] #view-market .sky-hero h1,
  body[data-view="fleet"] #view-fleet #pool-fleet-hero #pool-fleet-title,
  body[data-view="market"] .sky-hero-eyebrow,
  body[data-view="fleet"] #pool-fleet-hero .fleet-hero-eyebrow,
  body[data-view="market"] .sky-hero-lead,
  body[data-view="fleet"] #pool-fleet-hero .fleet-hero-lead,
  body[data-view="market"] .sky-hero-points{color:CanvasText!important;text-shadow:none;}
  body[data-view="market"] #view-market #pool-packages .pool-card,
  body[data-view="market"] #view-market #pool-other-goods .pool-card,
  body[data-view="fleet"] #pool-fleet-groups .pool-card.fleet-card,
  body[data-view="auth"] #view-auth .auth-card,
  body[data-view="wallet"] #view-wallet .card,
  body[data-view="wallet"] #view-wallet .wallet-balance,
  body[data-view="delivery"] #view-delivery .delivery-board > .card,
  body[data-view="fleet"] #pool-fleet-groups .fleet-card-media,
  body[data-view="fleet"] #pool-fleet-live-summary .fleet-summary-item{
    background:Canvas;border-color:CanvasText;box-shadow:none;backdrop-filter:none;
  }
  body[data-view="market"] #view-market .pool-card::after,
  body[data-view="fleet"] #pool-fleet-groups .pool-card.fleet-card::after{display:none;}
  body[data-view="fleet"] #pool-fleet-groups :is(.fleet-card-media-label,.fleet-card-media-kicker,.fleet-card-media-mark),
  body[data-view="wallet"] #view-wallet .wallet-balance{color:CanvasText;}
  body[data-view="fleet"] #pool-fleet-groups .fleet-card-media img{filter:none;}
}
@media print{
  .galaxy-backdrop,.galaxy-stage,.galaxy-motion-toggle{display:none!important;}
  :root body:not([data-view="admin"]){background:#fff;}
  body[data-view="market"] #view-market .sky-hero,
  body[data-view="fleet"] #pool-fleet-hero{min-height:0;padding:16px;background:#fff;border-color:#000;box-shadow:none;}
  body[data-view="market"] #view-market .sky-hero h1,
  body[data-view="fleet"] #view-fleet #pool-fleet-hero #pool-fleet-title,
  body[data-view="market"] .sky-hero-eyebrow,
  body[data-view="fleet"] #pool-fleet-hero .fleet-hero-eyebrow,
  body[data-view="market"] .sky-hero-lead,
  body[data-view="fleet"] #pool-fleet-hero .fleet-hero-lead,
  body[data-view="market"] .sky-hero-points{color:#000!important;text-shadow:none;}
  body[data-view="wallet"] #view-wallet .card,
  body[data-view="wallet"] #view-wallet .wallet-balance,
  body[data-view="delivery"] #view-delivery .delivery-board > .card{
    background:#fff;border-color:#000;box-shadow:none;color:#000;
  }
}