/* Gallaxia premium visual candidate. Scoped to the isolated UI preview. */
html.ui-preview {
  --premium-canvas:#080a08;
  --premium-surface:#11150f;
  --premium-raised:#171d15;
  --premium-rule:#3c4735;
  --premium-rule-strong:#708247;
  --premium-lime:#ebff00;
  --premium-text:#f7f9f3;
  --premium-muted:#b9c2b1;
  --premium-soft:#929d8b;
  scroll-padding-top:92px;
}
html.ui-preview body { background:var(--premium-canvas); color:var(--premium-text); }
html.ui-preview :is(a,button,input,summary):focus-visible { outline:2px solid var(--premium-lime); outline-offset:3px; }
html.ui-preview :is(a,button,summary) { -webkit-tap-highlight-color:rgba(235,255,0,.14); }
html.ui-preview .site-header { border-bottom-color:var(--premium-rule); box-shadow:0 9px 32px #0008; }
html.ui-preview .site-header .site-header-inner { max-width:1440px; }
html.ui-preview .site-desktop-nav>a,
html.ui-preview .site-explore>summary { font-size:12px; letter-spacing:.01em; }
html.ui-preview .site-desktop-nav [aria-current="page"] { border-bottom-width:2px; }
html.ui-preview .site-explore-panel { background:#0c100b; border-color:var(--premium-rule-strong); box-shadow:0 18px 42px #000b; }
html.ui-preview .site-explore-panel a { min-height:36px; display:flex; align-items:center; }
html.ui-preview .site-explore-panel a:focus-visible { outline-offset:0; }
html.ui-preview .site-mobile-panel { background:#090d09; }
html.ui-preview .site-mobile-feature a,
html.ui-preview .site-mobile-group>summary { transition:background-color .18s,border-color .18s,color .18s; }
html.ui-preview .site-mobile-feature a:hover,
html.ui-preview .site-mobile-group>summary:hover { border-color:var(--premium-lime); background:#1c2614; }
html.ui-preview .site-mobile-feature a:first-child:hover { background:#d7ee00; color:#090b06; }

/* The hero keeps the published copy while making official collectible art the lead visual. */
html.ui-preview .market-live .hero {
  grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);
  gap:clamp(28px,3.4vw,60px);
  align-items:center;
  min-height:clamp(630px,48vw,760px);
  padding-top:clamp(44px,5vw,72px);
  padding-bottom:clamp(38px,4vw,64px);
}
html.ui-preview .market-live .hero-copy { align-self:center; max-width:660px; }
html.ui-preview .market-live .hero .overline { color:var(--premium-lime); font-size:10px; letter-spacing:.17em; }
html.ui-preview .market-live .hero h1 {
  margin:22px 0 24px;
  font-family:var(--font-display,'Gallaxia Orbitron',Arial,sans-serif);
  font-size:clamp(3.45rem,4.45vw,5.25rem);
  line-height:.98;
  letter-spacing:-.055em;
  overflow-wrap:normal;
}
html.ui-preview .market-live .hero h1 em { color:var(--premium-lime); white-space:normal; }
html.ui-preview .market-live .hero-copy>p { max-width:550px; margin:0; color:#d0d8cb; font-size:clamp(15px,1.15vw,17px); line-height:1.62; }
html.ui-preview .market-live .hero-actions { margin-top:27px; gap:9px; }
html.ui-preview .market-live .hero-actions>a { min-height:47px; padding:11px 14px; gap:13px; border-radius:2px; white-space:nowrap; font-size:11px; }
html.ui-preview .market-live .hero-actions .button-primary { min-width:198px; }
html.ui-preview .market-live .hero-actions .button-quiet { border-color:#6a774d; color:#eef3e5; }
html.ui-preview .market-live .hero-actions .button-quiet:hover { background:#1b2515; color:#fff; }
html.ui-preview .market-live .hero-referral-note { display:block; margin-top:8px; color:#c9d0b7; font-size:10px; }
html.ui-preview .market-live .hero-stage {
  display:block;
  position:relative;
  height:clamp(490px,38vw,575px);
  min-width:0;
  padding:0;
  border:1px solid #5f6e3f;
  background:#11160f;
  box-shadow:none;
  isolation:isolate;
}
html.ui-preview .market-live .stage-grid { background:linear-gradient(#cce9440b 1px,transparent 1px),linear-gradient(90deg,#cce9440b 1px,transparent 1px); background-size:62px 62px; mask-image:none; }
html.ui-preview .market-live .stage-wordmark { top:38px; right:18px; color:#b6cf3520; font-size:clamp(6rem,12vw,12rem); line-height:1; }
html.ui-preview .market-live .stage-main {
  position:absolute; inset:46px 13% 32px 3%; z-index:1;
  width:auto; height:auto; display:flex; align-items:center; justify-content:center;
  margin:0; padding:0;
}
html.ui-preview .market-live .stage-main img {
  display:block; width:100%; height:82%; max-height:none; object-fit:contain;
  filter:drop-shadow(0 20px 24px #000b);
}
html.ui-preview .market-live .stage-main figcaption { position:absolute; bottom:10px; left:18px; z-index:2; gap:4px; }
html.ui-preview .market-live .stage-main figcaption strong { color:#fff; font-size:clamp(16px,1.25vw,20px); }
html.ui-preview .market-live .stage-main figcaption small { color:var(--premium-lime); }
html.ui-preview .market-live .stage-secondary {
  position:absolute; z-index:2; right:20px; bottom:38px;
  width:28%; height:38%; margin:0; padding:9px 8px 26px;
  border-color:#68774d; background:#1a2016; box-shadow:0 16px 32px #0008;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
}
html.ui-preview .market-live .stage-secondary img { width:100%; height:100%; min-height:0; filter:none; }
html.ui-preview .market-live .stage-secondary figcaption { position:absolute; bottom:7px; left:5px; right:5px; text-align:center; color:#e9efdb; }
html.ui-preview .market-live .stage-index { top:20px; left:20px; color:#ebff00; }
html.ui-preview .market-live .stage-vertical { color:#e1e8d1; }
html.ui-preview .market-live .hero-status {
  grid-column:1/-1; margin:0; padding:15px 0 0;
  border-top:1px solid #49563b; color:#bbc7b1; font-size:11px;
}
html.ui-preview .market-live .hero-status b { border-color:#849144; color:var(--premium-lime); }
html.ui-preview .market-live .status-separator { color:#6b8057; }

/* Consistent card construction and quieter, more legible market information. */
html.ui-preview .market-live .section { padding-top:clamp(70px,6vw,104px); padding-bottom:clamp(70px,6vw,104px); }
html.ui-preview .market-live .section-heading { margin-bottom:34px; }
html.ui-preview .market-live .section-heading h2,
html.ui-preview .market-live .analytics-heading h2,
html.ui-preview .market-live .pulse-heading h3 { line-height:1.08; }
html.ui-preview .market-live .catalogue-controls { gap:16px; border-color:var(--premium-rule); }
html.ui-preview .market-live .search-control { min-height:48px; border-color:#63764a; background:#141a11; }
html.ui-preview .market-live .search-control input { font-size:13px; }
html.ui-preview .market-live .state-tabs button,
html.ui-preview .market-live .category-scroll button,
html.ui-preview .market-live .captured-filters button,
html.ui-preview .market-live .analytics-categories button,
html.ui-preview .market-live .pulse-filters button { min-width:44px; min-height:44px; }
html.ui-preview .market-live .item-grid { gap:16px; }
html.ui-preview .market-live .item-card,
html.ui-preview .market-live .pulse-card,
html.ui-preview .market-live .world-card { border-color:#47533c; background:#11150f; box-shadow:none; }
html.ui-preview .market-live .item-card:hover,
html.ui-preview .market-live .pulse-card:hover,
html.ui-preview .market-live .world-card:hover { border-color:var(--premium-lime); }
html.ui-preview .market-live .item-art,
html.ui-preview .market-live .pulse-art { background:#1a2017; }
html.ui-preview .market-live .item-card[data-kind=artifact] .item-art,
html.ui-preview .market-live .item-card[data-kind=creation] .item-art { background:#20221b; }
html.ui-preview .market-live .item-art { height:auto; aspect-ratio:4/3; }
html.ui-preview .market-live .item-art img { height:88%; width:90%; filter:drop-shadow(0 12px 15px #0009); }
html.ui-preview .market-live .item-info { padding:18px 17px 16px; }
html.ui-preview .market-live .item-kicker { color:#bfccb2; font-size:10px; line-height:1.45; }
html.ui-preview .market-live .item-info h3 { min-height:0; margin:10px 0; font-size:clamp(18px,1.3vw,23px); line-height:1.2; }
html.ui-preview .market-live .item-info p { color:#bfcbb7; font-size:12px; line-height:1.55; }
html.ui-preview .market-live .item-footer { border-color:var(--premium-rule); padding:15px 17px 17px; flex-wrap:wrap; }
html.ui-preview .market-live .item-footer small { color:#b9c6ac; font-size:10px; line-height:1.35; }
html.ui-preview .market-live .item-footer strong { color:var(--premium-lime); }
html.ui-preview .market-live .item-footer a { min-height:44px; display:inline-flex; align-items:center; white-space:normal; }
html.ui-preview .market-live .pulse-card-body { padding:18px; }
html.ui-preview .market-live .pulse-card h4 { min-height:0; font-size:clamp(19px,1.45vw,25px); line-height:1.2; }
html.ui-preview .market-live .pulse-card p { min-height:0; color:#bfccb7; font-size:12px; line-height:1.5; }
html.ui-preview .market-live .pulse-kicker { font-size:10px; line-height:1.45; }
html.ui-preview .market-live .pulse-card-end { border-color:var(--premium-rule); }
html.ui-preview .market-live .pulse-card-end strong { color:var(--premium-lime); }
html.ui-preview .market-live .sale-row { border-color:var(--premium-rule); padding-block:17px; }
html.ui-preview .market-live .sale-item small,
html.ui-preview .market-live .sale-meta small { color:#b4c2ae; }
html.ui-preview .market-live .captured-panel,
html.ui-preview .market-live .analytics-movers,
html.ui-preview .market-live .analytics-activity { background:#11150f; border-color:#5a653f; }
html.ui-preview .market-live .captured-row { border-color:var(--premium-rule); }
html.ui-preview .market-live .captured-row small { color:#bbc8b1; }
html.ui-preview .market-live .captured-row b { line-height:1.3; }

/* Preserve the factual chart states, increase hierarchy and legibility. */
html.ui-preview .market-live .analytics-band { background:#13160f; border-block:1px solid #495437; }
html.ui-preview .market-live .analytics-shell { max-width:1440px; }
html.ui-preview .market-live .analytics-kpis>div { background:#151a12; }
html.ui-preview .market-live .analytics-kpis span,
html.ui-preview .market-live .analytics-kpis small { color:#c7d0b9; line-height:1.4; }
html.ui-preview .market-live .analytics-kpis strong { color:#fff; font-variant-numeric:tabular-nums; }
html.ui-preview .market-live .analytics-periods button,
html.ui-preview .market-live .metrics-periods button { min-width:44px; min-height:44px; }
html.ui-preview .market-live .analytics-chart-body { background:#0d100b; }
html.ui-preview .market-live .analytics-foot { color:#c6c9b8; font-size:11px; }
html.ui-preview .market-live .analytics-unavailable { background:#11150f; }
html.ui-preview .market-live .analytics-unavailable p { color:#c8cebd; }

/* Editorial sections share the same restrained geometry. */
html.ui-preview .market-live .market-watch-grid article,
html.ui-preview .market-live .ecosystem-card,
html.ui-preview .market-live .hunt-aside { background:#11150f; border-color:#4e5a3d; box-shadow:none; }
html.ui-preview .market-live .market-watch-grid h3 { line-height:1.24; }
html.ui-preview .market-live .market-watch-grid p,
html.ui-preview .market-live .ecosystem-card p { color:#c2cbb8; }
html.ui-preview .market-live .ecosystem-markets { background:#0e110d; border-color:#46523a; }
html.ui-preview .market-live .ecosystem-card-visual { background:#1b2117; }
html.ui-preview .market-live .ecosystem-card-visual:after { opacity:.32; }
html.ui-preview .market-live .hunt-community { background:#10140e; }
html.ui-preview .market-live .hunt-layout { gap:clamp(24px,5vw,76px); align-items:start; }
html.ui-preview .market-live .hunt-copy { max-width:780px; }
html.ui-preview .market-live .hunt-copy>p { max-width:650px; line-height:1.65; }
html.ui-preview .market-live .hunt-actions { gap:10px; }
html.ui-preview .market-live .hunt-actions a { min-height:48px; gap:12px; }
html.ui-preview .market-live .hunt-actions .site-icon { width:17px; height:17px; }
html.ui-preview .market-live .hunt-aside { padding:clamp(22px,3vw,40px); }
html.ui-preview .market-live .hunt-disclosure { color:#c7cfb8; }

/* Forecast makes the existing status and Market Live path visible early. */
html.ui-preview .forecast-page .forecast-hero { background:#10140e; border-bottom:1px solid #485438; }
html.ui-preview .forecast-page .forecast-hero-layout { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr); gap:clamp(30px,5vw,88px); align-items:center; }
html.ui-preview .forecast-page .forecast-hero-copy { min-width:0; }
html.ui-preview .forecast-page .forecast-hero h1 { max-width:780px; line-height:.98; }
html.ui-preview .forecast-page .forecast-hero-copy>p:not(.forecast-subtitle) { max-width:620px; color:#d0d8c9; line-height:1.65; }
html.ui-preview .forecast-page .forecast-hero-aside { border:1px solid #607146; padding:clamp(20px,2.5vw,32px); background:#181f14; }
html.ui-preview .forecast-page .forecast-status { margin:0 0 24px; padding:0; border:0; background:none; color:#e4ebd9; font-size:14px; line-height:1.6; }
html.ui-preview .forecast-page .forecast-hero-aside .button-primary { display:inline-flex; align-items:center; justify-content:space-between; width:100%; min-height:48px; gap:12px; padding:13px 16px; background:var(--premium-lime); color:#0a0d06; font-size:12px; font-weight:800; text-decoration:none; }
html.ui-preview .forecast-page .forecast-hero-aside .button-primary:hover { background:#d8ed00; color:#0a0d06; }
html.ui-preview .forecast-page .forecast-hero-aside .site-icon { width:17px; height:17px; }
html.ui-preview .forecast-page .forecast-grid article { background:#121710; border-color:#586847; min-height:230px; }
html.ui-preview .forecast-page .forecast-grid article h3 { line-height:1.25; }
html.ui-preview .forecast-page .forecast-grid article p { color:#c2ceb9; line-height:1.6; }
html.ui-preview .forecast-page .forecast-steps { padding-block:clamp(62px,6vw,96px); }

@media(max-width:1100px) {
  html.ui-preview .market-live .hero { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
  html.ui-preview .market-live .hero h1 { font-size:clamp(3.2rem,5vw,4rem); }
}
@media(max-width:800px) {
  html.ui-preview .market-live .hero { display:grid; grid-template-columns:minmax(0,1fr); min-height:0; gap:24px; padding-top:36px; padding-bottom:40px; }
  html.ui-preview .market-live .hero-copy { max-width:none; }
  html.ui-preview .market-live .hero h1 { margin:18px 0; font-size:clamp(3.2rem,9vw,5rem); }
  html.ui-preview .market-live .hero-copy>p { max-width:620px; font-size:15px; }
  html.ui-preview .market-live .hero-actions { margin-top:24px; }
  html.ui-preview .market-live .hero-stage { height:clamp(330px,62vw,475px); }
  html.ui-preview .market-live .stage-main { inset:40px 13% 25px 2%; }
  html.ui-preview .market-live .stage-main img { height:84%; }
  html.ui-preview .market-live .stage-secondary { right:15px; bottom:28px; width:27%; height:39%; }
  html.ui-preview .market-live .hero-status { margin:0; grid-column:auto; }
  html.ui-preview .market-live .item-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  html.ui-preview .market-live .pulse-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  html.ui-preview .forecast-page .forecast-hero-layout { grid-template-columns:minmax(0,1fr); gap:28px; align-items:start; }
  html.ui-preview .forecast-page .forecast-hero-aside { max-width:620px; }
}
@media(max-width:600px) {
  html.ui-preview .market-live .hero { gap:20px; }
  html.ui-preview .market-live .hero h1 { font-size:clamp(2.65rem,10.8vw,4.25rem); line-height:1.04; }
  html.ui-preview .market-live .hero-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  html.ui-preview .market-live .hero-actions>a { min-width:0!important; width:100%; font-size:10px; padding:10px 11px; white-space:normal; line-height:1.25; }
  html.ui-preview .market-live .hero-actions>a:first-child { grid-column:1/-1; }
  html.ui-preview .market-live .hero-stage { height:330px; }
  html.ui-preview .market-live .stage-main { inset:37px 7% 28px 0; }
  html.ui-preview .market-live .stage-main img { height:78%; }
  html.ui-preview .market-live .stage-main figcaption { bottom:6px; left:15px; right:21%; }
  html.ui-preview .market-live .stage-main figcaption strong { font-size:14px; line-height:1.18; }
  html.ui-preview .market-live .stage-secondary { right:11px; bottom:32px; width:30%; height:37%; padding:5px 5px 21px; }
  html.ui-preview .market-live .stage-secondary figcaption { bottom:4px; font-size:7px; }
  html.ui-preview .market-live .stage-wordmark { font-size:6.5rem; }
  html.ui-preview .market-live .hero-status { gap:7px; font-size:10px; }
  html.ui-preview .market-live .hero-status b { margin-right:4px; }
  html.ui-preview .market-live .item-grid,
  html.ui-preview .market-live .pulse-card-grid,
  html.ui-preview .market-live .sale-card-grid { grid-template-columns:minmax(0,1fr); gap:14px; }
  html.ui-preview .market-live .item-art { aspect-ratio:1.24; }
  html.ui-preview .market-live .pulse-art { height:220px; }
  html.ui-preview .market-live .item-info h3 { font-size:20px; }
  html.ui-preview .market-live .pulse-card-body { padding:17px; }
  html.ui-preview .market-live .pulse-card h4 { font-size:21px; }
  html.ui-preview .market-live .analytics-kpis span,
  html.ui-preview .market-live .analytics-kpis small { font-size:11px; }
  html.ui-preview .market-live .captured-row small { font-size:11px; line-height:1.45; }
  html.ui-preview .market-live .captured-row b { font-size:14px; }
  html.ui-preview .market-live .captured-art { width:54px; height:54px; }
  html.ui-preview .market-live .analytics-foot { font-size:11px; }
  html.ui-preview .market-live .sale-row { grid-template-columns:62px minmax(0,1fr) auto; gap:10px; }
  html.ui-preview .market-live .sale-item strong { font-size:14px; }
  html.ui-preview .market-live .sale-price { font-size:18px; }
  html.ui-preview .forecast-page .forecast-hero { padding-block:48px 55px; }
  html.ui-preview .forecast-page .forecast-hero h1 { font-size:clamp(2.7rem,10.5vw,4rem); }
  html.ui-preview .forecast-page .forecast-hero-aside { padding:20px; }
  html.ui-preview .forecast-page .forecast-grid article { min-height:0; }
}
@media(max-width:420px) {
  html.ui-preview .market-live .hero-stage { height:370px; }
  html.ui-preview .market-live .stage-main { inset:37px 7% 68px 0; }
  html.ui-preview .market-live .stage-main figcaption { bottom:-48px; left:15px; right:5px; }
  html.ui-preview .market-live .stage-secondary { bottom:90px; height:34%; }
}
@media(prefers-reduced-motion:reduce) {
  html.ui-preview .site-mobile-feature a,
  html.ui-preview .site-mobile-group>summary,
  html.ui-preview .item-card,
  html.ui-preview .pulse-card { transition:none!important; }
}