/* Generated by scripts/build-catalog-css.mjs; edit core.css. */
@font-face{ font-family: "Barlow Condensed"; font-style: normal; font-weight: 500; font-display: swap;
  src: url("/assets/fonts/barlow-condensed-500.woff2") format("woff2"); }
@font-face{ font-family: "Barlow Condensed"; font-style: normal; font-weight: 600; font-display: swap;
  src: url("/assets/fonts/barlow-condensed-600.woff2") format("woff2"); }
@font-face{ font-family: "Barlow Condensed"; font-style: normal; font-weight: 700; font-display: swap;
  src: url("/assets/fonts/barlow-condensed-700.woff2") format("woff2"); }
@font-face{ font-family: "IBM Plex Mono"; font-style: normal; font-weight: 500; font-display: swap;
  src: url("/assets/fonts/ibm-plex-mono-500.woff2") format("woff2"); }
@font-face{ font-family: "IBM Plex Mono"; font-style: normal; font-weight: 600; font-display: swap;
  src: url("/assets/fonts/ibm-plex-mono-600.woff2") format("woff2"); }
@font-face{ font-family: "Inter"; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url("/assets/fonts/inter-var.woff2") format("woff2"); }
:root{
  --font-display: "Barlow Condensed", "Arial Narrow", system-ui, sans-serif;
  --font-body: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  /* One scale. Six steps, replacing eleven ad-hoc sizes. */
  --t-micro: 0.6875rem;  /* 11px  - condensed micro-labels */
  --t-small: 0.75rem;    /* 12px  - condensed tags, dense captions */
  --t-body:  0.8125rem;  /* 13px  - row copy, secondary prose */
  --t-base:  0.9375rem;  /* 15px  - default body, tab labels */
  --t-lead:  1.25rem;    /* 20px  - stat numbers, sub-heads */
  /* Shared right edge for the board rows, the group strip, the hero and the
     finder's answer panel. 100% = the shell's own width (min(1240px, 100% -
     32px)), so the content block ends where the page does.
     It was a hard 1020px, which left ~220px of nothing down the right inside
     a 1240px shell -- the page looked like it stopped early. */
  --board-measure: 100%;
  --t-title: 1.625rem;   /* 26px  - section titles */

  /* Spacing scale (v931). Tokens equal the raw values they replaced; the scale documents the rhythm, it does not re-space anything. */
  --space-1: 4px; --space-2: 6px; --space-3: 8px; --space-4: 10px; --space-5: 12px; --space-6: 14px; --space-7: 16px; --space-8: 18px; --space-9: 20px; --space-10: 24px; --space-11: 28px; --space-12: 32px; --space-14: 40px;
  /* Radius scale (v931) */
  --radius-xs: 3px; --radius-s: 4px; --radius-m: 6px; --radius-l: 8px; --radius-xl: 12px; --radius-2xl: 16px; --radius-pill: 999px;

  /* Two tracking values, replacing twelve. */
  --track-caps: 0.12em;  /* uppercase condensed labels only */
  --track-flat: 0;       /* everything else */

  /* Weight ceiling is 700: emphasis only means something if it is rare. */
  --w-reg: 400; --w-med: 500; --w-semi: 600; --w-bold: 700;
}
:root{
  color-scheme: dark;
  /* Text ramp. Three steps, and there is no fourth: --dim is the floor.
     It replaced #4d6072, which sat at 3.09:1 on a panel and 3.23:1 on the page
     -- under the 4.5:1 AA asks for anything below 18px, so ranks, counts,
     captions and section headings were all failing. --dim measures 6.0-6.3:1
     in those same places and still reads as clearly secondary.
     Quiet is a contrast RATIO, not a low number. Anything dimmer than this
     needs a measurement to justify it, not an eye. */
  --ink: #eef4f8;    /* primary copy, numbers that carry the answer */
  --muted: #93a4b3;  /* secondary copy, option labels, section headings */
  --dim: #7d8fa0;    /* captions, counts, units, status lines -- the floor */
  --line: #2d3a46;
  --panel: #121b24;
  --panel-strong: #172330;
  --field: #0d151d;
  --navy: #7eb6ff;
  /* v802-one-hue-one-value: sage (#3fe3a4) and green (#55d6a5) were the same
     meaning -- a gain, a win, a rating you picked up -- at two different
     values. --sage was the newer, more-used one (advisor, squad builder,
     pack/dynasty/inventory pages); --green predates it in the shared nav
     chrome. Rather than re-point 80+ call sites, --green now resolves to
     --sage so every "gain" reads as the same hue site-wide; the --green name
     stays for the selectors that already use it. Moved here from the
     standalone `:root { --sage: #3fe3a4; }` this file grew at v793, further
     down, once sage as a whole became a real token instead of three literals. */
  --sage: #3fe3a4;
  --green: var(--sage);
  --red: #ff657c;
  --gold: #f1b84b;
  /* Money and gain both needed a second, brighter step for small text/labels
     on dark ground -- the flat --gold/--sage read too dim there. -ink is that
     step: text, focus outlines, icon glyphs. The base token stays for fills,
     borders and badge backgrounds. */
  --gold-ink: #f1c86d;
  --cyan: #5fc7df;
  --cyan-ink: #9df1ff;
  --neon-cyan: #00e5ff;
  --neon-teal: #14ebb0;
  /* The neon triad's bright text counterpart, paired with the neon-teal glow
     (hero stat highlights, proof strips) the way --cyan-ink pairs with
     --cyan. Kept apart from --sage/--gold-ink: it belongs to the neon
     decorative system, not the plain meaning vocabulary. */
  --neon-teal-ink: #29f2c0;
  --neon-pink: #ff2d4b;
  --neon-gold: #ffbe3a;
  /* The one documented exception: .hero-accent's red word in hero headlines
     stays #ff2d4b even though every other red-family use is --red or
     --neon-pink. Same value as --neon-pink, but its own token because it is
     a different decision (a fixed brand accent, not a meaning colour). */
  --hero-accent: #ff2d4b;
  /* v690 palette: cyan and mint were carrying nearly every meaning on the site,
     which is why any panel using both read as one blue-green wash. Two hues with
     jobs of their own take that load off them.
       violet  -- what is YOURS: owned cards, bench depth, free swaps, import state
       coral   -- TIME: live now, lands next, expiring
       steel   -- a plain count that carries no meaning at all
     A number only takes a meaning colour when the colour says something the
     label does not. */
  --violet: #a98bff;
  --violet-ink: #1a1230;
  --coral: #ff8360;
  --coral-ink: #2b1109;
  --steel: #8aa2b5;
  --shadow: 0 20px 60px rgba(0, 0, 0, 0.42);

  /* v5.0.0-hf32 shared semantic tokens. They used to sit in their own :root
     two thirds of the way down the file; nothing declared them twice, so
     hoisting them changes no value. */
  --dp-market: #35d4ff;
  --dp-positive: #53f0a7;
  --dp-caution: #f6c858;
  --dp-danger: #ff4d7d;
  --dp-premium: #ff2d6a;
  --dp-cool: #6ea7ff;
  --dp-neutral: #b8c9d6;
  --dp-rank-bg: linear-gradient(135deg, rgba(255, 45, 106, 0.94), rgba(0, 229, 255, 0.64));
  --dp-rank-border: rgba(255, 255, 255, 0.24);
  --dp-rank-ink: #f8fbff;

  /* v659-rarity-red. Garnet, deliberately deeper and cooler than --hot (stop)
     and the Pro pink, so red means exactly one thing per shade. Declared here
     rather than beside the .rarity-red-diamond rule that reads it. */
  --rarity-red: #cf3f66;
}
*{
  box-sizing: border-box;
}
body{
  margin: 0;
  min-height: 100vh;
  min-height: 100dvh;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--ink);
  background:
    radial-gradient(circle at 18% 8%, rgba(95, 199, 223, 0.16), transparent 34%),
    radial-gradient(circle at 82% 12%, rgba(241, 184, 75, 0.12), transparent 30%),
    linear-gradient(90deg, rgba(238, 244, 248, 0.025) 1px, transparent 1px) 0 0 / 56px 56px,
    linear-gradient(135deg, var(--field) 0%, #111b25 52%, #0a1419 100%);
  overflow-x: hidden;
}
html{
  scrollbar-color: rgba(95, 199, 223, 0.55) rgba(8, 14, 22, 0.85);
  scrollbar-width: thin;
}
body::-webkit-scrollbar{
  width: 12px;
}
body::-webkit-scrollbar-track{
  background: rgba(8, 14, 22, 0.9);
}
body::-webkit-scrollbar-thumb{
  border: 3px solid rgba(8, 14, 22, 0.9);
  border-radius: var(--radius-pill);
  background: linear-gradient(180deg, var(--cyan), var(--green), var(--gold));
}
button,
input,
select{
  font: inherit;
}
button{
  cursor: pointer;
}
.shell{
  width: min(1240px, calc(100% - 32px));
  margin: 0 auto;
  padding: 12px 0 44px;
}
.site-header{
  position: relative;
  z-index: 6500;
  min-height: 112px;
  border: 0;
  border-bottom: 0;
  border-radius: 0;
  display: grid;
  grid-template-columns: minmax(250px, 1fr) auto auto auto;
  align-items: center;
  gap: clamp(10px, 1.15vw, 18px);
  padding: 10px 0 8px;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
}
.site-header::after{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -6px;
  height: 1px;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(95, 199, 223, 0.18), rgba(255, 101, 124, 0.12), transparent);
}
.brand{
  min-width: 0;
  display: inline-flex;
  align-items: center;
  justify-self: start;
  color: var(--ink);
  text-decoration: none;
  position: relative;
}
.brand-logo{
  display: block;
  width: clamp(240px, 24vw, 335px);
  max-width: 100%;
  height: 92px;
  object-fit: contain;
  object-position: left center;
  filter:
    drop-shadow(0 0 18px rgba(95, 199, 223, 0.48))
    drop-shadow(0 0 28px rgba(255, 101, 124, 0.2))
    drop-shadow(0 8px 18px rgba(0, 0, 0, 0.36));
}
.site-nav{
  position: absolute;
  left: 50%;
  justify-self: center;
  align-self: center;
  width: auto;
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  padding: 8px 10px;
  border: 1px solid rgba(95, 199, 223, 0.32);
  border-radius: var(--radius-pill);
  background:
    linear-gradient(90deg, rgba(95, 199, 223, 0.18), rgba(8, 14, 22, 0.86) 28%, rgba(255, 101, 124, 0.12)),
    rgba(8, 14, 22, 0.8);
  box-shadow:
    inset 0 0 0 1px rgba(238, 244, 248, 0.04),
    0 0 24px rgba(95, 199, 223, 0.18),
    0 10px 28px rgba(0, 0, 0, 0.28);
  transform: translateX(-50%);
  overflow: visible;
}
.site-nav::after{
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: -2px;
  height: 2px;
  border-radius: var(--radius-pill);
  background: linear-gradient(90deg, transparent, var(--cyan), var(--red), transparent);
  opacity: 0.78;
  box-shadow: 0 0 16px rgba(95, 199, 223, 0.44);
}
.site-nav a,
.site-nav button,
.nav-cta,
.nav-toggle,
.primary-action,
.secondary-action{
  border: 0;
  border-radius: 7px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #c4d0da;
  text-decoration: none;
  font-size: var(--t-body);
  font-weight: 600;
}
.site-nav button{
  background: transparent;
}
.nav-toggle{
  display: none;
  justify-self: end;
  width: 48px;
  height: 48px;
  border: 1px solid rgba(95, 199, 223, 0.34);
  border-radius: var(--radius-pill);
  background:
    linear-gradient(135deg, rgba(95, 199, 223, 0.16), rgba(255, 101, 124, 0.1)),
    rgba(8, 14, 22, 0.82);
  box-shadow: 0 0 22px rgba(95, 199, 223, 0.18);
  gap: 5px;
  padding: 0;
}
.nav-toggle span{
  width: 20px;
  height: 2px;
  border-radius: var(--radius-pill);
  background: #eef4f8;
  box-shadow: 0 0 10px rgba(95, 199, 223, 0.32);
  transition:
    transform 160ms ease,
    opacity 160ms ease;
}
.site-nav a,
.site-nav button{
  border-radius: var(--radius-pill);
  min-height: 40px;
  padding: 10px 14px;
  color: #d5e2ea;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-shadow: 0 0 12px rgba(95, 199, 223, 0.18);
  position: relative;
  transition:
    background 140ms ease,
    color 140ms ease,
    transform 140ms ease,
    box-shadow 140ms ease;
}
.site-nav a:hover,
.site-nav a:focus-visible,
.site-nav button:hover,
.site-nav button:focus-visible,
.secondary-action:hover,
.secondary-action:focus-visible{
  background: rgba(95, 199, 223, 0.1);
  color: var(--ink);
  outline: none;
}
.site-nav a:hover,
.site-nav a:focus-visible,
.site-nav a[aria-current="page"],
.nav-group.is-current > button,
.site-nav button:hover,
.site-nav button:focus-visible{
  background:
    linear-gradient(135deg, rgba(95, 199, 223, 0.26), rgba(255, 101, 124, 0.12)),
    rgba(13, 21, 29, 0.72);
  box-shadow:
    inset 0 -2px 0 rgba(255, 101, 124, 0.68),
    inset 0 0 0 1px rgba(95, 199, 223, 0.28),
    0 0 18px rgba(95, 199, 223, 0.22);
  transform: translateY(-1px);
}
.site-nav a[aria-current="page"]{
  color: #ffffff;
}
.nav-group{
  position: relative;
  z-index: 125;
  display: inline-flex;
}
.nav-group > button::after{
  content: "";
  width: 7px;
  height: 7px;
  margin-left: 7px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: translateY(-2px) rotate(45deg);
  opacity: 0.78;
  transition: transform 150ms ease;
}
.nav-group.is-open > button::after,
.nav-group:hover > button::after,
.nav-group:focus-within > button::after{
  transform: translateY(2px) rotate(225deg);
}
.nav-group::after{
  content: "";
  position: absolute;
  top: 100%;
  left: -6px;
  right: -6px;
  height: 12px;
}
.nav-menu{
  width: min(460px, calc(100vw - 48px));
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  z-index: 6501;
  border: 1px solid rgba(95, 199, 223, 0.28);
  border-radius: var(--radius-l);
  display: none;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px 8px;
  padding: var(--space-5);
  background:
    linear-gradient(135deg, rgba(95, 199, 223, 0.12), rgba(8, 14, 22, 0.98) 42%, rgba(255, 101, 124, 0.1)),
    rgba(5, 9, 15, 0.98);
  backdrop-filter: blur(18px);
  box-shadow:
    0 18px 40px rgba(0, 0, 0, 0.66),
    inset 0 1px 0 rgba(238, 244, 248, 0.05);
}
.nav-group:last-of-type .nav-menu{
  left: auto;
  right: 0;
}
.nav-group:hover .nav-menu,
.nav-group:focus-within .nav-menu,
.nav-group.is-open .nav-menu{
  display: grid;
}
.nav-menu a{
  min-height: 0;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 3px;
  padding: 9px 10px;
  border-radius: var(--radius-l);
  white-space: normal;
  letter-spacing: 0;
  line-height: 1.25;
}
.nav-link-title{
  color: #eef4f8;
  font-size: var(--t-body);
  font-weight: 700;
}
.nav-link-desc{
  color: #9fb0be;
  font-size: var(--t-micro);
  font-weight: 700;
  line-height: 1.25;
}
.nav-menu a:hover .nav-link-desc,
.nav-menu a:focus-visible .nav-link-desc{
  color: #c7d8e4;
}
.primary-action{
  border: 1px solid rgba(95, 199, 223, 0.38);
  background: var(--cyan);
  color: #061016;
  padding: 9px 14px;
  min-height: 44px;
  box-shadow: 0 10px 26px rgba(95, 199, 223, 0.18);
}
.nav-cta{
  justify-self: start;
  align-self: center;
  margin-left: clamp(2px, 0.6vw, 10px);
  margin-right: 0;
  min-height: 48px;
  border: 1px solid rgba(95, 199, 223, 0.36);
  border-radius: var(--radius-pill);
  padding: 11px 19px;
  background:
    linear-gradient(135deg, rgba(95, 199, 223, 0.22), rgba(255, 101, 124, 0.1)),
    rgba(8, 14, 22, 0.72);
  color: var(--ink);
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-shadow: 0 0 12px rgba(95, 199, 223, 0.22);
  box-shadow:
    inset 0 -2px 0 rgba(255, 101, 124, 0.62),
    inset 0 0 0 1px rgba(238, 244, 248, 0.04),
    0 0 22px rgba(95, 199, 223, 0.14),
    0 10px 28px rgba(0, 0, 0, 0.28);
  transition:
    background 140ms ease,
    border-color 140ms ease,
    color 140ms ease,
    transform 140ms ease,
    box-shadow 140ms ease;
}
.site-header > .nav-cta{
  display: none;
}
.nav-cta:hover,
.nav-cta:focus-visible{
  border-color: rgba(95, 199, 223, 0.58);
  background:
    linear-gradient(135deg, rgba(95, 199, 223, 0.34), rgba(255, 101, 124, 0.16)),
    rgba(8, 14, 22, 0.84);
  color: #ffffff;
  transform: translateY(-1px);
  box-shadow:
    inset 0 -2px 0 rgba(255, 101, 124, 0.72),
    inset 0 0 0 1px rgba(95, 199, 223, 0.2),
    0 0 28px rgba(95, 199, 223, 0.28),
    0 14px 34px rgba(0, 0, 0, 0.34);
  outline: none;
}
.release-footer-trigger{
  display: block;
  width: fit-content;
  border: 0;
  padding: 0;
  background: none;
  cursor: pointer;
  font: inherit;
  color: #c4d0da;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
}
.release-footer-trigger:hover,
.release-footer-trigger:focus-visible{
  color: var(--green);
  outline: none;
}
.site-nav .release-nav-trigger{
  display: none;
}
.release-trigger:hover,
.release-trigger:focus-visible,
.release-nav-trigger:hover,
.release-nav-trigger:focus-visible,
.release-trigger[aria-expanded="true"]{
  border-color: rgba(95, 199, 223, 0.46);
  background:
    linear-gradient(135deg, rgba(95, 199, 223, 0.16), rgba(255, 101, 124, 0.1)),
    rgba(21, 29, 36, 0.9);
  outline: none;
}
.pulse-feed-strip{
  position: relative;
  z-index: 40;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin: 10px 0 16px;
  border: 1px solid rgba(95, 199, 223, 0.2);
  border-radius: var(--radius-pill);
  padding: 5px;
  background:
    linear-gradient(90deg, rgba(95, 199, 223, 0.14), rgba(20, 235, 176, 0.05) 44%, rgba(255, 101, 124, 0.08)),
    rgba(4, 12, 18, 0.78);
  box-shadow:
    inset 0 1px 0 rgba(238, 244, 248, 0.045),
    0 12px 28px rgba(0, 0, 0, 0.18);
  overflow: hidden;
  transition:
    border-color 160ms ease,
    box-shadow 160ms ease,
    padding 160ms ease,
    transform 160ms ease;
}
.pulse-feed-strip::before{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background:
    linear-gradient(90deg, transparent, rgba(95, 199, 223, 0.36), rgba(85, 214, 165, 0.18), transparent);
  opacity: 0.45;
}
.pulse-feed-viewport{
  position: relative;
  z-index: 1;
  max-width: 100%;
  min-width: 0;
  overflow: visible;
  border-radius: inherit;
}
.pulse-feed-track{
  display: flex;
  align-items: center;
  width: 100%;
  min-width: 0;
}
.pulse-feed-line[aria-hidden="true"]{
  display: none;
}
.pulse-feed-line{
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  width: 100%;
  min-width: 0;
  min-height: 34px;
  padding-right: 0;
  white-space: nowrap;
}
@keyframes pulse-feed-marquee{
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
.pulse-feed-viewport::-webkit-scrollbar{
  display: none;
}
.pulse-feed-title,
.pulse-feed-chip,
.pulse-feed-updated{
  flex: 0 0 auto;
  white-space: nowrap;
  scroll-snap-align: start;
}
.pulse-feed-title{
  border-right: 1px solid rgba(147, 164, 179, 0.2);
  padding: 0 12px 0 10px;
  color: #ffffff;
  font-size: var(--t-small);
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.pulse-feed-chip{
  border: 1px solid rgba(95, 199, 223, 0.22);
  border-radius: var(--radius-pill);
  display: inline-flex;
  align-items: center;
  gap: var(--space-3);
  min-height: 32px;
  padding: 6px 11px;
  background: rgba(8, 14, 22, 0.72);
  color: #d7e8ef;
  text-decoration: none;
  box-shadow: inset 0 0 0 1px rgba(238, 244, 248, 0.025);
}
.pulse-feed-chip b{
  color: var(--green);
  font-size: var(--t-micro);
  font-weight: 700;
  letter-spacing: 0.1em;
}
.pulse-feed-chip strong{
  color: #eaf4f8;
  font-size: var(--t-small);
  font-weight: 700;
  letter-spacing: 0.01em;
}
.pulse-feed-chip.on-demand b{
  color: var(--gold);
}
.pulse-feed-chip.fallback b{
  color: var(--red);
}
.pulse-feed-chip.unavailable{
  border-color: rgba(255, 51, 95, 0.36);
  background:
    radial-gradient(circle at 10% 50%, rgba(255, 51, 95, 0.16), transparent 44%),
    rgba(8, 14, 22, 0.76);
}
.pulse-feed-chip.unavailable b{
  position: relative;
  color: #ff5f7c;
  padding-left: var(--space-5);
}
.pulse-feed-chip.unavailable b::before{
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 7px;
  height: 7px;
  border-radius: var(--radius-pill);
  background: #ff335f;
  box-shadow: 0 0 12px rgba(255, 51, 95, 0.8);
  transform: translateY(-50%);
  animation: outage-status-pulse 1.7s ease-in-out infinite;
}
.pulse-feed-chip.account{
  border-color: rgba(241, 184, 75, 0.28);
  margin-left: auto;
  background:
    linear-gradient(135deg, rgba(241, 184, 75, 0.1), rgba(95, 199, 223, 0.06)),
    rgba(8, 14, 22, 0.76);
}
.pulse-feed-chip.account.ready b,
.pulse-feed-chip.account.cloud b{
  color: var(--green);
}
.pulse-feed-chip.account.cloud{
  border-color: rgba(85, 214, 165, 0.34);
}
.pulse-feed-chip.account:hover,
.pulse-feed-chip.account:focus-visible{
  border-color: rgba(95, 199, 223, 0.48);
  color: #ffffff;
  outline: none;
}
.pulse-feed-updated{
  padding: 0 10px 0 4px;
  color: #93a4b3;
  font-size: var(--t-micro);
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.pulse-feed-compact{
  position: relative;
  z-index: 1;
  display: none;
  align-items: center;
  justify-content: center;
  gap: var(--space-4);
  min-height: 28px;
  padding: 3px 12px;
  color: #eaf4f8;
  font-size: var(--t-small);
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: none;
  white-space: nowrap;
}
.pulse-feed-compact b{
  color: var(--green);
  font-size: var(--t-micro);
  font-weight: 700;
  letter-spacing: 0.1em;
}
.pulse-feed-compact em{
  color: #93a4b3;
  font-style: normal;
  font-size: var(--t-micro);
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.pulse-feed-strip.is-sticky-compact{
  position: sticky;
  top: max(8px, env(safe-area-inset-top));
  z-index: 70;
  width: fit-content;
  max-width: min(420px, calc(100% - 24px));
  margin-left: auto;
  margin-right: 0;
  border-color: rgba(95, 199, 223, 0.28);
  padding: var(--space-1);
  box-shadow:
    inset 0 1px 0 rgba(238, 244, 248, 0.045),
    0 12px 32px rgba(0, 0, 0, 0.32);
}
.pulse-feed-strip.is-sticky-compact .pulse-feed-viewport{
  display: none;
}
.pulse-feed-strip.is-sticky-compact .pulse-feed-compact{
  display: flex;
}
@media (prefers-reduced-motion: reduce){.pulse-feed-viewport{
    overflow-x: auto;
    scrollbar-width: none;
  }
.pulse-feed-track{
    animation: none;
  }
.pulse-feed-line[aria-hidden="true"]{
    display: none;
  }
.pulse-feed-line{
    flex-wrap: wrap;
    width: 100%;
    min-width: 0;
    padding-right: 0;
    white-space: normal;
  }
.pulse-feed-chip.unavailable b::before,
  .data-health.is-outage .pulse-dot{
    animation: none;
  }

}
.account-status-pill{
  justify-self: start;
  border: 1px solid rgba(95, 199, 223, 0.25);
  border-radius: var(--radius-pill);
  display: inline-grid;
  grid-template-columns: 34px minmax(0, auto);
  gap: 1px 9px;
  align-items: center;
  min-height: 48px;
  min-width: 118px;
  max-width: 184px;
  padding: 7px 12px 7px 8px;
  color: #eaf8fc;
  text-decoration: none;
  background:
    linear-gradient(135deg, rgba(95, 199, 223, 0.13), rgba(85, 214, 165, 0.08)),
    rgba(8, 14, 22, 0.72);
  box-shadow:
    inset 0 0 0 1px rgba(238, 244, 248, 0.035),
    0 0 18px rgba(95, 199, 223, 0.12);
  cursor: pointer;
}
.ask-pulseai-trigger{
  position: relative;
  justify-self: end;
  grid-column: 2;
  overflow: hidden;
  border: 1px solid rgba(105, 255, 205, 0.24);
  border-radius: var(--radius-pill);
  display: inline-flex;
  align-items: center;
  gap: var(--space-4);
  min-height: 50px;
  padding: 7px 13px 7px 8px;
  color: #ffffff;
  text-decoration: none;
  background:
    radial-gradient(circle at 20% 18%, rgba(105, 255, 205, 0.2), transparent 38%),
    linear-gradient(135deg, rgba(95, 199, 223, 0.18), rgba(255, 51, 95, 0.14)),
    rgba(8, 14, 22, 0.86);
  box-shadow:
    0 0 0 0 rgba(105, 255, 205, 0.28),
    0 16px 36px rgba(0, 0, 0, 0.2),
    inset 0 0 0 1px rgba(238, 244, 248, 0.04);
  opacity: 0.88;
}
.ask-pulseai-trigger::after{
  content: none;
  position: absolute;
  inset: -60% -20%;
  background: linear-gradient(115deg, transparent 36%, rgba(255, 255, 255, 0.16), transparent 62%);
  transform: translateX(-68%);
  animation: ask-pulseai-button-sheen 4.8s ease-in-out infinite;
}
.ask-pulseai-trigger > span{
  position: relative;
  z-index: 1;
}
.ask-pulseai-trigger-orb{
  width: 31px;
  height: 31px;
  border: 1px solid rgba(105, 255, 205, 0.42);
  border-radius: var(--radius-pill);
  flex: 0 0 auto;
  background:
    radial-gradient(circle, rgba(105, 255, 205, 0.92) 0 4px, transparent 5px),
    conic-gradient(from 210deg, rgba(255, 51, 95, 0.92), rgba(95, 199, 223, 0.96), rgba(105, 255, 205, 0.92), rgba(255, 51, 95, 0.92));
  box-shadow: 0 0 22px rgba(105, 255, 205, 0.32);
  animation: none;
}
.ask-pulseai-trigger strong,
.ask-pulseai-trigger small{
  display: block;
  white-space: nowrap;
}
.ask-pulseai-trigger strong{
  font-size: var(--t-body);
  font-weight: 700;
  letter-spacing: -0.02em;
}
.ask-pulseai-trigger small{
  margin-top: 1px;
  color: var(--green);
  font-size: var(--t-micro);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.ask-pulseai-trigger:hover,
.ask-pulseai-trigger:focus-visible{
  border-color: rgba(105, 255, 205, 0.62);
  color: #ffffff;
  outline: none;
  transform: translateY(-1px);
}
.account-avatar-trigger{
  justify-self: end;
  grid-column: 4;
  width: 54px;
  min-width: 54px;
  max-width: 54px;
  min-height: 54px;
  grid-template-columns: 1fr;
  place-items: center;
  gap: 0;
  padding: 7px;
  border-color: rgba(95, 199, 223, 0.38);
  background:
    radial-gradient(circle at 50% 34%, rgba(95, 199, 223, 0.22), transparent 56%),
    linear-gradient(135deg, rgba(95, 199, 223, 0.2), rgba(255, 101, 124, 0.14)),
    rgba(8, 14, 22, 0.82);
}
.account-avatar-trigger strong,
.account-avatar-trigger small{
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}
.account-avatar-trigger .account-avatar{
  width: 38px;
  height: 38px;
}
.account-status-pill:hover,
.account-status-pill:focus-visible{
  border-color: rgba(95, 199, 223, 0.46);
  transform: translateY(-1px);
  outline: none;
}
.account-status-dot{
  position: absolute;
  right: -1px;
  bottom: 1px;
  width: 9px;
  height: 9px;
  border: 2px solid rgba(8, 14, 22, 0.96);
  border-radius: var(--radius-pill);
  background: var(--muted);
  box-shadow: 0 0 12px rgba(147, 164, 179, 0.42);
}
.account-avatar{
  grid-row: 1 / span 2;
  position: relative;
  display: inline-grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 1px solid rgba(95, 199, 223, 0.34);
  border-radius: var(--radius-pill);
  background:
    radial-gradient(circle at 35% 24%, rgba(255, 255, 255, 0.28), transparent 24%),
    linear-gradient(135deg, rgba(95, 199, 223, 0.36), rgba(255, 101, 124, 0.28)),
    rgba(8, 14, 22, 0.86);
  box-shadow: 0 0 18px rgba(95, 199, 223, 0.18);
}
.account-avatar b{
  color: #ffffff;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0.02em;
}
.account-status-pill.is-red-diamond{
  border-color: rgba(229, 57, 90, 0.6);
  background:
    linear-gradient(135deg, rgba(229, 57, 90, 0.16), rgba(124, 11, 38, 0.1)),
    rgba(14, 8, 12, 0.78);
  box-shadow:
    inset 0 0 0 1px rgba(255, 173, 190, 0.06),
    0 0 18px rgba(229, 57, 90, 0.2);
  animation: redDiamondCtaPulse 2.4s ease-in-out infinite;
}
.account-status-pill.is-red-diamond:hover,
.account-status-pill.is-red-diamond:focus-visible{
  border-color: rgba(255, 139, 163, 0.85);
}
.account-status-pill.is-red-diamond .account-avatar{
  border: 1.5px solid #e5395a;
  background:
    radial-gradient(circle at 35% 24%, rgba(255, 255, 255, 0.2), transparent 26%),
    radial-gradient(circle at 50% 60%, rgba(229, 57, 90, 0.35), transparent 70%),
    rgba(22, 6, 14, 0.92);
  box-shadow: 0 0 16px rgba(229, 57, 90, 0.35);
}
.account-status-pill.is-red-diamond .account-avatar b{
  color: #ffd7de;
}
.account-status-pill.is-red-diamond .account-status-dot{
  width: 15px;
  height: 15px;
  right: -3px;
  bottom: -2px;
  border: 1px solid rgba(255, 173, 190, 0.7);
  background: url("/assets/red-diamond-import-seal-small.png") center / cover no-repeat, #24060f;
  box-shadow: 0 0 10px rgba(229, 57, 90, 0.6);
  animation: redDiamondGemGlow 2.4s ease-in-out infinite;
}
@media (prefers-reduced-motion: reduce){.account-status-pill.is-red-diamond,
  .account-status-pill.is-red-diamond .account-status-dot{
    animation: none;
  }

}
.account-status-pill strong,
.account-status-pill small{
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.account-status-pill strong{
  color: #ffffff;
  font-size: var(--t-small);
  font-weight: 700;
  line-height: 1.05;
}
.account-status-pill small{
  color: #93a4b3;
  font-size: var(--t-micro);
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1;
  text-transform: uppercase;
}
.account-status-pill[data-state="signedIn"]{
  border-color: rgba(85, 214, 165, 0.36);
  background:
    linear-gradient(135deg, rgba(85, 214, 165, 0.16), rgba(95, 199, 223, 0.09)),
    rgba(8, 14, 22, 0.74);
}
.account-status-pill[data-state="signedIn"] .account-status-dot{
  background: var(--green);
  box-shadow: 0 0 16px rgba(85, 214, 165, 0.68);
}
.account-status-pill[data-state="checking"] .account-status-dot{
  background: var(--gold);
  box-shadow: 0 0 16px rgba(241, 184, 75, 0.58);
}
.account-status-menu{
  position: fixed;
  top: max(16px, env(safe-area-inset-top));
  right: max(14px, env(safe-area-inset-right));
  z-index: 60;
  width: min(382px, calc(100vw - 28px));
  max-height: min(680px, calc(100vh - 32px));
  max-height: min(680px, calc(100dvh - 32px));
  overflow-x: hidden;
  overflow-y: auto;
  opacity: 0;
  pointer-events: none;
  transform: translateX(18px) scale(0.98);
  visibility: hidden;
  transition:
    opacity 150ms ease,
    transform 150ms ease,
    visibility 150ms ease;
}
.account-status-menu.is-open{
  opacity: 1;
  pointer-events: auto;
  transform: translateX(0) scale(1);
  visibility: visible;
}
.account-drawer-card{
  position: relative;
  border: 1px solid rgba(95, 199, 223, 0.28);
  border-radius: 18px;
  display: grid;
  gap: var(--space-5);
  padding: 17px;
  background:
    radial-gradient(circle at 12% 0%, rgba(95, 199, 223, 0.18), transparent 34%),
    radial-gradient(circle at 88% 4%, rgba(255, 101, 124, 0.14), transparent 34%),
    linear-gradient(145deg, rgba(21, 37, 47, 0.98), rgba(10, 13, 24, 0.98));
  box-shadow:
    0 26px 68px rgba(0, 0, 0, 0.54),
    0 0 34px rgba(95, 199, 223, 0.12),
    inset 0 1px 0 rgba(238, 244, 248, 0.05);
  backdrop-filter: blur(16px);
}
.account-drawer-close{
  position: absolute;
  top: 12px;
  right: 12px;
  width: 30px;
  height: 30px;
  border: 1px solid rgba(238, 244, 248, 0.13);
  border-radius: var(--radius-pill);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(8, 14, 22, 0.68);
  color: #d8e6ee;
  font-size: var(--t-small);
  font-weight: 700;
}
.account-drawer-close::before{ content: ""; position: absolute; left: 0; right: 0; top: -7px; bottom: -7px; }
.account-drawer-close:hover,
.account-drawer-close:focus-visible{
  border-color: rgba(95, 199, 223, 0.38);
  color: #ffffff;
  outline: none;
}
.account-drawer-head{
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  gap: var(--space-5);
  align-items: center;
  padding-right: var(--space-12);
}
.account-drawer-avatar{
  width: 54px;
  height: 54px;
  border: 1px solid rgba(95, 199, 223, 0.4);
  border-radius: var(--radius-pill);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background:
    radial-gradient(circle at 32% 26%, rgba(95, 199, 223, 0.3), transparent 42%),
    linear-gradient(145deg, rgba(85, 214, 165, 0.18), rgba(255, 101, 124, 0.1)),
    rgba(8, 14, 22, 0.82);
  color: #ffffff;
  font-size: 1rem;
  font-weight: 700;
  box-shadow: inset 0 1px 0 rgba(238, 244, 248, 0.08);
}
.account-drawer-identity{
  min-width: 0;
  display: grid;
  gap: var(--space-1);
}
.account-drawer-identity strong{
  color: #ffffff;
  font-size: 1.02rem;
  font-weight: 700;
  overflow-wrap: anywhere;
}
.account-drawer-identity span{
  color: #aab8c4;
  font-size: var(--t-body);
  font-weight: 700;
  overflow-wrap: anywhere;
}
.account-drawer-plan{
  border: 1px solid rgba(95, 199, 223, 0.2);
  border-radius: 14px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--space-5);
  align-items: start;
  padding: 13px 14px;
  background:
    linear-gradient(135deg, rgba(95, 199, 223, 0.11), rgba(255, 101, 124, 0.07)),
    rgba(8, 14, 22, 0.52);
}
.account-drawer-plan div{
  min-width: 0;
  display: grid;
  gap: 3px;
}
.account-drawer-plan span{
  color: var(--cyan);
  font-size: var(--t-small);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.account-drawer-plan strong{
  color: #ffffff;
  font-size: 1.03rem;
  font-weight: 700;
  overflow-wrap: anywhere;
}
.account-drawer-plan small{
  color: #aab8c4;
  font-size: var(--t-body);
  font-weight: 700;
  line-height: 1.35;
}
.account-drawer-plan b{
  border: 1px solid rgba(85, 214, 165, 0.28);
  border-radius: var(--radius-pill);
  padding: 6px 9px;
  background: rgba(85, 214, 165, 0.1);
  color: #c9ffec;
  font-size: var(--t-micro);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  white-space: nowrap;
}
.account-drawer-action{
  display: grid;
  gap: 7px;
}
.account-drawer-primary,
.account-drawer-secondary{
  border-radius: var(--radius-xl);
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 11px 14px;
  font-size: 1rem;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
}
.account-drawer-primary{
  border: 1px solid rgba(95, 199, 223, 0.6);
  background: linear-gradient(135deg, rgba(95, 199, 223, 0.96), rgba(85, 214, 165, 0.84));
  color: #041018;
  box-shadow: 0 12px 28px rgba(95, 199, 223, 0.18);
}
.account-drawer-primary:disabled{
  cursor: wait;
  filter: saturate(0.75);
  opacity: 0.72;
}
.account-drawer-secondary{
  border: 1px solid rgba(95, 199, 223, 0.28);
  background: rgba(8, 14, 22, 0.58);
  color: #d9f6ff;
}
.account-drawer-managed-note{
  margin: 0;
  padding: 10px 14px;
  border-radius: var(--radius-xl);
  background: rgba(8, 14, 22, 0.5);
  border: 1px solid rgba(147, 164, 179, 0.18);
  color: #9db4c0;
  font-size: var(--t-body);
  line-height: 1.4;
}
.account-drawer-primary:hover,
.account-drawer-primary:focus-visible,
.account-drawer-secondary:hover,
.account-drawer-secondary:focus-visible{
  filter: brightness(1.06);
  outline: none;
}
.account-menu-actions{
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  align-items: center;
  padding-top: 2px;
}
.account-drawer-nav{
  border: 1px solid rgba(147, 164, 179, 0.12);
  border-radius: 14px;
  overflow: hidden;
  background: rgba(8, 14, 22, 0.36);
}
.account-drawer-row{
  border: 0;
  border-top: 1px solid rgba(147, 164, 179, 0.13);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  min-height: 46px;
  padding: 12px 14px;
  background: transparent;
  color: #c7d2dc;
  font-size: 1rem;
  font-weight: 700;
  text-align: left;
  text-decoration: none;
  overflow-wrap: anywhere;
}
.account-drawer-row:first-child{
  border-top: 0;
}
.account-drawer-row:hover,
.account-drawer-row:focus-visible{
  background: rgba(95, 199, 223, 0.1);
  color: #ffffff;
  outline: none;
}
.account-menu-auth-form{
  display: grid;
  gap: 9px;
}
.account-menu-auth-form label{
  display: grid;
  gap: 5px;
  color: #c9d7e0;
  font-size: var(--t-small);
  font-weight: 700;
  letter-spacing: 0.04em;
}
.account-menu-auth-form input{
  width: 100%;
  min-height: 40px;
  border: 1px solid rgba(95, 199, 223, 0.22);
  border-radius: 10px;
  padding: 9px 11px;
  background: rgba(8, 14, 22, 0.72);
  color: #ffffff;
}
.account-menu-message{
  min-height: 18px;
  color: #a8bdca;
  font-size: var(--t-small);
  font-weight: 700;
  line-height: 1.35;
}
.account-menu-signout{
  border: 1px solid rgba(255, 101, 124, 0.34);
  border-radius: var(--radius-pill);
  min-height: 38px;
  padding: 8px 13px;
  background:
    linear-gradient(135deg, rgba(255, 101, 124, 0.14), rgba(8, 14, 22, 0.76)),
    rgba(8, 14, 22, 0.82);
  color: #ffe6eb;
  font-size: var(--t-body);
  font-weight: 700;
}
.account-menu-signout:hover,
.account-menu-signout:focus-visible{
  border-color: rgba(255, 101, 124, 0.58);
  color: #ffffff;
  outline: none;
}
@media (max-width: 640px){.account-status-menu{
    top: max(12px, env(safe-area-inset-top));
    right: max(12px, env(safe-area-inset-right));
    left: max(12px, env(safe-area-inset-left));
    width: auto;
    max-height: calc(100vh - 24px);
    max-height: calc(100dvh - 24px);
  }
.account-drawer-card{
    border-radius: var(--radius-2xl);
    padding: 15px;
  }
.account-drawer-head{
    grid-template-columns: 48px minmax(0, 1fr);
  }
.account-drawer-avatar{
    width: 48px;
    height: 48px;
  }

}
.primary-action:hover,
.primary-action:focus-visible{
  filter: brightness(1.08);
  outline: none;
}
@media (max-width: 1180px) and (min-width: 901px){.site-header{
    grid-template-columns: minmax(190px, 0.65fr) minmax(0, auto);
  }
.brand-logo{
    width: clamp(215px, 22vw, 270px);
    height: 82px;
  }
.site-nav{
    position: static;
    transform: none;
    justify-self: end;
  }
.site-nav a,
  .site-nav button{
    padding: 9px 12px;
    font-size: var(--t-body);
  }
.nav-cta{
    display: none;
  }
.ask-pulseai-trigger{
    padding: var(--space-3);
  }
.ask-pulseai-trigger span:not(.ask-pulseai-trigger-orb){
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
  }
.account-status-pill{
    display: none;
  }
.site-header > .account-avatar-trigger{
    display: inline-grid;
  }

}
@media (min-width: 1101px){.brand-logo{
    width: clamp(240px, 21vw, 285px);
  }
.site-nav a,
  .site-nav button{
    padding: 10px 12px;
  }

}
@media (max-width: 1030px) and (min-width: 901px){.site-nav a,
  .site-nav button{
    padding: 9px 8px;
    font-size: var(--t-body);
  }
.site-nav{
    gap: 2px;
  }
.brand-logo{
    width: clamp(160px, 18vw, 200px);
    height: 62px;
  }

}
.inline-link{
  width: fit-content;
  border-bottom: 1px solid rgba(95, 199, 223, 0.46);
  color: var(--cyan);
  font-weight: 700;
  text-decoration: none;
}
.inline-link:hover,
.inline-link:focus-visible{
  color: var(--gold);
  border-color: rgba(241, 184, 75, 0.56);
  outline: none;
}
.hero{
  padding: clamp(24px, 4vw, 42px) 0 22px;
}
.dashboard-page{
  width: min(1240px, calc(100% - 32px));
}
.dashboard-hero{
  min-height: 220px;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-9);
  align-items: center;
  padding: clamp(20px, 3.6vw, 34px) 0 22px;
}
.home-hero-line{
  display: inline;
}
.dashboard-hero p:not(.eyebrow){
  max-width: 620px;
  color: #b8c6d0;
  font-size: 0.96rem;
  line-height: 1.5;
}
.daily-pulse{
  border: 1px solid rgba(241, 184, 75, 0.46);
  border-radius: var(--radius-l);
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-6);
  align-items: stretch;
  margin: 0 0 16px;
  padding: 20px 18px 18px;
  background:
    linear-gradient(180deg, rgba(241, 184, 75, 0.2) 0 1px, transparent 1px 9px, rgba(241, 184, 75, 0.08) 9px 10px, transparent 10px),
    linear-gradient(135deg, rgba(241, 184, 75, 0.18), transparent 42%),
    linear-gradient(90deg, rgba(95, 199, 223, 0.11), rgba(255, 101, 124, 0.08)),
    rgba(13, 21, 29, 0.92);
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.035),
    0 18px 45px rgba(0, 0, 0, 0.24),
    0 0 34px rgba(241, 184, 75, 0.08);
  position: relative;
  overflow: visible;
}
.daily-pulse .eyebrow{
  color: var(--gold);
  text-shadow: 0 0 18px rgba(241, 184, 75, 0.34);
}
.daily-pulse-kicker{
  display: inline-flex;
  align-items: center;
  gap: 2px;
  position: relative;
}
.daily-pulse-main p:not(.eyebrow){
  max-width: 760px;
  margin: 0;
  color: #d8cbb1;
  line-height: 1.48;
}
.daily-pulse-actions{
  display: flex;
  flex-wrap: wrap;
  gap: 10px 26px;
  border-top: 1px solid rgba(147, 164, 179, 0.16);
  padding-top: var(--space-5);
  position: relative;
  z-index: 1;
}
.daily-pulse-subline{
  font-family: Georgia, "Times New Roman", serif;
  font-style: italic;
  color: #f0e6d2;
  font-size: 1rem;
  margin: 6px 0 0;
}
.drop-sb-strip{
  display: flex;
  border: 1px solid rgba(242, 245, 255, 0.16);
  border-radius: 9px;
  overflow: hidden;
  background: var(--field);
}
.drop-sb-cell{
  flex: 1;
  min-width: 0;
  padding: 9px 12px;
  border-right: 1px solid rgba(242, 245, 255, 0.1);
  position: relative;
}
.drop-sb-cell:last-child{
  border-right: 0;
}
.drop-sb-cell span{
  display: block;
  font-size: var(--t-micro);
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(242, 245, 255, 0.55);
}
.drop-sb-cell b{
  display: block;
  font-size: var(--t-body);
  color: #f2f5ff;
  margin-top: 2px;
  font-weight: 700;
}
.drop-sb-cell.is-live{
  background: linear-gradient(120deg, #d6273a, #a11527);
}
.drop-sb-cell.is-live span{
  color: rgba(255, 255, 255, 0.8);
}
.drop-sb-cell.is-live::after{
  content: "LIVE";
  position: absolute;
  top: 7px;
  right: 8px;
  font-size: var(--t-micro);
  font-weight: 700;
  letter-spacing: 0.1em;
  background: rgba(255, 255, 255, 0.92);
  color: #d6273a;
  border-radius: var(--radius-xs);
  padding: 1px 4px;
}
.daily-pulse[data-drop-accent="all-star"]{
  border-color: rgba(214, 39, 58, 0.5);
  background: radial-gradient(120% 150% at 8% -20%, #17264e 0%, #101c3d 42%, var(--field) 100%);
  position: relative;
  overflow: hidden;
}
.daily-pulse[data-drop-accent="all-star"] .daily-pulse-kicker .eyebrow{
  color: #ff4d5e;
}
.daily-pulse[data-drop-accent="all-star"] .daily-pulse-subline{
  margin-top: var(--space-5);
}
.daily-pulse[data-drop-accent="all-star"] .content-drop-watch{
  background: transparent;
  border: 0;
  padding: 0;
}
.daily-pulse[data-drop-accent="all-star"] .daily-pulse-actions{
  border-top-color: rgba(242, 245, 255, 0.16);
}
.daily-pulse[data-drop-accent="all-star"] .pulse-action span{
  color: #ff4d5e;
}
.dp-live-badge{
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-left: var(--space-4);
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-size: var(--t-micro);
  color: #fff;
  background: rgba(229, 35, 59, 0.3);
  border: 1px solid rgba(255, 61, 82, 0.55);
  padding: 3px 10px;
  border-radius: var(--radius-pill);
}
@keyframes dp-live-ping{
  0% { box-shadow: 0 0 0 0 rgba(255, 61, 82, 0.65); }
  70% { box-shadow: 0 0 0 9px rgba(255, 61, 82, 0); }
  100% { box-shadow: 0 0 0 0 rgba(255, 61, 82, 0); }
}
.dp-pills{
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: var(--space-6);
}
.dp-pills span,
.dp-pills a{
  font-size: var(--t-small);
  font-weight: 600;
  color: #dbe6ff;
  border: 1px solid rgba(242, 245, 255, 0.22);
  background: rgba(10, 16, 36, 0.55);
  border-radius: var(--radius-pill);
  padding: 5px 11px;
  text-decoration: none;
}
.dp-pills a:hover,
.dp-pills a:focus-visible{
  border-color: var(--cyan-ink);
  color: #ffffff;
  outline: none;
}
.dp-pills span.is-hot,
.dp-pills a.is-hot{
  border-color: #ffd15c;
  color: #ffd15c;
}
.dp-pills a.is-hot:hover,
.dp-pills a.is-hot:focus-visible{
  color: #ffe9ac;
  border-color: #ffe9ac;
}
.dp-drops-head{
  display: flex;
  align-items: center;
  gap: var(--space-4);
  margin: 18px 0 12px;
}
.dp-tiles{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-5);
}
.dp-tile{
  position: relative;
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  align-items: center;
  gap: 13px;
  padding: 15px 16px;
  border-radius: var(--radius-xl);
  text-decoration: none;
  background: linear-gradient(120deg, rgba(10, 18, 40, 0.85), rgba(8, 13, 30, 0.92));
  border: 1px solid rgba(127, 216, 255, 0.28);
  transition: transform 0.16s ease, border-color 0.16s ease;
}
.dp-tile:hover,
.dp-tile:focus-visible{
  transform: translateY(-3px);
  border-color: var(--cyan-ink);
  outline: none;
}
.dp-tile-badge{
  width: 44px;
  height: 44px;
  border-radius: 11px;
  display: grid;
  place-items: center;
  background: linear-gradient(150deg, #14335c, #0b1c38);
  border: 1px solid rgba(127, 216, 255, 0.35);
}
.dp-tile.is-hot{
  border-color: rgba(255, 209, 92, 0.55);
}
.dp-tile.is-hot .dp-tile-badge{
  border-color: rgba(255, 209, 92, 0.55);
}
.dp-tile-tx span{
  display: block;
  margin-top: 3px;
  color: #8fa3cf;
  font-size: var(--t-small);
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dp-tile-new{
  position: absolute;
  top: -9px;
  right: 12px;
  font-size: var(--t-micro);
  font-weight: 700;
  letter-spacing: 0.1em;
  background: #e5233b;
  color: #fff;
  border-radius: var(--radius-s);
  padding: 3px 7px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.45);
}
.daily-pulse-main .dp-splash-body .dp-upnext{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 10px;
  margin: 24px 0 0;
  font-size: var(--t-body);
  color: #aebadb;
}
.dp-upnext > span{
  font-size: var(--t-micro);
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #7ea0d8;
}
.dp-card{
  position: absolute;
  width: 150px;
  margin: 0;
}
.dp-card-flag{
  position: absolute;
  top: 8px;
  left: -6px;
  z-index: 2;
  font-size: var(--t-micro);
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #14060a;
  background: linear-gradient(180deg, #ffd15c, #ffb43d);
  padding: 3px 8px;
  border-radius: var(--radius-xs);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}
.dp-card-1{ right: 22%; top: 6%; transform: rotate(7deg); animation: dp-float-a 6s ease-in-out infinite; z-index: 3; }
.dp-card-2{ right: 40%; top: 33%; transform: rotate(-7deg); animation: dp-float-b 7s ease-in-out infinite; z-index: 2; opacity: 0.97; }
.dp-card-3{ right: 2%; top: 40%; transform: rotate(-11deg) scale(0.9); animation: dp-float-c 8s ease-in-out infinite; z-index: 1; opacity: 0.88; }
@keyframes dp-float-a{ 0%, 100% { transform: rotate(7deg) translateY(0); } 50% { transform: rotate(7deg) translateY(-12px); } }
@keyframes dp-float-b{ 0%, 100% { transform: rotate(-6deg) translateY(0); } 50% { transform: rotate(-6deg) translateY(10px); } }
@keyframes dp-float-c{ 0%, 100% { transform: rotate(-12deg) scale(0.85) translateY(0); } 50% { transform: rotate(-12deg) scale(0.85) translateY(-9px); } }
@media (max-width: 760px){.dp-cardstack{ display: none; }

}
.ask-pulseai-preview{
  position: relative;
  overflow: hidden;
  margin: 18px 0 18px;
  border: 1px solid rgba(105, 255, 205, 0.24);
  border-radius: var(--radius-2xl);
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(230px, 0.55fr);
  gap: clamp(16px, 3vw, 36px);
  align-items: center;
  padding: 18px 22px;
  background:
    radial-gradient(circle at 78% 20%, rgba(105, 255, 205, 0.24), transparent 28%),
    radial-gradient(circle at 10% 95%, rgba(255, 51, 95, 0.18), transparent 32%),
    linear-gradient(135deg, rgba(3, 23, 30, 0.96), rgba(8, 11, 22, 0.96));
  box-shadow: 0 24px 68px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.06);
}
.ask-pulseai-preview::before{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(rgba(95, 199, 223, 0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(95, 199, 223, 0.05) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0.85), transparent 82%);
}
.ask-pulseai-copy,
.ask-pulseai-card{
  position: relative;
  z-index: 1;
}
.ask-pulseai-copy h2{
  max-width: 640px;
  margin: 6px 0 8px;
  color: var(--ink);
  font-size: clamp(1.25rem, 2.1vw, 1.7rem);
  line-height: 1.18;
  letter-spacing: -0.02em;
}
.ask-pulseai-copy p:not(.eyebrow){
  max-width: 640px;
  margin: 0;
  color: #d7e7f2;
  font-size: 1rem;
  line-height: 1.45;
}
.ask-pulseai-prompts{
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: var(--space-8);
}
.ask-pulseai-prompts span,
.ask-pulseai-status{
  border: 1px solid rgba(95, 199, 223, 0.3);
  border-radius: var(--radius-pill);
  padding: 8px 11px;
  background: rgba(4, 19, 30, 0.68);
  color: #eaf4f8;
  font-size: var(--t-small);
  font-weight: 700;
  letter-spacing: 0.02em;
}
.ask-pulseai-card{
  min-height: 0;
  border: 1px solid rgba(95, 199, 223, 0.36);
  border-radius: 14px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 5px;
  padding: 14px 18px;
  text-align: center;
  background:
    radial-gradient(circle at 50% 34%, rgba(95, 199, 223, 0.28), transparent 28%),
    linear-gradient(160deg, rgba(4, 33, 43, 0.92), rgba(8, 12, 22, 0.94));
  box-shadow: inset 0 0 46px rgba(95, 199, 223, 0.11), 0 20px 42px rgba(0, 0, 0, 0.34);
}
.ask-pulseai-orbit{
  width: 46px;
  height: 46px;
  border: 1px solid rgba(105, 255, 205, 0.38);
  border-radius: var(--radius-pill);
  background:
    radial-gradient(circle, rgba(105, 255, 205, 0.9) 0 7px, transparent 8px),
    conic-gradient(from 210deg, rgba(255, 51, 95, 0.9), rgba(95, 199, 223, 0.95), rgba(105, 255, 205, 0.92), rgba(255, 51, 95, 0.9));
  box-shadow: 0 0 34px rgba(105, 255, 205, 0.32);
  animation: pulseai-orbit 7s linear infinite;
}
.ask-pulseai-card strong{
  color: var(--ink);
  font-size: 1.12rem;
  line-height: 1.05;
  letter-spacing: -0.02em;
}
.ask-pulseai-card em{
  color: var(--green);
  margin-top: 3px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.ask-pulseai-card p{
  max-width: 280px;
  margin: 3px 0 2px;
  color: #b8c6d0;
  line-height: 1.35;
}
.ask-pulseai-status{
  border-color: rgba(255, 205, 92, 0.36);
  color: #ffcd5c;
  margin-top: 3px;
}
@keyframes pulseai-orbit{
  to {
    transform: rotate(360deg);
  }
}
@keyframes ask-pulseai-button-pulse{
  0%,
  100% {
    box-shadow:
      0 0 0 0 rgba(105, 255, 205, 0.28),
      0 16px 36px rgba(0, 0, 0, 0.2),
      inset 0 0 0 1px rgba(238, 244, 248, 0.04);
  }
  50% {
    box-shadow:
      0 0 0 6px rgba(105, 255, 205, 0),
      0 18px 40px rgba(0, 0, 0, 0.24),
      0 0 24px rgba(105, 255, 205, 0.18),
      inset 0 0 0 1px rgba(238, 244, 248, 0.06);
  }
}
@keyframes ask-pulseai-button-sheen{
  0%,
  68% {
    transform: translateX(-68%);
  }
  86%,
  100% {
    transform: translateX(68%);
  }
}
.live-data-strip{
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin-top: var(--space-6);
}
.live-feed{
  border: 1px solid rgba(0, 229, 255, 0.18);
  border-radius: var(--radius-pill);
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 10px;
  background: rgba(2, 8, 14, 0.72);
  color: #b9cad6;
  font-size: var(--t-small);
  font-weight: 600;
}
.live-feed b{
  color: var(--neon-teal-ink);
  font-size: var(--t-micro);
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.live-feed.fallback{
  border-color: rgba(255, 101, 124, 0.28);
}
.live-feed.fallback b{
  color: #ff657c;
}
.live-feed.on-demand b{
  color: var(--neon-gold);
}
.content-drop-watch{
  position: relative;
  display: grid;
  gap: var(--space-3);
  margin-top: var(--space-6);
  padding: 0;
}
.content-drop-watch.is-major-drop{
  border: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}
.content-drop-head{
  position: relative;
  z-index: 1;
  display: grid;
  gap: var(--space-1);
}
.content-drop-head span,
.drop-action-line span,
.drop-source-line span{
  color: var(--neon-gold);
  font-size: var(--t-small);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.content-drop-head strong{
  color: #ffffff;
  font-size: 1rem;
}
.drop-day-command{
  position: relative;
  z-index: 1;
  display: grid;
  gap: 2px;
}
.drop-command-copy,
.drop-detail-line,
.drop-schedule-line,
.drop-action-line,
.drop-source-line,
.drop-source-note{
  margin: 0;
}
.drop-command-copy{
  color: #f4fbff;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.35;
}
.drop-command-row{
  border: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  margin: 0;
  padding: 0;
}
.drop-command-row:first-of-type{
  border-top-color: rgba(255, 190, 58, 0.18);
}
.drop-command-row-body{
  padding: 0 0 11px;
}
.drop-schedule-line{
  color: #e8f5fb;
  font-size: var(--t-body);
  font-weight: 600;
  line-height: 1.5;
}
.drop-schedule-line span{
  color: var(--neon-gold);
  font-size: var(--t-small);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.drop-action-line{
  color: #dbe8f0;
  font-size: var(--t-body);
  font-weight: 700;
  line-height: 1.45;
}
.drop-source-note,
.drop-source-line{
  color: #9fb0bc;
  font-size: var(--t-small);
  font-weight: 600;
  line-height: 1.4;
}
.content-drop-warning{
  position: relative;
  z-index: 1;
  margin: 0;
  border: 1px solid rgba(255, 190, 58, 0.2);
  border-radius: var(--radius-l);
  padding: 8px 10px;
  color: #ffd98a;
  font-size: var(--t-small);
  font-weight: 600;
  line-height: 1.35;
  background: rgba(255, 190, 58, 0.08);
}
.content-drop-warning.is-outage{
  border-color: rgba(255, 51, 95, 0.28);
  color: #ffc2cf;
  background:
    radial-gradient(circle at 0 0, rgba(255, 51, 95, 0.12), transparent 40%),
    rgba(255, 51, 95, 0.06);
}
@keyframes drop-day-border-scan{
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.pulse-action{
  border: 0;
  display: grid;
  gap: 1px;
  padding: 0;
  background: transparent;
  color: var(--ink);
  text-decoration: none;
}
.pulse-action:hover strong,
.pulse-action:focus-visible strong{
  color: var(--teal, var(--cyan));
}
.pulse-action:focus-visible{
  outline: 2px solid rgba(95, 199, 223, 0.7);
  outline-offset: 3px;
  border-radius: var(--radius-s);
}
.pulse-action span{
  color: var(--gold);
  font-size: var(--t-micro);
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.pulse-action strong{
  color: #ffffff;
  font-size: var(--t-body);
  line-height: 1.2;
}
.pulse-action strong::after{
  content: " \2192";
  color: var(--teal, var(--cyan));
  font-weight: 700;
}
.app-launcher{
  display: grid;
  grid-template-columns: 1.15fr 1fr 1fr;
  gap: var(--space-6);
}
.launcher-card{
  min-height: 250px;
  border: 1px solid rgba(147, 164, 179, 0.16);
  border-radius: var(--radius-l);
  display: grid;
  align-content: start;
  gap: var(--space-5);
  padding: var(--space-9);
  background:
    linear-gradient(135deg, rgba(126, 182, 255, 0.08), transparent 48%),
    rgba(15, 24, 33, 0.88);
  color: var(--ink);
  text-decoration: none;
  position: relative;
  overflow: hidden;
}
.launcher-card.featured{
  border-color: rgba(85, 214, 165, 0.3);
  background:
    radial-gradient(circle at 82% 0%, rgba(85, 214, 165, 0.16), transparent 35%),
    rgba(15, 24, 33, 0.92);
}
.launcher-card::after{
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 4px;
  background: linear-gradient(90deg, var(--green), var(--cyan), var(--gold));
}
.launcher-card:nth-child(2n)::after{
  background: linear-gradient(90deg, var(--cyan), var(--gold), var(--red));
}
.launcher-card:nth-child(3n)::after{
  background: linear-gradient(90deg, var(--gold), var(--red), var(--green));
}
.launcher-card:nth-child(4n){
  border-color: rgba(241, 184, 75, 0.24);
  background:
    radial-gradient(circle at 82% 0%, rgba(241, 184, 75, 0.13), transparent 35%),
    rgba(15, 24, 33, 0.9);
}
.launcher-card:hover,
.launcher-card:focus-visible{
  border-color: rgba(95, 199, 223, 0.5);
  outline: none;
  transform: translateY(-2px);
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.28);
}
.launcher-card span,
.dashboard-grid .eyebrow{
  width: fit-content;
  color: var(--cyan);
  font-size: var(--t-small);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.launcher-card h2,
.dashboard-grid h2{
  margin: 0;
  font-size: var(--t-title);
  line-height: 1.08;
}
.launcher-card p,
.dashboard-grid p,
.dashboard-grid li{
  color: #b8c6d0;
  line-height: 1.45;
}
.launcher-card strong{
  margin-top: auto;
  color: var(--green);
}
.dashboard-grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-6);
  margin-top: var(--space-8);
}
.dashboard-grid article{
  border: 1px solid rgba(147, 164, 179, 0.16);
  border-radius: var(--radius-l);
  padding: var(--space-8);
  background:
    linear-gradient(135deg, rgba(95, 199, 223, 0.08), transparent 52%),
    rgba(15, 24, 33, 0.82);
}
.dashboard-grid article:nth-child(2){
  border-color: rgba(241, 184, 75, 0.2);
  background:
    linear-gradient(135deg, rgba(241, 184, 75, 0.08), transparent 52%),
    rgba(15, 24, 33, 0.82);
}
.dashboard-grid ul{
  margin: 12px 0 0;
  padding-left: var(--space-9);
}
.release-details{
  margin-top: var(--space-5);
  font-size: 1rem;
}
.release-details > summary{
  width: fit-content;
  cursor: pointer;
  color: var(--green);
  font-weight: 700;
}
.release-details > summary:hover,
.release-details > summary:focus-visible{
  color: #ffffff;
  outline: none;
}
.version-history{
  display: grid;
  gap: var(--space-3);
  margin-top: var(--space-4);
}
.version-release{
  overflow: hidden;
  border: 1px solid rgba(101, 217, 255, 0.16);
  border-radius: var(--radius-xl);
  background: linear-gradient(135deg, rgba(6, 30, 42, 0.78), rgba(8, 13, 24, 0.88));
}
.version-release summary{
  display: flex;
  align-items: center;
  gap: var(--space-4);
  width: auto;
  padding: 10px 12px;
  cursor: pointer;
  color: #edf7fb;
  font-size: var(--t-body);
  font-weight: 700;
  letter-spacing: 0.01em;
}
.version-release summary:hover,
.version-release summary:focus-visible{
  color: #ffffff;
  outline: none;
}
.version-release summary span{
  flex: 0 0 auto;
  border: 1px solid rgba(105, 255, 205, 0.26);
  border-radius: var(--radius-pill);
  padding: 3px 8px;
  color: var(--green);
  background: rgba(28, 255, 199, 0.08);
  font-size: var(--t-small);
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.version-release summary strong{
  font-size: 1rem;
}
.version-release ul{
  margin: 0;
  padding: 0 14px 12px 32px;
}
.version-release li{
  color: #b8c6d0;
  font-size: var(--t-body);
  line-height: 1.35;
}
.version-release li + li{
  margin-top: var(--space-2);
}
.hero-copy{
  max-width: 980px;
  padding: 0;
}
.eyebrow{
  margin: 0;
  color: var(--cyan-ink);
  font-size: var(--t-small);
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-shadow: 0 0 18px rgba(95, 199, 223, 0.28);
}
h1,
h2,
p{
  margin-top: 0;
}
h1{
  max-width: 780px;
  margin: 8px 0 14px;
  font-size: clamp(2rem, 4vw, 3.35rem);
  line-height: 1;
  letter-spacing: 0;
}
.lede{
  max-width: 680px;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.45;
  color: #b2c0cc;
}
.hero-actions{
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4);
  margin-top: 22px;
}
.secondary-action{
  border: 1px solid rgba(147, 164, 179, 0.22);
  background: rgba(13, 21, 29, 0.62);
  padding: 10px 13px;
  min-height: 44px;
}
.quick-start{
  margin: -2px 0 18px;
  border: 1px solid rgba(95, 199, 223, 0.18);
  border-radius: var(--radius-l);
  display: grid;
  grid-template-columns: 0.85fr repeat(3, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  background: rgba(147, 164, 179, 0.12);
}
.quick-start > div,
.quick-start > a{
  min-width: 0;
  padding: var(--space-6);
  background: rgba(12, 20, 28, 0.92);
}
.quick-start > div{
  display: grid;
  align-content: center;
  gap: var(--space-1);
}
.quick-start > a{
  color: var(--ink);
  text-decoration: none;
  display: grid;
  gap: 7px;
}
.quick-start > a:hover,
.quick-start > a:focus-visible{
  background:
    linear-gradient(135deg, rgba(95, 199, 223, 0.14), rgba(85, 214, 165, 0.08)),
    rgba(12, 20, 28, 0.98);
  outline: none;
}
.quick-start span,
.quick-start small{
  color: var(--muted);
  font-size: var(--t-small);
  font-weight: 600;
  line-height: 1.35;
}
.quick-start strong{
  color: var(--ink);
  font-size: 0.98rem;
  line-height: 1.2;
}
.quick-start em{
  width: 28px;
  height: 28px;
  border: 1px solid rgba(95, 199, 223, 0.34);
  border-radius: var(--radius-pill);
  display: inline-grid;
  place-items: center;
  background: rgba(95, 199, 223, 0.12);
  color: var(--cyan);
  font-style: normal;
  font-weight: 700;
}
.status-action,
.status-link{
  margin-top: var(--space-4);
  border: 1px solid rgba(95, 199, 223, 0.32);
  border-radius: 7px;
  display: inline-flex;
  width: fit-content;
  align-items: center;
  justify-content: center;
  background: rgba(95, 199, 223, 0.12);
  color: var(--ink);
  padding: 9px 12px;
  font-size: var(--t-body);
  font-weight: 700;
  text-decoration: none;
}
.status-action:hover,
.status-action:focus-visible,
.status-link:hover,
.status-link:focus-visible{
  border-color: rgba(85, 214, 165, 0.5);
  background: rgba(85, 214, 165, 0.14);
  outline: none;
}
.section-rail{
  position: sticky;
  top: 8px;
  z-index: 12;
  margin: -6px auto 14px;
  border: 1px solid rgba(147, 164, 179, 0.14);
  border-radius: var(--radius-pill);
  display: flex;
  align-items: center;
  gap: 5px;
  width: fit-content;
  max-width: 100%;
  padding: var(--space-2);
  background: rgba(8, 14, 22, 0.86);
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.28);
  backdrop-filter: blur(14px);
}
.section-rail-progress{
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 3px;
  height: 2px;
  border-radius: var(--radius-pill);
  background: linear-gradient(90deg, var(--cyan), var(--green), var(--gold));
  transform: scaleX(0);
  transform-origin: left center;
  opacity: 0.8;
}
.section-rail a:hover,
.section-rail a:focus-visible,
.section-rail a.is-active{
  background: rgba(95, 199, 223, 0.12);
  color: var(--ink);
  outline: none;
}
.market-inline{
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin: 12px 0 0;
  color: var(--muted);
  font-size: var(--t-body);
  font-weight: 600;
}
.market-inline .pulse-dot{
  width: 9px;
  height: 9px;
  display: inline-block;
  border-radius: var(--radius-pill);
  background: var(--cyan);
  box-shadow: 0 0 18px rgba(95, 199, 223, 0.8);
}
.market-divider{
  color: rgba(147, 164, 179, 0.48);
}
.market-inline strong{
  color: var(--ink);
  font-weight: 700;
}
.advisor-status-strip{
  border: 1px solid rgba(0, 229, 255, 0.18);
  border-radius: 10px;
  background:
    linear-gradient(90deg, rgba(0, 229, 255, 0.08), rgba(3, 9, 15, 0.74) 48%, rgba(255, 45, 75, 0.055)),
    rgba(3, 9, 15, 0.78);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.035),
    0 14px 36px rgba(0, 0, 0, 0.32);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-6);
  margin: 8px 0 12px;
  padding: 12px 14px;
}
.advisor-status-strip .market-inline{
  margin: 0;
}
.workspace{
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-6);
  align-items: start;
}
.workspace:has(.prototype-advisor){
  gap: var(--space-7);
}
.workspace:has(.prototype-advisor) .results{
  order: 1;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.controls,
.results,
.matches{
  border: 1px solid rgba(50, 183, 218, 0.22);
  background:
    linear-gradient(135deg, rgba(0, 229, 255, 0.05), transparent 48%),
    rgba(3, 9, 15, 0.94);
  box-shadow:
    0 20px 55px rgba(0, 0, 0, 0.5),
    inset 0 1px 0 rgba(255, 255, 255, 0.035);
  border-radius: var(--radius-l);
}
.results{
  position: relative;
  z-index: 1;
  border-color: rgba(50, 183, 218, 0.26);
  background:
    radial-gradient(circle at 14% -18%, rgba(0, 229, 255, 0.18), transparent 28%),
    radial-gradient(circle at 88% 4%, rgba(20, 235, 176, 0.13), transparent 22%),
    radial-gradient(circle at 78% 78%, rgba(255, 45, 75, 0.08), transparent 28%),
    linear-gradient(145deg, #02070c 0%, #06111a 54%, #03080f 100%);
}
.matches{
  border-color: rgba(241, 184, 75, 0.18);
  background:
    linear-gradient(135deg, rgba(241, 184, 75, 0.07), transparent 48%),
    rgba(18, 27, 36, 0.88);
}
.controls{
  display: grid;
  gap: var(--space-5);
  padding: var(--space-7);
}
.advisor-setup{
  position: relative;
  z-index: 160;
  overflow: visible;
  border-color: rgba(0, 229, 255, 0.38);
  padding: var(--space-8);
  background:
    radial-gradient(circle at 7% -35%, rgba(0, 229, 255, 0.36), transparent 32%),
    radial-gradient(circle at 64% -34%, rgba(20, 235, 176, 0.26), transparent 24%),
    radial-gradient(circle at 98% 100%, rgba(255, 45, 75, 0.16), transparent 30%),
    linear-gradient(145deg, #02070c 0%, #07121b 48%, #02070c 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    inset 0 -1px 0 rgba(20, 235, 176, 0.14),
    0 0 0 1px rgba(20, 235, 176, 0.08),
    0 24px 60px rgba(0, 0, 0, 0.58),
    0 0 48px rgba(0, 229, 255, 0.18);
}
.setup-main{
  display: grid;
  grid-template-columns: minmax(320px, 1.55fr) minmax(150px, 0.56fr) minmax(82px, 0.28fr) minmax(168px, 0.6fr) minmax(205px, auto);
  gap: var(--space-5);
  align-items: end;
}
.setup-kicker{
  margin: 0 0 -2px;
  color: #9fb0be;
  font-size: var(--t-small);
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.setup-search{
  min-width: 0;
  position: relative;
}
.advisor-setup input,
.advisor-setup select{
  min-height: 50px;
  border-color: rgba(50, 183, 218, 0.2);
  border-radius: var(--radius-l);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent),
    #030a11;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.045),
    inset 0 -1px 0 rgba(0, 0, 0, 0.34),
    0 0 0 1px rgba(0, 229, 255, 0.015);
}
.advisor-setup input:focus,
.advisor-setup select:focus{
  border-color: rgba(20, 235, 176, 0.74);
  box-shadow:
    0 0 0 3px rgba(20, 235, 176, 0.16),
    0 0 22px rgba(20, 235, 176, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
}
.advisor-setup .field-label{
  color: #c7d8e4;
  font-size: var(--t-small);
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.recommend-button{
  min-height: 62px;
  border: 1px solid rgba(140, 255, 201, 0.9);
  border-radius: var(--radius-l);
  padding: 13px 22px;
  background:
    radial-gradient(circle at 18% 12%, rgba(255, 255, 255, 0.42), transparent 18%),
    linear-gradient(135deg, #96ffd0 0%, var(--neon-teal) 46%, var(--neon-cyan) 100%);
  color: #02100c;
  font-weight: 700;
  font-size: 1rem;
  letter-spacing: 0.01em;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.38),
    inset 0 -2px 0 rgba(0, 0, 0, 0.12),
    0 0 42px rgba(20, 235, 176, 0.48),
    0 0 18px rgba(0, 229, 255, 0.26),
    0 18px 38px rgba(0, 0, 0, 0.42);
  cursor: pointer;
  white-space: nowrap;
}
.recommend-button:hover,
.recommend-button:focus-visible{
  filter: brightness(1.06);
  transform: translateY(-1px);
  outline: none;
}
.advanced-controls{
  border-top: 1px solid rgba(0, 229, 255, 0.12);
  padding-top: var(--space-5);
}
.advanced-controls summary{
  width: fit-content;
  border: 1px solid rgba(50, 183, 218, 0.28);
  border-radius: var(--radius-pill);
  padding: 9px 14px;
  color: #d7e4ed;
  background:
    linear-gradient(135deg, rgba(0, 229, 255, 0.12), rgba(255, 45, 75, 0.09)),
    #030a11;
  cursor: pointer;
  font-size: var(--t-body);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.advanced-controls summary::marker{
  color: var(--gold);
}
.advanced-grid{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-5);
  margin-top: var(--space-5);
  padding: var(--space-5);
  border: 1px solid rgba(50, 183, 218, 0.12);
  border-radius: var(--radius-l);
  background:
    linear-gradient(135deg, rgba(0, 229, 255, 0.06), transparent 36%),
    rgba(2, 7, 13, 0.62);
}
.advanced-grid .checks{
  grid-column: span 2;
}
label{
  display: grid;
  gap: 7px;
  color: #c4d0da;
  font-size: var(--t-body);
  font-weight: 600;
}
.field-label{
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  min-width: 0;
}
.tip{
  width: 17px;
  height: 17px;
  flex: 0 0 auto;
  border: 1px solid rgba(95, 199, 223, 0.4);
  border-radius: var(--radius-pill);
  display: inline-grid;
  place-items: center;
  background: rgba(95, 199, 223, 0.12);
  color: var(--cyan);
  font-size: var(--t-micro);
  font-weight: 700;
  line-height: 1;
  position: relative;
  outline: none;
  z-index: 4;
}
.tip::before{ content: ""; position: absolute; left: 0; right: 0; top: -14px; bottom: -14px; }
.tip:hover,
.tip:focus,
.tip:focus-visible{
  border-color: var(--gold);
  color: var(--gold);
  background: rgba(241, 184, 75, 0.14);
}
.tip::after{
  content: attr(data-tip);
  width: min(260px, calc(100vw - 36px));
  position: absolute;
  left: 50%;
  bottom: calc(100% + 10px);
  transform: translateX(-50%) translateY(4px);
  border: 1px solid rgba(126, 182, 255, 0.22);
  border-radius: 7px;
  background: var(--field);
  color: #d7e4ed;
  padding: 9px 10px;
  box-shadow: var(--shadow);
  font-size: var(--t-small);
  font-weight: 700;
  line-height: 1.32;
  letter-spacing: 0;
  text-transform: none;
  opacity: 0;
  pointer-events: none;
  transition: opacity 140ms ease, transform 140ms ease;
  white-space: normal;
}
.tip::before{
  content: "";
  position: absolute;
  left: 50%;
  bottom: calc(100% + 5px);
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-top-color: var(--field);
  opacity: 0;
  pointer-events: none;
  transition: opacity 140ms ease;
}
.tip:hover::after,
.tip:focus::after,
.tip:focus-visible::after,
.tip:hover::before,
.tip:focus::before,
.tip:focus-visible::before{
  opacity: 1;
}
.tip:hover::after,
.tip:focus::after,
.tip:focus-visible::after{
  transform: translateX(-50%) translateY(0);
}
.tip.no-pseudo::before,
.tip.no-pseudo::after{
  display: none;
}
.tip-details{
  display: inline-flex;
  position: relative;
  vertical-align: middle;
}
.tip-details > summary{
  list-style: none;
}
.tip-details > summary::-webkit-details-marker{
  display: none;
}
.tip-wrap{
  display: inline-flex;
  position: relative;
  vertical-align: middle;
}
.tip-popover{
  width: min(300px, calc(100vw - 36px));
  position: absolute;
  left: 50%;
  bottom: calc(100% + 10px);
  transform: translateX(-50%) translateY(4px);
  border: 1px solid rgba(126, 182, 255, 0.22);
  border-radius: 7px;
  background: var(--field);
  color: #d7e4ed;
  padding: 9px 10px;
  box-shadow: var(--shadow);
  font-size: var(--t-small);
  font-weight: 700;
  line-height: 1.32;
  letter-spacing: 0;
  text-transform: none;
  opacity: 0;
  pointer-events: none;
  transition: opacity 140ms ease, transform 140ms ease;
  white-space: normal;
  z-index: 30;
}
.tip-wrap::before{
  content: "";
  position: absolute;
  left: 50%;
  bottom: calc(100% + 5px);
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-top-color: var(--field);
  opacity: 0;
  pointer-events: none;
  transition: opacity 140ms ease;
  z-index: 31;
}
.tip-wrap:hover .tip-popover,
.tip-wrap:focus-within .tip-popover,
.tip-wrap.is-open .tip-popover,
.tip:focus + .tip-popover,
.tip:focus-visible + .tip-popover,
.tip-details[open] .tip-popover,
.tip-wrap:hover::before,
.tip-wrap:focus-within::before,
.tip-wrap.is-open::before{
  opacity: 1;
}
.tip-wrap:hover .tip-popover,
.tip-wrap:focus-within .tip-popover,
.tip-wrap.is-open .tip-popover,
.tip:focus + .tip-popover,
.tip:focus-visible + .tip-popover,
.tip-details[open] .tip-popover{
  transform: translateX(-50%) translateY(0);
}
.daily-pulse .tip-wrap.is-open .tip-popover{
  transform: translateX(-50%) translateY(0);
}
.passive-tip{
  margin-left: var(--space-1);
  vertical-align: 1px;
}
.page-result-metric small .tip{
  justify-self: end;
}
input,
select{
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 7px;
  background: var(--field);
  color: var(--ink);
  padding: 11px 12px;
  outline: none;
}
input:focus,
select:focus{
  border-color: var(--cyan);
  box-shadow: 0 0 0 3px rgba(95, 199, 223, 0.18);
}
.search-row{
  display: grid;
  grid-template-columns: 1fr 44px;
  gap: var(--space-3);
}
.search-row button{
  border: 0;
  border-radius: 7px;
  background:
    radial-gradient(circle at 35% 20%, rgba(255, 255, 255, 0.34), transparent 22%),
    linear-gradient(135deg, #96ffd0, var(--neon-teal) 54%, var(--neon-cyan));
  color: #06120f;
  font-size: 1.4rem;
  line-height: 1;
  box-shadow:
    0 0 28px rgba(20, 235, 176, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.24);
}
.quick-card-picker{
  position: absolute;
  z-index: 120;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  max-height: min(330px, 48vh);
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid rgba(95, 199, 223, 0.2);
  border-radius: var(--radius-l);
  padding: 5px;
  background:
    linear-gradient(180deg, rgba(9, 15, 22, 0.98), rgba(6, 10, 15, 0.96)),
    rgba(10, 13, 18, 0.98);
  box-shadow:
    0 16px 34px rgba(0, 0, 0, 0.44),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
}
.quick-card-picker[hidden]{
  display: none;
}
.quick-card-option{
  width: 100%;
  min-width: 0;
  border: 1px solid transparent;
  border-radius: var(--radius-m);
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  gap: var(--space-3);
  align-items: center;
  padding: 6px 8px;
  background: transparent;
  color: #edf7ff;
  text-align: left;
  cursor: pointer;
}
.quick-card-option:hover,
.quick-card-option:focus-visible,
.quick-card-option.is-selected{
  border-color: rgba(95, 199, 223, 0.22);
  background: rgba(95, 199, 223, 0.055);
  outline: none;
}
.quick-card-option.is-selected{
  box-shadow: inset 2px 0 0 rgba(0, 229, 255, 0.58);
}
.quick-card-art{
  width: 34px;
  height: 44px;
  justify-self: center;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid rgba(0, 229, 255, 0.34);
  border-radius: 5px;
  background:
    radial-gradient(circle at 30% 12%, rgba(255, 255, 255, 0.18), transparent 24%),
    linear-gradient(145deg, rgba(13, 25, 34, 0.98), rgba(3, 8, 13, 0.98));
  color: #f7fbff;
  box-shadow:
    0 0 18px rgba(0, 229, 255, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
}
.quick-card-art img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
.quick-card-art-fallback{
  display: none;
  font-size: var(--t-body);
  font-weight: 700;
  line-height: 1;
}
.quick-card-art.image-missing .quick-card-art-fallback{
  display: grid;
  place-items: center;
}
.quick-card-copy{
  min-width: 0;
  display: grid;
  gap: 2px;
}
.quick-card-copy strong{
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--t-body);
  line-height: 1.15;
}
.quick-card-copy small{
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #8fa2b7;
  font-size: var(--t-micro);
  font-weight: 600;
}
.quick-card-position{
  color: #dff4ff;
  font-size: var(--t-small);
  font-weight: 700;
  letter-spacing: 0.02em;
}
.quick-card-empty{
  border: 1px dashed rgba(147, 164, 179, 0.22);
  border-radius: var(--radius-l);
  padding: var(--space-5);
  color: #a9b9c7;
  font-size: var(--t-body);
  font-weight: 600;
}
.search-assist{
  min-height: 20px;
  color: #9eb0bd;
  font-size: var(--t-small);
  font-weight: 700;
  line-height: 1.35;
}
.data-health{
  border: 1px solid rgba(50, 183, 218, 0.18);
  border-radius: var(--radius-l);
  display: grid;
  grid-template-columns: 10px minmax(0, 1fr);
  gap: var(--space-4);
  align-items: start;
  padding: var(--space-5);
  background:
    radial-gradient(circle at 0 0, rgba(0, 229, 255, 0.18), transparent 40%),
    linear-gradient(135deg, rgba(20, 235, 176, 0.06), transparent 42%),
    rgba(2, 7, 13, 0.66);
}
.data-health .pulse-dot{
  width: 9px;
  height: 9px;
  margin-top: var(--space-1);
  border-radius: var(--radius-pill);
  background: var(--neon-cyan);
  box-shadow:
    0 0 18px rgba(0, 229, 255, 0.82),
    0 0 10px rgba(20, 235, 176, 0.4);
}
.data-health.is-warning{
  border-color: rgba(241, 184, 75, 0.34);
  background:
    radial-gradient(circle at 0 0, rgba(241, 184, 75, 0.14), transparent 42%),
    rgba(8, 14, 22, 0.58);
}
.data-health.is-warning .pulse-dot{
  background: var(--gold);
  box-shadow: 0 0 18px rgba(241, 184, 75, 0.72);
}
.data-health.is-outage{
  border-color: rgba(255, 51, 95, 0.38);
  background:
    radial-gradient(circle at 0 0, rgba(255, 51, 95, 0.16), transparent 42%),
    rgba(8, 14, 22, 0.64);
}
.data-health.is-outage .pulse-dot{
  background: #ff335f;
  box-shadow:
    0 0 18px rgba(255, 51, 95, 0.86),
    0 0 8px rgba(255, 145, 174, 0.38);
  animation: outage-status-pulse 1.7s ease-in-out infinite;
}
.data-health strong{
  display: block;
  color: var(--ink);
  font-size: var(--t-body);
}
.data-health p{
  margin: 4px 0 0;
  color: var(--muted);
  font-size: var(--t-small);
  line-height: 1.36;
}
.two-col{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-4);
}
.checks{
  display: grid;
  gap: var(--space-4);
  padding-top: 2px;
}
.checks label{
  grid-template-columns: 18px 1fr;
  align-items: center;
  gap: 9px;
  font-weight: 700;
}
.checks input{
  width: 18px;
  height: 18px;
  accent-color: var(--green);
}
.results{
  min-height: 0;
  padding: var(--space-7);
  overflow: hidden;
}
.selected-card{
  display: grid;
  grid-template-columns: minmax(200px, 255px) minmax(0, 1fr);
  gap: 22px;
  align-items: start;
  min-height: 0;
  border-bottom: 1px solid rgba(147, 164, 179, 0.16);
  padding-bottom: var(--space-8);
}
@keyframes selected-card-reveal{
  0% {
    outline: 2px solid rgba(85, 214, 165, 0.75);
    outline-offset: 8px;
    filter: drop-shadow(0 0 22px rgba(85, 214, 165, 0.2));
  }
  100% {
    outline: 2px solid rgba(85, 214, 165, 0);
    outline-offset: 0;
    filter: drop-shadow(0 0 0 rgba(85, 214, 165, 0));
  }
}
.selected-card:has(.empty-advisor){
  grid-template-columns: 1fr;
  border-bottom: 0;
  padding-bottom: 0;
}
.selected-card .empty{
  grid-column: 1 / -1;
  margin: 0;
  color: var(--muted);
}
.empty-advisor{
  grid-column: 1 / -1;
  min-height: 236px;
  border: 1px solid rgba(50, 183, 218, 0.22);
  border-radius: var(--radius-l);
  padding: clamp(18px, 3vw, 34px);
  display: grid;
  align-content: center;
  gap: var(--space-5);
  background:
    radial-gradient(circle at 10% -8%, rgba(0, 229, 255, 0.22), transparent 32%),
    radial-gradient(circle at 82% 6%, rgba(20, 235, 176, 0.12), transparent 24%),
    radial-gradient(circle at 88% 84%, rgba(255, 45, 75, 0.09), transparent 30%),
    linear-gradient(145deg, rgba(2, 7, 12, 0.94), rgba(7, 17, 26, 0.88));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.045),
    0 18px 40px rgba(0, 0, 0, 0.32);
}
.prototype-advisor{
  min-height: 600px;
  grid-template-columns: minmax(460px, 0.9fr) minmax(560px, 1.1fr);
  align-items: center;
  gap: clamp(18px, 2.4vw, 34px);
  padding: clamp(24px, 3.2vw, 42px);
  position: relative;
  overflow: visible;
  background:
    radial-gradient(circle at 72% 38%, rgba(0, 229, 255, 0.22), transparent 26%),
    radial-gradient(circle at 88% 20%, rgba(255, 45, 75, 0.15), transparent 22%),
    radial-gradient(circle at 43% 62%, rgba(20, 235, 176, 0.08), transparent 34%),
    linear-gradient(90deg, rgba(1, 8, 15, 0.99), rgba(2, 10, 18, 0.95) 48%, rgba(3, 13, 23, 0.99));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.045),
    inset 0 -1px 0 rgba(0, 229, 255, 0.12),
    0 0 0 1px rgba(0, 229, 255, 0.08),
    0 34px 90px rgba(0, 0, 0, 0.5);
}
.prototype-advisor::before{
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 46%;
  background:
    linear-gradient(rgba(0, 0, 0, 0), rgba(0, 7, 12, 0.92)),
    repeating-linear-gradient(90deg, rgba(95, 199, 223, 0.06) 0 1px, transparent 1px 78px);
  opacity: 0.72;
  pointer-events: none;
}
.prototype-advisor::after{
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(0, 229, 255, 0.08), transparent 24%, transparent 72%, rgba(255, 45, 75, 0.05)),
    radial-gradient(circle at 15% 88%, rgba(20, 235, 176, 0.08), transparent 28%);
  pointer-events: none;
}
.prototype-copy,
.prototype-card-row,
.prototype-stat-strip{
  position: relative;
  z-index: 1;
}
.prototype-copy{
  display: grid;
  gap: clamp(14px, 1.6vw, 22px);
}
.prototype-kicker{
  margin: 0;
  color: #1ee9ff;
  font-size: clamp(0.9rem, 1vw, 1.15rem);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-shadow: 0 0 20px rgba(0, 229, 255, 0.48);
}
.empty-advisor h2{
  max-width: 760px;
  margin: 0;
  font-size: clamp(2rem, 4.4vw, 3.7rem);
  line-height: 0.98;
}
.prototype-advisor h2{
  max-width: 660px;
  font-size: clamp(3rem, 3.85vw, 4.95rem);
  line-height: 0.98;
  letter-spacing: 0;
  text-wrap: balance;
  text-shadow: 0 0 34px rgba(255, 255, 255, 0.08);
}
.empty-advisor h2::first-line{
  color: #ffffff;
}
.call-play{
  color: var(--neon-pink);
  text-shadow:
    0 0 18px rgba(255, 45, 75, 0.26),
    0 0 8px rgba(255, 45, 75, 0.18);
}
.prototype-advisor .call-play{
  color: var(--neon-pink);
  background: linear-gradient(90deg, var(--neon-pink), #ff6fa3 78%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.empty-advisor p:not(.final-label){
  max-width: 780px;
  margin: 0;
  color: var(--muted);
  font-size: 0.96rem;
  line-height: 1.45;
}
.prototype-copy > p:not(.prototype-kicker){
  max-width: 620px;
  color: #b7c6d4;
  font-size: clamp(1rem, 1.08vw, 1.22rem);
  line-height: 1.45;
}
.prototype-benefits{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-4);
  margin-top: clamp(6px, 1.1vw, 14px);
  max-width: 610px;
}
.prototype-benefits article{
  min-width: 0;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: var(--space-4);
  align-items: start;
  padding-right: var(--space-5);
  border-right: 1px solid rgba(147, 164, 179, 0.28);
}
.prototype-benefits article:last-child{
  border-right: 0;
}
.prototype-benefit-icon{
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  font-size: 1.16rem;
  font-weight: 700;
  background: rgba(0, 229, 255, 0.08);
  color: #36efff;
  text-shadow: 0 0 22px currentColor;
}
.benefit-context .prototype-benefit-icon{
  background: rgba(255, 190, 58, 0.08);
  color: var(--neon-gold);
}
.benefit-action .prototype-benefit-icon{
  background: rgba(255, 45, 75, 0.08);
  color: #ff405d;
}
.prototype-benefits strong,
.prototype-benefits small{
  display: block;
}
.prototype-benefits strong{
  color: #f7fbff;
  font-size: 1rem;
  line-height: 1.1;
  white-space: nowrap;
}
.prototype-benefits small{
  margin-top: 5px;
  color: #a7b5c3;
  font-size: var(--t-small);
  line-height: 1.28;
}
.empty-samples{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-4);
  margin-top: var(--space-1);
}
.empty-sample-card{
  min-width: 0;
  border: 1px solid rgba(147, 164, 179, 0.14);
  border-radius: var(--radius-l);
  background: rgba(15, 24, 33, 0.8);
  color: var(--ink);
  padding: var(--space-4);
  display: grid;
  grid-template-columns: 46px 1fr;
  gap: 8px 10px;
  text-align: left;
}
.empty-sample-card:hover,
.empty-sample-card:focus-visible{
  border-color: rgba(95, 199, 223, 0.54);
  outline: none;
}
.empty-sample-card span{
  grid-row: span 2;
  width: 46px;
  aspect-ratio: 5 / 7;
  border-radius: 5px;
  background: #101922;
  display: grid;
  place-items: center;
  overflow: hidden;
  color: var(--gold);
  font-weight: 700;
}
.empty-sample-card img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.empty-sample-card strong,
.empty-sample-card small{
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.empty-sample-card strong{
  align-self: end;
  white-space: nowrap;
}
.empty-sample-card small{
  color: var(--muted);
  font-size: var(--t-small);
}
.prototype-card-row{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(16px, 1.5vw, 22px);
  align-items: end;
  padding-top: 0;
}
.prototype-card{
  min-width: 0;
  min-height: 0;
  border: 1px solid rgba(0, 229, 255, 0.24);
  border-radius: 10px;
  background:
    linear-gradient(180deg, rgba(3, 18, 31, 0.92), rgba(4, 11, 19, 0.96)),
    radial-gradient(circle at 50% 8%, rgba(0, 229, 255, 0.16), transparent 34%);
  color: #f6fbff;
  padding: 12px 14px 14px;
  display: grid;
  grid-template-rows: auto auto auto auto;
  gap: var(--space-4);
  text-align: left;
  position: relative;
  cursor: pointer;
  box-shadow:
    0 24px 70px rgba(0, 0, 0, 0.42),
    0 0 36px rgba(0, 229, 255, 0.12);
}
.prototype-card:hover,
.prototype-card:focus-visible{
  outline: none;
  transform: translateY(-3px);
  border-color: rgba(0, 229, 255, 0.78);
  box-shadow:
    0 32px 90px rgba(0, 0, 0, 0.5),
    0 0 52px rgba(0, 229, 255, 0.22);
}
.prototype-card.alt{
  border-color: rgba(20, 235, 176, 0.24);
  box-shadow:
    0 24px 70px rgba(0, 0, 0, 0.42),
    0 0 34px rgba(20, 235, 176, 0.1);
}
.prototype-card.budget{
  border-color: rgba(255, 45, 75, 0.24);
  box-shadow:
    0 24px 70px rgba(0, 0, 0, 0.42),
    0 0 34px rgba(255, 45, 75, 0.1);
}
.prototype-tag{
  position: static;
  justify-self: center;
  box-sizing: border-box;
  width: 100%;
  padding: 8px 10px;
  border: 1px solid rgba(0, 229, 255, 0.58);
  border-radius: var(--radius-pill);
  background: rgba(0, 229, 255, 0.1);
  color: #1ee9ff;
  font-size: clamp(0.6875rem, 0.72vw, 0.76rem);
  font-weight: 700;
  text-transform: uppercase;
  box-shadow: inset 0 0 18px rgba(0, 229, 255, 0.1), 0 0 24px rgba(0, 229, 255, 0.16);
  white-space: nowrap;
  text-align: center;
}
.prototype-card.alt .prototype-tag{
  border-color: rgba(20, 235, 176, 0.52);
  background: rgba(20, 235, 176, 0.08);
  color: #40f0b6;
  box-shadow: inset 0 0 18px rgba(20, 235, 176, 0.1), 0 0 24px rgba(20, 235, 176, 0.14);
}
.prototype-card.budget .prototype-tag{
  border-color: rgba(255, 45, 75, 0.52);
  background: rgba(255, 45, 75, 0.08);
  color: #ff5c70;
  box-shadow: inset 0 0 18px rgba(255, 45, 75, 0.1), 0 0 24px rgba(255, 45, 75, 0.14);
}
.prototype-card-art{
  margin-top: 0;
  width: min(100%, 198px);
  justify-self: center;
  aspect-ratio: 5 / 7;
  border-radius: var(--radius-m);
  overflow: hidden;
  display: grid;
  place-items: center;
  position: relative;
  border: 0;
  background:
    radial-gradient(circle at 50% 22%, rgba(0, 229, 255, 0.36), transparent 32%),
    linear-gradient(155deg, #071a2b, #0c3041 52%, #06101b);
  box-shadow:
    0 18px 45px rgba(0, 0, 0, 0.48),
    0 0 24px rgba(0, 229, 255, 0.14);
}
.prototype-card.alt .prototype-card-art{
  background:
    radial-gradient(circle at 50% 22%, rgba(255, 190, 58, 0.26), transparent 32%),
    linear-gradient(155deg, #171203, #30260b 52%, #06101b);
}
.prototype-card.budget .prototype-card-art{
  background:
    radial-gradient(circle at 50% 22%, rgba(255, 45, 75, 0.28), transparent 32%),
    linear-gradient(155deg, #1c0710, #3b1021 52%, #06101b);
}
.prototype-card-fallback{
  font-size: 4rem;
  font-weight: 700;
  color: #f6fbff;
}
.prototype-card-body{
  display: flex;
  justify-content: center;
  gap: var(--space-4);
  align-self: end;
}
.prototype-card-body span,
.prototype-card-body strong,
.prototype-card-body small,
.prototype-detail{
  display: block;
}
.prototype-card-body strong{
  color: var(--neon-teal-ink);
  font-size: clamp(1.25rem, 1.15vw, 1.5rem);
  line-height: 1;
  text-align: center;
}
.prototype-card-body small,
.prototype-series{
  margin-top: var(--space-2);
  color: #95a7b6;
  font-size: var(--t-body);
  text-align: center;
}
.prototype-detail{
  margin-top: 2px;
  padding: 10px 14px;
  border: 1px solid rgba(147, 164, 179, 0.2);
  border-radius: var(--radius-l);
  color: #f7fbff;
  font-weight: 700;
  text-align: center;
  background: rgba(8, 14, 24, 0.72);
  align-self: end;
  width: min(100%, 176px);
  justify-self: center;
}
.prototype-detail span{
  display: inline;
  margin-left: var(--space-5);
  font-size: 1.4rem;
  line-height: 0;
}
.prototype-stat-strip{
  grid-column: 1 / -1;
  margin: clamp(14px, 2vw, 26px) calc(clamp(28px, 4.2vw, 56px) * -1) calc(clamp(28px, 4.2vw, 56px) * -1);
  padding: clamp(22px, 2.6vw, 34px) clamp(28px, 4.2vw, 56px);
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  border-top: 1px solid rgba(0, 229, 255, 0.12);
  background:
    linear-gradient(90deg, rgba(0, 229, 255, 0.08), transparent 35%, rgba(255, 45, 75, 0.045)),
    rgba(2, 10, 18, 0.84);
}
.prototype-stat-strip article{
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--space-8);
  align-items: center;
  padding: 8px clamp(18px, 2vw, 34px);
  border-right: 1px solid rgba(147, 164, 179, 0.18);
}
.prototype-stat-strip article:first-child{
  padding-left: 0;
}
.prototype-stat-strip article:last-child{
  border-right: 0;
  padding-right: 0;
}
.prototype-stat-icon{
  color: #1ee9ff;
  font-size: 2.65rem;
  font-weight: 700;
  text-shadow: 0 0 28px currentColor;
}
.stat-community .prototype-stat-icon{
  color: var(--neon-gold);
}
.stat-success .prototype-stat-icon{
  color: #ff405d;
}
.stat-years .prototype-stat-icon{
  color: #b15cff;
}
.prototype-stat-strip strong,
.prototype-stat-strip p,
.prototype-stat-strip small{
  display: block;
}
.prototype-stat-strip strong{
  color: #d9e6f0;
  font-size: 0.98rem;
}
.prototype-stat-strip p{
  margin: 8px 0 0;
  color: #f7fbff;
  font-size: 1.7rem;
  font-weight: 700;
  line-height: 1;
}
.prototype-stat-strip small{
  margin-top: var(--space-2);
  color: #9fb0bf;
}
.prototype-stat-strip small span{
  display: inline-block;
  width: 9px;
  height: 9px;
  margin-right: var(--space-3);
  border-radius: 50%;
  background: #1ee9ff;
  box-shadow: 0 0 16px rgba(0, 229, 255, 0.8);
}
.card-showcase{
  display: grid;
  gap: var(--space-6);
  justify-items: center;
}
.card-art{
  width: min(100%, 228px);
  aspect-ratio: 5 / 7;
  border: 1px solid rgba(147, 164, 179, 0.18);
  border-radius: var(--radius-m);
  display: grid;
  place-items: center;
  overflow: hidden;
  background:
    radial-gradient(circle at 34% 22%, rgba(95, 199, 223, 0.22), transparent 30%),
    linear-gradient(155deg, #172330, #25635b 52%, #8f6721);
  color: #f4fbff;
  font-size: 2.4rem;
  font-weight: 700;
  box-shadow: 0 24px 58px rgba(0, 0, 0, 0.42), 0 0 46px rgba(95, 199, 223, 0.08);
}
.card-art img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  color: transparent;
  font-size: 0;
}
.card-art.image-missing::after{
  content: attr(data-fallback);
  width: 76px;
  height: 76px;
  border: 1px solid rgba(241, 184, 75, 0.5);
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: rgba(7, 13, 19, 0.46);
  color: var(--gold);
  font-size: 2rem;
  font-weight: 700;
}
.card-action-grid{
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-3);
}
.card-action-grid button{
  min-height: 40px;
  border: 1px solid rgba(147, 164, 179, 0.16);
  border-radius: 7px;
  background: #1a2634;
  color: var(--ink);
  font-weight: 700;
  font-size: var(--t-body);
}
.card-action-grid button:hover,
.card-action-grid button:focus-visible{
  border-color: rgba(95, 199, 223, 0.48);
  background: rgba(95, 199, 223, 0.16);
  outline: none;
}
.sellability-stamp{
  color: var(--green);
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.02em;
}
.sellability-stamp.locked{
  color: #ff9aaa;
}
.card-facts{
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 11px 16px;
  margin: 0;
}
.card-facts div{
  min-width: 0;
}
.card-facts dt{
  color: var(--muted);
  font-size: var(--t-small);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.07em;
}
.card-facts dd{
  margin: 4px 0 0;
  color: var(--ink);
  font-weight: 600;
}
.other-versions{
  width: 100%;
  display: grid;
  gap: var(--space-4);
}
.other-versions h3{
  margin: 0;
  color: var(--ink);
  font-size: 1rem;
}
.version-rail-head{
  display: grid;
  gap: 2px;
}
.version-rail-head h3{
  margin: 0;
  color: #f4fbff;
  font-size: var(--t-base);
  line-height: 1.12;
}
.version-list{
  display: grid;
  gap: var(--space-3);
}
.version-card{
  border: 1px solid rgba(147, 164, 179, 0.14);
  border-radius: var(--radius-l);
  background: rgba(15, 24, 33, 0.7);
  color: var(--ink);
  text-decoration: none;
  padding: var(--space-3);
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 9px;
  align-items: center;
  width: 100%;
  text-align: left;
  cursor: pointer;
}
.version-card:hover,
.version-card:focus-visible,
.version-card.is-selected{
  border-color: rgba(95, 199, 223, 0.5);
  background: rgba(95, 199, 223, 0.1);
  outline: none;
}
.version-card > span,
.version-card .version-art{
  width: 42px;
  aspect-ratio: 5 / 7;
  border-radius: 5px;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: #101922;
  color: var(--gold);
  font-weight: 700;
}
.version-card strong{
  grid-column: 2;
  color: var(--gold);
  font-size: var(--t-body);
  min-width: 0;
}
.version-all-link{
  color: var(--cyan);
  font-size: var(--t-small);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-decoration: none;
  text-transform: uppercase;
}
.version-all-link:hover,
.version-all-link:focus-visible{
  color: #ffffff;
  outline: none;
}
.card-intel{
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-7);
}
.card-hero-panel,
.market-board,
.performance-panel,
.collection-cost-panel,
.attribute-panel{
  border: 1px solid rgba(147, 164, 179, 0.12);
  border-radius: var(--radius-l);
  background: rgba(8, 14, 22, 0.68);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025);
}
.card-hero-panel{
  min-height: 148px;
  padding: var(--space-8);
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 12px 18px;
  background:
    radial-gradient(circle at 78% 18%, rgba(95, 199, 223, 0.16), transparent 30%),
    linear-gradient(135deg, rgba(95, 199, 223, 0.08), rgba(255, 101, 124, 0.05)),
    rgba(10, 17, 26, 0.72);
}
.card-hero-panel h2{
  margin: 0;
  font-size: clamp(1.8rem, 3.2vw, 3.1rem);
  line-height: 0.95;
  overflow-wrap: anywhere;
}
.card-hero-panel p:not(.final-label){
  margin: 8px 0 0;
  color: var(--muted);
  font-weight: 600;
}
.ovr-badge{
  width: 82px;
  height: 82px;
  border: 1px solid rgba(241, 184, 75, 0.48);
  border-radius: var(--radius-l);
  display: grid;
  place-items: center;
  align-content: center;
  background:
    linear-gradient(135deg, rgba(241, 184, 75, 0.22), rgba(95, 199, 223, 0.08)),
    #101922;
  color: var(--gold);
  box-shadow: 0 0 30px rgba(241, 184, 75, 0.08);
}
.ovr-badge strong{
  color: var(--ink);
  font-size: 2.05rem;
  line-height: 0.9;
}
.ovr-badge span{
  font-size: var(--t-small);
  font-weight: 700;
  letter-spacing: 0.08em;
}
.chips{
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
}
.chips span,
.tag{
  border: 1px solid var(--line);
  background: #0f1821;
  border-radius: var(--radius-pill);
  padding: 6px 10px;
  color: #c8d5df;
  font-size: var(--t-small);
  font-weight: 600;
}
.chips .tag-danger{
  border-color: rgba(255, 101, 124, 0.4);
  background: rgba(255, 101, 124, 0.12);
  color: var(--red);
}
.chips .tag-warn{
  border-color: rgba(241, 184, 75, 0.45);
  background: rgba(241, 184, 75, 0.12);
  color: var(--gold);
}
.chips .tag-sleeper{
  border-color: rgba(210, 122, 255, 0.48);
  background: rgba(210, 122, 255, 0.13);
  color: #e5b8ff;
}
.quirk-strip{
  padding: 2px 0 4px;
  display: grid;
  gap: var(--space-3);
}
.quirk-strip-head{
  display: flex;
  justify-content: space-between;
  gap: var(--space-5);
  align-items: center;
}
.quirk-strip-head .final-label{
  margin: 0;
}
.quirk-strip-head > span{
  color: var(--dim);
  font-size: var(--t-micro);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.quirk-icon-list{
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}
.quirk-icon-chip{
  min-width: 0;
  max-width: 152px;
  border: 1px solid rgba(238, 248, 255, 0.22);
  border-radius: var(--radius-pill);
  background: rgba(5, 7, 10, 0.78);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #eef8ff;
  cursor: help;
  padding: 7px 9px 8px;
  transition: border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}
.quirk-icon-chip.inferred{
  border-color: rgba(241, 184, 75, 0.34);
  background: #0d0e0f;
  color: #ffe3a6;
}
.quirk-icon-chip:hover,
.quirk-icon-chip:focus-visible{
  border-color: var(--red);
  box-shadow: 0 0 0 2px rgba(255, 101, 124, 0.18);
  transform: translateY(-1px);
}
.quirk-icon-chip strong{
  max-width: 100%;
  display: block;
  text-align: center;
  overflow-wrap: anywhere;
  font-size: clamp(0.6875rem, 1.45vw, 0.72rem);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.28;
}
.no-sell-banner{
  grid-column: 1 / -1;
  margin-top: var(--space-5);
  border: 1px solid rgba(255, 101, 124, 0.36);
  border-radius: var(--radius-l);
  background: rgba(255, 101, 124, 0.12);
  color: #ffd7dd;
  padding: 10px 12px;
  display: grid;
  gap: 2px;
}
.no-sell-banner strong{
  color: var(--red);
  font-size: var(--t-body);
  letter-spacing: 0.08em;
}
.no-sell-banner span{
  font-size: var(--t-base);
}
.performance-panel{
  padding: var(--space-7);
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(178px, 244px);
  gap: 12px 18px;
  align-items: start;
  background:
    radial-gradient(circle at 92% 0%, rgba(85, 214, 165, 0.11), transparent 34%),
    linear-gradient(135deg, rgba(85, 214, 165, 0.08), rgba(95, 199, 223, 0.05)),
    rgba(7, 18, 22, 0.72);
}
.selected-version-read{
  grid-column: 1 / -1;
  border: 1px solid rgba(95, 199, 223, 0.18);
  border-radius: var(--radius-l);
  padding: 10px 12px;
  display: grid;
  gap: var(--space-1);
  background: rgba(4, 12, 18, 0.58);
}
.selected-version-read span{
  color: var(--cyan);
  font-size: var(--t-micro);
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.selected-version-read strong{
  color: var(--ink);
  font-size: var(--t-base);
  font-weight: 700;
}
.selected-version-read small{
  min-width: 0;
  color: var(--muted);
  font-size: var(--t-body);
  font-weight: 600;
  overflow-wrap: anywhere;
}
.performance-copy{
  min-width: 0;
}
.performance-panel.muted,
.performance-panel.loading{
  background:
    radial-gradient(circle at 92% 0%, rgba(95, 199, 223, 0.08), transparent 34%),
    rgba(8, 14, 22, 0.72);
}
.performance-stats{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(58px, 1fr));
  gap: var(--space-3);
  justify-self: end;
  width: min(100%, 244px);
  min-width: 0;
}
.market-board{
  padding: var(--space-7);
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(128px, 1fr));
  gap: var(--space-4);
  align-self: stretch;
  background:
    radial-gradient(circle at 90% 0%, rgba(95, 199, 223, 0.09), transparent 34%),
    rgba(8, 14, 22, 0.72);
}
.number-row{
  min-width: 0;
  display: grid;
  gap: var(--space-1);
  border: 1px solid rgba(147, 164, 179, 0.1);
  border-radius: 7px;
  padding: var(--space-4);
  background: rgba(13, 21, 29, 0.62);
  color: var(--muted);
  font-size: var(--t-body);
}
.manual-list-row{
  grid-column: 1 / -1;
  border-color: rgba(95, 199, 223, 0.28);
  background:
    linear-gradient(135deg, rgba(95, 199, 223, 0.12), rgba(85, 214, 165, 0.06)),
    rgba(13, 21, 29, 0.76);
}
.manual-list-row.watch{
  border-color: rgba(241, 184, 75, 0.36);
  background:
    linear-gradient(135deg, rgba(241, 184, 75, 0.12), rgba(95, 199, 223, 0.06)),
    rgba(13, 21, 29, 0.76);
}
.manual-list-row.caution,
.manual-list-row.danger,
.manual-list-row.locked{
  border-color: rgba(255, 101, 124, 0.32);
  background:
    linear-gradient(135deg, rgba(255, 101, 124, 0.12), rgba(95, 199, 223, 0.04)),
    rgba(13, 21, 29, 0.76);
}
.collection-cost-panel{
  padding: var(--space-7);
  display: grid;
  gap: var(--space-6);
  background:
    radial-gradient(circle at 92% 0%, rgba(241, 184, 75, 0.1), transparent 34%),
    linear-gradient(135deg, rgba(241, 184, 75, 0.08), rgba(95, 199, 223, 0.05)),
    rgba(8, 14, 22, 0.72);
}
.collection-cost-panel.low,
.collection-cost-panel.done{
  background:
    radial-gradient(circle at 92% 0%, rgba(85, 214, 165, 0.11), transparent 34%),
    linear-gradient(135deg, rgba(85, 214, 165, 0.08), rgba(95, 199, 223, 0.05)),
    rgba(8, 14, 22, 0.72);
}
.collection-cost-panel.high{
  background:
    radial-gradient(circle at 92% 0%, rgba(255, 101, 124, 0.12), transparent 34%),
    linear-gradient(135deg, rgba(255, 101, 124, 0.08), rgba(95, 199, 223, 0.05)),
    rgba(8, 14, 22, 0.72);
}
.attribute-panel.hitting{
  background:
    radial-gradient(circle at 90% 0%, rgba(85, 214, 165, 0.1), transparent 34%),
    rgba(5, 21, 20, 0.62);
}
.attribute-panel.fielding,
.attribute-panel.pitching{
  background:
    radial-gradient(circle at 88% 0%, rgba(126, 182, 255, 0.1), transparent 34%),
    rgba(7, 14, 28, 0.68);
}
.attribute-panel.speed{
  background:
    radial-gradient(circle at 88% 0%, rgba(95, 199, 223, 0.11), transparent 34%),
    rgba(7, 16, 22, 0.68);
}
.attribute-meter{
  height: 14px;
  border-radius: var(--radius-pill);
  background: #3a4655;
  overflow: hidden;
}
.recommendation{
  padding: 10px 0 8px;
}
.gold-gate-shell{
  position: relative;
  isolation: isolate;
  border: 1px solid rgba(255, 85, 116, 0.28);
  border-radius: var(--radius-l);
  background:
    radial-gradient(circle at 50% 42%, rgba(255, 85, 116, 0.12), transparent 34%),
    radial-gradient(circle at 85% 12%, rgba(241, 200, 109, 0.08), transparent 28%),
    rgba(8, 14, 22, 0.72);
  box-shadow: 0 0 0 1px rgba(241, 200, 109, 0.05), 0 18px 54px rgba(255, 70, 104, 0.08);
  overflow: hidden;
}
.gold-gate-content{
  position: relative;
  min-height: 248px;
  filter: blur(7px);
  opacity: 0.36;
  pointer-events: none;
  user-select: none;
}
.gold-gate-shell.is-preview-unlocked{
  border-color: rgba(41, 242, 192, 0.28);
  background: transparent;
}
.gold-gate-shell.is-preview-unlocked .gold-gate-content{
  filter: none;
  opacity: 1;
  pointer-events: auto;
  user-select: auto;
}
.gold-gate-shell.is-preview-unlocked .gold-gate-content::after{
  display: none;
}
.gold-gate-content::after{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(5, 10, 16, 0.16);
}
.gold-gate-overlay{
  position: absolute;
  z-index: 2;
  inset: 18px auto auto 50%;
  width: min(360px, calc(100% - 24px));
  transform: translateX(-50%);
  border: 1px solid rgba(255, 85, 116, 0.46);
  border-radius: var(--radius-l);
  background:
    linear-gradient(135deg, rgba(255, 85, 116, 0.16), rgba(13, 21, 31, 0.94) 46%),
    radial-gradient(circle at 90% 0%, rgba(241, 200, 109, 0.14), transparent 34%),
    rgba(8, 14, 22, 0.94);
  box-shadow: 0 20px 70px rgba(0, 0, 0, 0.52), 0 0 32px rgba(255, 70, 104, 0.16);
  padding: 15px;
  color: var(--ink);
  text-align: left;
  backdrop-filter: blur(12px);
}
.gold-gate-badge{
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(255, 85, 116, 0.48);
  border-radius: var(--radius-pill);
  background: rgba(255, 85, 116, 0.12);
  color: #ff9bac;
  padding: 5px 8px;
  font-size: var(--t-small);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.gold-gate-overlay strong{
  display: block;
  margin-top: var(--space-3);
  color: #ffe3e8;
  font-size: 1.06rem;
  line-height: 1.15;
}
.gold-gate-overlay p{
  margin: 7px 0 0;
  color: #d7e8f2;
  line-height: 1.35;
}
.gold-gate-value-list{
  display: grid;
  gap: 5px;
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
  color: var(--gold-ink);
  font-size: var(--t-body);
  font-weight: 700;
}
.gold-gate-value-list li::before{
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: var(--space-3);
  border-radius: var(--radius-pill);
  background: linear-gradient(135deg, #ff4668, var(--gold-ink));
  vertical-align: 0.08em;
}
.gold-preview-status{
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius-l);
  padding: 8px 9px;
  background: rgba(255, 255, 255, 0.045);
  font-size: var(--t-body);
}
.gold-gate-actions{
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin-top: var(--space-5);
}
.gold-gate-cta{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  border: 1px solid rgba(255, 85, 116, 0.55);
  border-radius: var(--radius-l);
  background: linear-gradient(135deg, #ff4668, var(--gold-ink));
  color: #061116;
  padding: 0 14px;
  font-weight: 700;
  text-decoration: none;
}
.gold-gate-cta[hidden]{
  display: none;
}
.gold-gate-cta:disabled{
  cursor: progress;
  opacity: 0.72;
}
.gold-gate-secondary{
  background: rgba(8, 14, 22, 0.72);
  color: #ffe3e8;
}
body.access-modal-open{
  overflow: hidden;
}
.access-modal-backdrop{
  position: fixed;
  z-index: 1000;
  inset: 0;
  display: grid;
  place-items: center;
  padding: var(--space-9);
  background: rgba(3, 8, 13, 0.72);
  backdrop-filter: blur(12px);
}
.access-modal-backdrop[hidden]{
  display: none;
}
.access-modal{
  position: relative;
  width: min(880px, 100%);
  max-height: min(86vh, 760px);
  overflow: auto;
  border: 1px solid rgba(95, 199, 223, 0.26);
  border-radius: var(--radius-l);
  background:
    radial-gradient(circle at 20% 10%, rgba(95, 199, 223, 0.18), transparent 34%),
    radial-gradient(circle at 86% 8%, rgba(255, 70, 104, 0.16), transparent 34%),
    rgba(8, 14, 22, 0.97);
  box-shadow: 0 30px 110px rgba(0, 0, 0, 0.64);
  color: var(--ink);
}
.access-modal-close{
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 2;
  width: 38px;
  height: 38px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: var(--radius-pill);
  background: rgba(8, 14, 22, 0.82);
  color: var(--ink);
  font-size: 1.4rem;
  font-weight: 700;
  cursor: pointer;
}
.access-modal-close::before{ content: ""; position: absolute; left: 0; right: 0; top: -3px; bottom: -3px; }
.access-modal-body{
  padding: var(--space-11);
}
.access-modal-head{
  max-width: 720px;
}
.access-modal-head h2{
  margin: 4px 0 8px;
  font-size: clamp(2rem, 5vw, 3.7rem);
  line-height: 0.98;
  letter-spacing: 0;
}
.access-modal-head p{
  margin: 0;
  color: #c9e5f2;
  font-size: 1.08rem;
  line-height: 1.45;
}
.access-price{
  color: #ff9bac !important;
  font-weight: 700;
}
.access-choice-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-6);
  margin-top: 22px;
}
.access-choice-card{
  display: grid;
  gap: var(--space-5);
  min-height: 310px;
  border: 1px solid rgba(95, 199, 223, 0.28);
  border-radius: var(--radius-l);
  background: rgba(3, 10, 16, 0.82);
  padding: var(--space-9);
}
.access-choice-free{
  border-color: rgba(95, 199, 223, 0.36);
  background:
    radial-gradient(circle at 18% 10%, rgba(95, 199, 223, 0.16), transparent 34%),
    rgba(3, 10, 16, 0.84);
}
.access-choice-pro{
  border-color: rgba(255, 85, 116, 0.44);
  background:
    radial-gradient(circle at 20% 0%, rgba(255, 85, 116, 0.18), transparent 34%),
    radial-gradient(circle at 88% 12%, rgba(241, 200, 109, 0.12), transparent 28%),
    rgba(13, 10, 16, 0.86);
}
.access-choice-pill{
  justify-self: start;
  border: 1px solid rgba(95, 199, 223, 0.4);
  border-radius: var(--radius-pill);
  padding: 6px 10px;
  color: #8feeff;
  font-size: var(--t-small);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.access-choice-pro .access-choice-pill{
  border-color: rgba(255, 85, 116, 0.5);
  color: #ff9bac;
}
.access-choice-card h3{
  margin: 0;
  color: #f6fbff;
  font-size: clamp(1.55rem, 3vw, 2.25rem);
  line-height: 1;
}
.access-choice-card p{
  margin: 0;
  color: #c6ddeb;
  line-height: 1.42;
}
.access-choice-card ul,
.access-pro-bullets,
.access-modal-value-list{
  display: grid;
  gap: var(--space-3);
  margin: 0;
  padding: 0;
  list-style: none;
}
.access-choice-card li,
.access-pro-bullets li,
.access-modal-value-list span{
  color: #e6f4fb;
  font-weight: 700;
}
.access-choice-card li::before,
.access-pro-bullets li::before{
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-right: 9px;
  border-radius: var(--radius-pill);
  background: var(--cyan);
  vertical-align: 0.08em;
}
.access-choice-pro li::before,
.access-pro-bullets li::before{
  background: linear-gradient(135deg, #ff4668, var(--gold-ink));
}
.access-choice-cta{
  align-self: end;
  min-height: 48px;
  border: 1px solid rgba(95, 199, 223, 0.38);
  border-radius: var(--radius-l);
  background: linear-gradient(135deg, var(--cyan), var(--neon-teal-ink));
  color: #041016;
  font-weight: 700;
  cursor: pointer;
}
.access-choice-cta-pro{
  border-color: rgba(255, 85, 116, 0.58);
  background: linear-gradient(135deg, #ff4668, var(--gold-ink));
}
.access-auth-form{
  display: grid;
  gap: var(--space-5);
  margin-top: var(--space-9);
}
.access-auth-form label{
  display: grid;
  gap: var(--space-2);
  color: var(--muted);
  font-size: var(--t-body);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.access-auth-form input{
  min-height: 48px;
  border: 1px solid rgba(95, 199, 223, 0.24);
  border-radius: var(--radius-l);
  background: rgba(2, 8, 13, 0.84);
  color: var(--ink);
  padding: 0 12px;
  font: inherit;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
}
.access-text-button{
  margin-top: var(--space-6);
  border: 0;
  background: transparent;
  color: #8feeff;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}
.access-modal-note,
.access-modal-foot{
  margin: 16px 0 0;
  color: #a8bfd0;
  font-weight: 600;
}
.gold-gate-cta:hover,
.gold-gate-cta:focus-visible{
  outline: none;
  filter: brightness(1.08);
}
.options-grid > .gold-gate-shell{
  grid-column: 1 / -1;
}
.options-grid .gold-gate-content{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-5);
  padding-top: var(--space-4);
}
.market-summary > .gold-gate-shell,
.featured-strip > .gold-gate-shell{
  grid-column: 1 / -1;
  width: 100%;
}
.market-summary .gold-gate-content{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(135px, 1fr));
  gap: var(--space-4);
}
.featured-strip .gold-gate-content{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: var(--space-5);
}
.rankings-list .gold-gate-shell{
  grid-column: 1 / -1;
}
@media (max-width: 760px){.gold-gate-overlay{
    inset-block-start: 14px;
    width: min(100% - 18px, 360px);
    padding: var(--space-6);
  }
.gold-gate-overlay strong{
    font-size: 1rem;
  }
.gold-gate-actions,
  .gold-gate-cta{
    width: 100%;
  }
.access-modal-backdrop{
    align-items: end;
    padding: var(--space-4);
  }
.access-modal{
    max-height: 92vh;
  }
.access-modal-body{
    padding: 22px 16px 18px;
  }
.access-choice-grid{
    grid-template-columns: 1fr;
  }
.access-choice-card{
    min-height: auto;
  }
.access-choice-cta{
    width: 100%;
  }

}
.final-card{
  border: 1px solid rgba(126, 182, 255, 0.2);
  border-left: 6px solid var(--cyan);
  border-radius: var(--radius-l);
  background:
    radial-gradient(circle at 88% 0%, rgba(95, 199, 223, 0.12), transparent 34%),
    rgba(15, 24, 33, 0.94);
  padding: var(--space-7);
  display: grid;
  gap: var(--space-6);
}
.final-card.no-sell-final{
  border-left-color: var(--red);
  background: rgba(255, 101, 124, 0.1);
}
.final-card-head{
  display: flex;
  justify-content: space-between;
  gap: var(--space-7);
  align-items: start;
}
.final-card h3{
  margin: 0;
  font-size: 1.45rem;
  line-height: 1.1;
}
.final-card-head > span{
  align-self: start;
  border-radius: var(--radius-pill);
  background: var(--cyan);
  color: #061116;
  padding: 7px 10px;
  font-size: var(--t-body);
  font-weight: 700;
}
.final-card.no-sell-final .final-card-head > span{
  background: var(--red);
}
.confidence-panel{
  border: 1px solid rgba(147, 164, 179, 0.12);
  border-radius: var(--radius-l);
  background: rgba(8, 14, 22, 0.55);
  padding: var(--space-5);
  display: grid;
  grid-template-columns: auto minmax(120px, 1fr);
  gap: 8px 14px;
  align-items: center;
}
.confidence-panel strong{
  display: block;
  color: var(--ink);
  font-size: var(--t-title);
  line-height: 1;
}
.confidence-panel span{
  color: var(--muted);
  font-size: var(--t-small);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.confidence-panel meter{
  width: 100%;
  height: 14px;
  border: none;
  border-radius: var(--radius-pill);
  overflow: hidden;
  background: #344150;
}
.confidence-panel meter::-webkit-meter-bar{
  border: none;
  border-radius: var(--radius-pill);
  background: #344150;
}
.confidence-panel meter::-webkit-meter-optimum-value,
.confidence-panel meter::-webkit-meter-suboptimum-value,
.confidence-panel meter::-webkit-meter-even-less-good-value{
  border-radius: var(--radius-pill);
  background: linear-gradient(90deg, #1455d9, #0aa37e 72%, #10e05d);
}
.confidence-panel p{
  grid-column: 1 / -1;
  margin: 0;
  color: #b8c6d0;
  font-size: var(--t-base);
}
.decision-action-strip{
  display: grid;
  grid-template-columns: 1.15fr 1fr 1fr;
  gap: var(--space-4);
}
.decision-action-strip article{
  min-width: 0;
  border: 1px solid rgba(147, 164, 179, 0.13);
  border-radius: var(--radius-l);
  padding: var(--space-5);
  background:
    linear-gradient(135deg, rgba(95, 199, 223, 0.08), transparent 46%),
    rgba(8, 14, 22, 0.58);
}
.decision-action-strip span{
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  color: var(--gold);
  font-size: var(--t-small);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.decision-action-strip strong{
  display: block;
  margin-top: var(--space-2);
  color: var(--ink);
  font-size: var(--t-base);
  line-height: 1.2;
}
.decision-action-strip p{
  margin: 7px 0 0;
  color: #b8c6d0;
  font-size: var(--t-body);
  line-height: 1.38;
}
.decision-brief{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-5);
}
.decision-brief article{
  border: 1px solid rgba(147, 164, 179, 0.12);
  border-radius: var(--radius-l);
  padding: var(--space-5);
  background: rgba(8, 14, 22, 0.52);
}
.decision-brief strong{
  color: var(--cyan);
  font-size: var(--t-small);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.final-card ul,
.decision-brief ul{
  margin: 0;
  padding-left: var(--space-9);
  color: #b8c6d0;
  line-height: 1.42;
}
.final-card li + li,
.decision-brief li + li{
  margin-top: 5px;
}
.decision-breakdown{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-4);
}
.decision-breakdown article{
  border: 1px solid rgba(147, 164, 179, 0.12);
  border-radius: var(--radius-l);
  padding: 11px;
  background: rgba(8, 14, 22, 0.42);
}
.decision-breakdown span{
  color: var(--gold);
  font-size: var(--t-small);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.decision-breakdown p{
  margin: 6px 0 0;
  color: #c2d0da;
  font-size: var(--t-body);
  line-height: 1.42;
}
.results.has-decision-context.decision-context-grid{
  display: grid;
  grid-template-columns: minmax(255px, 0.86fr) minmax(360px, 1.28fr) minmax(275px, 0.9fr);
  grid-template-areas:
    "setup best signals"
    "pulse pulse pulse"
    "scores scores scores";
  gap: var(--space-5);
  align-items: stretch;
  padding: var(--space-5);
  overflow-x: hidden;
  background:
    radial-gradient(circle at 18% 0%, rgba(0, 229, 255, 0.16), transparent 28%),
    radial-gradient(circle at 82% 8%, rgba(255, 45, 75, 0.12), transparent 25%),
    #02070c;
}
.results.has-decision-context.decision-context-grid .selected-card{
  grid-area: setup;
  grid-template-columns: 1fr;
  gap: var(--space-5);
  border: 1px solid rgba(50, 183, 218, 0.28);
  border-radius: var(--radius-l);
  padding: var(--space-6);
  background:
    linear-gradient(135deg, rgba(0, 229, 255, 0.08), transparent 44%),
    rgba(5, 13, 21, 0.88);
}
.results.has-decision-context .card-showcase{
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr);
  gap: var(--space-5);
  align-items: start;
}
.results.has-decision-context .card-art{
  width: 112px;
  max-width: 112px;
}
.results.has-decision-context .card-action-grid,
.results.has-decision-context .other-versions,
.results.has-decision-context .attribute-grid,
.results.has-decision-context .selected-version-read{
  display: none;
}
.results.has-decision-context .card-facts{
  margin: 0;
}
.results.has-decision-context .card-intel{
  display: grid;
  gap: var(--space-4);
}
.results.has-decision-context .card-hero-panel,
.results.has-decision-context .market-board,
.results.has-decision-context .collection-cost-panel,
.results.has-decision-context .performance-panel,
.results.has-decision-context .quirk-strip{
  border-radius: var(--radius-l);
}
.best-move-card{
  min-height: 100%;
  border: 1px solid rgba(255, 45, 75, 0.34);
  border-radius: var(--radius-l);
  display: grid;
  gap: var(--space-6);
  padding: var(--space-8);
  background:
    radial-gradient(circle at 88% 12%, rgba(255, 45, 75, 0.2), transparent 30%),
    radial-gradient(circle at 12% 2%, rgba(0, 229, 255, 0.16), transparent 30%),
    linear-gradient(145deg, rgba(6, 16, 27, 0.96), rgba(2, 7, 12, 0.98));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 0 34px rgba(255, 45, 75, 0.1);
}
.best-move-card.collect{
  border-color: rgba(241, 184, 75, 0.34);
}
.best-move-card.hold{
  border-color: rgba(0, 229, 255, 0.34);
}
.best-move-hero{
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr) 118px;
  gap: var(--space-6);
  align-items: center;
}
.best-move-icon{
  width: 58px;
  height: 58px;
  border: 1px solid rgba(255, 45, 75, 0.4);
  border-radius: var(--radius-pill);
  display: grid;
  place-items: center;
  background: rgba(255, 45, 75, 0.1);
  color: #ff6a8b;
  font-size: var(--t-title);
  font-weight: 700;
  box-shadow: 0 0 28px rgba(255, 45, 75, 0.18);
}
.best-move-copy{
  min-width: 0;
}
.best-move-copy h3{
  margin: 4px 0 5px;
  color: #ffffff;
  font-size: clamp(1.32rem, 2.4vw, 2rem);
  line-height: 1.08;
}
.best-move-copy p:not(.final-label){
  margin: 0;
  color: #d2e0ea;
  line-height: 1.38;
}
.best-move-meta,
.decision-kpi-row{
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: var(--space-3);
}
.best-move-meta{
  grid-template-columns: repeat(3, minmax(0, auto));
  justify-content: start;
}
.best-move-meta span,
.decision-kpi-row article{
  border: 1px solid rgba(147, 164, 179, 0.12);
  border-radius: var(--radius-l);
  background: rgba(8, 14, 22, 0.58);
}
.best-move-meta span{
  padding: 7px 10px;
  color: #d9e7f0;
  font-size: var(--t-small);
  font-weight: 700;
}
.decision-reason-stack{
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: var(--space-5);
}
.decision-reason-stack > div,
.what-could-change{
  border: 1px solid rgba(147, 164, 179, 0.12);
  border-radius: var(--radius-l);
  padding: 13px;
  background: rgba(8, 14, 22, 0.46);
}
.decision-mini-label{
  margin: 0 0 9px;
  color: #ff5f83;
  font-size: var(--t-small);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.decision-reason-stack ol,
.decision-reason-stack ul,
.what-could-change ul{
  margin: 0;
  padding: 0;
  display: grid;
  gap: 9px;
  list-style: none;
}
.decision-reason-stack li,
.what-could-change li{
  color: #cad8e3;
  font-size: var(--t-base);
  line-height: 1.38;
}
.decision-reason-stack ol li{
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: var(--space-4);
  align-items: start;
}
.decision-reason-stack b{
  width: 28px;
  height: 28px;
  border: 1px solid rgba(255, 45, 75, 0.38);
  border-radius: var(--radius-pill);
  display: grid;
  place-items: center;
  color: #ff7d99;
}
.decision-kpi-row article{
  min-width: 0;
  padding: var(--space-4);
}
.decision-kpi-row span,
.decision-kpi-row small{
  display: block;
  color: #9fb0be;
  font-size: var(--t-micro);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.decision-kpi-row strong{
  display: block;
  margin-top: var(--space-1);
  color: #ffffff;
  font-size: var(--t-base);
}
.decision-signals-panel{
  min-height: 100%;
  border: 1px solid rgba(50, 183, 218, 0.24);
  border-radius: var(--radius-l);
  display: grid;
  gap: var(--space-6);
  padding: var(--space-7);
  background:
    radial-gradient(circle at 0 0, rgba(0, 229, 255, 0.16), transparent 34%),
    linear-gradient(145deg, rgba(5, 15, 24, 0.94), rgba(3, 9, 15, 0.98));
}
.decision-panel-head h3{
  margin: 3px 0 0;
  color: #ffffff;
  font-size: 1.1rem;
}
.decision-signal-list{
  display: grid;
  gap: 11px;
}
.decision-signal{
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) 44px 72px;
  gap: var(--space-4);
  align-items: center;
}
.signal-icon{
  width: 38px;
  height: 38px;
  border: 1px solid rgba(0, 229, 255, 0.22);
  border-radius: var(--radius-l);
  display: grid;
  place-items: center;
  background: rgba(0, 229, 255, 0.08);
  color: var(--cyan);
  font-weight: 700;
}
.decision-signal.weak .signal-icon{
  border-color: rgba(255, 45, 75, 0.24);
  background: rgba(255, 45, 75, 0.08);
  color: #ff5f83;
}
.decision-signal.moderate .signal-icon{
  border-color: rgba(241, 184, 75, 0.26);
  background: rgba(241, 184, 75, 0.08);
  color: var(--gold);
}
.signal-main{
  min-width: 0;
  display: grid;
  gap: 5px;
}
.signal-main strong{
  color: #ffffff;
  font-size: var(--t-base);
}
.signal-main span{
  color: #9fb0be;
  font-size: var(--t-small);
  line-height: 1.25;
  overflow-wrap: anywhere;
}
.signal-main i{
  width: 100%;
  height: 8px;
  border-radius: var(--radius-pill);
  overflow: hidden;
  background: rgba(91, 105, 122, 0.46);
}
.signal-main em{
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--neon-cyan), var(--neon-teal));
}
.decision-signal.moderate .signal-main em{
  background: linear-gradient(90deg, var(--gold), #ffd778);
}
.decision-signal.weak .signal-main em{
  background: linear-gradient(90deg, var(--neon-pink), #ff7d99);
}
.decision-signal b{
  color: var(--cyan);
  font-size: 1.15rem;
}
.decision-signal.weak b{
  color: #ff5f83;
}
.decision-signal small{
  color: #9fb0be;
  font-size: var(--t-small);
  font-weight: 700;
}
.signal-legend{
  border-top: 1px solid rgba(147, 164, 179, 0.13);
  display: flex;
  flex-wrap: wrap;
  gap: 10px 14px;
  padding-top: var(--space-5);
  color: #b8c6d0;
  font-size: var(--t-small);
}
.signal-legend span{
  display: inline-flex;
  gap: var(--space-2);
  align-items: center;
}
.signal-legend i{
  width: 9px;
  height: 9px;
  border-radius: var(--radius-pill);
  background: var(--neon-cyan);
  box-shadow: 0 0 12px rgba(0, 229, 255, 0.6);
}
.signal-legend i.weak{
  background: #ff5f83;
  box-shadow: 0 0 12px rgba(255, 45, 75, 0.55);
}
.pulseai-context-strip{
  border: 1px solid rgba(0, 229, 255, 0.3);
  border-radius: var(--radius-l);
  display: grid;
  grid-template-columns: minmax(230px, 0.8fr) minmax(260px, 1fr) minmax(340px, 1.35fr);
  gap: var(--space-6);
  padding: var(--space-7);
  background:
    radial-gradient(circle at 9% 58%, rgba(0, 229, 255, 0.16), transparent 30%),
    radial-gradient(circle at 28% 100%, rgba(255, 45, 75, 0.11), transparent 28%),
    rgba(5, 13, 21, 0.88);
}
.pulseai-context-intro h3{
  margin: 4px 0 6px;
  color: #ffffff;
  font-size: var(--t-base);
}
.pulseai-context-intro p:not(.final-label){
  margin: 0;
  color: #c7d5de;
  line-height: 1.4;
}
.pulseai-chat-preview{
  display: grid;
  gap: var(--space-4);
}
.preview-message{
  border: 1px solid rgba(147, 164, 179, 0.14);
  border-radius: var(--radius-l);
  padding: 11px 12px;
  background: rgba(8, 14, 22, 0.58);
}
.preview-message.pulse{
  border-color: rgba(0, 229, 255, 0.3);
  box-shadow: 0 0 22px rgba(0, 229, 255, 0.08);
}
.preview-message strong{
  display: block;
  margin-bottom: var(--space-1);
  color: #ffffff;
  font-size: var(--t-small);
}
.preview-message span{
  color: #d8e6ef;
  line-height: 1.38;
}
.engine-context-highlights{
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: var(--space-4);
}
.engine-context-highlights article{
  border: 1px solid rgba(0, 229, 255, 0.18);
  border-radius: var(--radius-l);
  padding: var(--space-4);
  background: rgba(8, 14, 22, 0.54);
}
.engine-context-highlights strong{
  display: block;
  color: var(--cyan);
  font-size: var(--t-small);
}
.engine-context-highlights span{
  display: block;
  margin-top: 5px;
  color: #d5e2eb;
  font-size: var(--t-body);
  line-height: 1.3;
}
@media (max-width: 1100px){.results.has-decision-context{
    grid-template-columns: minmax(260px, 0.9fr) minmax(0, 1.1fr);
    grid-template-areas:
      "setup best"
      "signals signals"
      "pulse pulse"
      "scores scores";
  }
.pulseai-context-strip{
    grid-template-columns: 1fr;
  }

}
@media (max-width: 760px){.results.has-decision-context{
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "setup"
      "best"
      "signals"
      "pulse"
      "scores";
    gap: var(--space-4);
    padding: var(--space-4);
    overflow-x: hidden;
  }
.results.has-decision-context .selected-card{
    min-width: 0;
    padding: var(--space-5);
  }
.results.has-decision-context .card-art{
    width: 94px;
    max-width: 94px;
  }
.best-move-card,
  .decision-signals-panel,
  .pulseai-context-strip{
    min-width: 0;
    padding: 13px;
  }
.best-move-hero{
    grid-template-columns: 46px minmax(0, 1fr);
  }
.best-move-icon{
    width: 46px;
    height: 46px;
    font-size: var(--t-lead);
  }
.decision-reason-stack,
  .decision-kpi-row,
  .engine-context-highlights{
    grid-template-columns: 1fr;
  }
.decision-signal{
    grid-template-columns: 34px minmax(0, 1fr) 38px;
  }
.decision-signal small{
    grid-column: 2 / -1;
    justify-self: start;
  }
.signal-icon{
    width: 34px;
    height: 34px;
  }

}
.predictor-card{
  border: 1px solid rgba(126, 182, 255, 0.2);
  border-left: 6px solid var(--cyan);
  border-radius: var(--radius-l);
  background: rgba(15, 24, 33, 0.9);
  padding: var(--space-7);
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px 18px;
}
.predictor-card.up{
  border-left-color: var(--green);
}
.predictor-card.down{
  border-left-color: var(--red);
}
.predictor-card.locked{
  border-left-color: var(--gold);
}
.predictor-card h3{
  margin: 0;
  font-size: 1.35rem;
  line-height: 1.1;
}
.predictor-card > span{
  align-self: start;
  border-radius: var(--radius-pill);
  background: var(--field);
  border: 1px solid var(--line);
  color: var(--ink);
  padding: 7px 10px;
  font-size: var(--t-body);
  font-weight: 700;
}
.predictor-card.up > span{
  color: var(--green);
}
.predictor-card.down > span{
  color: var(--red);
}
.predictor-note,
.predictor-card ul{
  grid-column: 1 / -1;
}
.predictor-note{
  margin: 0;
  color: var(--muted);
  font-size: var(--t-base);
}
.predictor-card ul{
  margin: 0;
  padding-left: var(--space-9);
  color: #b8c6d0;
  line-height: 1.42;
}
.predictor-card li + li{
  margin-top: 5px;
}
.callout{
  border-left: 5px solid var(--green);
  background: rgba(85, 214, 165, 0.1);
  border-radius: var(--radius-l);
  padding: var(--space-7);
}
.callout.sell{
  border-color: var(--gold);
  background: rgba(241, 184, 75, 0.1);
}
.callout.hold{
  border-color: var(--cyan);
  background: rgba(95, 199, 223, 0.1);
}
.callout.collect{
  border-color: var(--green);
  background: rgba(85, 214, 165, 0.1);
}
.callout.no-sell{
  border-color: var(--red);
  background: rgba(255, 101, 124, 0.1);
}
.callout h3{
  margin: 0 0 6px;
  font-size: var(--t-lead);
}
.callout p{
  margin: 0;
  color: #bac7d1;
}
.option{
  border: 1px solid var(--line);
  border-radius: var(--radius-l);
  background: #0f1821;
  padding: var(--space-6);
}
.option.blocked{
  background: #10161d;
  color: var(--dim);
}
.option.blocked .score{
  background: #566370;
}
.option header{
  display: flex;
  justify-content: space-between;
  gap: var(--space-5);
  align-items: start;
  margin-bottom: var(--space-3);
}
.option h3{
  margin: 0;
  font-size: 0.98rem;
}
.score{
  min-width: 42px;
  text-align: center;
  border-radius: var(--radius-pill);
  color: #071118;
  background: var(--cyan);
  padding: 5px 8px;
  font-size: var(--t-body);
  font-weight: 700;
}
.option p{
  margin: 0;
  color: var(--muted);
  font-size: var(--t-base);
}
.option details{
  margin-top: var(--space-5);
  border-top: 1px solid var(--line);
  padding-top: var(--space-4);
}
.option summary{
  color: var(--cyan);
  font-size: var(--t-body);
  font-weight: 700;
  cursor: pointer;
}
.option details ul{
  margin: 8px 0 0;
  padding-left: var(--space-8);
  color: #aab8c3;
  font-size: var(--t-body);
  line-height: 1.4;
}
.option details li + li{
  margin-top: var(--space-1);
}
.matches{
  margin-top: var(--space-8);
  padding: var(--space-8);
}
.watchlist-panel{
  margin-top: var(--space-8);
  border: 1px solid rgba(147, 164, 179, 0.16);
  border-radius: var(--radius-l);
  padding: var(--space-8);
  background: rgba(18, 27, 36, 0.84);
  box-shadow: var(--shadow);
}
.watchlist-actions button:hover,
.watchlist-actions button:focus-visible{
  border-color: rgba(255, 101, 124, 0.42);
  color: var(--red);
  outline: none;
}
.watchlist-card{
  border: 1px solid rgba(147, 164, 179, 0.14);
  border-radius: var(--radius-l);
  display: grid;
  grid-template-columns: 72px minmax(170px, 1fr) minmax(118px, auto);
  gap: var(--space-5);
  align-items: start;
  min-height: 112px;
  padding: var(--space-5);
  background: rgba(13, 21, 29, 0.76);
  color: var(--ink);
  text-align: left;
}
.watchlist-card.is-sleeper{
  border-color: rgba(210, 122, 255, 0.28);
  background:
    radial-gradient(circle at 12% 0%, rgba(210, 122, 255, 0.12), transparent 34%),
    rgba(13, 21, 29, 0.82);
}
.watchlist-card:hover,
.watchlist-card:focus-visible{
  border-color: rgba(85, 214, 165, 0.44);
  outline: none;
}
.watch-art{
  width: 72px;
  aspect-ratio: 5 / 7;
  border-radius: 5px;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: linear-gradient(145deg, #1e3145, #27715f);
  color: var(--gold);
  font-weight: 700;
}
.watch-copy{
  min-width: 170px;
  display: grid;
  gap: var(--space-1);
}
.watchlist-card .watch-intel{
  color: #d6e1ea;
}
.watchlist-card .watch-reason{
  color: #aebdca;
  line-height: 1.25;
  white-space: normal;
}
.watch-meta{
  display: grid;
  justify-items: end;
  gap: 5px;
  min-width: 116px;
}
.watch-tags,
.signal-badges,
.database-badges{
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.watch-tags b,
.signal-badges b,
.database-badges b{
  border: 1px solid rgba(210, 122, 255, 0.28);
  border-radius: var(--radius-pill);
  background: rgba(210, 122, 255, 0.1);
  color: #e2b7ff;
  padding: 3px 6px;
  font-size: var(--t-micro);
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}
.compare-panel{
  margin-top: var(--space-8);
  border: 1px solid rgba(147, 164, 179, 0.16);
  border-radius: var(--radius-l);
  padding: var(--space-8);
  background:
    radial-gradient(circle at 92% 0%, rgba(241, 184, 75, 0.09), transparent 36%),
    rgba(18, 27, 36, 0.84);
  box-shadow: var(--shadow);
}
.compare-card{
  border: 1px solid rgba(147, 164, 179, 0.14);
  border-radius: var(--radius-l);
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr) auto;
  gap: var(--space-5);
  align-items: center;
  min-height: 86px;
  padding: 11px;
  background: rgba(8, 14, 22, 0.7);
  color: var(--ink);
  text-align: left;
}
.compare-card:hover,
.compare-card:focus-visible{
  border-color: rgba(95, 199, 223, 0.5);
  background: rgba(95, 199, 223, 0.08);
  outline: none;
}
.compare-art{
  width: 54px;
  aspect-ratio: 5 / 7;
  border-radius: 5px;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: linear-gradient(145deg, #1e3145, #8f6721);
  color: var(--gold);
  font-weight: 700;
}
.compare-main{
  min-width: 0;
  display: grid;
  gap: var(--space-1);
}
.section-head{
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: var(--space-5);
  margin-bottom: var(--space-5);
}
.match-actions{
  display: flex;
  align-items: center;
  gap: var(--space-4);
}
.section-head h2{
  margin-bottom: 0;
  font-size: var(--t-lead);
}
.section-head p{
  margin-bottom: 0;
  color: var(--muted);
  font-size: var(--t-base);
}
.filtered-empty{
  grid-column: 1 / -1;
  margin: 0;
  color: var(--muted);
}
.match-filters{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-4);
  margin-bottom: var(--space-6);
  padding-bottom: var(--space-6);
  border-bottom: 1px solid var(--line);
}
.match-pager{
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  display: grid;
  grid-template-columns: minmax(180px, 1fr) auto auto auto;
  gap: var(--space-5);
  align-items: center;
  margin-bottom: var(--space-6);
  padding: 12px 0;
}
.pager-buttons{
  display: inline-flex;
  align-items: center;
  gap: var(--space-3);
}
.pager-buttons button{
  min-width: 38px;
  min-height: 38px;
  border: 1px solid rgba(147, 164, 179, 0.18);
  border-radius: 7px;
  background: rgba(13, 21, 29, 0.78);
  color: var(--ink);
  font-size: var(--t-lead);
  font-weight: 700;
}
.pager-buttons button:hover,
.pager-buttons button:focus-visible{
  border-color: rgba(95, 199, 223, 0.5);
  background: rgba(95, 199, 223, 0.12);
  outline: none;
}
.pager-buttons button:disabled{
  opacity: 0.4;
  cursor: not-allowed;
}
.pager-buttons span{
  min-width: 72px;
  color: #dbe7ef;
  font-weight: 700;
  text-align: center;
}
.match-card{
  min-height: 76px;
  border: 1px solid var(--line);
  border-radius: var(--radius-l);
  background: #0f1821;
  padding: var(--space-4);
  display: grid;
  grid-template-columns: 46px 1fr auto;
  gap: var(--space-4);
  align-items: center;
  text-align: left;
}
.match-card:hover,
.match-card:focus-visible{
  border-color: var(--green);
  box-shadow: 0 0 0 3px rgba(85, 214, 165, 0.16);
}
.match-card.is-selected{
  border-color: rgba(85, 214, 165, 0.7);
  box-shadow: 0 0 0 2px rgba(85, 214, 165, 0.18);
}
.thumb{
  width: 46px;
  aspect-ratio: 5 / 7;
  border-radius: var(--radius-m);
  background: linear-gradient(150deg, #233247, #207769);
  overflow: hidden;
}
.thumb img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.match-main{
  min-width: 0;
}
.price{
  font-weight: 700;
  color: var(--green);
}
.no-sell-match{
  border-color: rgba(255, 101, 124, 0.34);
  background: rgba(255, 101, 124, 0.08);
}
.no-sell-match .price{
  color: var(--red);
}
.proof-strip{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-4);
  margin: 18px 0;
}
.proof-strip article,
.story-grid article,
.plan-card{
  border: 1px solid rgba(147, 164, 179, 0.16);
  border-radius: var(--radius-l);
  background: rgba(15, 24, 33, 0.92);
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.24);
}
.proof-strip article{
  min-height: 116px;
  padding: var(--space-7);
  display: grid;
  align-content: start;
  gap: var(--space-3);
}
.proof-strip strong{
  color: var(--green);
  font-size: var(--t-title);
  line-height: 1;
}
.proof-strip span{
  color: #b8c6d0;
  font-size: var(--t-base);
  line-height: 1.38;
}
.product-story,
.newest-panel,
.tools-hub,
.plan-preview,
.glossary-panel,
.faq-panel,
.help-center,
.site-footer{
  margin-top: var(--space-8);
  border: 1px solid rgba(147, 164, 179, 0.16);
  border-radius: var(--radius-l);
  background: rgba(18, 27, 36, 0.84);
  box-shadow: var(--shadow);
}
.product-story,
.newest-panel,
.tools-hub,
.plan-preview,
.glossary-panel,
.faq-panel,
.help-center{
  padding: var(--space-8);
}
.story-head{
  align-items: start;
}
.story-head h2,
.plan-preview h2{
  margin: 4px 0 0;
  font-size: 1.55rem;
  line-height: 1.14;
}
.story-head > p,
.plan-preview > div > p,
.glossary-panel .section-head > p,
.faq-panel .section-head p,
.help-center .section-head p{
  max-width: 540px;
  color: var(--muted);
}
.newest-card,
.newest-skeleton{
  min-height: 132px;
  border: 1px solid rgba(147, 164, 179, 0.16);
  border-radius: var(--radius-l);
  background:
    linear-gradient(135deg, rgba(126, 182, 255, 0.08), transparent 42%),
    rgba(15, 24, 33, 0.94);
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.22);
  scroll-snap-align: start;
}
.newest-card{
  color: var(--ink);
  padding: var(--space-5);
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: var(--space-5);
  align-items: center;
  text-align: left;
}
.newest-card:hover,
.newest-card:focus-visible{
  border-color: var(--green);
  box-shadow: 0 0 0 3px rgba(85, 214, 165, 0.16), 0 14px 36px rgba(0, 0, 0, 0.22);
  outline: none;
}
.newest-card.is-no-sell{
  border-color: rgba(255, 101, 124, 0.32);
  background:
    linear-gradient(135deg, rgba(255, 101, 124, 0.1), transparent 48%),
    rgba(15, 24, 33, 0.94);
}
.newest-art{
  width: 58px;
  aspect-ratio: 5 / 7;
  border-radius: 7px;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: linear-gradient(150deg, #233247, #207769);
  color: var(--green);
  font-weight: 700;
}
.newest-copy{
  min-width: 0;
  display: grid;
  gap: var(--space-2);
}
.newest-skeleton{
  position: relative;
  overflow: hidden;
}
.newest-skeleton::after{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(100deg, transparent, rgba(238, 244, 248, 0.08), transparent);
  animation: shimmer 1.2s infinite;
}
@keyframes shimmer{
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(100%);
  }
}
.tool-grid,
.help-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-5);
}
.tool-card,
.help-card{
  border: 1px solid rgba(147, 164, 179, 0.16);
  border-radius: var(--radius-l);
  background:
    linear-gradient(135deg, rgba(95, 199, 223, 0.07), transparent 52%),
    rgba(15, 24, 33, 0.92);
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.24);
}
.tool-card{
  min-height: 182px;
  padding: var(--space-7);
  display: grid;
  align-content: start;
  gap: 9px;
  position: relative;
  overflow: hidden;
  color: var(--ink);
  text-align: left;
}
.tool-card::after{
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 3px;
  background: linear-gradient(90deg, var(--green), var(--cyan), var(--gold));
  opacity: 0.72;
}
.tool-card:nth-child(2n)::after{
  background: linear-gradient(90deg, var(--cyan), var(--gold), var(--red));
}
.tool-card:nth-child(3n)::after{
  background: linear-gradient(90deg, var(--gold), var(--red), var(--green));
}
.tool-card:nth-child(4n){
  background:
    linear-gradient(135deg, rgba(241, 184, 75, 0.07), transparent 52%),
    rgba(15, 24, 33, 0.92);
}
.tool-card.is-planned::after{
  background: linear-gradient(90deg, rgba(147, 164, 179, 0.3), rgba(95, 199, 223, 0.45));
}
.tool-card.is-live{
  border-color: rgba(85, 214, 165, 0.34);
  background:
    linear-gradient(135deg, rgba(85, 214, 165, 0.12), transparent 48%),
    rgba(15, 24, 33, 0.95);
}
.tool-card:hover,
.tool-card:focus-visible,
.tool-card.is-active{
  border-color: rgba(95, 199, 223, 0.58);
  outline: none;
  transform: translateY(-1px);
  box-shadow: 0 0 0 3px rgba(95, 199, 223, 0.14), 0 18px 42px rgba(0, 0, 0, 0.28);
}
.tool-card.is-active::after{
  height: 5px;
  opacity: 1;
}
.tool-type,
.tool-badge,
.help-card span{
  width: fit-content;
  color: var(--muted);
  font-size: var(--t-small);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.tool-badge{
  position: absolute;
  top: 14px;
  right: 14px;
  border-radius: var(--radius-pill);
  background: rgba(95, 199, 223, 0.12);
  color: var(--cyan);
  padding: 5px 8px;
  letter-spacing: 0.06em;
}
.is-live .tool-badge{
  background: rgba(85, 214, 165, 0.14);
  color: var(--green);
}
.is-planned .tool-badge{
  background: rgba(147, 164, 179, 0.12);
  color: #b8c6d0;
}
.tool-card h3,
.help-card h3{
  margin: 0;
  line-height: 1.14;
}
.tool-card h3{
  padding-right: 70px;
  font-size: 1.12rem;
}
.tool-card p,
.help-card p{
  margin: 0;
  color: #b8c6d0;
  line-height: 1.45;
}
.tool-detail{
  margin-top: var(--space-6);
  border: 1px solid rgba(95, 199, 223, 0.22);
  border-radius: var(--radius-l);
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 0.42fr);
  gap: var(--space-8);
  padding: var(--space-8);
  background:
    radial-gradient(circle at 88% 12%, rgba(95, 199, 223, 0.12), transparent 32%),
    linear-gradient(135deg, rgba(85, 214, 165, 0.08), rgba(126, 182, 255, 0.06)),
    rgba(8, 14, 22, 0.76);
}
.tool-detail h3{
  margin: 0;
  font-size: 1.55rem;
  line-height: 1.05;
}
.tool-detail p{
  max-width: 760px;
  color: #c6d3dd;
  line-height: 1.48;
}
.tool-detail ul{
  margin: 0;
  padding: 0;
  display: grid;
  gap: var(--space-3);
  list-style: none;
}
.tool-detail li{
  border: 1px solid rgba(147, 164, 179, 0.14);
  border-radius: 7px;
  background: rgba(13, 21, 29, 0.64);
  padding: 10px 11px;
  color: var(--ink);
  font-weight: 600;
}
.tool-detail-actions{
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: var(--space-5);
}
.tool-detail-actions a{
  border: 1px solid rgba(95, 199, 223, 0.28);
  border-radius: var(--radius-pill);
  background: rgba(95, 199, 223, 0.12);
  color: var(--ink);
  padding: 8px 11px;
  text-decoration: none;
  font-size: var(--t-body);
  font-weight: 700;
}
.market-lab{
  margin-top: var(--space-6);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-6);
}
.lab-panel{
  min-width: 0;
  border: 1px solid rgba(147, 164, 179, 0.16);
  border-radius: var(--radius-l);
  background:
    radial-gradient(circle at 88% 0%, rgba(95, 199, 223, 0.08), transparent 32%),
    rgba(8, 14, 22, 0.78);
  padding: var(--space-7);
}
.lab-panel:nth-child(2){
  border-color: rgba(241, 184, 75, 0.2);
  background:
    radial-gradient(circle at 88% 0%, rgba(241, 184, 75, 0.09), transparent 32%),
    rgba(8, 14, 22, 0.78);
}
.lab-panel .section-head{
  gap: var(--space-5);
  margin-bottom: var(--space-5);
}
.lab-panel h3{
  margin: 4px 0 0;
  font-size: 1.35rem;
  line-height: 1.1;
}
.lab-panel .section-head > p{
  max-width: 240px;
  color: var(--muted);
  font-size: var(--t-body);
  text-align: right;
}
.lab-tabs{
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin-bottom: var(--space-5);
}
.lab-tabs button{
  border: 1px solid rgba(95, 199, 223, 0.22);
  border-radius: var(--radius-pill);
  background: rgba(13, 21, 29, 0.72);
  color: #c8d5df;
  padding: 8px 10px;
  font-size: var(--t-small);
  font-weight: 700;
}
.lab-tabs button:hover,
.lab-tabs button:focus-visible,
.lab-tabs button.is-active{
  border-color: rgba(95, 199, 223, 0.62);
  background: rgba(95, 199, 223, 0.15);
  color: var(--ink);
  outline: none;
}
.index-row{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-3);
  margin-bottom: var(--space-5);
}
.index-row div{
  border: 1px solid rgba(147, 164, 179, 0.12);
  border-radius: 7px;
  background: rgba(15, 24, 33, 0.72);
  padding: var(--space-4);
}
.index-row span,
.index-row small{
  display: block;
  color: var(--muted);
  font-size: var(--t-small);
  font-weight: 600;
}
.index-row strong{
  display: block;
  margin: 3px 0;
  color: var(--ink);
  font-size: var(--t-base);
}
.signal-list{
  max-height: 704px;
  overflow-y: auto;
  padding-right: var(--space-1);
  display: grid;
  gap: 9px;
  scrollbar-color: rgba(95, 199, 223, 0.65) rgba(8, 14, 22, 0.78);
  scrollbar-width: thin;
}
.signal-list::-webkit-scrollbar{
  width: 10px;
}
.signal-list::-webkit-scrollbar-track{
  background: rgba(8, 14, 22, 0.78);
  border-radius: var(--radius-pill);
}
.signal-list::-webkit-scrollbar-thumb{
  border: 2px solid rgba(8, 14, 22, 0.78);
  border-radius: var(--radius-pill);
  background: linear-gradient(180deg, var(--cyan), var(--green), var(--gold));
}
.signal-row{
  width: 100%;
  min-height: 82px;
  border: 1px solid rgba(147, 164, 179, 0.14);
  border-radius: var(--radius-l);
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) auto;
  gap: 11px;
  align-items: center;
  padding: var(--space-4);
  background: rgba(13, 21, 29, 0.76);
  color: var(--ink);
  text-align: left;
}
.signal-row:hover,
.signal-row:focus-visible{
  border-color: rgba(85, 214, 165, 0.48);
  outline: none;
  box-shadow: 0 0 0 3px rgba(85, 214, 165, 0.1);
}
.signal-row.fallers,
.signal-row.downgrade{
  background: linear-gradient(135deg, rgba(255, 101, 124, 0.08), transparent 42%), rgba(13, 21, 29, 0.76);
}
.signal-row.risers,
.signal-row.upgrade{
  background: linear-gradient(135deg, rgba(85, 214, 165, 0.08), transparent 42%), rgba(13, 21, 29, 0.76);
}
.signal-art{
  width: 48px;
  aspect-ratio: 5 / 7;
  border-radius: 5px;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: linear-gradient(145deg, #1e3145, #27715f);
  color: var(--gold);
  font-weight: 700;
}
.signal-art img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.signal-main{
  min-width: 0;
  display: grid;
  gap: var(--space-1);
}
.signal-main strong,
.signal-main small,
.signal-main em{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.signal-main strong{
  font-size: var(--t-base);
}
.signal-main small,
.signal-main em,
.signal-price small{
  color: var(--muted);
  font-size: var(--t-small);
  font-style: normal;
  font-weight: 600;
}
.signal-price{
  display: grid;
  gap: var(--space-1);
  justify-items: end;
}
.signal-price strong{
  color: var(--ink);
  font-size: 0.96rem;
}
.lab-pager{
  margin-top: var(--space-5);
  border-top: 1px solid rgba(147, 164, 179, 0.14);
  padding-top: var(--space-4);
  display: grid;
  grid-template-columns: minmax(110px, 1fr) auto auto auto;
  gap: var(--space-4);
  align-items: center;
  color: var(--muted);
  font-size: var(--t-small);
  font-weight: 600;
}
.lab-pager p{
  margin: 0;
}
.lab-pager label{
  display: inline-flex;
  align-items: center;
  gap: 7px;
  white-space: nowrap;
}
.lab-pager select,
.lab-pager input{
  min-height: 34px;
  border: 1px solid rgba(147, 164, 179, 0.18);
  border-radius: 7px;
  background: rgba(13, 21, 29, 0.86);
  color: var(--ink);
  font-weight: 700;
}
.lab-pager select{
  padding: 0 26px 0 10px;
}
.lab-pager input{
  width: 58px;
  padding: 0 8px;
}
.lab-pager small{
  color: var(--muted);
}
.tool-page{
  width: min(1240px, calc(100% - 32px));
}
.tool-hero{
  border: 1px solid rgba(95, 199, 223, 0.18);
  border-radius: var(--radius-l);
  margin-top: var(--space-7);
  padding: clamp(24px, 4vw, 42px) clamp(16px, 2.8vw, 30px) 24px;
  background:
    radial-gradient(circle at 88% 0%, rgba(95, 199, 223, 0.14), transparent 34%),
    radial-gradient(circle at 14% 100%, rgba(85, 214, 165, 0.09), transparent 30%),
    rgba(15, 24, 33, 0.78);
  box-shadow:
    inset 0 0 0 1px rgba(238, 244, 248, 0.025),
    0 18px 44px rgba(0, 0, 0, 0.2);
}
.tool-hero h1{
  max-width: 780px;
  margin: 8px 0 12px;
  font-size: clamp(2rem, 4vw, 3.35rem);
  line-height: 1;
}
.tool-hero p:not(.eyebrow){
  max-width: 680px;
  color: #b8c6d0;
  font-size: var(--t-base);
  line-height: 1.45;
}

.rankings-page .tool-hero{
  border-color: rgba(85, 214, 165, 0.24);
  background:
    radial-gradient(circle at 86% 0%, rgba(85, 214, 165, 0.16), transparent 35%),
    radial-gradient(circle at 8% 100%, rgba(95, 199, 223, 0.12), transparent 30%),
    rgba(15, 24, 33, 0.8);
}

.database-page .tool-hero{
  border-color: rgba(241, 184, 75, 0.26);
  background:
    radial-gradient(circle at 86% 0%, rgba(241, 184, 75, 0.16), transparent 35%),
    radial-gradient(circle at 8% 100%, rgba(95, 199, 223, 0.11), transparent 30%),
    rgba(15, 24, 33, 0.8);
}
.notice-banner,
.page-summary,
.page-toolbar,
.page-tabs,
.featured-strip,
.tool-list{
  margin-top: var(--space-7);
}
.notice-banner{
  border: 1px solid rgba(126, 182, 255, 0.28);
  border-radius: var(--radius-l);
  display: flex;
  gap: var(--space-5);
  padding: 16px 18px;
  background: rgba(15, 24, 43, 0.76);
  color: #8fbdff;
}
.roster-command-center{
  margin-top: var(--space-7);
  border: 1px solid rgba(20, 235, 176, 0.22);
  border-radius: var(--radius-l);
  display: grid;
  gap: var(--space-6);
  padding: var(--space-7);
  background:
    radial-gradient(circle at 8% 0%, rgba(20, 235, 176, 0.14), transparent 32%),
    radial-gradient(circle at 92% 0%, rgba(255, 45, 75, 0.12), transparent 32%),
    rgba(8, 14, 22, 0.84);
  box-shadow: inset 0 1px 0 rgba(238, 244, 248, 0.035), 0 20px 46px rgba(0, 0, 0, 0.24);
}
.command-countdown{
  border: 1px solid rgba(241, 184, 75, 0.32);
  border-left: 4px solid var(--gold);
  border-radius: var(--radius-l);
  display: grid;
  gap: 5px;
  padding: 14px 16px;
  background:
    linear-gradient(135deg, rgba(241, 184, 75, 0.14), rgba(255, 45, 75, 0.08)),
    rgba(4, 10, 16, 0.72);
}
.command-countdown strong{
  color: #ffffff;
  font-size: clamp(1.8rem, 4vw, 3.1rem);
  line-height: 1;
}
.command-countdown small{
  color: #c7d6df;
  font-weight: 600;
  line-height: 1.35;
}
.command-action-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-4);
}
.command-action-grid article,
.command-bucket,
.command-card{
  min-width: 0;
  border: 1px solid rgba(95, 199, 223, 0.16);
  border-radius: var(--radius-l);
  background: rgba(3, 12, 18, 0.74);
}
.command-action-grid article{
  display: grid;
  gap: var(--space-2);
  padding: 13px;
}
.command-action-grid span,
.command-bucket-head span,
.command-card-copy small{
  color: #79eaff;
  font-size: var(--t-small);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.command-action-grid strong{
  color: #ffffff;
  font-size: 1.04rem;
}
.command-action-grid p{
  margin: 0;
  color: #b8c6d0;
  font-size: var(--t-body);
  line-height: 1.35;
}
.command-buckets{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-5);
}
.command-bucket{
  display: grid;
  gap: var(--space-4);
  padding: var(--space-5);
}
.command-bucket-head{
  display: grid;
  gap: var(--space-1);
}
.command-bucket-head small{
  color: #9fb2c0;
  font-weight: 600;
  line-height: 1.35;
}
.command-card-grid{
  display: grid;
  gap: var(--space-3);
}
.command-card{
  overflow: hidden;
}
.command-card.buy{
  border-color: rgba(20, 235, 176, 0.26);
  background:
    linear-gradient(135deg, rgba(20, 235, 176, 0.085), transparent 62%),
    rgba(3, 12, 18, 0.76);
}
.command-card.hold,
.command-card.watch{
  border-color: rgba(241, 184, 75, 0.28);
  background:
    linear-gradient(135deg, rgba(255, 190, 58, 0.08), transparent 62%),
    rgba(3, 12, 18, 0.76);
}
.command-card.sell,
.command-card.avoid{
  border-color: rgba(255, 45, 75, 0.28);
  background:
    linear-gradient(135deg, rgba(255, 45, 75, 0.08), transparent 62%),
    rgba(3, 12, 18, 0.76);
}
.command-card.command-gatekeeper{
  border-color: rgba(255, 190, 58, 0.3);
  background:
    linear-gradient(135deg, rgba(255, 190, 58, 0.085), rgba(8, 14, 22, 0.18)),
    rgba(3, 12, 18, 0.76);
}
.command-card.command-upgrade .command-card-copy small,
.command-card.buy .command-card-copy small{
  color: #65f7c9;
}
.command-card.command-downgrade .command-card-copy small,
.command-card.sell .command-card-copy small,
.command-card.avoid .command-card-copy small{
  color: #ff8aa0;
}
.command-card.command-gatekeeper .command-card-copy small,
.command-card.hold .command-card-copy small,
.command-card.watch .command-card-copy small{
  color: #ffd76a;
}
.command-card > a{
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  gap: var(--space-4);
  align-items: center;
  padding: var(--space-4);
  color: inherit;
  text-decoration: none;
}
.command-card-copy{
  min-width: 0;
  display: grid;
  gap: var(--space-1);
}
.command-card-copy strong{
  color: #ffffff;
  font-size: var(--t-base);
  line-height: 1.05;
}
.command-card-copy em,
.command-card-copy span{
  color: #aebfcb;
  font-size: var(--t-small);
  font-style: normal;
  font-weight: 600;
  line-height: 1.3;
}
.command-links{
  border-top: 1px solid rgba(147, 164, 179, 0.12);
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  padding: 8px 10px 10px;
}
.command-links a{
  border: 1px solid rgba(95, 199, 223, 0.14);
  border-radius: var(--radius-pill);
  padding: 4px 7px;
  background: rgba(8, 14, 22, 0.64);
  color: #eaf4f8;
  font-size: var(--t-micro);
  font-weight: 700;
  text-decoration: none;
}
.command-links a:hover,
.command-links a:focus-visible{
  border-color: rgba(20, 235, 176, 0.42);
  outline: none;
}
.page-summary{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-5);
}
.page-summary div{
  border: 1px solid rgba(147, 164, 179, 0.14);
  border-radius: var(--radius-l);
  display: grid;
  gap: 5px;
  padding: var(--space-6);
  background:
    linear-gradient(135deg, rgba(95, 199, 223, 0.08), transparent 52%),
    rgba(15, 24, 33, 0.78);
}
.page-summary div:nth-child(2){
  border-color: rgba(85, 214, 165, 0.2);
  background:
    linear-gradient(135deg, rgba(85, 214, 165, 0.1), transparent 52%),
    rgba(15, 24, 33, 0.78);
}
.page-summary div:nth-child(3){
  border-color: rgba(241, 184, 75, 0.22);
  background:
    linear-gradient(135deg, rgba(241, 184, 75, 0.1), transparent 52%),
    rgba(15, 24, 33, 0.78);
}
.page-summary div:nth-child(4),
.page-summary div:nth-child(5){
  border-color: rgba(255, 101, 124, 0.2);
  background:
    linear-gradient(135deg, rgba(255, 101, 124, 0.09), transparent 52%),
    rgba(15, 24, 33, 0.78);
}
.page-summary span,
.page-summary small{
  color: var(--muted);
  font-size: var(--t-small);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.page-summary span{
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
}
.page-summary strong{
  color: var(--ink);
  font-size: 1.45rem;
  line-height: 1;
}
.tool-trust-strip{
  position: relative;
  border: 1px solid rgba(20, 235, 176, 0.18);
  border-left: 3px solid var(--neon-teal-ink);
  border-radius: var(--radius-xl);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  margin-top: var(--space-6);
  padding: 9px 12px 9px 13px;
  background:
    radial-gradient(circle at 12px 50%, rgba(41, 242, 192, 0.2), transparent 42px),
    linear-gradient(90deg, rgba(0, 229, 255, 0.08), rgba(20, 235, 176, 0.05), rgba(255, 190, 58, 0.035)),
    rgba(3, 12, 18, 0.78);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.04);
  color: #b9cad6;
  font-size: var(--t-small);
  line-height: 1.3;
}
.tool-trust-strip .trust-kicker,
.tool-trust-strip b{
  border: 1px solid rgba(0, 229, 255, 0.16);
  border-radius: var(--radius-pill);
  padding: 5px 8px;
  background: rgba(0, 229, 255, 0.06);
  color: var(--neon-teal-ink);
  font-size: var(--t-micro);
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}
.tool-trust-strip strong{
  color: #ffffff;
  font-size: var(--t-body);
}
.tool-trust-strip .trust-copy{
  display: inline-flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 5px 10px;
  min-width: min(100%, 280px);
}
.tool-trust-strip small{
  display: inline-flex;
  flex-wrap: wrap;
  gap: 5px;
  color: #aebfcb;
  font-weight: 600;
}
.tool-trust-strip small span{
  border-radius: var(--radius-pill);
  padding: 2px 7px;
  background: rgba(255, 255, 255, 0.045);
  color: #d1e3eb;
}
.tool-trust-strip .trust-pills{
  display: inline-flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin-left: auto;
}
.tool-trust-strip b.on-demand{
  border-color: rgba(255, 190, 58, 0.24);
  color: var(--neon-gold);
}
.tool-trust-strip.fallback,
.tool-trust-strip b.fallback{
  border-color: rgba(255, 101, 124, 0.28);
}
.tool-trust-strip.fallback .trust-kicker,
.tool-trust-strip b.fallback{
  color: #ff657c;
}
.tool-trust-strip.unavailable,
.tool-trust-strip b.unavailable{
  border-color: rgba(255, 51, 95, 0.38);
}
.tool-trust-strip.unavailable{
  border-left-color: #ff335f;
  background:
    radial-gradient(circle at 0 0, rgba(255, 51, 95, 0.14), transparent 42%),
    rgba(8, 14, 22, 0.7);
}
.tool-trust-strip.unavailable .trust-kicker,
.tool-trust-strip b.unavailable{
  color: #ff5f7c;
}
.tool-trust-strip.on-demand{
  border-left-color: var(--neon-gold);
}
.tool-trust-strip.live{
  border-left-color: var(--neon-teal-ink);
}
@keyframes outage-status-pulse{
  0%,
  100% {
    opacity: 0.72;
    box-shadow: 0 0 10px rgba(255, 51, 95, 0.66);
  }
  50% {
    opacity: 1;
    box-shadow: 0 0 20px rgba(255, 51, 95, 0.92);
  }
}
.page-toolbar{
  border: 1px solid rgba(147, 164, 179, 0.14);
  border-radius: var(--radius-l);
  display: grid;
  grid-template-columns: minmax(240px, 1fr) 190px 190px;
  gap: var(--space-5);
  padding: var(--space-6);
  background:
    linear-gradient(90deg, rgba(95, 199, 223, 0.1), transparent 36%, rgba(241, 184, 75, 0.06)),
    rgba(15, 24, 33, 0.76);
}
.page-toolbar label{
  display: grid;
  gap: 7px;
  color: var(--muted);
  font-size: var(--t-small);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.program-toolbar label:first-child{
  align-content: start;
}
.program-toolbar label:first-child small{
  display: block;
  margin-top: -1px;
  color: #8fa1af;
  font-size: var(--t-small);
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0;
  text-transform: none;
}
.page-indexes{
  margin-top: var(--space-6);
}
.page-tabs{
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4);
}
.page-tabs button{
  min-height: 44px;
  border: 1px solid rgba(147, 164, 179, 0.16);
  border-radius: 7px;
  background: rgba(15, 24, 33, 0.86);
  color: var(--muted);
  padding: 10px 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.page-tabs button:hover,
.page-tabs button:focus-visible,
.page-tabs button.is-active{
  border-color: rgba(95, 199, 223, 0.5);
  background: rgba(95, 199, 223, 0.14);
  color: var(--ink);
  outline: none;
}
.page-tabs button[data-page-tab="sleepers"].is-active,
.page-tabs button[data-page-tab="sleepers"]:hover,
.page-tabs button[data-page-tab="sleepers"]:focus-visible{
  border-color: rgba(210, 122, 255, 0.5);
  background: rgba(210, 122, 255, 0.14);
}
.player-tabs{
  margin-top: var(--space-11);
}
.featured-strip{
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: var(--space-6);
}
.program-featured{
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.program-section-heading{
  grid-column: 1 / -1;
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: var(--space-5);
  margin-bottom: -2px;
  color: var(--muted);
}
.program-section-heading span{
  color: var(--ink);
  font-size: clamp(1.05rem, 1.45vw, 1.35rem);
  font-weight: 700;
  letter-spacing: 0.01em;
}
.program-section-heading strong{
  color: #9fb1bf;
  font-size: var(--t-body);
  font-weight: 600;
  line-height: 1.35;
  text-align: right;
}
.featured-card{
  min-width: 0;
  border: 1px solid rgba(147, 164, 179, 0.14);
  border-radius: var(--radius-l);
  display: grid;
  gap: var(--space-3);
  padding: var(--space-5);
  background:
    linear-gradient(135deg, rgba(95, 199, 223, 0.08), transparent 52%),
    rgba(15, 24, 33, 0.82);
  color: var(--ink);
  text-decoration: none;
  position: relative;
}
.featured-card:nth-child(2n){
  border-color: rgba(85, 214, 165, 0.2);
  background:
    linear-gradient(135deg, rgba(85, 214, 165, 0.09), transparent 52%),
    rgba(15, 24, 33, 0.82);
}
.featured-card:nth-child(3n){
  border-color: rgba(241, 184, 75, 0.22);
  background:
    linear-gradient(135deg, rgba(241, 184, 75, 0.09), transparent 52%),
    rgba(15, 24, 33, 0.82);
}
.featured-card:hover,
.featured-card:focus-visible{
  border-color: rgba(85, 214, 165, 0.44);
  outline: none;
  box-shadow: 0 0 0 3px rgba(85, 214, 165, 0.1);
}
.featured-card-top{
  min-width: 0;
  display: flex;
  align-items: center;
  gap: var(--space-3);
}
.rankings-featured{
  position: relative;
  align-content: start;
  gap: 9px;
  padding-top: var(--space-5);
}
.rankings-featured .page-card-art{
  border-color: rgba(95, 199, 223, 0.2);
  box-shadow:
    0 18px 42px rgba(0, 0, 0, 0.34),
    0 0 0 1px rgba(105, 255, 205, 0.08);
}
.featured-card strong,
.featured-card small,
.featured-card em{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.featured-card small{
  color: var(--muted);
  font-size: var(--t-small);
  font-weight: 600;
}
.featured-card .featured-why{
  color: #d5e2ec;
  font-size: var(--t-small);
  font-weight: 600;
  line-height: 1.25;
  white-space: normal;
}
.featured-card em{
  color: var(--green);
  font-style: normal;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
}
.featured-pill{
  min-width: 0;
  width: fit-content;
  border-radius: var(--radius-pill);
  background: rgba(255, 139, 58, 0.14);
  color: #ff9b45;
  padding: 5px 8px;
  font-size: var(--t-small);
  font-weight: 700;
  text-transform: uppercase;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.performance-badge{
  width: fit-content;
  border: 1px solid rgba(95, 199, 223, 0.36);
  border-radius: var(--radius-pill);
  background: rgba(95, 199, 223, 0.12);
  color: #9ae8ff;
  padding: 5px 8px;
  font-size: var(--t-small);
  font-weight: 700;
  text-transform: uppercase;
}
.tool-list{
  display: grid;
  gap: var(--space-5);
}
.page-result-row{
  border: 1px solid rgba(147, 164, 179, 0.14);
  border-radius: var(--radius-l);
  padding: var(--space-6);
  background: rgba(13, 21, 29, 0.82);
  color: var(--ink);
}
.page-result-row:hover,
.page-result-row:focus-visible{
  border-color: rgba(95, 199, 223, 0.5);
  outline: none;
}
.page-result-link{
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr) minmax(150px, auto);
  gap: var(--space-8);
  align-items: center;
  color: var(--ink);
  text-decoration: none;
}
.page-result-link:hover,
.page-result-link:focus-visible{
  outline: none;
}
.page-card-art{
  width: 92px;
  aspect-ratio: 5 / 7;
  border-radius: var(--radius-m);
  display: grid;
  place-items: center;
  overflow: hidden;
  background: linear-gradient(145deg, #1e3145, #27715f);
  color: var(--gold);
  font-weight: 700;
}
.page-result-main{
  min-width: 0;
  display: grid;
  gap: 7px;
}
.page-result-metric{
  border-radius: 7px;
  display: grid;
  justify-items: end;
  gap: var(--space-2);
  color: var(--muted);
}
.page-result-metric strong{
  color: var(--green);
  font-size: 1.35rem;
}
.rich-empty{
  border: 1px solid rgba(147, 164, 179, 0.14);
  border-radius: var(--radius-l);
  display: grid;
  gap: var(--space-3);
  padding: var(--space-8);
  background: rgba(15, 24, 33, 0.78);
  color: var(--muted);
}
.rich-empty strong{
  color: var(--ink);
  font-size: var(--t-base);
}
.rich-empty span{
  max-width: 760px;
  line-height: 1.45;
}
.database-page{
  width: min(1280px, calc(100% - 32px));
}
.database-toolbar{
  grid-template-columns: minmax(240px, 1.55fr) repeat(6, minmax(135px, 1fr));
}
.program-layout{
  margin-top: var(--space-7);
  display: grid;
  grid-template-columns: minmax(320px, 0.82fr) minmax(0, 1.18fr);
  gap: var(--space-6);
  align-items: start;
}
.reward-target-spotlight .status-action{
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.28);
}
.source-note{
  border: 1px solid rgba(95, 199, 223, 0.18);
  border-radius: var(--radius-l);
  background: rgba(8, 14, 22, 0.58);
  color: #b9c8d3;
  padding: 10px 12px;
  font-size: var(--t-body);
  font-weight: 700;
  line-height: 1.45;
}
.reward-actions .primary-action,
.reward-actions .secondary-action,
.reward-actions .status-action{
  border: 1px solid rgba(95, 199, 223, 0.3);
  border-radius: var(--radius-l);
  background:
    linear-gradient(135deg, rgba(95, 199, 223, 0.16), rgba(8, 14, 22, 0.56)),
    rgba(8, 14, 22, 0.72);
  color: #e5f2f8;
  width: 100%;
  min-width: 0;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  padding: 10px 10px;
  box-shadow: none;
  filter: none;
  font-size: clamp(0.74rem, 0.86vw, 0.82rem);
  font-weight: 700;
  line-height: 1.05;
}
.reward-actions .primary-action:hover,
.reward-actions .primary-action:focus-visible,
.reward-actions .secondary-action:hover,
.reward-actions .secondary-action:focus-visible,
.reward-actions .status-action:hover,
.reward-actions .status-action:focus-visible{
  border-color: rgba(95, 199, 223, 0.58);
  background:
    linear-gradient(135deg, rgba(95, 199, 223, 0.24), rgba(85, 214, 165, 0.12)),
    rgba(8, 14, 22, 0.82);
  color: var(--ink);
  outline: none;
}
.program-guide{
  margin-top: var(--space-6);
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-4);
}
.program-guide article{
  min-width: 0;
  border: 1px solid rgba(95, 199, 223, 0.15);
  border-radius: var(--radius-l);
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 8px 10px;
  background:
    linear-gradient(135deg, rgba(95, 199, 223, 0.08), rgba(85, 214, 165, 0.04)),
    rgba(8, 14, 22, 0.58);
  padding: var(--space-5);
}
.program-guide article:nth-child(2){
  border-color: rgba(85, 214, 165, 0.22);
  background:
    linear-gradient(135deg, rgba(85, 214, 165, 0.1), transparent 52%),
    rgba(8, 14, 22, 0.58);
}
.program-guide article:nth-child(3){
  border-color: rgba(241, 184, 75, 0.22);
  background:
    linear-gradient(135deg, rgba(241, 184, 75, 0.1), transparent 52%),
    rgba(8, 14, 22, 0.58);
}
.program-guide article:nth-child(4){
  border-color: rgba(255, 101, 124, 0.2);
  background:
    linear-gradient(135deg, rgba(255, 101, 124, 0.09), transparent 52%),
    rgba(8, 14, 22, 0.58);
}
.program-guide span{
  width: 30px;
  height: 30px;
  border-radius: var(--radius-pill);
  display: grid;
  place-items: center;
  background: rgba(85, 214, 165, 0.14);
  color: var(--green);
  font-weight: 700;
}
.program-guide strong{
  overflow: hidden;
  color: var(--ink);
  font-size: var(--t-base);
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.program-guide p{
  grid-column: 2;
  margin: -3px 0 0;
  color: #b8c6d0;
  font-size: var(--t-small);
  font-weight: 600;
  line-height: 1.35;
}
.program-session-builder{
  margin-top: var(--space-5);
  border: 1px solid rgba(85, 214, 165, 0.18);
  border-radius: var(--radius-l);
  display: grid;
  grid-template-columns: minmax(220px, 0.8fr) auto minmax(0, 1.3fr);
  gap: var(--space-5);
  align-items: center;
  background:
    linear-gradient(135deg, rgba(85, 214, 165, 0.09), rgba(95, 199, 223, 0.06)),
    rgba(15, 24, 33, 0.74);
  padding: var(--space-5);
}
.program-session-builder article span{
  color: var(--cyan);
  font-size: var(--t-small);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.program-session-builder article strong{
  display: block;
  margin-top: 5px;
  color: var(--ink);
  font-size: var(--t-base);
  line-height: 1.2;
}
.program-session-builder article small{
  display: block;
  margin-top: 5px;
  color: var(--muted);
  font-size: var(--t-small);
  font-weight: 600;
}
.session-choice{
  border: 1px solid rgba(147, 164, 179, 0.14);
  border-radius: var(--radius-l);
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  background: rgba(8, 14, 22, 0.65);
  padding: var(--space-1);
}
.session-choice button{
  min-height: 36px;
  border: 0;
  border-radius: var(--radius-m);
  background: transparent;
  color: var(--muted);
  font-size: var(--t-small);
  font-weight: 700;
}
.session-choice button.is-active{
  background: rgba(85, 214, 165, 0.16);
  color: var(--green);
  box-shadow: inset 0 0 0 1px rgba(85, 214, 165, 0.28);
}
.program-session-builder ol{
  margin: 0;
  padding-left: var(--space-9);
  color: #d8e4ea;
  font-size: var(--t-body);
  font-weight: 600;
  line-height: 1.45;
}
.program-session{
  margin-top: var(--space-6);
  border: 1px solid rgba(85, 214, 165, 0.2);
  border-radius: var(--radius-l);
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(260px, 0.95fr) auto;
  gap: var(--space-7);
  align-items: center;
  background:
    linear-gradient(135deg, rgba(85, 214, 165, 0.1), rgba(95, 199, 223, 0.08)),
    rgba(15, 24, 33, 0.86);
  padding: var(--space-7);
  box-shadow: var(--shadow);
}
.program-session h2{
  margin: 4px 0 6px;
  font-size: clamp(1.2rem, 2vw, 1.75rem);
  line-height: 1.05;
}
.program-session p{
  margin: 0;
  color: #b8c6d0;
  line-height: 1.4;
}
.program-session ol{
  margin: 0;
  padding-left: var(--space-9);
  color: #d8e4ea;
  line-height: 1.45;
}
.program-session li + li{
  margin-top: 5px;
}
.program-session-actions{
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4);
  justify-content: flex-end;
}
.program-list,
.program-detail{
  border: 1px solid rgba(147, 164, 179, 0.16);
  border-radius: var(--radius-l);
  background:
    linear-gradient(135deg, rgba(95, 199, 223, 0.07), transparent 52%),
    rgba(15, 24, 33, 0.86);
  box-shadow: var(--shadow);
}
.program-detail{
  border-color: rgba(85, 214, 165, 0.2);
  background:
    linear-gradient(135deg, rgba(85, 214, 165, 0.08), transparent 52%),
    rgba(15, 24, 33, 0.86);
}
.program-list{
  display: grid;
  gap: var(--space-4);
  padding: var(--space-6);
}
.program-progress-meter{
  overflow: hidden;
  display: block;
  width: 100%;
  height: 7px;
  margin-top: var(--space-4);
  border-radius: var(--radius-pill);
  background: rgba(147, 164, 179, 0.14);
}
.program-progress-meter i{
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--green), var(--cyan));
}
.program-detail{
  position: sticky;
  top: 14px;
  padding: var(--space-8);
}
.program-detail h2{
  margin: 0 0 10px;
  font-size: clamp(1.7rem, 3vw, 2.6rem);
  line-height: 1;
}
.program-detail > p:not(.eyebrow){
  color: #b8c6d0;
  line-height: 1.45;
}
.program-checklist ul{
  padding-left: 0;
  list-style: none;
}
.program-checklist label{
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: var(--space-4);
  align-items: start;
}
.pack-toolbar{
  grid-template-columns: minmax(220px, 1.2fr) repeat(3, minmax(150px, 0.8fr));
}
.pack-layout{
  margin-top: var(--space-7);
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
  gap: var(--space-6);
  align-items: start;
}
.pack-panel,
.pack-compare{
  border: 1px solid rgba(147, 164, 179, 0.16);
  border-radius: var(--radius-l);
  background:
    linear-gradient(135deg, rgba(241, 184, 75, 0.08), transparent 48%),
    rgba(15, 24, 33, 0.84);
  box-shadow: var(--shadow);
  padding: var(--space-7);
}
.pack-panel:nth-child(2),
.pack-compare{
  border-color: rgba(95, 199, 223, 0.2);
  background:
    linear-gradient(135deg, rgba(95, 199, 223, 0.08), transparent 48%),
    rgba(15, 24, 33, 0.84);
}
.pack-panel h2{
  margin: 4px 0 10px;
  font-size: clamp(1.55rem, 3vw, 2.5rem);
  line-height: 1;
}
.pack-decision-panel.is-default-read{
  display: grid;
  gap: var(--space-5);
  border-color: rgba(20, 235, 176, 0.2);
  background:
    linear-gradient(135deg, rgba(20, 235, 176, 0.08), rgba(0, 229, 255, 0.035)),
    rgba(8, 14, 22, 0.82);
}
.pack-decision-panel.is-default-read h2{
  font-size: clamp(1.45rem, 2.2vw, 2rem);
}
.pack-decision-panel.is-default-read .program-guidance{
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-3);
}
.pack-decision-panel.is-default-read .program-guidance article{
  padding: var(--space-5);
}
.pack-panel p,
.pack-reasons{
  color: #b8c6d0;
  line-height: 1.45;
}
.pack-meter{
  overflow: hidden;
  height: 12px;
  margin: 14px 0;
  border-radius: var(--radius-pill);
  background: rgba(147, 164, 179, 0.14);
}
.pack-meter span{
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--green), var(--gold), var(--red));
}
.pack-meter.good span{
  background: linear-gradient(90deg, var(--green), var(--cyan));
}
.pack-meter.watch span{
  background: linear-gradient(90deg, var(--gold), var(--cyan));
}
.pack-meter.bad span{
  background: linear-gradient(90deg, var(--red), var(--gold));
}
.pack-reasons{
  margin: 12px 0 0;
  padding-left: var(--space-9);
}
.pack-reasons li + li{
  margin-top: var(--space-3);
}
.pack-compare{
  margin-top: var(--space-7);
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: var(--space-4);
}
.pack-type-card{
  min-width: 0;
  border: 1px solid rgba(147, 164, 179, 0.13);
  border-radius: var(--radius-l);
  display: grid;
  gap: 7px;
  background:
    linear-gradient(135deg, rgba(95, 199, 223, 0.08), transparent 52%),
    rgba(8, 14, 22, 0.54);
  color: var(--ink);
  padding: var(--space-5);
  text-align: left;
}
.pack-type-card:nth-child(2n){
  background:
    linear-gradient(135deg, rgba(85, 214, 165, 0.08), transparent 52%),
    rgba(8, 14, 22, 0.54);
}
.pack-type-card:nth-child(3n){
  background:
    linear-gradient(135deg, rgba(241, 184, 75, 0.09), transparent 52%),
    rgba(8, 14, 22, 0.54);
}
.pack-type-card:hover,
.pack-type-card:focus-visible,
.pack-type-card.is-active{
  border-color: rgba(95, 199, 223, 0.5);
  outline: none;
  background:
    linear-gradient(135deg, rgba(95, 199, 223, 0.12), rgba(85, 214, 165, 0.06)),
    rgba(8, 14, 22, 0.74);
}
.pack-type-card span{
  color: var(--cyan);
  font-size: var(--t-small);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.pack-type-card strong{
  color: var(--green);
  font-size: var(--t-base);
}
.pack-type-card small{
  color: var(--muted);
  font-size: var(--t-small);
  font-weight: 600;
  line-height: 1.35;
}
.inventory-import{
  display: grid;
  gap: var(--space-5);
  margin-bottom: var(--space-7);
}
.inventory-manual-paste{
  border: 1px solid rgba(147, 164, 179, 0.16);
  border-radius: var(--radius-xl);
  background: rgba(8, 14, 22, 0.4);
  padding: 10px 14px;
}
.inventory-manual-paste summary{
  cursor: pointer;
  color: #cfe3ee;
  font-size: var(--t-base);
  font-weight: 600;
}
.inventory-manual-paste > p{
  margin: 10px 0 8px;
  color: #91a3b0;
  font-size: var(--t-body);
  line-height: 1.5;
}
.inventory-manual-paste textarea{
  min-height: 96px;
}
.inline-textbutton{
  appearance: none;
  border: 0;
  background: none;
  padding: 0;
  color: var(--cyan);
  font: inherit;
  font-weight: 600;
  cursor: pointer;
  text-decoration: underline;
}
.inventory-panel,
.inventory-next-card{
  border: 1px solid rgba(147, 164, 179, 0.16);
  border-radius: var(--radius-l);
  padding: var(--space-8);
  background:
    linear-gradient(135deg, rgba(95, 199, 223, 0.08), transparent 48%),
    rgba(15, 24, 33, 0.86);
}
.inventory-panel:nth-child(2){
  border-color: rgba(241, 184, 75, 0.22);
  background:
    linear-gradient(135deg, rgba(241, 184, 75, 0.09), transparent 48%),
    rgba(15, 24, 33, 0.86);
}
.inventory-panel textarea{
  min-height: 190px;
  resize: vertical;
  border: 1px solid rgba(147, 164, 179, 0.22);
  border-radius: var(--radius-l);
  width: 100%;
  background: var(--field);
  color: var(--ink);
  padding: var(--space-5);
  font: 0.88rem/1.45 ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
}
.inventory-import-actions,
.inventory-links{
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4);
  align-items: center;
  margin-top: var(--space-5);
}
.inventory-import-actions span{
  color: #9fb0bd;
  font-size: var(--t-body);
  font-weight: 600;
}
.inventory-help-list{
  display: grid;
  gap: var(--space-4);
  margin: 14px 0 0;
  padding-left: var(--space-8);
  color: #bfccd6;
  line-height: 1.45;
}
.inventory-next{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-6);
  margin: 0 0 16px;
}
.pack-type-card.is-default-read{
  border-color: rgba(20, 235, 176, 0.14);
  background:
    linear-gradient(135deg, rgba(20, 235, 176, 0.055), transparent 58%),
    rgba(8, 14, 22, 0.56);
}
.pack-type-card.is-watch-read{
  border-color: rgba(255, 190, 58, 0.2);
  background:
    linear-gradient(135deg, rgba(255, 190, 58, 0.075), transparent 58%),
    rgba(8, 14, 22, 0.58);
}
.pack-type-card.is-caution-read{
  border-color: rgba(255, 45, 75, 0.2);
  background:
    linear-gradient(135deg, rgba(255, 45, 75, 0.075), transparent 58%),
    rgba(8, 14, 22, 0.58);
}
.inventory-freshness{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-5);
  margin: -2px 0 16px;
}
.inventory-freshness-card{
  border: 1px solid rgba(95, 199, 223, 0.2);
  border-radius: var(--radius-l);
  display: grid;
  gap: 5px;
  padding: var(--space-6);
  background:
    linear-gradient(135deg, rgba(95, 199, 223, 0.11), transparent 62%),
    rgba(8, 14, 22, 0.74);
  box-shadow: inset 0 1px 0 rgba(238, 244, 248, 0.04);
}
.inventory-freshness-card.live,
.inventory-freshness-card.ok{
  border-color: rgba(85, 214, 165, 0.28);
  background:
    linear-gradient(135deg, rgba(85, 214, 165, 0.12), transparent 62%),
    rgba(8, 14, 22, 0.74);
}
.inventory-freshness-card.sample,
.inventory-freshness-card.warn,
.inventory-freshness-card.error{
  border-color: rgba(241, 184, 75, 0.32);
  background:
    linear-gradient(135deg, rgba(241, 184, 75, 0.13), transparent 62%),
    rgba(8, 14, 22, 0.76);
}
.inventory-freshness-card span{
  color: var(--cyan);
  font-size: var(--t-small);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.inventory-freshness-card.live span,
.inventory-freshness-card.ok span{
  color: var(--green);
}
.inventory-freshness-card.sample span,
.inventory-freshness-card.warn span,
.inventory-freshness-card.error span{
  color: var(--gold);
}
.inventory-freshness-card strong{
  color: #ffffff;
  font-size: var(--t-base);
  line-height: 1.2;
}
.inventory-freshness-card small{
  color: #aebdca;
  line-height: 1.38;
}
.inventory-next-card{
  min-height: 170px;
  display: grid;
  align-content: start;
  gap: var(--space-3);
}
.inventory-next-card span{
  color: var(--gold);
  font-size: var(--t-small);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.inventory-next-card strong{
  color: #ffffff;
  font-size: var(--t-lead);
  line-height: 1.15;
}
.inventory-next-card p{
  margin: 0;
  color: #bfccd6;
  line-height: 1.42;
}
.inventory-next-card p b{
  color: var(--green);
}
.inventory-next-card.sell,
.inventory-row.sell{
  border-color: rgba(85, 214, 165, 0.32);
}
.inventory-next-card.hold,
.inventory-row.hold{
  border-color: rgba(241, 184, 75, 0.34);
}
.inventory-next-card.collect,
.inventory-row.collect{
  border-color: rgba(126, 182, 255, 0.3);
}
.inventory-next-card.squad,
.inventory-row.squad{
  border-color: rgba(95, 199, 223, 0.36);
}
.inventory-next-card.exchange,
.inventory-row.exchange,
.inventory-next-card.quick,
.inventory-row.quick{
  border-color: rgba(255, 101, 124, 0.28);
}
.inventory-row .page-result-link{
  grid-template-columns: auto 72px minmax(0, 1fr) minmax(112px, auto);
  gap: var(--space-6);
  align-items: center;
}
.inventory-row{
  padding: 12px 14px;
}
.inventory-row .inventory-links{
  padding-top: var(--space-4);
}
.inventory-row .inventory-links a{
  padding: 5px 10px;
}
.inventory-row .ranking-number{
  min-width: 42px;
  padding: 6px 8px;
}
.inventory-metrics{
  border-top: 1px solid rgba(147, 164, 179, 0.12);
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-3);
  margin-top: var(--space-4);
  padding-top: var(--space-4);
}
.inventory-metrics span{
  border: 1px solid rgba(147, 164, 179, 0.12);
  border-radius: 7px;
  display: grid;
  gap: var(--space-1);
  padding: var(--space-4);
  background: rgba(8, 14, 22, 0.5);
}
.inventory-metrics small{
  color: #91a3b0;
  font-size: var(--t-small);
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}
.inventory-metrics strong{
  color: #ffffff;
  font-size: var(--t-base);
}
.inventory-priority em{
  color: var(--green);
  font-size: var(--t-small);
  font-style: normal;
  font-weight: 700;
}
.inventory-links{
  border-top: 1px solid rgba(147, 164, 179, 0.12);
  padding-top: var(--space-5);
}
.inventory-links a{
  border: 1px solid rgba(95, 199, 223, 0.26);
  border-radius: var(--radius-pill);
  color: var(--cyan);
  padding: 7px 10px;
  font-size: var(--t-body);
  font-weight: 700;
  text-decoration: none;
}
.inventory-links a:hover,
.inventory-links a:focus-visible{
  border-color: rgba(241, 184, 75, 0.5);
  color: var(--gold);
  outline: none;
}
.squad-main{
  display: grid;
  gap: var(--space-6);
  align-content: start;
  min-width: 0;
}
.squad-panel,
.squad-detail{
  border: 1px solid rgba(147, 164, 179, 0.16);
  border-radius: var(--radius-l);
  background:
    linear-gradient(135deg, rgba(95, 199, 223, 0.07), transparent 52%),
    rgba(15, 24, 33, 0.86);
  box-shadow: var(--shadow);
  padding: var(--space-7);
}
.squad-build-card{
  display: grid;
  gap: 7px;
  align-content: start;
  padding: 10px 12px;
  border: 1px solid rgba(229, 57, 90, 0.32);
  border-radius: 10px;
  background: rgba(20, 8, 14, 0.4);
}
.squad-build-card.is-pitching{
  border-color: rgba(95, 199, 223, 0.3);
  background: rgba(8, 18, 22, 0.4);
}
.squad-build-controls .primary-action{
  padding: 8px 16px;
  flex: none;
}
.squad-build-label{
  color: #cfe3ee;
  font-size: var(--t-base);
  font-weight: 700;
}
.squad-rail .squad-detail{
  position: static;
}
.squad-section[data-squad-section="pitchers"] .squad-section-body{
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
  gap: var(--space-5);
  align-items: start;
}
.squad-panel.is-collapsed .squad-panel-body{
  display: none;
}
.squad-slot-binder .slot-best-upgrade{
  border: none;
  background: transparent;
  padding: 4px 0 0;
}
.squad-slot .binder-meta .binder-pos{
  flex: 0 0 auto;
  min-width: 34px;
  padding: 5px 7px;
  border-radius: var(--radius-l);
  background: rgba(127, 216, 255, 0.12);
  border: 1px solid rgba(127, 216, 255, 0.3);
  color: var(--cyan-ink);
  font-size: var(--t-base);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-align: center;
}
.binder-name{
  display: grid;
  gap: 1px;
  min-width: 0;
}
.squad-preset-row{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-4);
  margin: 0 0 14px;
  padding: 10px 12px;
  border: 1px solid rgba(147, 164, 179, 0.18);
  border-radius: 10px;
  background: rgba(8, 14, 22, 0.4);
}
.squad-preset-row .secondary-action{
  padding: 8px 14px;
}
.squad-preset-chip{
  display: inline-flex;
  align-items: stretch;
  border: 1px solid rgba(95, 199, 223, 0.32);
  border-radius: var(--radius-pill);
  overflow: hidden;
  background: rgba(13, 26, 33, 0.85);
}
.squad-preset-chip .squad-preset-delete{
  color: #91a3b0;
  padding: 6px 10px 6px 6px;
  font-size: var(--t-base);
}
.squad-preset-chip .squad-preset-delete:hover{
  color: #ffb3a7;
}
.squad-build-bar .primary-action{
  padding: 8px 16px;
}
.squad-own-tag{
  display: inline-block;
  margin-left: var(--space-2);
  padding: 1px 7px;
  border-radius: var(--radius-pill);
  font-size: var(--t-micro);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  vertical-align: middle;
}
.squad-own-tag.is-owned{
  background: rgba(85, 214, 165, 0.16);
  border: 1px solid rgba(85, 214, 165, 0.4);
  color: #7ef0c2;
}
.squad-own-tag.is-unowned{
  background: rgba(147, 164, 179, 0.12);
  border: 1px solid rgba(147, 164, 179, 0.28);
  color: #9db4c0;
}
.squad-acquire-note{
  margin: 8px 0 0;
  padding: 8px 10px;
  border-radius: var(--radius-l);
  background: rgba(20, 8, 14, 0.5);
  border: 1px solid rgba(229, 57, 90, 0.28);
  color: #cfa6b0;
  font-size: var(--t-body);
  line-height: 1.5;
}
.squad-results-layout .squad-panel,
.squad-results-panel{
  border-color: rgba(85, 214, 165, 0.2);
  background:
    linear-gradient(135deg, rgba(85, 214, 165, 0.08), transparent 52%),
    rgba(15, 24, 33, 0.86);
}
.squad-detail{
  position: sticky;
  top: 14px;
}
.squad-detail > p:not(.eyebrow){
  color: #b8c6d0;
  line-height: 1.45;
}
.squad-section{
  border: 1px solid rgba(147, 164, 179, 0.13);
  border-radius: var(--radius-l);
  background: rgba(8, 14, 22, 0.32);
  overflow: hidden;
}
.squad-save-row{
  border: 1px solid rgba(85, 214, 165, 0.18);
  border-radius: var(--radius-l);
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--space-4);
  margin: 10px 0 0;
  padding: var(--space-4);
  background:
    linear-gradient(135deg, rgba(85, 214, 165, 0.08), rgba(95, 199, 223, 0.05)),
    rgba(8, 14, 22, 0.58);
}
.squad-actions button:hover,
.squad-actions button:focus-visible{
  border-color: rgba(95, 199, 223, 0.48);
  outline: none;
  transform: translateY(-1px);
}
.squad-section.is-collapsed .squad-section-body{
  display: none;
}
.squad-group{
  border: 1px solid rgba(147, 164, 179, 0.1);
  border-radius: var(--radius-l);
  background: rgba(8, 14, 22, 0.28);
  padding: var(--space-5);
}
.squad-slot{
  border: 1px solid rgba(147, 164, 179, 0.13);
  border-radius: var(--radius-l);
  display: grid;
  align-content: start;
  gap: var(--space-3);
  background: rgba(8, 14, 22, 0.52);
  padding: 11px;
}
.priority-control button:hover,
.priority-control button:focus-visible{
  background: rgba(95, 199, 223, 0.1);
  color: var(--ink);
  outline: none;
}
.priority-control button.is-active{
  background:
    linear-gradient(135deg, rgba(95, 199, 223, 0.22), rgba(85, 214, 165, 0.12)),
    rgba(15, 24, 33, 0.92);
  color: var(--green);
  box-shadow: inset 0 0 0 1px rgba(85, 214, 165, 0.22);
}
.slot-best-upgrade{
  border: 1px solid rgba(95, 199, 223, 0.12);
  border-radius: var(--radius-l);
  background: rgba(95, 199, 223, 0.05);
  padding: var(--space-3);
}
.starter-card-read{
  border: 1px solid rgba(147, 164, 179, 0.12);
  border-radius: var(--radius-l);
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 9px;
  align-items: center;
  background: rgba(15, 24, 33, 0.65);
  padding: var(--space-3);
}
.starter-card-read.has-card{
  border-color: rgba(85, 214, 165, 0.24);
  background: rgba(85, 214, 165, 0.08);
}
.starter-card-read .database-art{
  width: 48px;
  height: 56px;
  font-size: var(--t-base);
}
.starter-suggestions:empty{
  display: none;
}
.starter-suggestions .database-art{
  width: 44px;
  height: 52px;
  font-size: var(--t-body);
}
.squad-hole{
  width: 100%;
  border: 1px solid rgba(147, 164, 179, 0.13);
  border-radius: var(--radius-l);
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: var(--space-3);
  align-items: start;
  background:
    linear-gradient(135deg, rgba(95, 199, 223, 0.08), transparent 48%),
    rgba(8, 14, 22, 0.72);
  color: var(--ink);
  min-height: 112px;
  padding: var(--space-4);
  position: relative;
  overflow: hidden;
  text-align: left;
}
.squad-hole:hover,
.squad-hole:focus-visible,
.squad-hole.is-active,
.squad-fit-card:hover,
.squad-fit-card:focus-visible,
.squad-fit-card.is-active{
  border-color: rgba(95, 199, 223, 0.5);
  background:
    linear-gradient(135deg, rgba(95, 199, 223, 0.14), rgba(85, 214, 165, 0.06)),
    rgba(8, 14, 22, 0.72);
  outline: none;
}
.squad-hole-copy{
  min-width: 0;
  display: grid;
  gap: 3px;
  position: relative;
  z-index: 1;
}
.squad-fit-card{
  min-width: 0;
  cursor: pointer;
  border: 1px solid rgba(147, 164, 179, 0.13);
  border-radius: var(--radius-l);
  display: grid;
  grid-template-columns: 74px minmax(0, 1fr) 48px;
  gap: var(--space-5);
  align-items: center;
  background: rgba(8, 14, 22, 0.52);
  color: var(--ink);
  padding: var(--space-4);
  text-align: left;
}
.squad-fit-main{
  min-width: 0;
  display: grid;
  gap: var(--space-1);
}
.account-grid{
  margin-top: var(--space-7);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-6);
}
.account-benefit-grid{
  align-items: start;
}
.account-benefit-grid > .account-panel:only-child{
  grid-column: 1 / -1;
}
.account-status-panel{
  min-height: 0;
  padding: 12px 14px 12px 18px;
}
.account-status-panel .account-badge{
  padding: 6px 9px;
  font-size: var(--t-small);
}
.account-status-panel .rich-empty{
  margin-top: var(--space-3);
  padding: 8px 10px;
}
.account-auth-panel{
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(220px, 0.86fr) minmax(260px, 1.14fr);
  gap: 10px 18px;
  align-items: center;
  padding: 12px 18px;
}
.account-auth-details{
  border: 1px solid rgba(95, 199, 223, 0.18);
  border-radius: var(--radius-2xl);
  padding: 0;
  background: rgba(8, 14, 22, 0.34);
  overflow: hidden;
}
.account-auth-panel .auth-form{
  padding: 12px 14px 14px;
  grid-template-columns: repeat(2, minmax(160px, 1fr));
  gap: 8px 10px;
  align-items: end;
}
.account-auth-panel .account-note{
  margin: 0;
  color: #a8bdca;
  font-size: var(--t-body);
  line-height: 1.4;
}
.account-auth-panel .primary-action,
.account-auth-panel .secondary-action{
  min-height: 44px;
  padding: 9px 12px;
  white-space: nowrap;
}
.account-auth-panel .status-action{
  grid-column: 1 / -1;
  width: fit-content;
}
.account-auth-panel.is-signed-in .account-note{
  grid-column: 1 / -1;
  font-size: var(--t-body);
}
.account-logout-toggle{
  border-color: rgba(255, 101, 124, 0.34);
  background:
    linear-gradient(135deg, rgba(255, 101, 124, 0.14), rgba(8, 14, 22, 0.72)),
    rgba(8, 14, 22, 0.78);
  color: #ffe6eb;
}
.account-logout-toggle:hover,
.account-logout-toggle:focus-visible{
  border-color: rgba(255, 101, 124, 0.58);
  background:
    linear-gradient(135deg, rgba(255, 101, 124, 0.22), rgba(8, 14, 22, 0.82)),
    rgba(8, 14, 22, 0.86);
}
.account-hero{
  border-color: rgba(95, 199, 223, 0.34);
  background:
    radial-gradient(circle at 14% 12%, rgba(95, 199, 223, 0.24), transparent 34%),
    radial-gradient(circle at 84% 4%, rgba(255, 101, 124, 0.2), transparent 32%),
    linear-gradient(135deg, rgba(85, 214, 165, 0.12), rgba(8, 14, 22, 0.76) 46%, rgba(241, 184, 75, 0.1)),
    rgba(15, 24, 33, 0.9);
  box-shadow:
    inset 0 0 0 1px rgba(238, 244, 248, 0.04),
    0 24px 58px rgba(0, 0, 0, 0.28);
  overflow: visible;
  align-items: center;
}
.account-roadmap{
  margin-top: var(--space-7);
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-6);
}
.account-roadmap article{
  border: 1px solid rgba(147, 164, 179, 0.15);
  border-radius: var(--radius-l);
  background:
    linear-gradient(135deg, rgba(91, 214, 255, 0.12), transparent 44%),
    rgba(8, 14, 22, 0.62);
  padding: var(--space-6);
  position: relative;
  overflow: visible;
}
.account-roadmap article::after{
  content: "";
  position: absolute;
  inset: auto 12px 0;
  height: 3px;
  border-radius: 999px 999px 0 0;
  background: var(--cyan);
  opacity: 0.86;
}
.account-roadmap article:nth-child(2){
  border-color: rgba(85, 214, 165, 0.25);
  background:
    linear-gradient(135deg, rgba(85, 214, 165, 0.14), transparent 48%),
    rgba(8, 14, 22, 0.62);
}
.account-roadmap article:nth-child(2)::after{
  background: var(--green);
}
.account-roadmap article:nth-child(3){
  border-color: rgba(241, 184, 75, 0.25);
  background:
    linear-gradient(135deg, rgba(241, 184, 75, 0.16), transparent 50%),
    rgba(8, 14, 22, 0.62);
}
.account-roadmap article:nth-child(3)::after{
  background: var(--gold);
}
.account-roadmap article:nth-child(4){
  border-color: rgba(255, 101, 124, 0.25);
  background:
    linear-gradient(135deg, rgba(255, 101, 124, 0.14), transparent 50%),
    rgba(8, 14, 22, 0.62);
}
.account-roadmap article:nth-child(4)::after{
  background: var(--red);
}
.account-roadmap span{
  width: 30px;
  height: 30px;
  border: 1px solid rgba(85, 214, 165, 0.34);
  border-radius: var(--radius-pill);
  display: grid;
  place-items: center;
  background: rgba(85, 214, 165, 0.12);
  color: var(--green);
  font-size: var(--t-small);
  font-weight: 700;
}
.account-roadmap strong{
  display: block;
  margin: 10px 0 6px;
  color: var(--ink);
  font-size: var(--t-base);
}
.account-roadmap p{
  margin: 0;
  color: #b8c6d0;
  font-size: var(--t-body);
  line-height: 1.45;
}
.account-page.is-member-signed-in .account-hero p:not(.eyebrow){
  max-width: 780px;
}
.account-panel{
  border: 1px solid rgba(147, 164, 179, 0.16);
  border-radius: var(--radius-l);
  background:
    radial-gradient(circle at 88% 0%, rgba(95, 199, 223, 0.08), transparent 34%),
    rgba(15, 24, 33, 0.86);
  padding: var(--space-8);
  overflow: visible;
}
.account-panel-cyan{
  border-color: rgba(95, 199, 223, 0.22);
  background:
    radial-gradient(circle at 94% 10%, rgba(95, 199, 223, 0.14), transparent 34%),
    linear-gradient(135deg, rgba(95, 199, 223, 0.08), rgba(15, 24, 33, 0.86) 48%),
    rgba(15, 24, 33, 0.9);
}
.account-panel-green{
  border-color: rgba(85, 214, 165, 0.22);
  background:
    radial-gradient(circle at 92% 12%, rgba(85, 214, 165, 0.14), transparent 34%),
    linear-gradient(135deg, rgba(85, 214, 165, 0.08), rgba(15, 24, 33, 0.86) 50%),
    rgba(15, 24, 33, 0.9);
}
.account-panel-green::before{
  background: var(--green);
}
.account-panel-gold{
  border-color: rgba(241, 184, 75, 0.24);
  background:
    radial-gradient(circle at 92% 12%, rgba(241, 184, 75, 0.16), transparent 34%),
    linear-gradient(135deg, rgba(241, 184, 75, 0.08), rgba(15, 24, 33, 0.86) 50%),
    rgba(15, 24, 33, 0.9);
}
.account-panel-gold::before{
  background: var(--gold);
}
.account-panel-rose{
  border-color: rgba(255, 101, 124, 0.24);
  background:
    radial-gradient(circle at 92% 12%, rgba(255, 101, 124, 0.16), transparent 34%),
    linear-gradient(135deg, rgba(255, 101, 124, 0.08), rgba(15, 24, 33, 0.86) 50%),
    rgba(15, 24, 33, 0.9);
}
.account-panel-rose::before{
  background: var(--red);
}
.profile-settings-panel{
  margin-top: var(--space-7);
}
.profile-settings-disclosure{
  border: 1px solid rgba(95, 199, 223, 0.18);
  border-radius: var(--radius-l);
  background:
    linear-gradient(135deg, rgba(41, 242, 192, 0.08), rgba(5, 10, 16, 0.52)),
    rgba(8, 14, 22, 0.62);
}
.profile-settings-disclosure summary{
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-5);
  min-height: 50px;
  padding: 10px 14px;
  list-style: none;
}
.profile-settings-disclosure summary::-webkit-details-marker{
  display: none;
}
.profile-settings-disclosure summary > span{
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: var(--space-3);
  min-width: 0;
}
.profile-settings-disclosure summary b{
  color: var(--ink);
  font-size: 0.96rem;
}
.profile-settings-disclosure summary small{
  color: #a8bbc9;
  font-size: var(--t-body);
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.profile-settings-disclosure summary em{
  border: 1px solid rgba(85, 214, 165, 0.24);
  border-radius: var(--radius-pill);
  flex: 0 0 auto;
  padding: 6px 10px;
  background: rgba(85, 214, 165, 0.1);
  color: var(--sage);
  font-size: var(--t-small);
  font-style: normal;
  font-weight: 700;
}
.profile-settings-grid{
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
  gap: var(--space-5);
  align-items: end;
  border-top: 1px solid rgba(147, 164, 179, 0.1);
  padding: 12px 14px 14px;
}
.profile-settings-grid label{
  display: grid;
  gap: 7px;
}
.profile-settings-grid span{
  color: var(--muted);
  font-size: var(--t-small);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.profile-settings-grid input{
  width: 100%;
  min-height: 40px;
  border: 1px solid rgba(147, 164, 179, 0.18);
  border-radius: 7px;
  background: rgba(8, 14, 22, 0.78);
  color: var(--ink);
  padding: 9px 11px;
  font-weight: 600;
}
.profile-settings-grid input[readonly]{
  color: var(--muted);
}
.account-panel-roadmap{
  border-color: rgba(95, 199, 223, 0.22);
  background:
    radial-gradient(circle at 96% 0%, rgba(95, 199, 223, 0.14), transparent 28%),
    radial-gradient(circle at 8% 100%, rgba(241, 184, 75, 0.1), transparent 28%),
    rgba(15, 24, 33, 0.9);
}
.account-badge{
  border: 1px solid rgba(147, 164, 179, 0.18);
  border-radius: var(--radius-pill);
  background: rgba(8, 14, 22, 0.72);
  color: var(--muted);
  padding: 7px 10px;
  font-size: var(--t-small);
  font-weight: 700;
}
.account-badge.ready{
  border-color: rgba(85, 214, 165, 0.38);
  background: rgba(85, 214, 165, 0.12);
  color: var(--green);
}
.account-badge.active{
  border-color: rgba(255, 70, 104, 0.42);
  background: rgba(255, 70, 104, 0.12);
  color: #ff8fa3;
}
.account-badge.warn{
  border-color: rgba(241, 184, 75, 0.42);
  background: rgba(241, 184, 75, 0.12);
  color: var(--gold);
}
.auth-form{
  display: grid;
  gap: var(--space-5);
}
.auth-actions button:disabled,
.auth-form input:disabled,
.local-profile-actions button:disabled{
  cursor: not-allowed;
  opacity: 0.55;
}
.captcha-box{
  border: 1px solid rgba(95, 199, 223, 0.16);
  border-radius: var(--radius-xl);
  padding: var(--space-5);
  background:
    linear-gradient(135deg, rgba(95, 199, 223, 0.08), rgba(8, 14, 22, 0.62)),
    rgba(8, 14, 22, 0.6);
}
.account-metrics{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(112px, 1fr));
  gap: var(--space-4);
}
.account-metrics div{
  border: 1px solid rgba(147, 164, 179, 0.12);
  border-radius: var(--radius-l);
  background:
    linear-gradient(135deg, rgba(95, 199, 223, 0.1), transparent 56%),
    rgba(8, 14, 22, 0.52);
  padding: var(--space-5);
}
.account-metrics div:nth-child(2){
  background:
    linear-gradient(135deg, rgba(85, 214, 165, 0.1), transparent 56%),
    rgba(8, 14, 22, 0.52);
}
.account-metrics div:nth-child(3){
  background:
    linear-gradient(135deg, rgba(241, 184, 75, 0.12), transparent 56%),
    rgba(8, 14, 22, 0.52);
}
.account-metrics div:nth-child(4){
  background:
    linear-gradient(135deg, rgba(255, 101, 124, 0.1), transparent 56%),
    rgba(8, 14, 22, 0.52);
}
.account-metrics div:nth-child(5){
  background:
    linear-gradient(135deg, rgba(41, 242, 192, 0.09), transparent 56%),
    rgba(8, 14, 22, 0.52);
}
.account-metrics span,
.setup-list span{
  color: var(--muted);
  font-size: var(--t-small);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.account-metrics strong{
  display: block;
  margin: 6px 0;
  color: var(--ink);
  font-size: 1.55rem;
  line-height: 1;
}
.account-metrics small{
  color: var(--muted);
  font-weight: 600;
}
.membership-plan[data-state="checkout-ready"] .account-badge{
  border-color: rgba(85, 214, 165, 0.38);
  background: rgba(85, 214, 165, 0.12);
  color: var(--green);
}
.membership-plan[data-state="member"] .account-badge{
  border-color: rgba(95, 199, 223, 0.42);
  background: rgba(95, 199, 223, 0.14);
  color: var(--cyan);
}
.membership-tier-ladder{
  width: 100%;
  margin-top: var(--space-7);
  padding: var(--space-9);
  border-color: rgba(95, 199, 223, 0.28);
  display: grid;
  grid-template-columns: minmax(260px, 0.7fr) minmax(560px, 1.35fr);
  gap: 16px 22px;
  align-items: start;
  background:
    radial-gradient(circle at 47% 6%, rgba(241, 200, 109, 0.11), transparent 24%),
    radial-gradient(circle at 91% 28%, rgba(255, 70, 104, 0.13), transparent 26%),
    linear-gradient(135deg, rgba(4, 23, 31, 0.88), rgba(8, 12, 20, 0.94) 48%, rgba(20, 8, 18, 0.88));
}
.membership-tier-ladder::before{
  background: linear-gradient(180deg, var(--cyan), rgba(241, 200, 109, 0.85), rgba(255, 70, 104, 0.85));
}
.membership-tier-ladder *,
.membership-tier-card *{
  box-sizing: border-box;
  min-width: 0;
}
.membership-tier-ladder,
.membership-tier-card{
  box-sizing: border-box;
}
.membership-ladder-head .eyebrow{
  color: #98dff1;
}
.membership-ladder-head h2{
  margin: 0;
  max-width: 420px;
  color: var(--ink);
  font-size: clamp(1.65rem, 2vw, 2.35rem);
  line-height: 1.04;
}
.membership-ladder-head p:not(.eyebrow){
  max-width: 390px;
  margin: 8px 0 0;
  color: #c7d7e1;
  font-size: 0.98rem;
  line-height: 1.38;
  overflow-wrap: anywhere;
}
.membership-tier-ladder .billing-status{
  margin: 18px 0 0;
}
.membership-tier-ladder .billing-status .rich-empty{
  min-height: 0;
  border-color: rgba(147, 164, 179, 0.16);
  background:
    linear-gradient(135deg, rgba(95, 199, 223, 0.08), rgba(8, 14, 22, 0.56)),
    rgba(8, 14, 22, 0.52);
}
.membership-tier-grid{
  position: relative;
  z-index: 4;
  display: grid;
  grid-column: 2;
  grid-row: 1 / span 2;
  grid-template-columns: repeat(2, minmax(250px, 1fr));
  gap: var(--space-5);
  max-width: none;
  margin-top: 0;
  align-items: stretch;
}
.membership-tier-card{
  --tier-metal: #c9824b;
  --tier-strong: #ffcf92;
  --tier-border: rgba(201, 130, 75, 0.34);
  --tier-fill: rgba(201, 130, 75, 0.12);
  --tier-glow: rgba(201, 130, 75, 0.18);
  position: relative;
  overflow: hidden;
  border: 1px solid var(--tier-border);
  border-radius: var(--radius-l);
  display: grid;
  grid-template-rows: auto 1fr auto;
  min-height: 300px;
  padding: 15px;
  background:
    radial-gradient(circle at 74% 18%, var(--tier-fill), transparent 30%),
    linear-gradient(155deg, rgba(8, 14, 22, 0.88), rgba(3, 8, 13, 0.78)),
    rgba(8, 14, 22, 0.72);
  box-shadow: 0 22px 70px rgba(0, 0, 0, 0.2);
  transition:
    border-color 160ms ease,
    box-shadow 160ms ease,
    filter 160ms ease,
    opacity 160ms ease,
    transform 160ms ease;
}
.membership-tier-card::before{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), inset 0 0 44px var(--tier-glow);
  pointer-events: none;
}
.membership-tier-card.is-current-plan{
  border-color: var(--tier-strong);
  box-shadow:
    0 0 0 1px var(--tier-border),
    0 0 42px var(--tier-glow),
    inset 0 0 44px rgba(255, 70, 104, 0.06);
}
.membership-tier-card.is-muted-plan{
  opacity: 0.62;
  filter: saturate(0.58) contrast(0.95);
  background:
    radial-gradient(circle at 72% 16%, rgba(147, 164, 179, 0.08), transparent 29%),
    linear-gradient(155deg, rgba(8, 14, 22, 0.78), rgba(3, 8, 13, 0.68)),
    rgba(8, 14, 22, 0.62);
}
.membership-tier-card.is-muted-plan:hover,
.membership-tier-card.is-muted-plan:focus-within{
  opacity: 0.82;
  filter: saturate(0.78) contrast(1);
}
.current-tier-marker,
.included-tier-marker{
  position: absolute;
  top: 14px;
  right: 14px;
  z-index: 2;
  border: 1px solid rgba(255, 226, 149, 0.72);
  border-radius: 7px;
  padding: 8px 12px;
  color: var(--tier-strong);
  font-size: var(--t-micro);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  background:
    linear-gradient(135deg, rgba(255, 226, 149, 0.2), rgba(255, 70, 104, 0.16)),
    rgba(5, 10, 16, 0.86);
  box-shadow: 0 0 28px rgba(255, 70, 104, 0.3), inset 0 0 18px rgba(255, 226, 149, 0.1);
  transform: rotate(1.5deg);
}
.included-tier-marker{
  border-color: rgba(147, 164, 179, 0.26);
  border-radius: var(--radius-pill);
  color: #aab9c4;
  background: rgba(5, 10, 16, 0.58);
  box-shadow: inset 0 0 16px rgba(147, 164, 179, 0.07);
  transform: none;
}
.tier-gold{
  --tier-metal: var(--gold-ink);
  --tier-strong: #ffe69e;
  --tier-border: rgba(241, 200, 109, 0.48);
  --tier-fill: rgba(241, 200, 109, 0.16);
  --tier-glow: rgba(241, 200, 109, 0.28);
  transform: translateY(-8px);
}
.tier-red-diamond{
  --tier-metal: #ff4668;
  --tier-strong: #ff9caf;
  --tier-border: rgba(255, 70, 104, 0.42);
  --tier-fill: rgba(255, 70, 104, 0.14);
  --tier-glow: rgba(255, 70, 104, 0.22);
}
.tier-card-top,
.tier-feature-list,
.tier-actions{
  position: relative;
  z-index: 1;
}
.tier-card-top{
  display: grid;
  gap: var(--space-3);
}
.tier-badge{
  width: fit-content;
  border: 1px solid var(--tier-border);
  border-radius: var(--radius-pill);
  background: var(--tier-fill);
  color: var(--tier-strong);
  padding: 6px 9px;
  font-size: var(--t-micro);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.tier-card-top p{
  margin: 6px 0 0;
  color: #b9c9d5;
  font-size: var(--t-body);
  font-weight: 700;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}
.tier-card-top h3{
  margin: 0;
  color: var(--ink);
  font-size: clamp(1.38rem, 1.65vw, 1.78rem);
  line-height: 1;
  overflow-wrap: anywhere;
}
.tier-card-note{
  color: #c7aeb6;
  font-size: var(--t-small);
  font-weight: 700;
  letter-spacing: 0.02em;
}
.membership-tier-card.is-featured .tier-card-top h3{
  color: var(--tier-strong);
}
.tier-feature-list{
  display: grid;
  gap: var(--space-3);
  align-content: start;
  margin: 14px 0;
  padding: 0;
  list-style: none;
}
.tier-feature-list li{
  display: flex;
  gap: 9px;
  color: #d8e8ef;
  font-weight: 600;
  font-size: var(--t-base);
  line-height: 1.24;
}
.tier-feature-list li::before{
  content: "";
  flex: 0 0 auto;
  width: 7px;
  height: 7px;
  margin-top: 0.42em;
  border-radius: var(--radius-pill);
  background: var(--tier-metal);
  box-shadow: 0 0 16px var(--tier-glow);
}
.tier-actions{
  display: grid;
  grid-template-columns: 1fr;
  gap: 9px;
  align-self: end;
}
.tier-cta,
.tier-plan-action,
.tier-detail-toggle{
  border: 1px solid var(--tier-border);
  border-radius: var(--radius-l);
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 14px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
}
.tier-cta{
  background: linear-gradient(135deg, var(--tier-metal), var(--tier-strong));
  color: #061116;
}
.tier-cta:disabled{
  cursor: not-allowed;
  opacity: 0.72;
  filter: grayscale(0.18);
}
.tier-detail-toggle{
  background: rgba(5, 10, 16, 0.46);
  color: var(--tier-strong);
}
.tier-detail-toggle:hover,
.tier-detail-toggle:focus-visible,
.tier-detail-toggle.is-open{
  outline: none;
  background: var(--tier-fill);
  box-shadow: 0 0 22px var(--tier-glow);
}
.membership-inline-rail{
  position: relative;
  z-index: 3;
  grid-column: 1;
  grid-row: 2;
  display: grid;
  gap: 11px;
  align-self: start;
  margin-top: 0;
  padding: 2px 0 0;
}
.membership-inline-rail > strong{
  color: var(--cyan);
  font-size: var(--t-small);
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.membership-inline-rail ol{
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-3);
  margin: 0;
  padding: 0;
  list-style: none;
}
.membership-inline-rail ol::before{
  content: "";
  position: absolute;
  top: 13px;
  right: 15%;
  left: 15%;
  height: 1px;
  background: linear-gradient(90deg, rgba(95, 199, 223, 0.42), rgba(241, 200, 109, 0.48), rgba(255, 70, 104, 0.46));
  pointer-events: none;
}
.membership-inline-rail li{
  position: relative;
  display: grid;
  gap: 5px;
  align-content: start;
  color: #d9e9ef;
  line-height: 1.1;
}
.membership-inline-rail li > span{
  position: relative;
  z-index: 1;
  border: 1px solid rgba(95, 199, 223, 0.35);
  border-radius: var(--radius-pill);
  display: grid;
  width: 27px;
  height: 27px;
  place-items: center;
  background: rgba(5, 10, 16, 0.88);
  color: var(--cyan);
  font-size: var(--t-small);
  font-weight: 700;
}
.membership-inline-rail li:nth-child(1) > span,
.membership-inline-rail li:nth-child(1) b{
  color: #ffcf92;
  border-color: rgba(255, 207, 146, 0.36);
}
.membership-inline-rail li:nth-child(2) > span,
.membership-inline-rail li:nth-child(2) b{
  color: #7ee3f3;
  border-color: rgba(126, 227, 243, 0.4);
}
.membership-inline-rail li:nth-child(3) > span,
.membership-inline-rail li:nth-child(3) b{
  color: #ff9caf;
  border-color: rgba(255, 156, 175, 0.44);
}
.membership-inline-rail b{
  display: block;
  margin: 0;
  font-size: var(--t-small);
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.membership-inline-rail small{
  color: #a9b9c5;
  font-size: var(--t-small);
  font-weight: 600;
  line-height: 1.2;
}
.membership-highlights{
  position: relative;
  z-index: 5;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
  margin: 12px 0;
}
.membership-plan-card{
  --tier-metal: #c9824b;
  --tier-border: rgba(201, 130, 75, 0.34);
  --tier-glow: rgba(201, 130, 75, 0.14);
  --tier-fill: rgba(201, 130, 75, 0.13);
  border: 1px solid var(--tier-border);
  border-radius: var(--radius-l);
  display: grid;
  gap: 2px;
  padding: var(--space-4);
  background:
    linear-gradient(135deg, var(--tier-fill), transparent 60%),
    rgba(8, 14, 22, 0.52);
  color: inherit;
  text-align: left;
  transition:
    border-color 140ms ease,
    background 140ms ease,
    box-shadow 140ms ease,
    transform 140ms ease;
}
.membership-plan-card[data-plan-toggle="plus"]{
  --tier-metal: var(--gold-ink);
  --tier-border: rgba(241, 200, 109, 0.34);
  --tier-glow: rgba(241, 200, 109, 0.14);
  --tier-fill: rgba(241, 200, 109, 0.13);
}
.membership-plan-card[data-plan-toggle="pro"]{
  --tier-metal: #ff4668;
  --tier-border: rgba(255, 70, 104, 0.38);
  --tier-glow: rgba(255, 70, 104, 0.18);
  --tier-fill: rgba(255, 70, 104, 0.13);
}
.membership-plan-card:hover,
.membership-plan-card:focus-visible,
.membership-plan-card.is-open{
  border-color: var(--tier-border);
  box-shadow: 0 0 24px var(--tier-glow);
  outline: none;
  transform: translateY(-1px);
}
.membership-highlights span{
  display: block;
  color: var(--muted);
  font-size: var(--t-micro);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.membership-highlights strong{
  display: block;
  margin: 5px 0 3px;
  color: #ffffff;
  font-size: var(--t-base);
  line-height: 1.15;
}
.membership-highlights small{
  color: #aebfcb;
  font-size: var(--t-small);
  font-weight: 600;
}
.membership-plan-card::after{
  content: "View details";
  margin-top: 5px;
  color: var(--tier-metal);
  font-size: var(--t-micro);
  font-weight: 700;
  letter-spacing: 0;
}
.membership-plan-card.is-open::after{
  content: "Hide details";
}
.plan-detail{
  --tier-metal: #c9824b;
  --tier-border: rgba(201, 130, 75, 0.36);
  --tier-glow: rgba(201, 130, 75, 0.16);
  --tier-fill: rgba(201, 130, 75, 0.12);
  position: relative;
  border: 1px solid var(--tier-border);
  border-radius: var(--radius-l);
  padding: 14px 16px;
  background:
    radial-gradient(circle at 95% 0%, var(--tier-fill), transparent 32%),
    linear-gradient(90deg, var(--tier-fill), transparent 42%),
    rgba(8, 14, 22, 0.82);
  backdrop-filter: blur(14px);
  box-shadow: 0 22px 58px rgba(0, 0, 0, 0.46), 0 0 34px var(--tier-glow);
  pointer-events: auto;
}
.plan-detail-feature-list li.is-locked{
  border-color: rgba(241, 200, 109, 0.22);
  background:
    linear-gradient(135deg, rgba(241, 200, 109, 0.12), rgba(4, 10, 16, 0.62) 58%),
    rgba(4, 10, 16, 0.58);
}
.plan-comparison-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
  margin-top: var(--space-4);
}
.plan-comparison-grid div,
.plan-comparison-card{
  border: 1px solid rgba(147, 164, 179, 0.13);
  border-radius: var(--radius-l);
  padding: var(--space-4);
  background: rgba(8, 14, 22, 0.54);
}
.plan-comparison-grid span,
.plan-comparison-grid strong,
.plan-comparison-grid small{
  display: block;
}
.plan-comparison-grid span{
  color: var(--muted);
  font-size: var(--t-micro);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.plan-comparison-grid strong{
  margin-top: 5px;
  color: var(--ink);
}
.plan-comparison-grid small{
  margin-top: 5px;
  color: #b9c6d2;
  line-height: 1.35;
}
.plan-comparison-card{
  --tier-metal: rgba(201, 130, 75, 0.9);
  --tier-fill: rgba(201, 130, 75, 0.08);
  background:
    linear-gradient(135deg, var(--tier-fill), rgba(8, 14, 22, 0.56)),
    rgba(8, 14, 22, 0.54);
}
.plan-comparison-card.tier-gold{
  --tier-metal: rgba(241, 200, 109, 0.95);
  --tier-fill: rgba(241, 200, 109, 0.1);
  transform: none;
}
.plan-comparison-card.tier-red-diamond{
  --tier-metal: rgba(255, 70, 104, 0.95);
  --tier-fill: rgba(255, 70, 104, 0.1);
}
.plan-comparison-card span{
  color: var(--tier-metal);
}
.plan-comparison-card ul{
  display: grid;
  gap: 7px;
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
}
.plan-comparison-card li{
  display: flex;
  gap: var(--space-3);
  color: #c9dbe5;
  font-size: var(--t-body);
  font-weight: 700;
  line-height: 1.28;
}
.plan-comparison-card li::before{
  content: "";
  flex: 0 0 auto;
  width: 6px;
  height: 6px;
  margin-top: 0.45em;
  border-radius: var(--radius-pill);
  background: var(--tier-metal);
  box-shadow: 0 0 12px var(--tier-fill);
}
.local-profile-hub{
  margin: 16px 0;
}
.account-member-steps{
  margin-top: var(--space-7);
}
.account-member-steps .section-head > div > p:not(.eyebrow){
  max-width: 820px;
  margin: 6px 0 0;
  color: #b8c6d0;
  line-height: 1.45;
}
.account-member-steps .bridge-list{
  margin-top: var(--space-6);
}
.account-drawer{
  border: 1px solid rgba(95, 199, 223, 0.18);
  border-radius: 10px;
  margin-top: var(--space-5);
  background: rgba(4, 12, 19, 0.54);
  overflow: hidden;
}
.account-drawer summary{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-6);
  min-height: 50px;
  padding: 12px 16px;
  cursor: pointer;
  list-style: none;
}
.account-drawer summary::-webkit-details-marker{
  display: none;
}
.account-drawer summary::after{
  content: "+";
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 28px;
  height: 28px;
  border: 1px solid rgba(95, 199, 223, 0.28);
  border-radius: var(--radius-pill);
  color: #55d6ff;
  font-size: var(--t-base);
  font-weight: 700;
  line-height: 1;
  background: rgba(0, 229, 255, 0.08);
}
.account-drawer[open] summary::after{
  content: "-";
}
.account-drawer summary span{
  color: #9fb4c4;
  font-size: var(--t-small);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.account-drawer summary strong{
  color: #f7fbff;
  font-size: var(--t-base);
}
.account-drawer[open]{
  background:
    linear-gradient(135deg, rgba(0, 229, 255, 0.07), transparent 52%, rgba(41, 242, 192, 0.05)),
    rgba(4, 12, 19, 0.62);
}
.account-drawer[open] summary{
  border-bottom: 1px solid rgba(147, 164, 179, 0.12);
}
.account-step-chips{
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  padding: 12px 16px 0;
}
.account-step-chips span{
  border: 1px solid rgba(95, 199, 223, 0.18);
  border-radius: var(--radius-pill);
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 32px;
  padding: 6px 10px;
  color: #c9dbe5;
  font-size: var(--t-body);
  font-weight: 600;
  background: rgba(8, 14, 22, 0.5);
}
.account-step-chips b{
  display: grid;
  place-items: center;
  width: 18px;
  height: 18px;
  border-radius: var(--radius-pill);
  color: #061017;
  font-size: var(--t-small);
  background: #55d6ff;
}
.account-quickstart-drawer .bridge-list,
.local-profile-details .local-profile-summary,
.local-profile-details .cloud-readiness,
.local-profile-details .local-profile-notes{
  margin-left: var(--space-7);
  margin-right: var(--space-7);
}
.account-quickstart-drawer .bridge-list,
.local-profile-details .local-profile-notes{
  margin-bottom: var(--space-7);
}
.local-profile-hub .section-head > div > p:not(.eyebrow){
  max-width: 720px;
  margin: 6px 0 0;
  color: #b8c6d0;
  line-height: 1.45;
}
.cloud-readiness{
  border: 1px solid rgba(0, 229, 255, 0.14);
  border-radius: 14px;
  margin-top: var(--space-6);
  padding: 13px;
  background:
    linear-gradient(135deg, rgba(0, 229, 255, 0.08), transparent 42%, rgba(41, 242, 192, 0.06)),
    rgba(4, 12, 19, 0.72);
}
.cloud-readiness-grid article.has-data{
  border-color: rgba(41, 242, 192, 0.22);
  background: linear-gradient(135deg, rgba(41, 242, 192, 0.08), rgba(2, 8, 14, 0.62));
}
.local-profile-actions{
  border-top: 1px solid rgba(147, 164, 179, 0.12);
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4);
  align-items: center;
  margin-top: var(--space-7);
  padding-top: var(--space-7);
}
.local-profile-actions span{
  color: #aebdca;
  font-size: var(--t-body);
  font-weight: 600;
}
.local-profile-actions .cloud-action{
  border-color: rgba(85, 214, 165, 0.34);
}
.local-profile-import{
  cursor: pointer;
}
.local-profile-import input{
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}
.local-profile-notes{
  margin-top: var(--space-6);
}
.billing-actions .status-action{
  min-height: 40px;
  padding: 9px 12px;
  font-size: var(--t-body);
}
.billing-hero{
  max-width: 680px;
  padding-bottom: var(--space-8);
}
.billing-hero h1{
  max-width: 520px;
}
.bridge-list{
  margin-top: var(--space-5);
  display: grid;
  gap: var(--space-4);
}
.bridge-list div{
  border: 1px solid rgba(147, 164, 179, 0.12);
  border-radius: var(--radius-l);
  background:
    linear-gradient(90deg, rgba(95, 199, 223, 0.1), transparent 34%),
    rgba(8, 14, 22, 0.5);
  padding: var(--space-5);
}
.bridge-list div:nth-child(2){
  background:
    linear-gradient(90deg, rgba(85, 214, 165, 0.1), transparent 34%),
    rgba(8, 14, 22, 0.5);
}
.bridge-list div:nth-child(3){
  background:
    linear-gradient(90deg, rgba(241, 184, 75, 0.11), transparent 34%),
    rgba(8, 14, 22, 0.5);
}
.bridge-list div:nth-child(4){
  background:
    linear-gradient(90deg, rgba(255, 101, 124, 0.1), transparent 34%),
    rgba(8, 14, 22, 0.5);
}
.bridge-list strong{
  display: block;
  color: var(--ink);
  font-size: var(--t-base);
}
.bridge-list span{
  display: block;
  margin-top: var(--space-1);
  color: #b8c6d0;
  font-size: var(--t-body);
  line-height: 1.4;
}
.bridge-list.compact div{
  padding: 10px 12px;
}
.setup-list{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-4);
}
.setup-list article{
  border: 1px solid rgba(147, 164, 179, 0.13);
  border-radius: var(--radius-l);
  background:
    linear-gradient(135deg, rgba(95, 199, 223, 0.08), transparent 50%),
    rgba(8, 14, 22, 0.52);
  padding: var(--space-5);
}
.setup-list article:nth-child(2),
.setup-list article:nth-child(4){
  background:
    linear-gradient(135deg, rgba(85, 214, 165, 0.08), transparent 50%),
    rgba(8, 14, 22, 0.52);
}
.setup-list article:nth-child(3),
.setup-list article:nth-child(6){
  background:
    linear-gradient(135deg, rgba(241, 184, 75, 0.09), transparent 50%),
    rgba(8, 14, 22, 0.52);
}
.setup-list article:nth-child(5){
  background:
    linear-gradient(135deg, rgba(255, 101, 124, 0.08), transparent 50%),
    rgba(8, 14, 22, 0.52);
}
.setup-list article.is-done{
  border-color: rgba(85, 214, 165, 0.28);
  background:
    linear-gradient(135deg, rgba(85, 214, 165, 0.1), transparent 48%),
    rgba(8, 14, 22, 0.56);
}
.setup-list strong{
  display: block;
  margin: 7px 0;
  color: var(--ink);
  font-size: var(--t-base);
}
.setup-list p{
  margin: 0;
  color: #b8c6d0;
  font-size: var(--t-body);
  line-height: 1.4;
}
.position-board{
  margin-top: var(--space-5);
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-5);
}
.position-board button{
  min-height: 112px;
  border: 1px solid rgba(147, 164, 179, 0.16);
  border-radius: var(--radius-l);
  display: grid;
  align-content: center;
  gap: var(--space-4);
  padding: var(--space-8);
  background:
    linear-gradient(135deg, rgba(95, 199, 223, 0.08), transparent 48%),
    rgba(15, 24, 33, 0.82);
  color: var(--ink);
  text-align: left;
  position: relative;
  overflow: hidden;
}
.position-board button::before{
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(11, 19, 28, 0.96) 0%, rgba(12, 25, 38, 0.82) 48%, rgba(12, 25, 38, 0.48) 100%),
    var(--board-card-art, none);
  background-position: center, right 14px top 6px;
  background-repeat: no-repeat;
  background-size: auto, auto 152%;
  opacity: 0;
  transform: translateX(4px) scale(1.01);
  transition: opacity 160ms ease, transform 160ms ease;
}
.position-board button::after{
  content: attr(data-position);
  position: absolute;
  right: -6px;
  bottom: -22px;
  color: rgba(238, 244, 248, 0.035);
  font-size: 5.5rem;
  font-weight: 700;
  line-height: 1;
}
.position-board button span{
  position: relative;
  z-index: 1;
  color: var(--red);
  font-size: var(--t-small);
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}
.position-board button strong{
  position: relative;
  z-index: 1;
  font-size: 1.35rem;
  line-height: 1;
}
.position-board button:hover,
.position-board button:focus-visible,
.position-board button.is-active{
  border-color: rgba(95, 199, 223, 0.54);
  background:
    linear-gradient(135deg, rgba(95, 199, 223, 0.18), rgba(255, 101, 124, 0.08)),
    rgba(15, 24, 33, 0.92);
  outline: none;
  box-shadow: 0 0 0 3px rgba(95, 199, 223, 0.1);
}
.rankings-list{
  display: grid;
  gap: var(--space-5);
}
.ranking-row .page-result-link{
  grid-template-columns: 58px 84px minmax(0, 1fr) 120px;
  gap: var(--space-7);
}
.flip-row{
  background:
    radial-gradient(circle at 86% 0%, rgba(85, 214, 165, 0.08), transparent 32%),
    rgba(13, 21, 29, 0.84);
}
.flip-row.trap{
  background:
    radial-gradient(circle at 86% 0%, rgba(255, 101, 124, 0.1), transparent 32%),
    rgba(13, 21, 29, 0.84);
}
.flip-row .page-result-link{
  grid-template-columns: 58px 76px minmax(0, 1fr) 132px;
}
.flip-confidence strong{
  color: var(--cyan);
}
.flip-row.trap .flip-confidence strong{
  color: var(--gold);
}
.flip-metrics{
  margin-top: var(--space-5);
  border-top: 1px solid rgba(147, 164, 179, 0.12);
  padding-top: var(--space-5);
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-4);
}
.flip-metrics span{
  border: 1px solid rgba(147, 164, 179, 0.12);
  border-radius: 7px;
  display: grid;
  gap: var(--space-1);
  padding: var(--space-4);
  background: rgba(8, 14, 22, 0.52);
}
.flip-metrics small{
  color: var(--muted);
  font-size: var(--t-small);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.flip-metrics strong{
  color: var(--ink);
  font-size: var(--t-base);
}
.flip-featured .featured-pill{
  background: rgba(85, 214, 165, 0.14);
  color: var(--green);
}
.flip-featured.traps .featured-pill{
  background: rgba(255, 101, 124, 0.14);
  color: var(--red);
}
.ranking-number{
  min-width: 50px;
  border: 1px solid rgba(255, 208, 106, 0.5);
  border-radius: var(--radius-l);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, rgba(255, 208, 106, 0.9), rgba(255, 101, 124, 0.86));
  color: var(--field);
  padding: 8px 10px;
  font-weight: 700;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.32);
}
.rankings-pager{
  margin-top: 0;
}
.database-shell{
  display: grid;
  gap: var(--space-6);
}
.database-status{
  color: var(--muted);
  font-size: var(--t-body);
  font-weight: 600;
}
.database-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-5);
}
.database-card{
  min-width: 0;
  border: 1px solid rgba(147, 164, 179, 0.14);
  border-radius: var(--radius-l);
  background:
    radial-gradient(circle at 84% 0%, rgba(95, 199, 223, 0.08), transparent 34%),
    rgba(15, 24, 33, 0.84);
  color: var(--ink);
  text-decoration: none;
  padding: var(--space-5);
  display: grid;
  grid-template-columns: 62px minmax(0, 1fr);
  gap: var(--space-5);
  position: relative;
  overflow: hidden;
}
.database-card:nth-child(2n)::after{
  background: linear-gradient(90deg, var(--cyan), var(--gold), var(--red));
}
.database-card:nth-child(3n)::after{
  background: linear-gradient(90deg, var(--gold), var(--red), var(--green));
}
.database-card::after{
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 3px;
  background: linear-gradient(90deg, var(--green), var(--cyan), var(--gold));
  opacity: 0.55;
}
.database-card:hover,
.database-card:focus-visible{
  border-color: rgba(95, 199, 223, 0.52);
  transform: translateY(-1px);
  outline: none;
}
.database-art{
  width: 62px;
  aspect-ratio: 5 / 7;
  grid-row: span 2;
  border-radius: var(--radius-m);
  background: linear-gradient(145deg, #172330, #25635b);
  display: grid;
  place-items: center;
  overflow: hidden;
  color: var(--gold);
  font-weight: 700;
}
.database-main{
  min-width: 0;
  display: grid;
  gap: 5px;
}
.database-main small,
.database-main em,
.database-meta small{
  color: var(--muted);
  font-size: var(--t-small);
  font-style: normal;
  font-weight: 600;
}
.database-main strong{
  min-width: 0;
  color: var(--ink);
  font-size: 1.1rem;
  line-height: 1.05;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.database-main em{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.collection-mini-read{
  width: fit-content;
  max-width: 100%;
  border: 1px solid rgba(241, 184, 75, 0.26);
  border-radius: var(--radius-pill);
  display: inline-flex;
  background: rgba(241, 184, 75, 0.09);
  color: #f4cf87;
  padding: 5px 8px;
  font-size: var(--t-small);
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.database-meta{
  min-width: 0;
  border-top: 1px solid rgba(147, 164, 179, 0.1);
  padding-top: var(--space-3);
  display: flex;
  justify-content: space-between;
  gap: var(--space-4);
}
.database-meta strong{
  color: var(--green);
  font-size: 0.96rem;
}
.database-badges,
.database-quirks{
  margin: 1px 0;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.database-quirks b{
  max-width: 110px;
  border: 1px solid rgba(95, 199, 223, 0.24);
  border-radius: var(--radius-pill);
  background: rgba(95, 199, 223, 0.08);
  color: #cfe8f2;
  padding: 4px 7px;
  font-size: var(--t-micro);
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.database-quirks b.inferred{
  border-color: rgba(241, 184, 75, 0.28);
  background: rgba(241, 184, 75, 0.09);
  color: #f4cf87;
}
.signal-reasons{
  grid-column: 1 / -1;
  margin-top: var(--space-5);
  border-top: 1px solid rgba(147, 164, 179, 0.12);
  padding-top: var(--space-4);
}
.signal-reasons summary{
  width: fit-content;
  color: var(--cyan);
  cursor: pointer;
  font-size: var(--t-body);
  font-weight: 700;
}
.signal-reasons ul{
  margin: 8px 0 0;
  padding-left: var(--space-8);
  color: #aab8c3;
  font-size: var(--t-body);
  line-height: 1.4;
}
.help-card{
  min-height: 158px;
  padding: var(--space-7);
  display: grid;
  align-content: start;
  gap: 9px;
}
.story-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-5);
}
.story-grid article{
  padding: var(--space-7);
  min-height: 174px;
  position: relative;
  overflow: hidden;
}
.story-grid article::after{
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 3px;
  background: linear-gradient(90deg, var(--green), var(--cyan), var(--gold));
  opacity: 0.72;
}
.feature-kicker{
  display: inline-flex;
  width: fit-content;
  margin-bottom: var(--space-5);
  border: 1px solid rgba(95, 199, 223, 0.28);
  border-radius: var(--radius-pill);
  background: rgba(95, 199, 223, 0.1);
  color: var(--cyan);
  padding: 5px 8px;
  font-size: var(--t-small);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.story-grid h3{
  margin: 0 0 8px;
  font-size: var(--t-base);
}
.story-grid p,
.plan-card p,
.faq-panel p,
.site-footer span{
  margin: 0;
  color: #b8c6d0;
  line-height: 1.45;
}
.plan-preview{
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: var(--space-7);
  align-items: center;
}
.plans{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-5);
}
.plan-card.featured{
  border-color: rgba(85, 214, 165, 0.34);
  background:
    linear-gradient(135deg, rgba(85, 214, 165, 0.13), transparent 42%),
    rgba(15, 24, 33, 0.94);
}
.site-footer{
  padding: var(--space-11);
}
.footer-grid{
  display: grid;
  grid-template-columns: 1.35fr repeat(3, minmax(150px, 1fr));
  gap: var(--space-11);
}
.footer-grid section{
  display: grid;
  align-content: start;
  gap: var(--space-4);
}
.footer-logo{
  width: min(220px, 100%);
  height: 62px;
  object-fit: contain;
  object-position: left center;
}
.site-footer h2,
.site-footer strong{
  color: var(--gold);
  font-size: var(--t-body);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.site-footer h2,
.site-footer p{
  margin: 0;
}
.site-footer p,
.site-footer span{
  color: #aebbc6;
  line-height: 1.45;
}
.site-footer a{
  color: #c4d0da;
  text-decoration: none;
  font-weight: 600;
}
.site-footer a:hover,
.site-footer a:focus-visible{
  color: var(--green);
  outline: none;
}
.footer-bottom{
  border-top: 1px solid rgba(147, 164, 179, 0.14);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: var(--space-5);
  margin-top: var(--space-11);
  padding-top: var(--space-8);
  font-size: var(--t-body);
}
.tool-page .tool-hero,
.tool-page .page-toolbar,
.tool-page .page-summary div,
.tool-page .featured-card,
.tool-page .database-card,
.tool-page .page-result-row,
.tool-page .pack-panel,
.tool-page .inventory-panel,
.tool-page .program-session-builder,
.tool-page .program-session,
.tool-page .program-detail,
.tool-page .reward-finder,
.tool-page .squad-panel,
.tool-page .squad-detail,
.tool-page .account-panel,
.tool-page .help-card,
.tool-page .plan-card{
  position: relative;
  overflow: hidden;
}
.tool-page .tool-hero::before,
.tool-page .page-toolbar::before,
.tool-page .program-session-builder::before,
.tool-page .program-session::before,
.tool-page .program-detail::before,
.tool-page .reward-finder::before,
.tool-page .pack-panel::before,
.tool-page .inventory-panel::before,
.tool-page .squad-panel::before,
.tool-page .squad-detail::before,
.tool-page .account-panel::before{
  content: "";
  position: absolute;
  left: 16px;
  right: 16px;
  top: 0;
  height: 2px;
  border-radius: var(--radius-pill);
  background: linear-gradient(90deg, transparent, var(--neon-cyan), var(--neon-teal), var(--neon-pink), transparent);
  opacity: 0.8;
  box-shadow: 0 0 22px rgba(0, 229, 255, 0.42);
  pointer-events: none;
}
.tool-page .tool-hero{
  padding-top: clamp(24px, 3.4vw, 44px);
}
.tool-page .tool-hero h1{
  max-width: 860px;
  color: #f7fbff;
  text-shadow:
    0 0 30px rgba(255, 255, 255, 0.08),
    0 0 22px rgba(0, 229, 255, 0.12);
}
.hero-accent,
.tool-page .tool-hero h1 .hero-accent{
  color: var(--hero-accent);
  text-shadow:
    0 0 18px rgba(255, 45, 75, 0.32),
    0 0 28px rgba(255, 45, 75, 0.16);
}
.tool-page .tool-hero p:not(.eyebrow){
  color: #c0d0dc;
}
.tool-page .eyebrow,
.tool-page .tool-hero .eyebrow,
.tool-page .section-head .eyebrow,
.tool-page .page-summary span,
.tool-page .page-summary small,
.tool-page .page-toolbar label,
.tool-page .featured-card span,
.tool-page .pack-type-card span,
.tool-page .program-guide span,
.tool-page .reward-path-title span,
.tool-page .squad-section-toggle span,
.tool-page .account-kicker,
.tool-page .help-card span,
.tool-page .plan-card span{
  color: #9db1c0;
  text-shadow: 0 0 18px rgba(0, 229, 255, 0.18);
}
.tool-page .page-tabs button,
.tool-page .status-action,
.tool-page .status-link,
.tool-page .program-session-actions button,
.tool-page .rankings-pager button,
.tool-page .match-pager button,
.tool-page .lab-tabs button{
  border-color: rgba(0, 229, 255, 0.2);
  background:
    linear-gradient(135deg, rgba(0, 229, 255, 0.12), rgba(255, 45, 75, 0.06)),
    rgba(2, 8, 14, 0.78);
  color: #dbe8f0;
}
.tool-page:not(.advisor-page) .page-toolbar input,
.tool-page:not(.advisor-page) .page-toolbar select,
.tool-page:not(.advisor-page) .squad-panel input,
.tool-page:not(.advisor-page) .squad-panel select,
.tool-page:not(.advisor-page) .pack-toolbar input,
.tool-page:not(.advisor-page) .pack-toolbar select{
  border-color: rgba(0, 229, 255, 0.18);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent),
    #020810;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 0 0 1px rgba(0, 229, 255, 0.02);
}
.tool-page:not(.advisor-page) .page-toolbar,
.tool-page:not(.advisor-page) .reward-finder,
.tool-page:not(.advisor-page) .program-detail,
.tool-page:not(.advisor-page) .program-session,
.tool-page:not(.advisor-page) .page-summary div:has(.tip),
.tool-page:not(.advisor-page) .reward-route-grid article:has(.tip),
.tool-page:not(.advisor-page) .reward-worth-read article:has(.tip),
.tool-page:not(.advisor-page) .squad-panel:has(.tip),
.tool-page:not(.advisor-page) .squad-section:has(.tip){
  overflow: visible;
}
.tool-page:not(.advisor-page) .page-toolbar label,
.tool-page:not(.advisor-page) .field-label,
.tool-page:not(.advisor-page) .tip{
  position: relative;
  z-index: 6;
}
.tool-page:not(.advisor-page) .page-summary div:nth-child(2),
.tool-page:not(.advisor-page) .featured-card:nth-child(2n),
.tool-page:not(.advisor-page) .program-guide article:nth-child(2),
.tool-page:not(.advisor-page) .pack-type-card:nth-child(2n),
.tool-page:not(.advisor-page) .squad-actions button:nth-child(2n),
.tool-page:not(.advisor-page) .account-panel:nth-child(2n),
.tool-page:not(.advisor-page) .help-card:nth-child(2n){
  border-color: rgba(20, 235, 176, 0.18);
  background:
    radial-gradient(circle at 14% -10%, rgba(20, 235, 176, 0.11), transparent 30%),
    radial-gradient(circle at 94% 0%, rgba(0, 229, 255, 0.07), transparent 26%),
    linear-gradient(145deg, rgba(1, 7, 13, 0.98), rgba(5, 12, 21, 0.96) 55%, rgba(2, 7, 13, 0.99));
}
.tool-page:not(.advisor-page) .page-summary div:nth-child(3),
.tool-page:not(.advisor-page) .featured-card:nth-child(3n),
.tool-page:not(.advisor-page) .program-guide article:nth-child(3),
.tool-page:not(.advisor-page) .pack-type-card:nth-child(3n),
.tool-page:not(.advisor-page) .squad-actions button:nth-child(3n),
.tool-page:not(.advisor-page) .account-panel:nth-child(3n),
.tool-page:not(.advisor-page) .help-card:nth-child(3n){
  border-color: rgba(255, 190, 58, 0.18);
  background:
    radial-gradient(circle at 14% -10%, rgba(255, 190, 58, 0.1), transparent 30%),
    radial-gradient(circle at 94% 0%, rgba(255, 45, 75, 0.07), transparent 26%),
    linear-gradient(145deg, rgba(1, 7, 13, 0.98), rgba(5, 12, 21, 0.96) 55%, rgba(2, 7, 13, 0.99));
}
.tool-page:not(.advisor-page) .page-summary strong,
.tool-page:not(.advisor-page) .featured-card strong,
.tool-page:not(.advisor-page) .pack-type-card strong,
.tool-page:not(.advisor-page) .program-score-grid strong,
.tool-page:not(.advisor-page) .squad-actions strong,
.tool-page:not(.advisor-page) .slot-best-upgrade strong,
.tool-page:not(.advisor-page) .account-metrics strong,
.tool-page:not(.advisor-page) .plan-card.featured strong{
  color: var(--neon-teal-ink);
  text-shadow: 0 0 18px rgba(20, 235, 176, 0.14);
}
.tool-page .tool-hero:has(.hero-stage){
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.72fr);
  align-items: center;
  gap: clamp(22px, 4vw, 56px);
  min-height: clamp(330px, 38vw, 520px);
  padding: clamp(30px, 4.8vw, 62px) clamp(22px, 5vw, 58px);
  isolation: isolate;
}
.tool-page .tool-hero:has(.hero-stage)::after{
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(0, 229, 255, 0.045) 1px, transparent 1px),
    linear-gradient(180deg, rgba(0, 229, 255, 0.035) 1px, transparent 1px);
  background-size: 96px 96px;
  mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.12));
  pointer-events: none;
  z-index: 0;
}
.tool-page .hero-copy,
.tool-page .hero-stage{
  position: relative;
  z-index: 1;
}
.tool-page:not(.advisor-page) .hero-copy{
  max-width: 760px;
}
.tool-page .tool-hero:has(.hero-stage) h1{
  max-width: 820px;
  margin-top: var(--space-4);
  font-size: clamp(3rem, min(3.85vw, 48.97px), 4.95rem);
  line-height: 0.98;
}
.tool-page .tool-hero:has(.hero-stage) p:not(.eyebrow){
  max-width: 720px;
  font-size: clamp(1rem, min(1.08vw, 13.74px), 1.22rem);
  line-height: 1.45;
}
.tool-page .hero-stage{
  display: grid;
  min-height: 250px;
  align-content: center;
}
.tool-page .tool-hero:has(.hero-fan){
  overflow: visible;
}
.hero-stars{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
  border-radius: inherit;
}
.tool-page .hero-stage.hero-fan{
  display: block;
  position: relative;
  min-height: clamp(340px, 32vw, 470px);
  overflow: visible;
}
.tool-page .tool-hero .hero-stage.hero-fan .prototype-card{
  position: absolute;
  width: clamp(188px, 16.5vw, 232px);
  min-height: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  display: block;
  cursor: pointer;
  overflow: visible;
  transition: filter 0.2s ease;
}
.tool-page .tool-hero .hero-stage.hero-fan .prototype-card-art{
  width: 100%;
  margin: 0;
  aspect-ratio: 5 / 7;
  border-radius: var(--radius-xl);
  border: 2px solid rgba(242, 245, 255, 0.36);
  box-shadow: 0 24px 50px rgba(0, 0, 0, 0.55);
  background: linear-gradient(165deg, #16303a, #0a141c);
}
.tool-page .tool-hero .hero-stage.hero-fan .prototype-tag{
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, calc(-100% + 6px));
  width: max-content;
  max-width: calc(100% - 6px);
  box-sizing: border-box;
  text-align: center;
  white-space: normal;
  overflow-wrap: break-word;
  line-height: 1.08;
  z-index: 5;
  padding: 4px 9px 5px;
  border: 1px solid rgba(127, 233, 255, 0.6);
  border-bottom: 0;
  border-radius: 7px 7px 2px 2px;
  background: linear-gradient(180deg, #103039, #08161e);
  color: var(--cyan-ink);
  font-size: var(--t-micro);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.55);
  box-shadow: 0 -4px 14px rgba(0, 0, 0, 0.45);
}
.tool-page .tool-hero .hero-stage.hero-fan .prototype-card-body{
  position: absolute;
  right: -7px;
  bottom: -7px;
  width: clamp(40px, 3.4vw, 46px);
  height: clamp(40px, 3.4vw, 46px);
  border-radius: 50%;
  display: grid;
  place-items: center;
  gap: 0;
  z-index: 6;
  background: radial-gradient(circle at 50% 40%, #0e2731, #071319);
  border: 2px solid rgba(127, 233, 255, 0.55);
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.5);
}
.tool-page .tool-hero .hero-stage.hero-fan .prototype-card-body strong{
  font-size: var(--t-body);
  line-height: 1;
  margin: 0;
  transform: translateY(-2px);
  color: var(--cyan-ink);
}
.tool-page .tool-hero .hero-stage.hero-fan .hero-art-card:not(.prototype-card){
  display: none;
}
@keyframes hero-fan-a{ 0%, 100% { transform: translateY(0) rotate(3deg); } 50% { transform: translateY(-11px) rotate(3deg); } }
@keyframes hero-fan-b{ 0%, 100% { transform: translateY(0) rotate(-7deg) scale(0.9); } 50% { transform: translateY(9px) rotate(-7deg) scale(0.9); } }
@keyframes hero-fan-c{ 0%, 100% { transform: translateY(0) rotate(10deg) scale(0.85); } 50% { transform: translateY(-8px) rotate(10deg) scale(0.85); } }
@media (max-width: 900px){.tool-page .hero-stage.hero-fan{
    min-height: 280px;
  }
.tool-page .tool-hero .hero-stage.hero-fan .prototype-card{ width: 138px; }
.tool-page .tool-hero .hero-stage.hero-fan .prototype-card-body strong{
    font-size: var(--t-micro);
  }

}
.hero-squad-card{
  border: 1px solid rgba(0, 229, 255, 0.22);
  border-radius: var(--radius-l);
  padding: var(--space-8);
  background:
    linear-gradient(135deg, rgba(0, 229, 255, 0.12), rgba(255, 45, 75, 0.055)),
    rgba(2, 8, 14, 0.82);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 22px 42px rgba(0, 0, 0, 0.32);
  min-height: 190px;
  align-content: end;
}
.hero-squad-card.is-fit{
  transform: translateY(-20px);
  border-color: rgba(20, 235, 176, 0.42);
}
.hero-squad-card.is-budget{
  transform: translateY(20px);
  border-color: rgba(255, 45, 75, 0.34);
}
@media (min-width: 901px){.squad-page .tool-hero.squad-hero:has(.prototype-card){
    grid-template-columns: minmax(0, 1fr) minmax(320px, 0.72fr);
  }

}
.tool-page .flip-hero:has(.hero-stage){
  grid-template-columns: minmax(0, 0.72fr) minmax(540px, 0.86fr);
  gap: clamp(18px, 2.4vw, 34px);
  min-height: clamp(300px, 29vw, 390px);
  padding: clamp(28px, 3.6vw, 44px) clamp(22px, 4vw, 46px);
}
.tool-page:not(.advisor-page) .flip-hero .hero-copy{
  max-width: 760px;
}
.tool-page .tool-hero:has(.prototype-card){
  grid-template-columns: minmax(0, 0.9fr) minmax(0, min(620px, 48vw));
  gap: clamp(24px, 3.2vw, 46px);
}
.tool-page .tool-hero:has(.prototype-card) .hero-stage{
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: end;
  gap: clamp(16px, 1.5vw, 22px);
  width: min(100%, 620px);
  justify-self: end;
}
.tool-page .pack-hero:has(.prototype-card) .hero-stage{
  grid-template-areas:
    "cost chase";
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: min(100%, 500px);
}
.spotlight-hero-copy,
.spotlight-card-flow{
  position: relative;
  z-index: 1;
}
.spotlight-hero-copy{
  min-width: 0;
  display: grid;
  justify-items: center;
  gap: 9px;
  padding-left: 2px;
  text-align: center;
}
.spotlight-hero-copy span{
  color: var(--neon-gold);
  font-size: var(--t-micro);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.spotlight-hero-copy strong{
  max-width: min(100%, 18ch);
  color: #ffffff;
  font-size: clamp(1.55rem, 2.65vw, 2.4rem);
  line-height: 1.02;
  overflow-wrap: anywhere;
}
.spotlight-card-flow{
  min-width: 0;
  min-height: clamp(205px, 20vw, 285px);
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: clamp(0px, 0.5vw, 10px);
  padding: 0 clamp(8px, 1.4vw, 18px);
}
.spotlight-card-peek{
  position: relative;
  flex: 0 1 clamp(98px, 10vw, 155px);
  display: grid;
  justify-items: center;
  align-items: end;
  transform: translateY(var(--spotlight-offset, 0)) rotate(var(--spotlight-tilt, 0deg));
  filter: drop-shadow(0 22px 34px rgba(0, 0, 0, 0.42));
}
.spotlight-card-peek:nth-child(1){ --spotlight-offset: -10px; --spotlight-tilt: -7deg; z-index: 4; }
.spotlight-card-peek:nth-child(2){ --spotlight-offset: 8px; --spotlight-tilt: -2deg; z-index: 3; margin-left: -18px; }
.spotlight-card-peek:nth-child(3){ --spotlight-offset: -2px; --spotlight-tilt: 5deg; z-index: 2; margin-left: -18px; }
.spotlight-card-peek:nth-child(4){ --spotlight-offset: 14px; --spotlight-tilt: 9deg; z-index: 1; margin-left: -20px; }
.spotlight-card-peek img{
  display: block;
  width: 100%;
  max-height: clamp(190px, 22vw, 285px);
  object-fit: contain;
}
.spotlight-card-peek b{
  width: clamp(64px, 7vw, 98px);
  aspect-ratio: 0.72;
  border: 1px solid rgba(0, 229, 255, 0.28);
  display: grid;
  place-items: center;
  background: rgba(3, 11, 18, 0.74);
  color: var(--neon-cyan);
  font-size: 1.5rem;
  font-weight: 700;
}
.spotlight-card-peek i{
  margin-top: -22px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: var(--radius-pill);
  padding: 4px 8px;
  background: rgba(2, 8, 14, 0.82);
  color: #f8fbff;
  font-size: var(--t-micro);
  font-style: normal;
  font-weight: 700;
}
.tool-page .flip-hero:has(.prototype-card) .hero-stage{
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  width: min(100%, 720px);
  overflow: hidden;
}
.tool-page .hero-stage .prototype-card{
  min-width: 0;
  min-height: 0;
  border-radius: 10px;
  padding: 12px 14px 14px;
  display: grid;
  grid-template-rows: auto auto auto auto;
  gap: var(--space-4);
  align-items: stretch;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(3, 18, 31, 0.92), rgba(4, 11, 19, 0.96)),
    radial-gradient(circle at 50% 8%, rgba(0, 229, 255, 0.16), transparent 34%);
  box-shadow:
    0 24px 70px rgba(0, 0, 0, 0.42),
    0 0 36px rgba(0, 229, 255, 0.12);
  cursor: pointer;
}
.tool-page .hero-stage .prototype-card .prototype-tag{
  position: static;
  justify-self: center;
  box-sizing: border-box;
  width: 100%;
  min-height: 0;
  padding: 8px 10px;
  border: 1px solid rgba(0, 229, 255, 0.58);
  border-radius: var(--radius-pill);
  background: rgba(0, 229, 255, 0.1);
  color: #1fe7ff;
  font-size: clamp(0.6875rem, 0.72vw, 0.76rem);
  font-weight: 700;
  letter-spacing: 0;
  text-align: center;
  text-transform: uppercase;
  text-shadow: none;
  box-shadow: inset 0 0 18px rgba(0, 229, 255, 0.1), 0 0 24px rgba(0, 229, 255, 0.16);
  white-space: nowrap;
}
.tool-page .hero-stage .prototype-card.alt{
  border-color: rgba(20, 235, 176, 0.24);
  background:
    linear-gradient(180deg, rgba(3, 18, 31, 0.92), rgba(4, 11, 19, 0.96)),
    radial-gradient(circle at 50% 8%, rgba(20, 235, 176, 0.14), transparent 34%);
  transform: translateY(20px);
}
.tool-page .hero-stage .prototype-card.alt .prototype-tag{
  border-color: rgba(20, 235, 176, 0.52);
  background: rgba(20, 235, 176, 0.08);
  color: #41f0c1;
  box-shadow: inset 0 0 18px rgba(20, 235, 176, 0.1), 0 0 24px rgba(20, 235, 176, 0.14);
}
.tool-page .hero-stage .prototype-card.budget{
  border-color: rgba(255, 45, 75, 0.24);
  background:
    linear-gradient(180deg, rgba(3, 18, 31, 0.92), rgba(4, 11, 19, 0.96)),
    radial-gradient(circle at 50% 8%, rgba(255, 45, 75, 0.15), transparent 34%);
}
.tool-page .hero-stage .prototype-card.budget .prototype-tag{
  border-color: rgba(255, 45, 75, 0.52);
  background: rgba(255, 45, 75, 0.08);
  color: #ff5c70;
  box-shadow: inset 0 0 18px rgba(255, 45, 75, 0.1), 0 0 24px rgba(255, 45, 75, 0.14);
}
.tool-page .hero-stage .prototype-card .prototype-card-art{
  margin-top: 0;
  width: min(100%, 188px);
  justify-self: center;
  aspect-ratio: 5 / 7;
  border-radius: var(--radius-m);
  background:
    radial-gradient(circle at 50% 22%, rgba(0, 229, 255, 0.28), transparent 34%),
    rgba(2, 8, 14, 0.64);
}
.tool-page .hero-stage .prototype-card .prototype-card-body small{
  margin-top: var(--space-2);
  color: #95a7b6;
  font-size: var(--t-body);
}
.tool-page .hero-stage .prototype-card .prototype-detail{
  display: block;
  margin-top: 2px;
  padding: 10px 14px;
  width: min(100%, 176px);
}
.tool-page.account-page:not(.advisor-page) .account-hero{
  overflow: visible;
}
.tool-page.account-page:not(.advisor-page) .account-state-map::before{
  content: "";
  position: absolute;
  inset: 20px 24px;
  border-radius: 50%;
  background:
    radial-gradient(circle at 38% 38%, rgba(0, 229, 255, 0.18), transparent 30%),
    radial-gradient(circle at 62% 58%, rgba(20, 235, 176, 0.14), transparent 28%),
    radial-gradient(circle at 82% 30%, rgba(255, 45, 75, 0.13), transparent 24%);
  filter: blur(4px);
  opacity: 0.78;
}
.tool-page.account-page:not(.advisor-page) .account-state-line{
  position: absolute;
  left: 21%;
  right: 18%;
  top: 48%;
  height: 1px;
  border-radius: var(--radius-pill);
  background: linear-gradient(90deg, rgba(0, 229, 255, 0), rgba(0, 229, 255, 0.46), rgba(20, 235, 176, 0.34), rgba(255, 45, 75, 0));
  transform: rotate(-6deg);
  opacity: 0.72;
}
.tool-page.account-page:not(.advisor-page) .account-state-line-muted{
  left: 28%;
  right: 22%;
  top: 58%;
  background: linear-gradient(90deg, rgba(0, 229, 255, 0), rgba(148, 163, 184, 0.26), rgba(255, 45, 75, 0));
  transform: rotate(10deg);
  opacity: 0.46;
}
.tool-page.account-page:not(.advisor-page) .account-state-node{
  position: absolute;
  z-index: 1;
  display: grid;
  gap: 5px;
  min-width: clamp(124px, 13vw, 176px);
  padding: 12px 14px;
  border: 1px solid rgba(0, 229, 255, 0.32);
  border-radius: var(--radius-pill);
  background: rgba(2, 10, 18, 0.68);
  box-shadow: 0 18px 52px rgba(0, 0, 0, 0.32), 0 0 28px rgba(0, 229, 255, 0.12);
  text-align: center;
  backdrop-filter: blur(14px);
}
.tool-page.account-page:not(.advisor-page) .account-state-node span{
  color: #6eeaff;
  font-size: clamp(0.6875rem, 0.66vw, 0.74rem);
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
}
.tool-page.account-page:not(.advisor-page) .account-state-node strong{
  color: #26ffd4;
  font-size: clamp(1.22rem, 1.7vw, 1.72rem);
  line-height: 0.98;
  text-transform: uppercase;
}
.tool-page.account-page:not(.advisor-page) .account-state-node small{
  color: #a9bed2;
  font-size: clamp(0.72rem, 0.82vw, 0.92rem);
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
}
.tool-page.account-page:not(.advisor-page) .account-state-node-live{
  left: 2%;
  top: 20%;
}
.tool-page.account-page:not(.advisor-page) .account-state-node-next{
  left: 36%;
  top: 44%;
  border-color: rgba(20, 235, 176, 0.34);
  box-shadow: 0 18px 52px rgba(0, 0, 0, 0.3), 0 0 28px rgba(20, 235, 176, 0.11);
}
.tool-page.account-page:not(.advisor-page) .account-state-node-off{
  right: 0;
  top: 10%;
  border-color: rgba(255, 45, 75, 0.34);
  box-shadow: 0 18px 52px rgba(0, 0, 0, 0.3), 0 0 28px rgba(255, 45, 75, 0.1);
}
.tool-page.account-page:not(.advisor-page) .account-state-node-off span{
  color: #ff6680;
}
@media (max-width: 900px){.ask-pulseai-preview{
    grid-template-columns: 1fr;
  }
.ask-pulseai-card{
    min-height: 220px;
  }
.site-header{
    grid-template-columns: 1fr auto;
    position: relative;
    z-index: 50;
    min-height: 92px;
    gap: var(--space-5);
  }
.brand-logo{
    width: clamp(230px, 64vw, 340px);
    height: 78px;
  }
.nav-toggle{
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
.site-header.nav-open .nav-toggle{
    border-color: rgba(255, 101, 124, 0.46);
    box-shadow: 0 0 26px rgba(255, 101, 124, 0.18);
  }
.site-header.nav-open .nav-toggle span:nth-child(1){
    transform: translateY(7px) rotate(45deg);
  }
.site-header.nav-open .nav-toggle span:nth-child(2){
    opacity: 0;
  }
.site-header.nav-open .nav-toggle span:nth-child(3){
    transform: translateY(-7px) rotate(-45deg);
  }
.site-nav{
    position: static;
    transform: none;
    display: none;
    width: 100%;
    max-width: 100%;
    grid-column: 1 / -1;
    justify-self: stretch;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: var(--space-3);
    max-height: min(76vh, 620px);
    overflow-x: hidden;
    overflow-y: auto;
    padding: var(--space-5);
    border-radius: var(--radius-xl);
    background:
      linear-gradient(135deg, rgba(95, 199, 223, 0.12), rgba(8, 14, 22, 0.98) 42%, rgba(255, 101, 124, 0.08)),
      rgba(8, 14, 22, 0.98);
  }
.site-header.nav-open .site-nav{
    display: flex;
  }
.site-nav::after{
    left: 14px;
    right: 14px;
  }
.nav-group{
    display: grid;
  }
.nav-group::after{
    display: none;
  }
.nav-menu{
    position: static;
    width: calc(100% - 13px);
    max-width: calc(100% - 13px);
    border: 0;
    border-left: 2px solid rgba(95, 199, 223, 0.48);
    border-radius: 0;
    grid-template-columns: 1fr;
    gap: 5px;
    margin: 4px 0 8px 13px;
    padding: 3px 0 3px 12px;
    overflow-x: hidden;
    background: transparent;
    box-shadow: none;
  }
.nav-group:nth-of-type(3) .nav-menu{
    border-left-color: rgba(241, 184, 75, 0.62);
  }
.site-nav > a,
  .site-nav button{
    width: 100%;
    justify-content: space-between;
    border-radius: var(--radius-l);
    white-space: nowrap;
  }
.nav-menu a{
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding: 11px 12px;
    overflow: hidden;
    background: rgba(8, 14, 22, 0.34);
  }
.nav-menu a:hover,
  .nav-menu a:focus-visible,
  .nav-menu a[aria-current="page"]{
    transform: none;
  }
.nav-link-title{
    font-size: 0.98rem;
  }
.nav-link-desc{
    font-size: var(--t-body);
  }
.nav-link-title,
  .nav-link-desc{
    max-width: 100%;
    white-space: normal;
    overflow-wrap: anywhere;
  }
@media (max-width: 420px){.nav-menu{
      margin-left: 9px;
      width: calc(100% - 9px);
      max-width: calc(100% - 9px);
      padding-left: var(--space-4);
    }

}
.nav-cta{
    display: none;
  }
.ask-pulseai-trigger{
    display: none;
  }
.release-trigger{
    display: none;
  }
.site-nav .release-nav-trigger{
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    justify-content: center;
    gap: 3px;
    border-radius: var(--radius-l);
    white-space: normal;
    line-height: 1.18;
  }
.site-nav .release-nav-trigger .nav-link-title,
  .site-nav .release-nav-trigger .nav-link-desc{
    display: block;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
  }
.account-status-pill{
    display: none;
  }
.site-header > .account-avatar-trigger{
    display: inline-grid;
    width: 52px;
    min-width: 52px;
    max-width: 52px;
  }
.pulse-feed-strip{
    border-radius: var(--radius-pill);
    margin: 6px 0 10px;
    padding: var(--space-1);
    overflow: hidden;
  }
.pulse-feed-viewport{
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
  }
.pulse-feed-track{
    display: flex;
    width: max-content;
    min-width: 100%;
    overflow: visible;
    animation: none;
  }
.pulse-feed-line[aria-hidden="true"]{
    display: none;
  }
.pulse-feed-line{
    flex-wrap: nowrap;
    width: max-content;
    min-width: 100%;
    padding-right: 0;
    white-space: nowrap;
  }
.pulse-feed-title{
    padding-left: var(--space-8);
    padding-right: 11px;
    font-size: var(--t-micro);
  }
.pulse-feed-chip{
    flex: 0 0 auto;
    max-width: none;
    min-height: 28px;
    padding: 5px 9px;
    gap: var(--space-2);
  }
.pulse-feed-chip.account{
    margin-left: 0;
  }
.pulse-feed-chip b{
    font-size: var(--t-micro);
  }
.pulse-feed-chip strong{
    font-size: var(--t-small);
    min-width: 0;
    overflow-wrap: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
.pulse-feed-updated{
    flex: 0 0 auto;
    font-size: var(--t-micro);
  }
.pulse-feed-strip.is-sticky-compact{
    top: max(6px, env(safe-area-inset-top));
    margin-bottom: var(--space-3);
  }
.pulse-feed-strip.is-sticky-compact .pulse-feed-compact{
    justify-content: flex-start;
    min-width: 0;
    overflow-x: auto;
    scrollbar-width: none;
  }
.pulse-feed-compact span,
  .pulse-feed-compact em{
    flex: 0 0 auto;
  }
.section-rail{
    top: 8px;
    justify-content: flex-start;
    width: 100%;
    overflow-x: auto;
  }
.controls{
    max-height: none;
    overflow: visible;
    position: static;
  }
.setup-main,
  .advanced-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
.setup-search,
  .recommend-button,
  .advanced-grid .checks,
  .data-health,
  .search-assist{
    grid-column: 1 / -1;
  }
.program-detail,
  .squad-detail{
    position: static;
  }
.program-session-actions{
    justify-content: flex-start;
  }
.selected-card{
    grid-template-columns: 82px 1fr;
  }
.prototype-advisor{
    grid-template-columns: 1fr;
    min-height: 0;
    gap: 34px;
    overflow: hidden;
  }
.prototype-advisor h2{
    font-size: clamp(2.55rem, 9vw, 4.3rem);
  }
.prototype-benefits{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
.prototype-benefits article{
    grid-template-columns: 30px minmax(0, 1fr);
    gap: 9px;
    padding-right: var(--space-4);
  }
.prototype-benefits article:last-child{
    padding-right: 0;
  }
.prototype-benefits strong{
    font-size: var(--t-body);
  }
.prototype-benefits small{
    font-size: var(--t-small);
  }
.prototype-card-row{
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--space-6);
    padding-top: 42px;
  }
.prototype-stat-strip{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
.prototype-stat-strip article:nth-child(2){
    border-right: 0;
  }
.prototype-stat-strip article:nth-child(n+3){
    border-top: 1px solid rgba(147, 164, 179, 0.14);
  }
.card-art{
    width: 82px;
  }
.market-numbers{
    grid-column: 1 / -1;
    min-width: 0;
  }
.tool-page .tool-hero:has(.hero-stage),
  .tool-page .hero-copy{
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
  }
.hero h1,
  .tool-page .tool-hero h1{
    max-width: 100%;
    font-size: clamp(2rem, 10.5vw, 2.75rem);
    line-height: 1.02;
    overflow-wrap: anywhere;
  }
.tool-page .tool-hero p:not(.eyebrow){
    max-width: 100%;
    overflow-wrap: anywhere;
  }
.tool-trust-strip{
    align-items: stretch;
  }
.tool-trust-strip .trust-copy,
  .tool-trust-strip .trust-pills{
    width: 100%;
    margin-left: 0;
  }
.database-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
.decision-breakdown{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
.match-pager label,
  .pager-buttons{
    justify-content: space-between;
  }
.watch-copy{
    min-width: 0;
  }

}
@media (max-width: 900px){.tool-page .tool-hero:has(.hero-stage),
  .tool-page .tool-hero:has(.prototype-card){
    grid-template-columns: minmax(0, 1fr);
  }

}
@media (max-height: 500px){.tool-page .tool-hero:has(.hero-stage),
  .tool-page .tool-hero:has(.prototype-card){
    grid-template-columns: minmax(0, 1fr);
  }

}
@media (max-width: 640px){body{
    background:
      radial-gradient(circle at 28% 0%, rgba(95, 199, 223, 0.14), transparent 32%),
      linear-gradient(145deg, var(--field) 0%, #111b25 58%, #0a1419 100%);
  }
.shell{
    width: calc(100vw - 32px);
    max-width: calc(100vw - 32px);
    padding: 12px 0 28px;
  }
.hero{
    min-height: auto;
    gap: var(--space-7);
    padding: 22px 0 16px;
  }
.site-header{
    gap: var(--space-4);
    min-height: 94px;
    padding: 8px 0 10px;
  }
.nav-cta{
    grid-column: 1 / -1;
    width: 100%;
    margin-right: 0;
    min-height: 44px;
    padding: 10px 14px;
  }
.brand-logo{
    width: min(300px, 74vw);
    height: 68px;
  }
.tip::after{
    left: auto;
    right: -8px;
    transform: translateY(4px);
  }
.tip-popover{
    left: auto;
    right: -8px;
    transform: translateY(4px);
  }
.tip:hover::after,
  .tip:focus::after,
  .tip:focus-visible::after{
    transform: translateY(0);
  }
.tip-wrap:hover .tip-popover,
  .tip-wrap:focus-within .tip-popover,
  .tip-wrap.is-open .tip-popover,
  .tip:focus + .tip-popover,
  .tip:focus-visible + .tip-popover,
  .tip-details[open] .tip-popover{
    transform: translateY(0);
  }
.daily-pulse .tip-wrap.is-open .tip-popover{
    transform: translateY(0);
  }
.tip::before{
    left: auto;
    right: -1px;
    transform: none;
  }
.tip-wrap::before{
    left: auto;
    right: -1px;
    transform: none;
  }
h1{
    max-width: 100%;
    font-size: clamp(1.75rem, 8vw, 2.45rem);
    line-height: 1.08;
    margin-bottom: var(--space-4);
    overflow-wrap: anywhere;
  }
.tool-page{
    overflow-x: hidden;
  }
.tool-page .tool-hero:has(.hero-stage){
    grid-template-columns: 1fr;
    min-height: 0;
    padding: 24px 20px;
  }
.tool-page .tool-hero:has(.hero-stage) h1{
    max-width: 100%;
    font-size: clamp(2rem, 7.8vw, 3rem);
    overflow-wrap: anywhere;
  }
.tool-page .tool-hero:has(.hero-stage) p:not(.eyebrow){
    max-width: 100%;
    overflow-wrap: anywhere;
  }
.dashboard-hero .home-hero-line{
    display: block;
  }
.dashboard-hero p:not(.eyebrow){
    font-size: 16px;
  }
.tool-page .hero-stage{
    min-height: 0;
  }
.dashboard-page .hero-actions{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 9px;
  }
.dashboard-page .hero-actions .secondary-action{
    padding: 11px 10px;
    text-align: center;
  }
.section-rail{
    top: 6px;
    margin-top: -2px;
    border-radius: var(--radius-l);
  }
.lede{
    max-width: min(100%, 32ch);
    font-size: 0.96rem;
    line-height: 1.45;
    overflow-wrap: normal;
  }
.market-inline{
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    min-width: 0;
    max-width: 100%;
  }
.controls,
  .results,
  .matches,
  .newest-panel,
  .tools-hub,
  .help-center{
    border-radius: 7px;
    box-shadow: 0 14px 38px rgba(0, 0, 0, 0.34);
  }
.controls,
  .results,
  .matches,
  .newest-panel,
  .tools-hub,
  .help-center{
    padding: var(--space-6);
  }
.workspace{
    gap: var(--space-5);
    min-width: 0;
  }
.controls{
    gap: 13px;
  }
.setup-main,
  .advanced-grid{
    grid-template-columns: 1fr;
  }
.advanced-grid .checks{
    grid-column: auto;
  }
input,
  select{
    min-height: 44px;
    padding: 10px 11px;
    font-size: 1rem;
  }
.search-row{
    grid-template-columns: 1fr 42px;
  }
.search-row button{
    min-height: 44px;
  }
.checks{
    grid-template-columns: 1fr;
  }
.results{
    min-height: 0;
  }
.selected-card{
    grid-template-columns: 1fr;
    gap: var(--space-5);
    min-height: 0;
    padding-bottom: var(--space-6);
    min-width: 0;
    overflow: hidden;
  }
.prototype-advisor{
    padding: 22px;
    border-radius: 10px;
    min-width: 0;
  }
.prototype-kicker{
    font-size: var(--t-small);
  }
.prototype-advisor h2{
    font-size: clamp(2.15rem, 12vw, 3.3rem);
  }
.prototype-copy > p:not(.prototype-kicker){
    font-size: 1rem;
  }
.prototype-benefits{
    grid-template-columns: 1fr;
    max-width: none;
  }
.prototype-benefits article,
  .prototype-benefits article:last-child{
    border-right: 0;
    border-bottom: 1px solid rgba(147, 164, 179, 0.2);
    padding: 0 0 12px;
  }
.prototype-benefits article:last-child{
    border-bottom: 0;
    padding-bottom: 0;
  }
.prototype-benefits strong{
    font-size: var(--t-base);
  }
.prototype-benefits small{
    font-size: var(--t-small);
  }
.prototype-stat-strip{
    grid-template-columns: 1fr;
    margin: 8px -22px -22px;
    padding: 18px 22px;
  }
.prototype-stat-strip article,
  .prototype-stat-strip article:first-child,
  .prototype-stat-strip article:last-child{
    border-right: 0;
    border-top: 1px solid rgba(147, 164, 179, 0.14);
    padding: 14px 0;
  }
.prototype-stat-strip article:first-child{
    border-top: 0;
  }
.card-showcase{
    justify-items: stretch;
  }
.card-art{
    width: min(190px, 68vw);
    justify-self: center;
    border-radius: 7px;
  }
.card-action-grid{
    grid-template-columns: 1fr 1fr;
  }
.card-facts{
    grid-template-columns: 1fr 1fr;
  }
.card-intel{
    grid-template-columns: 1fr;
  }
.card-hero-panel{
    grid-template-columns: 1fr;
    padding: var(--space-6);
  }
.card-hero-panel h2{
    font-size: clamp(1.65rem, 9vw, 2rem);
  }
.ovr-badge{
    width: 70px;
    height: 70px;
  }
.chips{
    gap: var(--space-2);
  }
.chips span,
  .tag{
    padding: 5px 8px;
    font-size: var(--t-small);
  }
.final-card,
  .predictor-card{
    grid-template-columns: 1fr;
    gap: var(--space-4);
    padding: var(--space-6);
  }
.final-card-head,
  .decision-action-strip,
  .decision-brief,
  .decision-breakdown,
  .confidence-panel,
  .performance-panel{
    display: grid;
    grid-template-columns: 1fr;
  }
.confidence-panel meter{
    grid-column: 1;
  }
.final-card-head > span,
  .predictor-card > span{
    justify-self: start;
  }
.final-card h3,
  .predictor-card h3{
    font-size: 1.18rem;
  }
.callout{
    padding: var(--space-6);
  }
.option{
    padding: var(--space-5);
  }
.option header{
    align-items: center;
  }
.section-head,
  .match-actions{
    align-items: start;
    flex-direction: column;
  }
.thumb{
    width: 42px;
  }
.price{
    grid-column: 2;
    font-size: var(--t-body);
  }
.tool-card,
  .help-card{
    min-height: auto;
  }
.tool-detail{
    grid-template-columns: 1fr;
    padding: var(--space-6);
  }
.inventory-freshness{
    grid-template-columns: 1fr;
    gap: var(--space-4);
  }
.market-lab{
    grid-template-columns: 1fr;
  }
.lab-panel .section-head > p{
    max-width: none;
    text-align: left;
  }
.index-row{
    grid-template-columns: 1fr;
  }
.signal-row{
    grid-template-columns: 44px minmax(0, 1fr);
  }
.signal-price{
    grid-column: 2;
    justify-items: start;
  }
.signal-list{
    max-height: 540px;
  }
.lab-pager{
    grid-template-columns: 1fr;
    align-items: stretch;
  }
.lab-pager label,
  .lab-pager .pager-buttons{
    justify-content: space-between;
  }
.site-nav{
    justify-content: flex-start;
    gap: var(--space-2);
  }
.site-nav a,
  .site-nav button{
    min-height: 38px;
    padding: 8px 13px;
    white-space: nowrap;
  }
.tool-hero{
    padding: 32px 0 18px;
  }
.tool-page .tool-hero:has(.hero-stage){
    padding: 22px 16px;
    gap: var(--space-8);
  }
.tool-page .tool-hero:has(.hero-stage) h1{
    max-width: min(100%, 310px);
    font-size: clamp(1.8rem, 8.4vw, 2.28rem);
    line-height: 1.08;
    overflow-wrap: anywhere;
  }
.tool-page .tool-hero:has(.hero-stage) p:not(.eyebrow){
    max-width: min(100%, 310px);
    font-size: var(--t-base);
    line-height: 1.45;
    overflow-wrap: anywhere;
  }
.tool-page:not(.advisor-page) .hero-copy > p:not(.eyebrow){
    max-width: min(100%, 310px);
  }
.tool-page:not(.advisor-page) .hero-copy{
    max-width: min(100%, 310px);
  }
.spotlight-hero-copy strong{
    max-width: min(100%, 320px);
    font-size: clamp(1.34rem, 6.4vw, 1.74rem);
  }
.spotlight-card-flow{
    min-height: 154px;
    justify-content: center;
    padding: 0 0 4px;
  }
.spotlight-card-peek{
    flex-basis: clamp(78px, 25vw, 100px);
  }
.spotlight-card-peek:nth-child(2),
  .spotlight-card-peek:nth-child(3),
  .spotlight-card-peek:nth-child(4){
    margin-left: -18px;
  }
.spotlight-card-peek img{
    max-height: 164px;
  }
.dashboard-hero{
    min-height: 0;
    grid-template-columns: 1fr;
    gap: var(--space-6);
    padding: 22px 0 16px;
  }
.app-launcher,
  .dashboard-grid,
  .daily-pulse,
  .position-board,
  .database-grid{
    grid-template-columns: 1fr;
  }
.daily-pulse-actions{
    gap: 8px 18px;
    padding-top: var(--space-4);
  }
.pulse-action span{
    font-size: var(--t-micro);
  }
.pulse-action strong{
    font-size: var(--t-body);
  }
.drop-sb-strip{
    flex-wrap: wrap;
  }
.drop-sb-cell{
    flex: 1 1 45%;
    border-bottom: 1px solid rgba(242, 245, 255, 0.1);
  }
.content-drop-watch{
    gap: var(--space-3);
    padding: var(--space-5);
  }
.drop-command-copy{
    font-size: var(--t-body);
    line-height: 1.32;
  }
.footer-grid{
    grid-template-columns: 1fr;
    gap: 22px;
  }
.site-footer{
    padding: var(--space-9);
  }
.footer-bottom{
    display: grid;
  }
.launcher-card{
    min-height: 0;
    padding: var(--space-7);
  }
.tool-hero h1{
    max-width: 100%;
    font-size: clamp(1.65rem, 7vw, 2.2rem);
    line-height: 1.1;
    overflow-wrap: anywhere;
  }
.page-toolbar{
    grid-template-columns: 1fr;
  }
.page-summary{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
.featured-strip{
    grid-auto-flow: column;
    grid-auto-columns: minmax(185px, 74vw);
    grid-template-columns: none;
    overflow-x: auto;
    padding-bottom: var(--space-4);
  }
.page-result-link{
    grid-template-columns: 68px minmax(0, 1fr);
    gap: var(--space-5);
  }
.ranking-row .page-result-link{
    grid-template-columns: 76px minmax(0, 1fr);
    grid-template-areas:
      "media copy"
      "media score";
    column-gap: var(--space-6);
    row-gap: var(--space-4);
    align-items: start;
    min-width: 0;
  }
.ranking-row .ranking-number{
    grid-area: media;
    align-self: start;
    width: 58px;
    min-width: 0;
    min-height: 34px;
    margin: 0 auto 8px;
    padding: 7px 8px;
    font-size: var(--t-base);
  }
.ranking-row .signal-badges{
    gap: var(--space-2);
  }
.flip-row .page-result-link{
    grid-template-columns: 52px 68px minmax(0, 1fr);
  }
.flip-metrics{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
.page-result-metric{
    grid-column: 2;
    justify-items: start;
  }
.ranking-row .page-result-metric{
    grid-area: score;
    grid-column: auto;
    justify-self: start;
    justify-items: start;
    min-width: 0;
    width: 100%;
    border-top: 1px solid rgba(147, 164, 179, 0.12);
    padding-top: var(--space-3);
  }
.flip-row .page-result-metric{
    grid-column: 3;
  }

}
@media (max-width: 640px){.tool-page{
    width: min(100%, calc(100% - 20px));
    overflow-x: hidden;
  }
.pulse-feed-strip{
    overflow: hidden;
  }
.pulse-feed-viewport{
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
  }
.pulse-feed-track{
    display: flex;
    align-items: center;
    gap: 0;
    width: max-content;
    min-width: 100%;
    animation: none;
  }
.pulse-feed-line[aria-hidden="true"]{
    display: none;
  }
.pulse-feed-title,
  .pulse-feed-chip,
  .pulse-feed-updated{
    width: auto;
    min-width: 0;
    box-sizing: border-box;
  }
.pulse-feed-title{
    border-right: 1px solid rgba(147, 164, 179, 0.2);
    border-bottom: 0;
    padding-bottom: 0;
  }
.pulse-feed-chip{
    max-width: none;
    justify-content: flex-start;
  }
.pulse-feed-chip strong{
    white-space: nowrap;
    overflow-wrap: normal;
    text-overflow: ellipsis;
  }
.tool-page .tool-hero:has(.prototype-card),
  .tool-page .tool-hero:has(.hero-stage){
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-7);
    padding: 20px 14px;
    overflow: hidden;
  }
.tool-page .tool-hero:has(.prototype-card) .hero-stage,
.tool-page .tool-hero:has(.hero-stage) .hero-stage{
    width: 100%;
    max-width: 100%;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-4);
    align-items: stretch;
  }
.tool-page .hero-stage .prototype-card{
    width: 100%;
    max-width: 100%;
    min-height: 0;
    transform: none;
    padding: var(--space-5);
  }
.tool-page .hero-stage .prototype-card{
    grid-template-columns: 64px minmax(0, 1fr);
    align-items: center;
    justify-items: start;
    gap: var(--space-4);
  }
.tool-page .hero-stage .prototype-card .prototype-tag,
  .tool-page .hero-stage .prototype-card .prototype-detail{
    grid-column: 2;
    justify-self: start;
    width: auto;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    text-align: left;
  }
.program-mode-switch{
    grid-template-columns: minmax(0, 1fr);
    border-radius: var(--radius-2xl);
  }
.program-mode-switch button{
    border-radius: var(--radius-xl);
  }
.featured-strip{
    grid-auto-flow: row;
    grid-auto-columns: unset;
    grid-template-columns: minmax(0, 1fr);
    overflow-x: visible;
    gap: var(--space-4);
    padding-bottom: 0;
  }
.featured-card{
    min-width: 0;
    width: 100%;
    grid-template-columns: 56px minmax(0, 1fr);
    align-items: center;
  }
.featured-card .featured-rank{
    grid-column: 1;
    grid-row: 1;
  }
.rankings-featured{
    grid-template-columns: 64px minmax(0, 1fr);
    gap: 7px 10px;
    padding-top: var(--space-4);
  }
.rankings-featured .featured-rank{
    grid-column: 1;
    grid-row: 1;
    font-size: 1.08rem;
  }
.program-feature-card{
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto;
    align-items: stretch;
    min-height: 0;
    gap: var(--space-3);
    padding: var(--space-5);
    text-align: left;
  }
.program-feature-card .featured-card-top,
  .program-feature-card .featured-pill,
  .program-feature-card strong,
  .program-feature-card small,
  .program-feature-card em,
  .program-feature-card .featured-why{
    grid-column: 1;
    min-width: 0;
  }
.program-feature-card .featured-card-top{
    grid-row: auto;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
    gap: 9px;
  }
.program-section-heading{
    display: grid;
    gap: var(--space-1);
    align-items: start;
  }
.program-section-heading strong{
    text-align: left;
  }
.program-feature-card .featured-rank{
    flex: 0 0 auto;
    grid-column: auto;
    grid-row: auto;
    min-width: 52px;
    transform: none;
  }
.program-feature-card .featured-pill{
    max-width: calc(100% - 58px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
  }
.program-feature-card strong,
  .program-feature-card small,
  .program-feature-card .featured-why{
    white-space: normal;
    text-align: left;
  }
.program-feature-card em{
    justify-content: center;
    white-space: normal;
  }
.featured-card .featured-pill,
  .featured-card strong,
  .featured-card small,
  .featured-card em,
  .featured-card .featured-why,
  .featured-card .performance-badge{
    grid-column: 2;
    min-width: 0;
    white-space: normal;
  }
.roster-command-center{
    padding: var(--space-5);
    gap: var(--space-4);
  }
.command-action-grid,
  .command-buckets{
    grid-template-columns: minmax(0, 1fr);
  }
.command-countdown,
  .command-action-grid article,
  .command-bucket{
    padding: var(--space-5);
  }
.command-card > a{
    grid-template-columns: 48px minmax(0, 1fr);
  }
.command-links{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
.command-links a{
    text-align: center;
  }
.page-result-link{
    align-items: start;
  }
.page-result-main em,
  .page-result-main span,
  .page-result-metric small{
    overflow-wrap: anywhere;
  }

}
@media (max-width: 640px){.tip{
    touch-action: manipulation;
  }
.tip::after,
  .tip-popover{
    position: fixed;
    left: 14px;
    right: 14px;
    bottom: max(14px, env(safe-area-inset-bottom));
    top: auto;
    width: auto;
    max-width: none;
    transform: translateY(6px);
    z-index: 1000;
    text-align: left;
  }
.tip::before,
  .tip-wrap::before{
    display: none;
  }
.tip:hover::after,
  .tip:focus::after,
  .tip:focus-visible::after,
  .tip-wrap:hover .tip-popover,
  .tip-wrap:focus-within .tip-popover,
  .tip-wrap.is-open .tip-popover,
  .tip:focus + .tip-popover,
  .tip:focus-visible + .tip-popover,
  .tip-details[open] .tip-popover,
  .daily-pulse .tip-wrap.is-open .tip-popover{
    transform: translateY(0);
  }

}
.tooltip-portal-ready .tip::before,
.tooltip-portal-ready .tip::after{
  display: none;
}
.tooltip-portal{
  position: fixed;
  z-index: 3000;
  max-width: calc(100vw - 24px);
  border: 1px solid rgba(126, 182, 255, 0.28);
  border-radius: var(--radius-l);
  background: var(--field);
  color: #d7e4ed;
  padding: 10px 11px;
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.52);
  font-size: var(--t-body);
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: 0;
  text-transform: none;
  pointer-events: none;
}
.tool-page.account-page:not(.advisor-page) .account-panel::before{
  left: 0;
  right: auto;
  top: 14px;
  bottom: 14px;
  width: 4px;
  height: auto;
  border-radius: 0 999px 999px 0;
  background: var(--cyan);
  box-shadow: 0 0 20px rgba(0, 229, 255, 0.28);
}
.tool-page.account-page:not(.advisor-page) .account-panel{
  overflow: visible;
}
.tool-page.account-page:not(.advisor-page) .account-panel-green::before{
  background: var(--green);
}
.tool-page.account-page:not(.advisor-page) .account-panel-gold::before{
  background: var(--gold);
}
.tool-page.account-page:not(.advisor-page) .account-panel-rose::before{
  background: var(--red);
}
@media (max-width: 640px){.tool-page.account-page:not(.advisor-page) .account-hero{
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
    max-width: calc(100vw - 44px);
    padding: 22px 14px;
    overflow: hidden;
  }
.tool-page.account-page:not(.advisor-page) .account-hero .hero-copy{
    min-width: 0;
  }
.tool-page.account-page:not(.advisor-page) .account-hero h1{
    width: min(100%, 310px);
    max-width: min(100%, 310px);
    font-size: clamp(1.72rem, 8.6vw, 2.08rem);
    line-height: 1.08;
    overflow-wrap: anywhere;
  }
.tool-page.account-page:not(.advisor-page) .account-hero h1 .hero-accent{
    display: block;
  }
.tool-page.account-page:not(.advisor-page) .account-hero p:not(.eyebrow){
    width: min(100%, 304px);
    max-width: min(100%, 304px);
    overflow-wrap: anywhere;
  }
.tool-page.account-page:not(.advisor-page) .account-roadmap article,
  .tool-page.account-page:not(.advisor-page) .account-panel{
    max-width: 100%;
    overflow: hidden;
  }
.tool-page.account-page:not(.advisor-page) .membership-tier-ladder{
    display: block;
    padding-inline: 14px;
  }
.tool-page.account-page:not(.advisor-page) .membership-ladder-head h2{
    font-size: clamp(1.75rem, 10vw, 2.55rem);
    line-height: 1.05;
  }
.tool-page.account-page:not(.advisor-page) .membership-ladder-head p:not(.eyebrow){
    font-size: var(--t-base);
    white-space: normal;
  }
.tool-page.account-page:not(.advisor-page) .membership-tier-grid{
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-5);
  }
.tool-page.account-page:not(.advisor-page) .membership-tier-card{
    width: 100%;
    min-height: 0;
    padding: var(--space-7);
    transform: none;
  }
.tool-page.account-page:not(.advisor-page) .profile-settings-disclosure summary{
    align-items: flex-start;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }
.tool-page.account-page:not(.advisor-page) .profile-settings-disclosure summary small{
    white-space: normal;
  }
.tool-page.account-page:not(.advisor-page) .profile-settings-grid{
    grid-template-columns: minmax(0, 1fr);
  }
.tool-page.account-page:not(.advisor-page) .tier-card-top h3{
    white-space: normal;
    font-size: clamp(1.45rem, 7.2vw, 1.86rem);
    line-height: 1.04;
  }
.tool-page.account-page:not(.advisor-page) .tier-red-diamond .tier-card-top h3{
    font-size: clamp(1.32rem, 6.4vw, 1.55rem);
  }
.tool-page.account-page:not(.advisor-page) .membership-inline-rail{
    margin: 14px 0;
  }
.tool-page.account-page:not(.advisor-page) .membership-inline-rail ol{
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-4);
  }
.tool-page.account-page:not(.advisor-page) .membership-inline-rail ol::before{
    top: 16px;
    bottom: 16px;
    left: 13px;
    right: auto;
    width: 1px;
    height: auto;
    background: linear-gradient(180deg, rgba(255, 207, 146, 0.36), rgba(126, 227, 243, 0.42), rgba(255, 156, 175, 0.42));
  }
.tool-page.account-page:not(.advisor-page) .membership-inline-rail li{
    grid-template-columns: 28px minmax(0, 1fr);
    column-gap: 9px;
    align-items: center;
  }
.tool-page.account-page:not(.advisor-page) .membership-inline-rail li > span{
    grid-row: 1 / span 2;
  }
.tool-page.account-page:not(.advisor-page) .membership-inline-rail small{
    font-size: var(--t-small);
  }
.tool-page.account-page:not(.advisor-page) .account-roadmap p,
  .tool-page.account-page:not(.advisor-page) .bridge-list span,
  .tool-page.account-page:not(.advisor-page) .rich-empty span{
    max-width: 304px;
  }
.tool-page.account-page:not(.advisor-page) .account-state-map{
    display: grid;
    gap: var(--space-4);
  }
.tool-page.account-page:not(.advisor-page) .account-state-map::before,
  .tool-page.account-page:not(.advisor-page) .account-state-line{
    display: none;
  }
.tool-page.account-page:not(.advisor-page) .account-state-node,
  .tool-page.account-page:not(.advisor-page) .account-state-node-live,
  .tool-page.account-page:not(.advisor-page) .account-state-node-next,
  .tool-page.account-page:not(.advisor-page) .account-state-node-off{
    position: static;
    min-width: 0;
    width: 100%;
    max-width: 100%;
    grid-template-columns: minmax(88px, 96px) minmax(0, 1fr);
    align-items: center;
    gap: 2px 10px;
    padding: 10px 12px;
    text-align: left;
  }
.tool-page.account-page:not(.advisor-page) .account-state-node span,
  .tool-page.account-page:not(.advisor-page) .account-state-node strong,
  .tool-page.account-page:not(.advisor-page) .account-state-node small{
    min-width: 0;
    line-height: 1.05;
    white-space: normal;
  }
.tool-page.account-page:not(.advisor-page) .account-state-node span{
    grid-row: 1 / span 2;
  }
.tool-page.account-page:not(.advisor-page) .account-state-node small{
    grid-column: 2;
    font-size: var(--t-small);
  }

}
.tooltip-portal[hidden]{
  display: none;
}
.advisor-page .option:has(h3:nth-child(n)){
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
}
.reward-selected-actions .status-action,
.reward-selected-actions .secondary-action{
  min-width: 0;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-pill);
  padding: 8px 10px;
  text-align: center;
  white-space: nowrap;
  font-size: var(--t-small);
  line-height: 1;
  width: 100%;
}
.reward-selected-actions .status-action{
  border-color: rgba(0, 229, 255, 0.34);
  background:
    linear-gradient(135deg, rgba(0, 229, 255, 0.16), rgba(20, 235, 176, 0.08)),
    rgba(2, 8, 14, 0.7);
  color: #8df8ff;
}
.roster-command-center{
  gap: var(--space-4);
  padding: var(--space-5);
  background:
    linear-gradient(135deg, rgba(20, 235, 176, 0.1), rgba(255, 45, 75, 0.055)),
    rgba(8, 14, 22, 0.82);
}
.command-countdown{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  padding: 10px 12px;
}
.command-countdown .eyebrow{
  flex: 0 0 auto;
  margin: 0;
}
.command-countdown strong{
  flex: 0 1 auto;
  color: var(--neon-gold);
  font-size: clamp(0.96rem, 1.45vw, 1.14rem);
  line-height: 1.05;
}
.command-countdown small{
  flex: 1 1 420px;
  font-size: var(--t-body);
}
@media (max-width: 760px){.reward-selected-actions .status-action,
  .reward-selected-actions .secondary-action{
    min-height: 44px;
    padding: 8px 11px;
    font-size: var(--t-small);
  }
.reward-actions .primary-action,
  .reward-actions .secondary-action,
  .reward-actions .status-action{
    min-height: 42px;
    white-space: normal;
    padding: 10px 12px;
  }
.command-countdown{
    align-items: flex-start;
    flex-direction: column;
  }

}
.tooltip-portal-ready .metric-tip::before,
.tooltip-portal-ready .metric-tip::after{
  content: none !important;
}
.pack-compare{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.pack-compare-head,
.pack-routine-summary{
  min-width: 0;
  border: 1px solid rgba(0, 229, 255, 0.16);
  border-radius: var(--radius-l);
  display: grid;
  gap: 5px;
  padding: var(--space-5);
  background:
    linear-gradient(135deg, rgba(0, 229, 255, 0.075), rgba(255, 45, 106, 0.045)),
    rgba(4, 12, 20, 0.72);
}
.pack-compare-head{
  grid-column: 1 / -1;
}
.pack-compare-head span,
.pack-routine-summary strong{
  color: var(--neon-cyan);
  font-size: var(--t-small);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.pack-compare-head strong{
  color: #ffffff;
  font-size: 1.08rem;
}
.pack-compare-head small,
.pack-routine-summary span{
  color: #b9cbd6;
  font-size: var(--t-body);
  font-weight: 700;
  line-height: 1.35;
}
.pack-type-card.is-default-read{
  opacity: 0.86;
}
.pack-type-card.is-watch-read strong{
  color: var(--neon-gold);
}
.pack-type-card.is-caution-read strong{
  color: var(--neon-pink);
}
.account-drawer-plan.is-red-diamond{
  border-color: rgba(255, 45, 106, 0.38);
  background:
    radial-gradient(circle at 92% 0%, rgba(255, 45, 106, 0.18), transparent 46%),
    linear-gradient(135deg, rgba(255, 45, 106, 0.16), rgba(0, 229, 255, 0.08)),
    rgba(13, 10, 22, 0.68);
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.035),
    0 0 26px rgba(255, 45, 106, 0.1);
}
.account-drawer-plan.is-red-diamond span,
.account-drawer-plan.is-red-diamond strong{
  color: #ff718e;
}
.account-drawer-plan.is-red-diamond small{
  color: #ffd7df;
}
.account-drawer-plan.is-red-diamond b{
  border-color: rgba(255, 45, 106, 0.42);
  background: rgba(255, 45, 106, 0.13);
  color: #ffd9df;
}
.version-history::after{
  content: "Older launch history is condensed here so the current production state stays easy to scan.";
  border: 1px dashed rgba(147, 164, 179, 0.18);
  border-radius: 10px;
  padding: 9px 11px;
  color: #aebfcb;
  font-size: var(--t-small);
  font-weight: 600;
  line-height: 1.35;
}
@media (max-width: 900px){.pack-compare{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

}
@media (max-width: 760px){.pack-compare{
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-3);
  }
.pack-decision-panel .program-guidance,
  .pack-decision-panel.is-default-read .program-guidance{
    grid-template-columns: minmax(0, 1fr);
  }
.version-history .version-release:nth-child(n+8){
    display: none;
  }
.version-release summary{
    align-items: flex-start;
    flex-direction: column;
    gap: var(--space-2);
    padding: var(--space-4);
  }
.version-release ul{
    padding: 0 12px 10px 24px;
  }

}
.featured-strip .featured-card{
  padding-bottom: clamp(42px, 5vw, 56px);
}
.rankings-featured{
  padding-bottom: clamp(44px, 5vw, 58px);
}
.page-tabs{
  gap: var(--space-4);
}
.page-tabs button{
  min-height: 42px;
  border-radius: var(--radius-2xl);
  padding: 10px 18px;
  border-color: rgba(103, 207, 232, 0.26);
  background:
    linear-gradient(135deg, rgba(11, 40, 56, 0.92), rgba(12, 13, 24, 0.88)),
    rgba(3, 10, 16, 0.88);
  font-size: clamp(0.78rem, 1.15vw, 0.98rem);
  letter-spacing: 0.035em;
}
.page-tabs button:hover,
.page-tabs button:focus-visible{
  border-color: rgba(0, 229, 255, 0.44);
  transform: translateY(-1px);
}
.page-tabs button.is-active{
  border-color: rgba(0, 229, 255, 0.64);
  background:
    linear-gradient(135deg, rgba(0, 229, 255, 0.2), rgba(255, 45, 106, 0.09)),
    rgba(3, 12, 20, 0.94);
  color: #f5fdff;
  box-shadow: 0 0 22px rgba(0, 229, 255, 0.14);
}
.page-tabs button[data-page-tab="risers"],
.page-tabs button[data-page-tab="upgrade"],
.trend-tabs .hot-tab{
  border-color: rgba(255, 45, 106, 0.34);
  background:
    linear-gradient(135deg, rgba(255, 45, 106, 0.2), rgba(255, 190, 58, 0.06)),
    rgba(5, 12, 19, 0.9);
}
.page-tabs button[data-page-tab="sleepers"],
.page-tabs button[data-page-tab="flips"],
.page-tabs button[data-page-tab="value"]{
  border-color: rgba(0, 229, 255, 0.34);
  background:
    linear-gradient(135deg, rgba(0, 229, 255, 0.16), rgba(20, 235, 176, 0.08)),
    rgba(5, 12, 19, 0.9);
}
.page-tabs button[data-page-tab="neutral"],
.trend-tabs .neutral-tab{
  border-color: rgba(157, 190, 208, 0.28);
  background:
    linear-gradient(135deg, rgba(157, 190, 208, 0.13), rgba(0, 229, 255, 0.06)),
    rgba(5, 12, 19, 0.9);
}
.page-tabs button[data-page-tab="fallers"],
.page-tabs button[data-page-tab="downgrade"],
.trend-tabs .cold-tab{
  border-color: rgba(89, 142, 255, 0.34);
  background:
    linear-gradient(135deg, rgba(89, 142, 255, 0.15), rgba(255, 45, 106, 0.08)),
    rgba(5, 12, 19, 0.9);
}
.page-tabs button[data-page-tab="safe"]{
  border-color: rgba(20, 235, 176, 0.32);
  background:
    linear-gradient(135deg, rgba(20, 235, 176, 0.14), rgba(0, 229, 255, 0.06)),
    rgba(5, 12, 19, 0.9);
}
.trend-tabs{
  margin-top: var(--space-5);
  margin-bottom: var(--space-6);
  align-items: center;
}
@media (max-width: 760px){.page-tabs{
    gap: var(--space-3);
  }
.page-tabs button{
    min-height: 38px;
    padding: 8px 12px;
    border-radius: 14px;
    font-size: var(--t-small);
  }
.trend-tabs{
    margin-top: var(--space-4);
    margin-bottom: var(--space-5);
  }

}
.ranking-number{
  color: #e6fbff;
  font-size: clamp(1.05rem, 2vw, 1.42rem);
}
.featured-pill,
.signal-badges b,
.card-tag,
.command-links a{
  min-height: 26px;
  border-radius: var(--radius-pill);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1.05;
}
.command-card{
  --command-accent: var(--neon-cyan);
  --command-accent-rgb: 0, 229, 255;
}
.command-card.buy,
.command-card.command-upgrade{
  --command-accent: var(--neon-teal);
  --command-accent-rgb: 20, 235, 176;
}
.command-card.hold,
.command-card.watch,
.command-card.command-gatekeeper{
  --command-accent: var(--neon-gold);
  --command-accent-rgb: 255, 190, 58;
}
.command-card.sell,
.command-card.avoid,
.command-card.command-downgrade{
  --command-accent: var(--neon-pink);
  --command-accent-rgb: 255, 45, 106;
}
.command-card .command-card-copy small{
  color: color-mix(in srgb, var(--command-accent) 78%, #ffffff);
}
.command-links a{
  border-color: rgba(var(--command-accent-rgb), 0.28);
  background:
    linear-gradient(135deg, rgba(var(--command-accent-rgb), 0.1), rgba(3, 11, 18, 0.42)),
    rgba(4, 12, 20, 0.72);
  color: color-mix(in srgb, var(--command-accent) 62%, #ffffff);
}
.command-links a:hover,
.command-links a:focus-visible{
  border-color: rgba(var(--command-accent-rgb), 0.55);
  background:
    linear-gradient(135deg, rgba(var(--command-accent-rgb), 0.18), rgba(3, 11, 18, 0.5)),
    rgba(4, 12, 20, 0.86);
  color: #ffffff;
}
.pack-type-card strong{
  color: color-mix(in srgb, var(--pack-accent, var(--neon-teal)) 72%, #ffffff);
}
.pack-type-card.is-default-read{
  --pack-accent: var(--neon-teal);
}
.pack-type-card.is-watch-read{
  --pack-accent: var(--neon-gold);
}
.pack-type-card.is-caution-read{
  --pack-accent: var(--neon-pink);
}
.roster-command-toolbar{
  grid-template-columns: minmax(220px, 1.25fr) minmax(150px, 0.75fr) minmax(130px, 0.6fr) minmax(160px, 0.7fr);
  align-items: end;
  border-color: rgba(0, 229, 255, 0.2);
  background:
    linear-gradient(110deg, rgba(0, 229, 255, 0.12), rgba(20, 235, 176, 0.07) 44%, rgba(255, 45, 106, 0.08)),
    rgba(4, 11, 18, 0.9);
}
.roster-command-toolbar .roster-search-control{
  min-width: 0;
}
.roster-command-toolbar select,
.roster-command-toolbar input{
  min-height: 46px;
}
.roster-command-toolbar .roster-trend-control select{
  border-color: rgba(0, 229, 255, 0.32);
  transition: border-color 140ms ease, box-shadow 140ms ease, background 140ms ease;
}
@media (max-width: 900px){.roster-command-toolbar{
    grid-template-columns: minmax(0, 1fr) minmax(126px, 0.55fr);
  }

}
@media (max-width: 640px){.roster-command-toolbar{
    grid-template-columns: 1fr;
    gap: var(--space-4);
  }

}
.command-card{
  border-color: rgba(var(--command-accent-rgb, 53, 212, 255), 0.22);
  background:
    radial-gradient(circle at 10% 0%, rgba(var(--command-accent-rgb, 53, 212, 255), 0.12), transparent 36%),
    linear-gradient(145deg, rgba(var(--command-accent-rgb, 53, 212, 255), 0.07), rgba(3, 11, 18, 0.46)),
    rgba(4, 12, 20, 0.78);
}
.page-tabs button,
.lab-tabs button{
  min-height: 40px;
  border-radius: var(--radius-pill);
  padding: 8px 14px;
}
.page-tabs button[data-page-tab="risers"],
.page-tabs button[data-page-tab="upgrade"],
.trend-tabs .hot-tab{
  --tab-accent: var(--dp-danger);
  --tab-accent-rgb: 255, 77, 125;
}
.page-tabs button[data-page-tab="sleepers"],
.page-tabs button[data-page-tab="flips"],
.page-tabs button[data-page-tab="value"],
.page-tabs button[data-page-tab="safe"]{
  --tab-accent: var(--dp-market);
  --tab-accent-rgb: 53, 212, 255;
}
.page-tabs button[data-page-tab="neutral"],
.trend-tabs .neutral-tab{
  --tab-accent: var(--dp-neutral);
  --tab-accent-rgb: 184, 201, 214;
}
.page-tabs button[data-page-tab="fallers"],
.page-tabs button[data-page-tab="downgrade"],
.trend-tabs .cold-tab{
  --tab-accent: var(--dp-cool);
  --tab-accent-rgb: 110, 167, 255;
}
.page-tabs button:hover,
.page-tabs button:focus-visible,
.page-tabs button.is-active,
.lab-tabs button:hover,
.lab-tabs button:focus-visible,
.lab-tabs button.is-active{
  border-color: rgba(var(--tab-accent-rgb, 53, 212, 255), 0.52);
  background:
    linear-gradient(135deg, rgba(var(--tab-accent-rgb, 53, 212, 255), 0.16), rgba(255, 45, 106, 0.05)),
    rgba(3, 12, 20, 0.88);
  color: color-mix(in srgb, var(--tab-accent, var(--dp-market)) 70%, #ffffff);
}
.account-drawer-plan.is-red-diamond,
.plan-card.red-diamond,
.premium-status.is-red-diamond{
  --surface-accent: var(--dp-premium);
  --surface-accent-rgb: 255, 45, 106;
}
@media (max-width: 640px){.page-tabs button,
  .lab-tabs button{
    min-height: 36px;
    padding: 7px 11px;
    font-size: var(--t-micro);
  }

}
.site-header > .account-status-menu{
  position: absolute;
  top: calc(100% - 8px);
  right: 0;
  left: auto;
  width: min(400px, calc(100vw - 32px));
  max-height: min(620px, calc(100vh - 128px));
  max-height: min(620px, calc(100dvh - 128px));
  transform: translateY(-4px) scale(0.985);
  transform-origin: top right;
}
.site-header > .account-status-menu.is-open{
  transform: translateY(0) scale(1);
}
.site-header > .account-status-menu .account-drawer-card{
  border-radius: 14px;
  gap: 11px;
  padding: 15px;
  box-shadow:
    0 18px 44px rgba(0, 0, 0, 0.48),
    0 0 0 1px rgba(255, 255, 255, 0.04),
    0 0 26px rgba(53, 212, 255, 0.1);
}
.ranking-number{
  min-width: 58px;
  min-height: 34px;
  padding-inline: 11px;
  letter-spacing: 0;
}
.ranking-row .page-result-link{
  grid-template-columns: 58px 84px minmax(0, 1fr) minmax(112px, 124px);
  align-items: center;
}
.flip-row .page-result-link{
  grid-template-columns: 58px 78px minmax(0, 1fr) minmax(112px, 132px);
  align-items: center;
}
.flip-row .signal-badges,
.ranking-row .signal-badges{
  align-items: center;
}
.flip-row .page-result-metric,
.ranking-row .page-result-metric{
  justify-self: end;
  min-width: 0;
}
.signal-reasons li,
.command-card.watch .command-card-copy small,
.pack-type-card.is-watch-read .program-guidance,
.pack-type-card.is-watch-read p,
.pack-type-card.is-watch-read li{
  background: transparent;
  box-shadow: none;
  color: #aebfcb;
}
.command-card.watch .command-card-copy small,
.pack-type-card.is-watch-read strong{
  text-shadow: none;
}
@media (max-width: 760px){.site-header > .account-status-menu{
    top: calc(100% + 4px);
    right: 0;
    left: auto;
    width: min(400px, calc(100vw - 24px));
    max-height: calc(100vh - 112px);
    max-height: calc(100dvh - 112px);
  }
.ranking-row .page-result-link,
  .flip-row .page-result-link{
    grid-template-columns: 54px 68px minmax(0, 1fr);
    grid-template-areas:
      "rank art copy"
      "rank art score";
    column-gap: var(--space-5);
    row-gap: 9px;
    align-items: start;
  }
.ranking-row .ranking-number,
  .flip-row .ranking-number{
    grid-area: rank;
    width: 54px;
    min-width: 54px;
    margin: 0;
    padding-inline: 8px;
    font-size: var(--t-body);
  }
.ranking-row .page-result-metric,
  .flip-row .page-result-metric{
    grid-area: score;
    grid-column: auto;
    justify-self: start;
    justify-items: start;
    width: 100%;
    border-top: 1px solid rgba(147, 164, 179, 0.12);
    padding-top: var(--space-3);
  }

}
@media (max-width: 420px){.site-header > .account-status-menu{
    right: 0;
    width: calc(100vw - 24px);
  }
.account-drawer-plan{
    grid-template-columns: minmax(0, 1fr);
  }
.account-drawer-plan b{
    justify-self: start;
  }

}
.site-header > .account-status-menu{
  width: min(318px, calc(100vw - 24px));
  max-height: min(520px, calc(100vh - 96px));
  max-height: min(520px, calc(100dvh - 96px));
}
.site-header > .account-status-menu .account-drawer-card{
  gap: var(--space-3);
  padding: var(--space-5);
  border-radius: 14px;
  background:
    linear-gradient(145deg, rgba(16, 28, 38, 0.98), rgba(8, 11, 20, 0.98));
  box-shadow:
    0 18px 44px rgba(0, 0, 0, 0.48),
    inset 0 1px 0 rgba(238, 244, 248, 0.05);
}
.site-header > .account-status-menu .account-drawer-close{
  top: 10px;
  right: 10px;
  width: 24px;
  height: 24px;
  font-size: var(--t-micro);
}
.site-header > .account-status-menu .account-drawer-head{
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 9px;
  padding-right: 30px;
}
.site-header > .account-status-menu .account-drawer-avatar{
  width: 38px;
  height: 38px;
  font-size: var(--t-body);
}
.site-header > .account-status-menu .account-drawer-identity{
  gap: 2px;
}
.site-header > .account-status-menu .account-drawer-identity strong{
  font-size: var(--t-base);
  line-height: 1.12;
}
.site-header > .account-status-menu .account-drawer-identity span{
  font-size: var(--t-small);
  line-height: 1.2;
}
.site-header > .account-status-menu .account-drawer-plan{
  gap: var(--space-3);
  align-items: center;
  padding: 8px 9px;
  border-radius: 10px;
  background: rgba(8, 14, 22, 0.48);
}
.site-header > .account-status-menu .account-menu-profile .account-drawer-plan span,
.site-header > .account-status-menu .account-menu-profile .account-drawer-plan small{
  display: none;
}
.site-header > .account-status-menu .account-drawer-plan strong{
  font-size: var(--t-body);
  line-height: 1.12;
}
.site-header > .account-status-menu .account-drawer-plan b{
  padding: 4px 7px;
  font-size: var(--t-micro);
  letter-spacing: 0.04em;
}
.site-header > .account-status-menu .account-drawer-action{
  gap: var(--space-1);
}
.site-header > .account-status-menu .account-drawer-primary,
.site-header > .account-status-menu .account-drawer-secondary{
  min-height: 34px;
  justify-content: flex-start;
  border-radius: 9px;
  padding: 8px 10px;
  background: rgba(8, 14, 22, 0.58);
  color: #d9f6ff;
  font-size: var(--t-small);
  box-shadow: none;
}
.site-header > .account-status-menu .account-drawer-primary{
  border-color: rgba(95, 199, 223, 0.32);
}
.site-header > .account-status-menu .account-menu-message{
  font-size: var(--t-micro);
  line-height: 1.25;
}
.site-header > .account-status-menu .account-drawer-nav{
  border-radius: 10px;
}
.site-header > .account-status-menu .account-drawer-row{
  min-height: 36px;
  padding: 8px 10px;
  font-size: var(--t-small);
}
.site-header > .account-status-menu .account-menu-auth-form{
  gap: var(--space-3);
}
.site-header > .account-status-menu .account-menu-auth-form label{
  gap: var(--space-1);
  font-size: var(--t-small);
}
.site-header > .account-status-menu .account-menu-auth-form input{
  min-height: 36px;
  padding: 9px 10px;
}
.site-header > .account-status-menu .account-menu-actions{
  gap: var(--space-2);
}
.site-header > .account-status-menu .account-menu-actions .primary-action,
.site-header > .account-status-menu .account-menu-actions .secondary-action{
  min-height: 44px;
  padding: 8px 10px;
  font-size: var(--t-small);
}
@media (max-width: 760px){.site-header > .account-status-menu{
    width: min(318px, calc(100vw - 16px));
    max-height: calc(100vh - 96px);
    max-height: calc(100dvh - 96px);
  }

}
@media (max-width: 420px){.site-header > .account-status-menu{
    width: calc(100vw - 16px);
  }

}
.rankings-page .ranking-number{
  justify-self: center;
  align-self: center;
}
.rankings-page .featured-strip .featured-card strong,
.rankings-page .ranking-row .page-result-main strong{
  display: -webkit-box;
  min-height: 2.16em;
  overflow: hidden;
  text-overflow: clip;
  white-space: normal;
  overflow-wrap: anywhere;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}
.rankings-page .featured-strip .featured-card strong{
  align-items: start;
  line-height: 1.08;
}
.rankings-page .ranking-row .page-result-main strong{
  line-height: 1.12;
}
.card-import-pill{
  grid-column: 3;
  justify-self: end;
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: var(--space-3);
  padding: 5px 12px 5px 6px;
  border-radius: var(--radius-pill);
  background: linear-gradient(135deg, rgba(63, 8, 20, 0.9), rgba(16, 8, 14, 0.95));
  border: 1px solid rgba(229, 57, 90, 0.5);
  text-decoration: none;
  white-space: nowrap;
}
.card-import-pill::after{ content: ""; position: absolute; inset: -5px; }
.card-import-pill:hover{
  border-color: rgba(255, 139, 163, 0.9);
  filter: brightness(1.15);
}
.card-import-pill-gem{
  width: 26px;
  height: 26px;
  display: block;
  border-radius: 50%;
}
.card-import-pill span{
  display: grid;
  line-height: 1.15;
}
.card-import-pill strong{
  color: #fff2f5;
  font-size: var(--t-small);
  font-weight: 600;
}
.card-import-pill small{
  color: #ff8ba3;
  font-size: var(--t-micro);
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.card-import-pill.is-eligible{
  animation: redDiamondCtaPulse 2.4s ease-in-out infinite;
}
.card-import-pill.is-eligible .card-import-pill-gem{
  animation: redDiamondGemGlow 2.4s ease-in-out infinite;
}
.dashboard-hero{
  position: relative;
}
@keyframes redDiamondGemGlow{
  0%, 100% { filter: drop-shadow(0 0 10px rgba(229, 57, 90, 0.35)); }
  50% { filter: drop-shadow(0 0 26px rgba(255, 93, 126, 0.95)); }
}
@keyframes redDiamondCtaPulse{
  0%, 100% { box-shadow: 0 0 0 0 rgba(229, 57, 90, 0.55); }
  50% { box-shadow: 0 0 0 9px rgba(229, 57, 90, 0); }
}
@media (prefers-reduced-motion: reduce){.card-import-pill.is-eligible,
  .card-import-pill.is-eligible .card-import-pill-gem{
    animation: none;
  }

}
@media (max-width: 900px){.dashboard-hero{
    position: relative;
    display: block;
  }

}
@media (max-width: 1520px) and (min-width: 901px){.card-import-pill span{
    display: none;
  }
.card-import-pill{
    padding: var(--space-1);
  }
.ask-pulseai-trigger{
    padding: var(--space-3);
  }
.ask-pulseai-trigger span:not(.ask-pulseai-trigger-orb){
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
  }
.release-trigger{
    min-height: 36px;
    padding: 7px 11px;
    font-size: var(--t-small);
  }

}
@media (max-width: 900px){.card-import-pill span{
    display: none;
  }
.card-import-pill{
    padding: var(--space-1);
  }

}
.sync-consent-page .import-consent{
  max-width: 640px;
  margin: 10px auto 28px;
  display: grid;
  gap: var(--space-5);
}
.board-method-note{
  margin: 2px 0 0;
  border-left: 2px solid rgba(95, 199, 223, 0.4);
  padding: 4px 0 4px 12px;
  color: #8fa5b3;
  font-size: var(--t-small);
  font-weight: 600;
  line-height: 1.4;
}
.board-method-note[hidden]{
  display: none;
}
.ranking-row .ranking-pulse{
  display: inline-flex;
  align-items: center;
  gap: 5px;
  border: 1px solid rgba(95, 199, 223, 0.26);
  border-radius: var(--radius-pill);
  background: rgba(95, 199, 223, 0.08);
  color: #79eaff;
  padding: 3px 9px;
  font-size: var(--t-small);
  font-weight: 700;
  letter-spacing: 0.03em;
  white-space: nowrap;
}
.roster-locked .gold-gate-content{
  max-height: 430px;
  overflow: hidden;
  filter: blur(3px);
  opacity: 0.55;
  -webkit-mask-image: linear-gradient(to bottom, #000 42%, transparent 94%);
  mask-image: linear-gradient(to bottom, #000 42%, transparent 94%);
}
.roster-locked .gold-gate-overlay{
  position: relative;
  inset: auto;
  transform: none;
  width: min(430px, calc(100% - 24px));
  margin: -84px auto 14px;
}
.roster-locked .gold-gate-overlay .gold-gate-value-list{
  display: none;
}
.roster-locked .roster-locked-stop{
  margin: 0;
  padding: 0 16px 16px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 6px 12px;
  color: #9fb2c0;
  font-size: var(--t-body);
  font-weight: 600;
  text-align: center;
}
.roster-locked.is-preview-unlocked .gold-gate-content{
  max-height: none;
  filter: none;
  opacity: 1;
  -webkit-mask-image: none;
  mask-image: none;
}
.roster-locked.is-preview-unlocked .gold-gate-overlay,
.roster-locked.is-preview-unlocked .roster-locked-stop{
  display: none;
}
.roster-locked-list .gold-gate-content{
  max-height: none;
}
.roster-locked-list .roster-locked-stop{
  padding-top: var(--space-1);
}
@media (max-width: 640px){.roster-locked .gold-gate-overlay{
    margin-top: -64px;
  }

}
.gold-gate-shell.gold-gate-designed{
  min-height: 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  overflow: visible;
}
.gold-gate-designed .gold-gate-content{
  display: none;
  min-height: 0;
  filter: none;
  opacity: 1;
}
.gold-gate-designed .gold-gate-content::after{
  display: none;
}
.gold-gate-designed.is-preview-unlocked .gold-gate-content{
  display: block;
  pointer-events: auto;
  user-select: auto;
}
.gold-gate-designed .gold-locked-preview{
  display: grid;
  gap: var(--space-4);
}
.gold-gate-designed.is-preview-unlocked .gold-locked-preview,
.gold-gate-designed.is-preview-unlocked .gold-gate-overlay{
  display: none;
}
.page-summary .gold-gate-designed,
.page-summary .gold-locked-preview{
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  padding: 0;
}
.market-summary .gold-gate-designed .gold-locked-preview,
.market-summary .gold-gate-designed.is-preview-unlocked .gold-gate-content{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(135px, 1fr));
  gap: var(--space-4);
}
.market-summary .gold-gate-designed.is-preview-unlocked .gold-locked-preview{
  display: none;
}
.featured-strip .gold-gate-designed .gold-locked-preview,
.featured-strip .gold-gate-designed.is-preview-unlocked .gold-gate-content{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: var(--space-5);
}
.featured-strip .gold-gate-designed.is-preview-unlocked .gold-locked-preview{
  display: none;
}
.gold-gate-designed .gold-gate-overlay{
  position: relative;
  inset: auto;
  width: min(520px, 100%);
  margin: 14px auto 2px;
  transform: none;
}
.gold-gate-designed .gold-gate-overlay[hidden]{
  display: none;
}
.gold-gate-overlay .gold-gate-price-note{
  margin: 10px 0 0;
  color: #ffe3e8;
  font-size: var(--t-body);
  font-weight: 700;
}
.locked-metric{
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  color: var(--gold-ink);
  font-size: var(--t-body);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.locked-stat .locked-metric{
  font-size: var(--t-base);
}
.locked-stat span,
.locked-stat small{
  opacity: 0.72;
}
.locked-bar{
  position: relative;
  display: block;
  height: 10px;
  overflow: hidden;
  border-radius: var(--radius-pill);
  background: rgba(147, 164, 179, 0.2);
}
.locked-bar-dim{
  background: rgba(147, 164, 179, 0.12);
}
.locked-row{
  display: grid;
  grid-template-columns: auto auto minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--space-7);
  min-height: 66px;
  border: 1px dashed rgba(255, 85, 116, 0.3);
  border-radius: var(--radius-l);
  background: rgba(10, 17, 25, 0.62);
  padding: 12px 16px;
}
.locked-row .ranking-number{
  opacity: 0.55;
}
.locked-row-art{
  display: grid;
  place-items: center;
  width: 44px;
  height: 58px;
  border: 1px solid rgba(147, 164, 179, 0.22);
  border-radius: var(--radius-m);
  background: rgba(147, 164, 179, 0.08);
}
.locked-row-lines{
  display: grid;
  gap: var(--space-3);
}
.locked-row-metric{
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  color: var(--gold-ink);
  font-size: var(--t-small);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.locked-featured{
  pointer-events: none;
}
.locked-featured .locked-metric{
  margin-top: var(--space-1);
  font-style: normal;
}
.locked-pill{
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.pack-decision-panel.is-locked-read .locked-heading{
  display: flex;
  align-items: center;
  gap: var(--space-4);
  margin: 6px 0 10px;
}
.pack-decision-panel.is-locked-read .gold-locked-preview{
  gap: var(--space-5);
}
.pack-meter.is-locked span{
  background: rgba(147, 164, 179, 0.35);
}
.locked-caption{
  margin: 4px 0 0;
  color: var(--muted);
  font-size: var(--t-body);
  line-height: 1.4;
}
.pack-toolbar{
  grid-template-columns: minmax(200px, 1.2fr) repeat(3, minmax(140px, 0.8fr)) minmax(150px, auto);
}
.pack-run-button{
  align-self: end;
  min-height: 44px;
  border: 1px solid rgba(41, 242, 192, 0.4);
  border-radius: var(--radius-l);
  background: linear-gradient(135deg, var(--cyan), var(--neon-teal-ink));
  color: #041016;
  padding: 0 16px;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}
.pack-run-button:hover,
.pack-run-button:focus-visible{
  filter: brightness(1.08);
  outline: none;
}
@media (max-width: 760px){.gold-gate-shell.gold-gate-designed{
    min-height: 0;
  }
.gold-gate-designed .gold-gate-content{
    min-height: 0;
  }
.gold-gate-designed .gold-gate-overlay{
    width: 100%;
    margin: 12px 0 0;
  }
.pack-run-button{
    width: 100%;
  }

}
.tier-price-note{
  display: block;
  margin-top: var(--space-3);
  font-size: var(--t-body);
  letter-spacing: 0.02em;
  color: rgba(214, 231, 245, 0.72);
}
.tier-red-diamond .tier-price-note{
  color: rgba(255, 214, 219, 0.85);
}
.tier-cta.tier-cta-unavailable,
.tier-cta.tier-cta-unavailable:disabled{
  background: transparent;
  border: 1px dashed rgba(214, 231, 245, 0.35);
  color: rgba(214, 231, 245, 0.6);
  box-shadow: none;
  cursor: not-allowed;
  text-shadow: none;
  opacity: 1;
}
.tier-cta.tier-cta-unavailable:hover,
.tier-cta.tier-cta-unavailable:focus-visible{
  transform: none;
  filter: none;
}
.pricing-tier-grid{
  max-width: 920px;
  margin: 8px auto 0;
}
.pricing-tier-grid .membership-tier-card{
  min-height: 0;
}
a.pricing-cta{
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-decoration: none;
}
.pricing-footnote{
  max-width: 920px;
  margin: 26px auto 40px;
  text-align: center;
  font-size: var(--t-body);
  color: rgba(214, 231, 245, 0.65);
}
@media (max-width: 760px){.pricing-tier-grid{
    grid-template-columns: 1fr;
  }

}
@media (min-width: 901px){.advisor-page .workspace:has(.prototype-advisor){
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
    gap: var(--space-6);
    align-items: stretch;
  }

}
.hero-search .hero-search-go{
  flex: 0 0 auto;
  border: 1px solid rgba(95, 199, 223, 0.5);
  border-radius: 10px;
  background: var(--cyan);
  color: #061016;
  font: inherit;
  font-size: var(--t-base);
  font-weight: 700;
  letter-spacing: 0.015em;
  padding: 0 22px;
  cursor: pointer;
  box-shadow: 0 12px 30px rgba(95, 199, 223, 0.24);
}
.hero-search .hero-search-go:hover,
.hero-search .hero-search-go:focus-visible{
  filter: brightness(1.1);
  outline: none;
}
.job-card{
  position: relative;
  overflow: hidden;
  display: grid;
  align-content: start;
  gap: var(--space-4);
  min-height: 218px;
  padding: var(--space-9);
  border: 1px solid rgba(147, 164, 179, 0.16);
  border-radius: var(--radius-l);
  background:
    linear-gradient(135deg, rgba(126, 182, 255, 0.08), transparent 48%),
    rgba(15, 24, 33, 0.88);
  color: var(--ink);
  text-decoration: none;
}
.job-card .job-kicker{
  margin: 0;
  width: fit-content;
  color: var(--cyan);
  font-size: var(--t-small);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.job-card .job-copy{
  margin: 0;
  color: #b8c6d0;
  font-size: var(--t-base);
  line-height: 1.45;
}
.job-card .job-teaser{
  margin: 2px 0 0;
  color: #d5e4ed;
  font-size: var(--t-body);
  line-height: 1.4;
  border: 1px solid rgba(20, 235, 176, 0.18);
  border-radius: 7px;
  background: rgba(20, 235, 176, 0.06);
  padding: 8px 10px;
}
.job-card .job-teaser-tag{
  display: inline-block;
  margin-right: var(--space-2);
  color: var(--neon-teal);
  font-size: var(--t-micro);
  font-weight: 700;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}
.tool-links{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 18px;
  margin-top: var(--space-6);
  padding: 13px 18px;
  border: 1px solid rgba(147, 164, 179, 0.14);
  border-radius: var(--radius-l);
  background: rgba(13, 21, 29, 0.55);
}
.tool-links-label{
  color: var(--muted);
  font-size: var(--t-small);
  font-weight: 700;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}
.pulseai-footnote{
  margin: 26px 0 6px;
  color: rgba(178, 192, 204, 0.72);
  font-size: var(--t-body);
  line-height: 1.5;
  text-align: center;
}
.pulseai-footnote strong{
  color: rgba(213, 228, 237, 0.9);
}
@media (max-width: 640px){.hero-search .hero-search-go{
    padding: 14px 22px;
  }

}
.database-toolbar{
  grid-template-columns: minmax(0, 1fr);
}
.database-filter-group{
  display: grid;
  grid-template-columns: repeat(6, minmax(120px, 1fr));
  gap: var(--space-5);
}
.database-filters-toggle{
  display: none;
}
.page-summary button{
  min-width: 0;
  border: 1px solid rgba(147, 164, 179, 0.14);
  border-radius: var(--radius-l);
  display: grid;
  gap: 5px;
  padding: var(--space-6);
  background:
    linear-gradient(135deg, rgba(95, 199, 223, 0.08), transparent 52%),
    rgba(15, 24, 33, 0.78);
  color: var(--ink);
  font: inherit;
  text-align: left;
  cursor: pointer;
}
.page-summary button:hover,
.page-summary button:focus-visible{
  border-color: rgba(95, 199, 223, 0.45);
  outline: none;
}
.page-summary button.is-active{
  border-color: rgba(20, 235, 176, 0.55);
  background:
    linear-gradient(135deg, rgba(20, 235, 176, 0.14), transparent 55%),
    rgba(15, 24, 33, 0.86);
}
.database-status-row{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px 14px;
}
.database-view-toggle{
  display: inline-flex;
  border: 1px solid rgba(147, 164, 179, 0.2);
  border-radius: var(--radius-l);
  overflow: hidden;
}
.database-view-toggle button.is-active{
  background: rgba(95, 199, 223, 0.18);
  color: var(--ink);
}
.database-table-wrap{
  min-width: 0;
  border: 1px solid rgba(147, 164, 179, 0.14);
  border-radius: var(--radius-l);
  background: rgba(15, 24, 33, 0.82);
  overflow-x: auto;
}
.database-table{
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.database-table th.db-h-overall{
  width: 84px;
}
.database-table th.db-h-price{
  width: 128px;
}
.database-table th.db-h-spread{
  width: 122px;
}
.database-table th,
.database-table td{
  border-bottom: 1px solid rgba(147, 164, 179, 0.1);
  padding: 9px 14px;
  vertical-align: middle;
}
.database-table thead th{
  color: var(--muted);
  font-size: var(--t-small);
  font-weight: 700;
  letter-spacing: 0.07em;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
}
.database-table thead button{
  border: 0;
  background: none;
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
  cursor: pointer;
  padding: 4px 0;
}
.database-table thead button i{
  display: inline-block;
  min-width: 1em;
  margin-left: 3px;
  font-style: normal;
  color: var(--cyan);
}
.database-table thead button:hover,
.database-table thead button:focus-visible,
.database-table thead button.is-active{
  color: var(--ink);
  outline: none;
}
.database-table tbody tr{
  cursor: pointer;
}
.database-table tbody tr:hover td{
  background: rgba(95, 199, 223, 0.06);
}
.database-table tbody tr:last-child td{
  border-bottom: 0;
}
.db-card-cell{
  display: flex;
  align-items: center;
  gap: var(--space-5);
  min-width: 0;
}
.db-thumb{
  flex: 0 0 auto;
  width: 64px;
  aspect-ratio: 5 / 7;
  border-radius: var(--radius-m);
  background: linear-gradient(145deg, #172330, #25635b);
  display: grid;
  place-items: center;
  overflow: hidden;
  color: var(--gold);
  font-weight: 700;
}
.db-thumb img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.db-card-copy{
  min-width: 0;
  display: grid;
  gap: 3px;
  justify-items: start;
}
.db-card-copy a{
  max-width: 100%;
  color: var(--ink);
  font-size: var(--t-base);
  font-weight: 700;
  line-height: 1.15;
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.db-card-copy a:hover,
.db-card-copy a:focus-visible{
  color: var(--cyan);
  outline: none;
}
.db-card-copy small{
  max-width: 100%;
  color: var(--muted);
  font-size: var(--t-small);
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.db-chip{
  border: 1px solid rgba(255, 101, 124, 0.34);
  border-radius: var(--radius-pill);
  background: rgba(255, 101, 124, 0.12);
  color: #ffb3c0;
  padding: 2px 8px;
  font-size: var(--t-micro);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  white-space: nowrap;
}
.db-ovr{
  color: var(--ink);
  font-size: 1.02rem;
  font-weight: 700;
}
.db-price strong{
  color: var(--green);
  font-size: 0.96rem;
}
.db-spread{
  color: var(--muted);
  font-size: var(--t-base);
  font-weight: 600;
}
.database-more:empty{
  display: none;
}
.database-show-more{
  width: 100%;
  min-height: 48px;
  border: 1px solid rgba(95, 199, 223, 0.3);
  border-radius: var(--radius-l);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-4);
  background: rgba(95, 199, 223, 0.08);
  color: var(--ink);
  font-size: var(--t-base);
  font-weight: 700;
  cursor: pointer;
}
.database-show-more:hover,
.database-show-more:focus-visible{
  border-color: rgba(95, 199, 223, 0.55);
  outline: none;
}
.database-show-more small{
  color: var(--muted);
  font-size: var(--t-small);
  font-weight: 600;
}
@media (max-width: 900px){.database-filter-group{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

}
@media (max-width: 760px){.tool-page.database-page .database-toolbar{
    position: sticky;
    top: 0;
    z-index: 900;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    background:
      linear-gradient(90deg, rgba(95, 199, 223, 0.08), transparent 40%),
      #070e16;
  }
.database-filters-toggle{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    border: 1px solid rgba(95, 199, 223, 0.3);
    border-radius: 7px;
    padding: 0 16px;
    background: rgba(95, 199, 223, 0.1);
    color: var(--ink);
    font-size: var(--t-body);
    font-weight: 700;
    cursor: pointer;
  }
.database-toolbar.is-filters-open .database-filters-toggle{
    border-color: rgba(20, 235, 176, 0.5);
    background: rgba(20, 235, 176, 0.12);
  }
.database-filter-group{
    display: none;
    grid-column: 1 / -1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-height: 56vh;
    overflow-y: auto;
    padding-top: 2px;
  }
.database-toolbar.is-filters-open .database-filter-group{
    display: grid;
  }
.page-summary button{
    padding: var(--space-4);
  }
.page-summary button strong{
    font-size: 1.15rem;
  }
.database-table th,
  .database-table td{
    padding: 8px 6px;
  }
.database-table th.db-h-overall{
    width: 40px;
  }
.database-table th.db-h-price{
    width: 74px;
  }
.database-table th.db-h-spread{
    width: 72px;
  }
.database-table thead th{
    font-size: var(--t-micro);
    letter-spacing: 0.04em;
  }
.db-card-cell{
    gap: var(--space-3);
  }
.db-thumb{
    width: 48px;
  }
.db-card-copy a{
    font-size: var(--t-base);
  }
.db-card-copy small{
    font-size: var(--t-micro);
  }
.db-ovr{
    font-size: var(--t-base);
  }
.db-price strong{
    font-size: var(--t-body);
  }
.db-spread{
    font-size: var(--t-small);
  }

}
.inventory-onboard-card{
  display: grid;
  gap: var(--space-6);
}
.inventory-onboard-head .eyebrow{
  margin: 0 0 4px;
}
.inventory-onboard-head h2{
  margin: 0;
  font-size: var(--t-lead);
}
.inventory-onboard-tabs{
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
}
.inventory-onboard-tabs [role="tab"]{
  appearance: none;
  cursor: pointer;
  border: 1px solid rgba(147, 164, 179, 0.24);
  border-radius: var(--radius-pill);
  background: rgba(8, 14, 22, 0.55);
  color: #cfe3ee;
  font: inherit;
  font-size: var(--t-body);
  font-weight: 600;
  padding: 8px 14px;
}
.inventory-onboard-tabs [role="tab"][aria-selected="true"]{
  border-color: rgba(95, 199, 223, 0.55);
  background: rgba(95, 199, 223, 0.14);
  color: #eaf6fb;
}
.inventory-onboard-panel{
  display: grid;
  gap: var(--space-1);
}
.inventory-onboard-panel .onboard-copy{
  margin: 0;
  color: #91a3b0;
  font-size: var(--t-body);
  line-height: 1.5;
}
.inventory-onboard-panel textarea{
  margin-top: var(--space-3);
  min-height: 140px;
}
.inventory-onboard.is-compact .inventory-onboard-card{
  padding: 12px 16px;
  gap: var(--space-4);
}
.inventory-onboard.is-compact .inventory-onboard-head,
.inventory-onboard.is-compact .onboard-copy-import{
  display: none;
}
.inventory-onboard.is-compact .inventory-import-actions{
  margin-top: var(--space-2);
}
.inventory-onboard-panel[hidden],
.inventory-summary[hidden],
.inventory-freshness[hidden],
.inventory-next[hidden],
.inventory-toolbar[hidden],
.inventory-shell[hidden]{
  display: none !important;
}
.account-status-board .account-state-table{
  width: 100%;
  border-collapse: collapse;
  font-size: var(--t-base);
}
.account-status-board .account-state-table tr{
  border-bottom: 1px solid rgba(147, 164, 179, 0.14);
}
.account-status-board .account-state-table tr:last-child{
  border-bottom: 0;
}
.account-status-board .account-state-table th,
.account-status-board .account-state-table td{
  padding: 11px 12px 11px 0;
  text-align: left;
  vertical-align: middle;
}
.account-status-board .account-state-table th{
  color: var(--ink);
  font-weight: 700;
  white-space: nowrap;
}
.account-status-board .account-state-table td{
  color: var(--muted);
  font-weight: 650;
}
.account-status-board .account-state-table td:last-child{
  width: 1%;
  padding-right: 0;
  text-align: right;
}
.state-pill{
  display: inline-block;
  padding: 4px 12px;
  border-radius: var(--radius-pill);
  border: 1px solid transparent;
  font-size: var(--t-small);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  white-space: nowrap;
}
.state-pill.state-live{
  color: var(--cyan);
  border-color: rgba(95, 199, 223, 0.44);
  background: rgba(95, 199, 223, 0.12);
}
.state-pill.state-progress{
  color: var(--gold);
  border-color: rgba(241, 184, 75, 0.44);
  background: rgba(241, 184, 75, 0.12);
}
.state-pill.state-planned{
  color: var(--muted);
  border-color: rgba(147, 164, 179, 0.4);
  background: rgba(147, 164, 179, 0.1);
}
.account-status-board .account-metrics{
  margin-top: var(--space-6);
}
.account-status-board .account-metrics:empty{
  display: none;
}
@media (max-width: 760px){.account-status-board .account-state-table th{
    white-space: normal;
  }
.account-status-board .account-state-table td:not(:last-child):not([scope]){
    display: none;
  }

}
.help-hero{
  background:
    linear-gradient(120deg, rgba(95, 199, 223, 0.12), transparent 48%),
    linear-gradient(300deg, rgba(255, 45, 75, 0.1), transparent 52%),
    rgba(12, 17, 24, 0.86);
}
.faq-panel .faq-group-label{
  margin: 0 0 4px;
  padding-bottom: var(--space-3);
  border-bottom: 1px solid rgba(95, 199, 223, 0.24);
  color: var(--cyan);
  font-size: var(--t-small);
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.help-tool-links{
  margin-top: var(--space-8);
  padding: 16px 18px;
  border: 1px solid rgba(147, 164, 179, 0.16);
  border-radius: 14px;
  background: rgba(12, 17, 24, 0.72);
}
.help-tool-links .eyebrow{
  margin: 0 0 10px;
}
.page-filters-toggle{
  display: none;
}
.page-filter-group{
  display: contents;
}
@media (max-width: 760px){.rankings-page .rankings-toolbar{
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
  }
.page-filters-toggle{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    border: 1px solid rgba(95, 199, 223, 0.3);
    border-radius: 7px;
    padding: 0 16px;
    background: rgba(95, 199, 223, 0.1);
    color: var(--ink);
    font-size: var(--t-body);
    font-weight: 700;
    cursor: pointer;
  }
.page-toolbar.is-filters-open .page-filters-toggle{
    border-color: rgba(20, 235, 176, 0.5);
    background: rgba(20, 235, 176, 0.12);
  }
.page-filter-group{
    display: none;
    grid-column: 1 / -1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-5);
    max-height: 56vh;
    overflow-y: auto;
    padding-top: 2px;
  }
.page-toolbar.is-filters-open .page-filter-group{
    display: grid;
  }


}
.gateway-hero{
  position: relative;
  aspect-ratio: 1800 / 856;
  min-height: 460px;
  max-height: 780px;
  display: grid;
  align-content: center;
  border-radius: var(--radius-l);
  overflow: hidden;
  border: 1px solid rgba(95, 199, 223, 0.2);
  padding: clamp(28px, 4vw, 60px);
  background: #05090f url("/assets/home-gateway-hero.jpg") center / cover no-repeat;
  box-shadow: 0 30px 70px rgba(0, 0, 0, 0.45);
}
.gateway-eyebrow{
  display: inline-flex;
  align-items: center;
  gap: 9px;
  letter-spacing: 0.16em;
}
.gateway-live-dot{
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--neon-pink);
  box-shadow: 0 0 0 0 rgba(255, 45, 75, 0.6);
  animation: gateway-live-pulse 2.2s ease-out infinite;
}
@keyframes gateway-live-pulse{
  0% { box-shadow: 0 0 0 0 rgba(255, 45, 75, 0.55); }
  70% { box-shadow: 0 0 0 9px rgba(255, 45, 75, 0); }
  100% { box-shadow: 0 0 0 0 rgba(255, 45, 75, 0); }
}
.gateway-tagline{
  margin: 22px 0 0;
  font-size: var(--t-small);
  letter-spacing: 0.04em;
  color: var(--dim);
}
.dp-live-dot{
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #74e8b6;
  box-shadow: 0 0 8px #74e8b6;
}
.dp-kicker-live .dp-live-dot,
.daily-pulse.is-breaking .dp-live-dot{
  background: var(--neon-pink);
  box-shadow: 0 0 0 0 rgba(255, 45, 75, 0.6);
  animation: gateway-live-pulse 2.2s ease-out infinite;
}
.dp-body .dp-copy{
  margin: 0;
  font-size: 1.06rem;
  line-height: 1.65;
  color: #d5e2ec;
  max-width: 880px;
}
.dp-foot.has-warnings{
  color: var(--gold);
}
.daily-pulse.dp-dateline.is-breaking{
  border: 1px solid rgba(255, 45, 75, 0.35);
  border-top: 2px solid var(--neon-pink);
  border-radius: var(--radius-l);
  padding: 26px 28px 24px;
  background:
    radial-gradient(ellipse at 78% 10%, rgba(255, 45, 75, 0.16), transparent 45%),
    radial-gradient(ellipse at 92% 80%, rgba(95, 199, 223, 0.12), transparent 40%),
    linear-gradient(160deg, #101b26 0%, #070d14 60%, #05080d 100%);
}
.dp-break-tile{
  position: relative;
  display: block;
  border: 1px solid rgba(127, 233, 255, 0.28);
  border-radius: var(--radius-l);
  padding: 10px 13px;
  background: rgba(6, 14, 20, 0.66);
  text-decoration: none;
}
.dp-break-new{
  position: absolute;
  top: -8px;
  right: 10px;
  font-size: var(--t-micro);
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #051016;
  background: #ff4d63;
  border-radius: var(--radius-s);
  padding: 2px 7px;
}
.dp-break-tile > span:not(.dp-break-new){
  display: block;
  font-size: var(--t-micro);
  color: #9fb0be;
  margin-top: 2px;
}
.daily-pulse.dp-dateline.is-breaking .dp-stars{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
}
.daily-pulse.dp-dateline.is-breaking .dp-cardstack{
  position: absolute;
  right: clamp(16px, 3vw, 56px);
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  width: min(300px, 24vw);
  height: 84%;
  pointer-events: none;
}
.new-drop-chip{
  display: inline-block;
  margin-left: 7px;
  padding: 1px 7px 2px;
  border-radius: var(--radius-s);
  background: #ff4d63;
  color: #051016;
  font-size: var(--t-micro);
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  vertical-align: 2px;
}
@media (max-width: 900px){.daily-pulse.dp-dateline.is-breaking .dp-cardstack{ display: none; }

}
.dashboard-page,
.tool-page{
  position: relative;
}
.dashboard-page::before,
.tool-page::before{
  content: "";
  position: fixed;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  /* must cover the widest page shell (1280px pages + breathing room) */
  width: min(1328px, 100%);
  background: linear-gradient(90deg, transparent 0%, #05090f 14px, #05090f calc(100% - 14px), transparent 100%);
  z-index: -1;
  pointer-events: none;
}
.site-footer{
  margin-top: 34px;
  border: 0;
  border-top: 1px solid rgba(147, 164, 179, 0.18);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.site-footer .footer-grid{
  padding: 22px 8px 4px;
  gap: var(--space-8);
}
.site-footer .footer-logo{
  width: 128px;
  opacity: 0.75;
}
.site-footer .footer-grid p{
  font-size: var(--t-small);
  line-height: 1.55;
  color: #7e8fa0;
}
.site-footer .footer-grid strong{
  font-size: var(--t-micro);
  letter-spacing: 0.12em;
  color: #8f9fae;
}
.site-footer .footer-grid h2{
  font-size: var(--t-micro);
  letter-spacing: 0.14em;
  color: var(--dim);
}
.site-footer .footer-grid a{
  font-size: var(--t-small);
  font-weight: 600;
  color: #93a6b8;
}
.site-footer .footer-grid a:hover{
  color: #cfe2ee;
}
.site-footer .footer-bottom{
  padding: 10px 8px 14px;
  border-top: 1px solid rgba(147, 164, 179, 0.1);
  font-size: var(--t-micro);
  color: var(--dim);
}
.site-footer .release-footer-trigger{
  font-size: var(--t-micro);
  color: var(--dim);
}
.hero-search-field{
  position: relative;
  display: flex;
  align-items: stretch;
  width: 100%;
  border: 1px solid rgba(95, 199, 223, 0.42);
  border-radius: 10px;
  background: rgba(9, 16, 23, 0.92);
  overflow: hidden;
}
.hero-search .hero-search-field .hero-search-go{
  flex: 0 0 auto;
  align-self: stretch;
  margin: var(--space-1);
  border: 0;
  border-radius: 7px;
  padding: 0 18px;
  font-size: var(--t-base);
  white-space: nowrap;
}
.notice-banner[hidden],
.tool-page [hidden]:not(.nav-menu):not(.quick-card-picker){
  display: none !important;
}
.tool-page .tool-hero:has(.hero-stage) h1{
  margin-bottom: clamp(16px, 1.8vw, 24px);
}
.tool-page .tool-hero:has(.hero-stage) p:not(.eyebrow){
  margin-top: 0;
  margin-bottom: var(--space-1);
}
.account-rail-backdrop{
  position: fixed;
  inset: 0;
  z-index: 6800;
  background: radial-gradient(ellipse at 72% 45%, rgba(3, 7, 12, 0.28), rgba(3, 7, 12, 0.62));
  -webkit-backdrop-filter: blur(6px) saturate(0.85);
  backdrop-filter: blur(6px) saturate(0.85);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.22s ease;
}
.account-rail-backdrop.is-open{
  opacity: 1;
  pointer-events: auto;
}
body > .account-status-menu.account-drawer{
  position: fixed;
  top: 16px;
  right: 16px;
  left: auto;
  bottom: auto;
  z-index: 6900;
  width: min(470px, calc(100vw - 32px));
  max-height: calc(100vh - 32px);
  max-height: calc(100dvh - 32px);
  overflow: auto;
  overscroll-behavior: contain;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  transform: translateX(24px);
  opacity: 0;
  pointer-events: none;
  transition: transform 0.26s cubic-bezier(0.2, 0.8, 0.24, 1), opacity 0.22s ease;
}
body > .account-status-menu.account-drawer.is-open{
  transform: translateX(0);
  opacity: 1;
  pointer-events: auto;
}
.account-status-menu .account-drawer-card{
  position: relative;
  border: 1px solid rgba(127, 233, 255, 0.22);
  border-radius: var(--radius-xl);
  padding: 24px 26px 20px;
  background: linear-gradient(165deg, rgba(13, 22, 30, 0.985), rgba(6, 10, 16, 0.995));
  box-shadow: -24px 18px 70px rgba(0, 0, 0, 0.6);
}
.account-status-menu .account-drawer-card::before{
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  bottom: 10px;
  width: 2px;
  border-radius: 2px;
  background: linear-gradient(180deg, var(--gold), var(--cyan) 40%, var(--neon-pink) 90%);
  opacity: 0.7;
}
.account-rail-kicker{
  margin: 0 0 6px;
  font-size: var(--t-micro);
  font-weight: 600;
  letter-spacing: 0.16em;
  color: var(--gold);
  text-transform: uppercase;
}
.account-rail-title{
  margin: 0 0 6px;
  font-size: 1.42rem;
  line-height: 1.12;
  color: #fff;
}
.account-rail-title i{
  font-style: normal;
  color: #ff4d63;
}
.account-rail-live-line{
  margin: 0 0 12px;
  font-size: var(--t-small);
  color: #9fb0be;
}
.account-rail-live-dot{
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: var(--space-2);
  border-radius: 50%;
  background: #74e8b6;
  box-shadow: 0 0 8px #74e8b6;
  vertical-align: 1px;
}
.account-rail-journey{
  display: grid;
}
.account-rail-step{
  display: flex;
  gap: var(--space-5);
  align-items: flex-start;
  padding: 12px 0;
  border-bottom: 1px solid rgba(95, 199, 223, 0.13);
}
.account-rail-step:first-child{
  border-top: 1px solid rgba(241, 184, 75, 0.3);
}
.account-rail-step:last-child{
  border-bottom: 0;
}
.account-rail-mark{
  flex: 0 0 26px;
  height: 26px;
  margin-top: 1px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-weight: 700;
  font-size: var(--t-small);
  color: var(--dim);
  border: 1px solid rgba(122, 140, 155, 0.4);
}
.account-rail-mark.is-done{
  background: rgba(116, 232, 182, 0.16);
  color: #74e8b6;
  border-color: rgba(116, 232, 182, 0.5);
}
.account-rail-mark.is-next{
  background: rgba(127, 233, 255, 0.13);
  color: var(--cyan-ink);
  border-color: rgba(127, 233, 255, 0.55);
  box-shadow: 0 0 12px rgba(127, 233, 255, 0.22);
}
.account-rail-step-tx{
  flex: 1;
  min-width: 0;
}
.account-rail-step-tx b{
  display: block;
  font-size: var(--t-body);
  color: #fff;
}
.account-rail-step-tx small{
  display: block;
  margin-top: 2px;
  font-size: var(--t-small);
  line-height: 1.45;
  color: #8aa0b0;
}
.account-rail-step-tx .account-menu-auth-form{
  margin-top: 9px;
}
.account-rail-step-link{
  display: inline-block;
  margin-top: 7px;
  font-size: var(--t-small);
  font-weight: 600;
  color: var(--cyan-ink);
  text-decoration: none;
}
.account-rail-step-link.is-pro{
  padding: 7px 14px;
  border-radius: 7px;
  background: linear-gradient(90deg, var(--neon-pink), #ff7a8d);
  color: #fff;
}
.account-rail-step-link:hover{
  text-decoration: underline;
}
.account-rail-step-link.is-pro:hover{
  text-decoration: none;
  filter: brightness(1.08);
}
.account-rail-foot{
  margin: 12px 0 0;
  font-size: var(--t-micro);
  line-height: 1.55;
  color: var(--dim);
}
.account-rail-foot a{
  font-size: var(--t-micro);
  color: var(--cyan-ink);
  text-decoration: none;
  font-weight: 700;
}
.account-rail-banner{
  border-radius: 10px;
  padding: 12px 14px;
  background: linear-gradient(160deg, rgba(16, 27, 38, 0.9), rgba(5, 8, 13, 0.9));
  border: 1px solid rgba(95, 199, 223, 0.18);
}
.account-rail-banner.is-red-diamond{
  background:
    radial-gradient(ellipse at 85% 15%, rgba(255, 45, 75, 0.16), transparent 55%),
    linear-gradient(160deg, rgba(16, 27, 38, 0.92), rgba(5, 8, 13, 0.94));
  border-color: rgba(255, 45, 75, 0.3);
}
.account-rail-plan-badge{
  display: inline-block;
  margin: 3px 0;
  padding: 2px 10px;
  border-radius: var(--radius-pill);
  font-style: normal;
  font-size: var(--t-micro);
  font-weight: 700;
  letter-spacing: 0.09em;
  background: rgba(127, 233, 255, 0.12);
  color: var(--cyan-ink);
  border: 1px solid rgba(127, 233, 255, 0.4);
}
.account-rail-plan-badge.is-pro{
  background: rgba(255, 45, 75, 0.15);
  color: #ff8fa0;
  border-color: rgba(255, 45, 75, 0.45);
}
.account-rail-stats{
  display: flex;
  gap: 26px;
  padding: 10px 14px;
  margin-top: var(--space-4);
  border-radius: 10px;
  border: 1px solid rgba(95, 199, 223, 0.14);
  background: rgba(10, 17, 24, 0.7);
}
.account-rail-stats b{
  display: block;
  font-size: var(--t-base);
  color: #fff;
}
.account-rail-stats small{
  font-size: var(--t-micro);
  letter-spacing: 0.09em;
  color: #8aa0b0;
  text-transform: uppercase;
}
@media (max-width: 640px){body > .account-status-menu.account-drawer{
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    max-height: 88vh;
    transform: translateY(28px);
  }
body > .account-status-menu.account-drawer.is-open{
    transform: translateY(0);
  }
.account-status-menu .account-drawer-card{
    border-radius: 14px 14px 0 0;
    min-width: 0;
    width: 100%;
    box-sizing: border-box;
  }

}
.db-new-toggle{
  border: 1px solid rgba(255, 45, 75, 0.55);
  color: #ff8fa0;
  font-weight: 700;
  letter-spacing: 0.04em;
  position: relative;
}
.db-new-toggle::before{
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-right: var(--space-2);
  border-radius: 50%;
  background: var(--neon-pink);
  box-shadow: 0 0 0 0 rgba(255, 45, 75, 0.6);
  animation: gateway-live-pulse 2.2s ease-out infinite;
  vertical-align: 1px;
}
.db-new-toggle.is-active{
  background: linear-gradient(90deg, var(--neon-pink), #ff7a8d);
  border-color: transparent;
  color: #fff;
}
.db-new-toggle.is-active::before{
  background: #fff;
  box-shadow: none;
  animation: none;
}
.db-new-toggle[hidden]{
  display: none !important;
}
.gold-gate-shell:not(.is-preview-unlocked) .gold-gate-content{
  max-height: 400px;
  overflow: hidden;
}
@media (max-width: 760px){.gold-gate-shell:not(.is-preview-unlocked) .gold-gate-content{
    max-height: 220px;
    min-height: 0;
  }

}
.fv-pill{ position: relative; padding: 6px 12px; border-radius: var(--radius-pill); border: 1px solid rgba(95,199,223,.22); background: rgba(10,17,24,.7); font-size: var(--t-small); font-weight: 700; color: #9fb0be; }
.fv-pill::before{ content: ""; position: absolute; left: 0; right: 0; top: -10px; bottom: -10px; }
.fv-tabs{ display: inline-flex; gap: 5px; padding: 5px; border-radius: var(--radius-pill); border: 1px solid rgba(95,199,223,.3);
  background: rgba(6,12,18,.95); box-shadow: 0 6px 18px rgba(0,0,0,.4); }
.fv-tabs button:hover{ color: #cfe6ef; }
.fv-tabs button.is-on{ background: linear-gradient(180deg, #43e6ff, #14a9d4); color: #032028; box-shadow: 0 2px 12px rgba(67,230,255,.45); }
.fv-tabs button.is-on:hover{ color: #032028; }
.fv-autobtn{ padding: 8px 14px; border-radius: var(--radius-pill); border: 1px solid rgba(95,199,223,.28); background: rgba(10,17,24,.8);
  color: var(--cyan-ink); font-size: var(--t-small); font-weight: 600; cursor: pointer; font-family: inherit; }
.fv-autobtn:hover{ border-color: rgba(127,233,255,.5); color: #cfe6ef; }
.fv-pc.is-empty{ display: grid; place-items: center; border: 1px dashed rgba(95,199,223,.35); border-radius: 7px; background: rgba(8,14,20,.6);
  color: var(--dim); font-size: var(--t-micro); font-weight: 600; letter-spacing: .06em; text-transform: uppercase; }
.fv-role{ position: absolute; left: 50%; transform: translateX(-50%); font-size: var(--t-micro); font-weight: 700; letter-spacing: .14em; color: #9fb0be; text-transform: uppercase; text-shadow: 0 2px 8px #000; z-index: 5; white-space: nowrap; }
.fv-role.is-cl{ color: #ff9fae; }
.fv-up{ position: absolute; z-index: 7; left: 50%; transform: translateX(-50%);
  border-radius: 5px; font-size: var(--t-micro); font-weight: 700; padding: 2px 7px; letter-spacing: .02em; white-space: nowrap; cursor: default; }
.fv-up.is-owned{ background: linear-gradient(90deg,#0fb87d,var(--sage)); color: #04241a; animation: fvGlow 3.4s ease-in-out infinite; }
.fv-up.is-owned .fv-halo{ position: absolute; inset: -1px; border-radius: var(--radius-m); border: 1px solid rgba(70,240,175,.9); opacity: 0; z-index: 1; animation: fvHalo 3.4s ease-out infinite; }
.fv-up.is-market{ background: linear-gradient(90deg,#35473e,#44584d); color: #e4f0e9; border: 1px solid rgba(150,180,164,.34); box-shadow: 0 2px 8px rgba(0,0,0,.55); }
@keyframes fvGlow{ 0%,100% { box-shadow: 0 0 8px rgba(35,220,150,.3); } 50% { box-shadow: 0 0 18px rgba(45,235,165,.75); } }
@keyframes fvHalo{ 0% { opacity: .7; transform: scale(1); } 70%,100% { opacity: 0; transform: scale(1.65); } }
.fv-up::after{ content: attr(data-tip); position: absolute; bottom: calc(100% + 8px); left: 50%; transform: translateX(-50%) translateY(4px);
  width: 198px; padding: 8px 10px; border-radius: var(--radius-l); text-align: left;
  background: rgba(6,12,18,.97); border: 1px solid rgba(95,199,223,.3); box-shadow: 0 10px 26px rgba(0,0,0,.75);
  color: #d9e6f0; font-size: var(--t-micro); font-weight: 600; line-height: 1.45; letter-spacing: 0; white-space: normal;
  /* Mono belongs to the chip's numeral, not to this sentence. Without an
     explicit body font the tooltip inherits Plex Mono from .fv-up and the
     prose runs 4 cramped lines instead of 3, bursting a box sized for Inter. */
  font-family: var(--font-body);
  opacity: 0; pointer-events: none; transition: opacity .14s ease, transform .14s ease; z-index: 30; }
.fv-up:hover::after, .fv-up:focus-visible::after{ opacity: 1; transform: translateX(-50%) translateY(0); }
.fv-stage{ position: relative; border: 1px solid rgba(95,199,223,.18); border-radius: var(--radius-xl); background: #05090f; overflow: hidden; }
.fv-stagehead .fv-avg{ margin-left: auto; color: #cfdce6; font-weight: 700; letter-spacing: .03em; text-transform: none; font-size: var(--t-small); }
.fv-pos .fv-up{ bottom: calc(100% + 6px); }
.fv-pos.is-hole .fv-glow{ background: radial-gradient(ellipse at center, rgba(255,70,100,.34), rgba(255,60,90,.1) 54%, transparent 74%); }
.fv-rotpanel{ position: relative; border: 1px solid rgba(95,199,223,.18); border-radius: 12px 12px 0 0; border-bottom: 0;
  background: linear-gradient(180deg, rgba(10,18,25,.85), rgba(5,9,15,.97)); padding: 40px 10px 4px; }
.fv-mslot .fv-up{ bottom: 156px; }
.fv-penband{ position: relative; border: 1px solid rgba(95,199,223,.18); border-radius: 0 0 12px 12px; background: #05090f; height: 250px; }
.fv-parm.is-closer .fv-plight .fv-turf{ background: radial-gradient(ellipse at center, rgba(255,90,120,.2), transparent 72%); }
.fv-parm .fv-up{ bottom: 142px; }
@keyframes fvBreathe{ 0%,100% { opacity: .82; } 50% { opacity: 1; } }
.fv-rail{ border: 1px solid rgba(95,199,223,.18); border-radius: var(--radius-xl); background: linear-gradient(180deg, rgba(11,20,28,.96), rgba(6,11,16,.98)); overflow: hidden; }
.fv-railhead .fv-t{ font-size: var(--t-micro); font-weight: 700; letter-spacing: .14em; color: var(--cyan-ink); text-transform: uppercase; }
.fv-railhead .fv-n{ margin-left: auto; font-size: var(--t-micro); color: #8496a6; font-weight: 700; }
.fv-back{ font-size: var(--t-micro); font-weight: 600; color: var(--cyan-ink); background: none; border: 0; cursor: pointer; padding: 0; font-family: inherit; }
.fv-hole{ border: 1px solid rgba(255,45,75,.4); background: linear-gradient(180deg, rgba(40,10,18,.85), rgba(20,7,11,.9)); border-radius: 10px; padding: 10px 12px; margin-bottom: var(--space-6); }
.fv-hole .fv-lab{ font-size: var(--t-micro); font-weight: 700; letter-spacing: .14em; color: #ff8fa3; text-transform: uppercase; margin: 0; }
.fv-hole .fv-big{ font-size: var(--t-base); font-weight: 700; color: #fff; margin: 4px 0 0; }
.fv-secl{ font-size: var(--t-micro); font-weight: 700; letter-spacing: .14em; color: #7f93a4; text-transform: uppercase; margin: 14px 0 8px; }
.fv-brow .fv-who{ font-size: var(--t-small); font-weight: 600; color: #eaf4fb; }
.fv-brow .fv-sub{ font-size: var(--t-micro); color: #8496a6; margin-top: 1px; }
.fv-brow > span:not([class]){ display: grid; gap: 1px; min-width: 0; }
.fv-tag{ margin-left: auto; font-size: var(--t-micro); font-weight: 700; padding: 2px 6px; border-radius: 5px; }
.fv-tag.is-owned{ background: #0a2420; color: #7ef0c2;
  border: 1px solid color-mix(in srgb, var(--sage) 46%, transparent); }
.fv-tag.is-market{ background: linear-gradient(90deg,#35473e,#44584d); color: #e4f0e9; border: 1px solid rgba(150,180,164,.34); }
.fv-stat{ border: 1px solid rgba(95,199,223,.14); border-radius: 9px; padding: 8px 10px; background: rgba(9,16,23,.7); }
.fv-stat b{ display: block; font-size: 1rem; font-weight: 700; color: #fff; }
.fv-stat span{ font-size: var(--t-micro); color: #8496a6; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.fv-swapout{ display: flex; gap: var(--space-4); align-items: center; padding: 9px; border-radius: 9px; margin-bottom: var(--space-1);
  background: rgba(255,45,75,.08); border: 1px solid rgba(255,80,110,.32); }
.fv-swapout .fv-who{ font-size: var(--t-body); font-weight: 600; color: #fff; }
.fv-swapout .fv-sub{ font-size: var(--t-micro); color: #ff9fae; margin-top: 1px; }
.fv-search{ display: flex; align-items: center; gap: var(--space-2); background: rgba(8,14,20,.9); border: 1px solid rgba(95,199,223,.3); border-radius: var(--radius-l); padding: 7px 10px; }
.fv-rrow{ display: flex; align-items: center; gap: 9px; padding: 7px; border-radius: 7px; cursor: pointer; transition: background .12s; width: 100%;
  background: none; border: 0; text-align: left; font-family: inherit; }
.fv-rrow .fv-who{ font-size: var(--t-small); font-weight: 600; color: #eaf4fb; }
.fv-rrow .fv-sub{ font-size: var(--t-micro); color: #8496a6; }
.fv-confirm{ display: block; width: 100%; margin-top: var(--space-5); padding: var(--space-4); border-radius: 9px; border: 0; cursor: pointer; font-family: inherit;
  background: linear-gradient(90deg,#0fb87d,var(--sage)); color: #04241a; font-size: var(--t-small); font-weight: 700; }
.fv-clear{ width: 100%; margin-top: var(--space-3); padding: var(--space-3); border-radius: var(--radius-l); cursor: pointer; font-family: inherit;
  background: none; border: 1px solid rgba(255,80,110,.3); color: #ff9fae; font-size: var(--t-micro); font-weight: 600; }
@media (prefers-reduced-motion: reduce){.fv-up, .fv-up .fv-halo, .fv-lightcol .fv-shaft, .fv-lightcol .fv-pool, .fv-plight .fv-sh, .fv-pos .fv-glow{ animation: none !important; }
.fv-up.is-owned{ box-shadow: 0 0 12px rgba(35,220,150,.5); }

}
.fv-up.is-flipped::after{ bottom: auto; top: calc(100% + 8px); transform: translateX(-50%) translateY(-4px); }
.fv-up.is-flipped:hover::after, .fv-up.is-flipped:focus-visible::after{ transform: translateX(-50%) translateY(0); }
.fv-pri{ display: inline-flex; align-items: center; gap: var(--space-1); margin-top: var(--space-2); padding: 3px 9px; border-radius: var(--radius-pill);
  font-family: inherit; font-size: var(--t-micro); font-weight: 700; letter-spacing: .08em; text-transform: uppercase; cursor: pointer; }
.fv-pri.is-high{ border: 1px solid rgba(241,184,75,.45); background: rgba(241,184,75,.14); color: var(--gold); }
.fv-pri.is-normal{ border: 1px solid rgba(95,199,223,.3); background: rgba(95,199,223,.1); color: #9fb0be; }
.fv-pri.is-low{ border: 1px solid rgba(120,140,155,.3); background: rgba(120,140,155,.1); color: #7f93a4; }
.fv-fitread .eyebrow{ font-size: var(--t-micro); letter-spacing: .14em; }
.fv-holeph{ width: 30px; height: 42px; border-radius: var(--radius-s); flex: none; border: 1px dashed rgba(95,199,223,.3); }
.fv-tag.is-need{ background: rgba(255,45,75,.14); border: 1px solid rgba(255,80,110,.35); color: #ff9fae; }
.fv-tag.is-move{ background: rgba(241,184,75,.16); border: 1px solid rgba(241,184,75,.4); color: var(--gold); }
.fv-tag.is-earn{ background: rgba(160,120,220,.16); border: 1px solid rgba(170,130,230,.4); color: #c9a9f0; }
.fv-l:hover{ color: var(--ink); }
.fv-l.is-on{ color: var(--cyan); border-bottom-color: var(--cyan); }
.fv-pos .fv-up{ top: auto; bottom: 16px; left: auto; right: 0;
  transform: translateX(100%); margin-right: -1px; border-left: 0;
  padding: 3px 7px 3px 6px; border-radius: 0 6px 6px 0; }
.fv-pos.is-chipleft .fv-up{ right: auto; left: 0; transform: translateX(-100%);
  margin-right: 0; margin-left: -1px; border-right: 0; border-left: 1px solid;
  padding: 3px 6px 3px 7px; border-radius: 6px 0 0 6px; }
@keyframes fvPick{
  0%, 100% { filter: drop-shadow(0 16px 22px rgba(0,0,0,.9)) drop-shadow(0 0 14px rgba(127,233,255,.75));
    transform: translateY(-6px) scale(1.04); }
  50% { filter: drop-shadow(0 20px 30px rgba(0,0,0,.95)) drop-shadow(0 0 26px rgba(127,233,255,1))
    drop-shadow(0 0 40px rgba(95,199,223,.55)); transform: translateY(-9px) scale(1.06); }
}
.fv-pos.is-vacant .fv-nm{ color: var(--dim); }
.fv-stage.is-showing{ overflow: visible; }
.fv-stage.is-showing .fv-fbg, .fv-stage.is-showing .fv-fscrim{ border-radius: 12px 12px 0 0; }
.fv-bloom{ position: absolute; z-index: 20; width: min(300px, calc(100% - 24px));
  padding: 14px 16px 16px; border-radius: 14px; border: 0; transform: translate(-50%, 84px);
  background: radial-gradient(120% 120% at 50% 0%, rgba(10,20,28,.97), rgba(5,10,15,.94) 70%);
  box-shadow: 0 22px 54px rgba(0,0,0,.78), 0 0 0 1px rgba(95,199,223,.16) inset; }
.fv-bcap{ margin: 0; flex: 1; min-width: 0; font-size: 11.5px; color: var(--dim); }
.fv-bx:hover{ color: var(--ink); }
.fv-bdelta b.is-cost{ color: var(--gold); }
.fv-og.is-free{ color: var(--cyan); }
.fv-og.is-cost{ color: var(--gold); }
.fv-og.is-down{ color: var(--dim); }
.fv-bmore:hover{ color: var(--cyan); text-decoration-color: var(--cyan); }
.fv-search{ display: block; margin: 12px 0 0; padding: 0; border: 0; border-radius: 0; background: none; }
.fv-lead{ display: block; width: 100%; text-align: left; padding: var(--space-3); margin: 0 -8px;
  border: 0; border-radius: 9px; background: none; cursor: pointer; transition: background .14s ease; }
.fv-lead:hover .fv-go{ text-decoration-color: var(--cyan); }
.fv-leadid{ display: grid; gap: 2px; min-width: 0; }
.fv-pwfor{ flex: 1; min-width: 0; font-size: var(--t-small); color: var(--dim);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fv-pwd.is-up{ color: var(--sage); }
.fv-pwd.is-down, .fv-pwd.is-flat{ color: var(--dim); }
.t-label,
.eyebrow,
.field-label,
.squad-build-label,
.fv-secl,
.fv-role,
.fv-t,
.fv-stat span,
.fv-hole .fv-lab{
  font-family: var(--font-display);
  font-size: var(--t-small);
  font-weight: var(--w-semi);
  letter-spacing: var(--track-caps);
  text-transform: uppercase;
}
.t-num, .fv-stat b, .fv-tag.is-market, .fv-pill b, .fv-avg em{
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
  font-weight: var(--w-semi);
  letter-spacing: -0.01em;
  text-transform: none;
}
.fv-tag.is-market{ font-size: var(--t-micro); font-weight: var(--w-med); }
.fv-autobtn, .fv-back, .fv-confirm, .fv-clear{ font-family: var(--font-display); font-size: var(--t-base); font-weight: var(--w-semi); letter-spacing: 0.05em; text-transform: uppercase; }
.fv-hole .fv-big{ font-family: var(--font-display); font-size: var(--t-lead); font-weight: var(--w-bold); letter-spacing: 0.01em; }
.fv-up{ font-family: var(--font-mono); font-size: var(--t-micro); font-weight: var(--w-semi); letter-spacing: -0.02em; }
.fv-brow .fv-who, .fv-rrow .fv-who, .fv-swapout .fv-who{
  font-family: var(--font-body); font-size: var(--t-body); font-weight: var(--w-semi); letter-spacing: 0; text-transform: none; }
.fv-brow .fv-sub, .fv-rrow .fv-sub, .fv-swapout .fv-sub{
  font-family: var(--font-body); font-size: var(--t-small); font-weight: var(--w-reg); letter-spacing: 0;
  text-transform: none; font-variant-numeric: tabular-nums; }
.squad-filterbar{
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--space-3);
  flex-wrap: wrap;
  margin-top: var(--space-6);
  padding: 10px 12px;
  border: 1px solid rgba(95,199,223,.18);
  border-radius: var(--radius-xl);
  background: linear-gradient(180deg, rgba(11,20,28,.9), rgba(6,11,16,.95));
}
.squad-filterbar .sf-inline .field-label{ white-space: nowrap; color: #7f93a4; }
.sf-more{
  display: inline-flex; align-items: center; gap: var(--space-2);
  padding: 8px 16px; border-radius: var(--radius-pill); cursor: pointer;
  border: 1px solid rgba(95,199,223,.28);
  background: rgba(10,17,24,.8);
  color: var(--cyan-ink);
  font-family: var(--font-display);
  font-size: var(--t-base);
  font-weight: var(--w-semi);
  letter-spacing: .05em;
  text-transform: uppercase;
}
.sf-more:hover{ border-color: rgba(127,233,255,.5); }
.sf-more:focus-visible{ outline: 2px solid var(--cyan-ink); outline-offset: 2px; }
.sf-more.is-active{ border-color: rgba(127,233,255,.55); background: rgba(127,233,255,.12); }
.sf-count{
  min-width: 18px; height: 18px; padding: 0 5px; border-radius: var(--radius-pill);
  display: inline-grid; place-items: center;
  background: linear-gradient(180deg,#43e6ff,#14a9d4); color: #032028;
  font-family: var(--font-mono); font-size: var(--t-micro); font-weight: var(--w-semi); letter-spacing: 0;
}
.sf-panel{
  position: absolute; top: calc(100% + 8px); right: 0; z-index: 40;
  display: grid; grid-template-columns: repeat(2, minmax(180px, 1fr)); gap: var(--space-5);
  width: min(520px, calc(100vw - 40px));
  padding: var(--space-7);
  border: 1px solid rgba(95,199,223,.3);
  border-radius: var(--radius-xl);
  background: rgba(6,12,18,.98);
  box-shadow: 0 22px 48px rgba(0,0,0,.75);
}
.squad-meta .data-status{ font-size: var(--t-small); color: #7f93a4; margin: 0; }
.squad-save-chip{
  margin-left: auto;
  padding: 5px 12px; border-radius: var(--radius-pill); cursor: pointer;
  min-height: 44px;
  border: 1px solid rgba(127,233,255,.32);
  background: rgba(127,233,255,.08);
  color: var(--cyan-ink);
  font-family: var(--font-display);
  font-size: var(--t-small);
  font-weight: var(--w-semi);
  letter-spacing: .06em;
  text-transform: uppercase;
}
.visually-hidden{
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0;
}
.squad-live{
  width: 7px; height: 7px; border-radius: 50%; flex: none;
  background: var(--sage);
  box-shadow: 0 0 0 0 rgba(63,227,164,.55);
  animation: squadLivePulse 2.8s ease-out infinite;
}
@keyframes squadLivePulse{
  0% { box-shadow: 0 0 0 0 rgba(63,227,164,.5); }
  70%, 100% { box-shadow: 0 0 0 7px rgba(63,227,164,0); }
}
.squad-meta .data-status{ font-size: var(--t-small); color: #9fb0be; margin: 0; }
.fv-brow > span:not([class]),
.fv-rrow > span:not([class]),
.fv-swapout > span:not([class]){ display: flex; flex-direction: column; gap: 2px; min-width: 0; }
@media (prefers-reduced-motion: reduce){.squad-live{ animation: none; }

}
.fv-step{ margin-left: auto; display: inline-flex; align-items: center;
  border: 1px solid rgba(95,199,223,.25); border-radius: var(--radius-l); background: rgba(6,12,18,.8); }
.fv-step button:hover:not([disabled]){ color: var(--cyan-ink); }
.fv-step .n{ padding: 0 7px; font-family: var(--font-mono); font-size: var(--t-micro); font-weight: var(--w-semi);
  color: #eaf4fb; font-variant-numeric: tabular-nums; }
.squad-filterbar .sf-inline .field-label{ letter-spacing: .1em; }
.squad-filterbar .sf-inline .field-label{ flex: 0 0 auto; }
.fit-group.is-quiet .fit-glabel{ color: #7f93a4; }
.fit-expand{
  display: block;
  width: 100%;
  margin-bottom: var(--space-4);
  padding: var(--space-5);
  border: 1px dashed rgba(95,199,223,.22);
  border-radius: 10px;
  background: none;
  cursor: pointer;
  font-family: var(--font-display);
  font-size: var(--t-base);
  font-weight: var(--w-semi);
  letter-spacing: .05em;
  text-transform: uppercase;
  color: var(--cyan-ink);
}
.planner-tune{
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  padding: 14px 16px;
}
.planner-tune .tune-row{ display: flex; align-items: center; gap: var(--space-6); flex-wrap: wrap; }
.planner-tune .tune-lead{ color: var(--muted); }
.planner-tune .tune-field{ display: inline-flex; align-items: center; gap: var(--space-3); margin: 0; }
.planner-tune .tune-field .field-label{ flex: 0 0 auto; margin: 0; }
.planner-tune select,
.planner-tune input[type="search"]{
  padding: 7px 30px 7px 12px;
  border-radius: var(--radius-l);
  border: 1px solid rgba(95, 199, 223, .25);
  background: rgba(8, 14, 20, .9);
  color: var(--ink);
  font-family: var(--font-body);
  font-size: var(--t-body);
}
.planner-tune input[type="search"]{ padding-right: var(--space-5); width: 100%; }
.planner-tune select{
  appearance: none;
  -webkit-appearance: none;
  background-image:
    linear-gradient(45deg, transparent 50%, #7f93a4 50%),
    linear-gradient(135deg, #7f93a4 50%, transparent 50%);
  background-position: right 14px center, right 9px center;
  background-size: 5px 5px, 5px 5px;
  background-repeat: no-repeat;
}
.planner-tune .tune-more{ margin-left: auto; }
.planner-tune .tune-more summary{
  list-style: none;
  cursor: pointer;
  font-family: var(--font-display);
  font-size: var(--t-body);
  font-weight: var(--w-semi);
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--cyan-ink);
  padding: 7px 14px;
  border: 1px dashed rgba(95, 199, 223, .3);
  border-radius: var(--radius-l);
}
.planner-tune .tune-more summary::-webkit-details-marker{ display: none; }
.planner-tune .tune-more[open] summary{ border-style: solid; background: rgba(95, 199, 223, .06); }
.planner-tune .tune-extra{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: var(--space-6);
  width: 100%;
  margin-top: var(--space-1);
  padding-top: var(--space-5);
  border-top: 1px solid rgba(95, 199, 223, .14);
}
.planner-tune .tune-extra label{ display: flex; flex-direction: column; gap: var(--space-2); margin: 0; }
.planner-tune .tune-status{ color: var(--muted); font-size: var(--t-small); }
.program-answer{
  margin-top: var(--space-7);
  padding: 24px 26px;
  border: 1px solid rgba(95, 199, 223, .16);
  border-radius: var(--radius-2xl);
  background:
    radial-gradient(120% 90% at 82% -10%, rgba(95, 199, 223, .06), transparent 60%),
    var(--panel);
}
.program-answer .program-detail{ max-width: none; width: 100%; margin: 0; padding: 0; border: 0; background: none; }
.program-featured{ display: block; background: none; border: 0; box-shadow: none; padding: 0; margin: 0; gap: 0; grid-template-columns: none; }
.program-featured .alt-label{ margin: 18px 0 10px; }
.program-featured .alt-strip{ display: flex; gap: var(--space-4); overflow-x: auto; padding-bottom: var(--space-1); }
.program-featured .alt-card{
  flex: 0 0 auto; min-width: 168px; max-width: 240px;
  text-align: left; padding: 12px 14px;
  border-radius: var(--radius-xl); border: 1px solid var(--line);
  background: var(--panel); color: var(--ink); cursor: pointer;
}
.program-featured .alt-card.is-active{ border-color: rgba(95, 199, 223, .55); background: rgba(95, 199, 223, .08); }
.program-featured .alt-card b{ display: block; font-size: var(--t-base); font-weight: var(--w-semi); margin-bottom: 3px; }
.program-featured .alt-card span{ font-size: var(--t-small); color: var(--muted); }
.program-see-all{
  display: flex; align-items: center; justify-content: space-between; gap: var(--space-6);
  width: 100%; margin: 16px 0 0; padding: 14px 16px;
  border: 1px dashed rgba(95, 199, 223, .28); border-radius: var(--radius-xl);
  background: none; color: var(--ink); cursor: pointer;
}
.program-see-all:hover{ border-color: rgba(95, 199, 223, .5); background: rgba(95, 199, 223, .04); }
.program-see-all strong{ display: block; font-family: var(--font-display); font-size: var(--t-lead); font-weight: var(--w-semi); }
.program-see-all small{ display: block; font-size: var(--t-small); color: var(--muted); margin-top: 2px; }
.program-see-all .see-all-icon{ font-family: var(--font-mono); font-size: var(--t-lead); color: var(--cyan-ink); }
.program-list{ margin-top: var(--space-1); }
.program-console{
  margin-top: var(--space-7);
  padding: 22px 24px;
  border: 1px solid rgba(95, 199, 223, .16);
  border-radius: var(--radius-2xl);
  background:
    radial-gradient(120% 90% at 82% -10%, rgba(95, 199, 223, .06), transparent 60%),
    var(--panel);
}
.program-console > .program-detail{ border: 0; background: none; padding: 0; margin: 0; }
.program-console > .program-featured,
.program-console > .program-list{ border: 0; background: none; }
.program-console .planner-tune{
  padding: 0 0 16px;
  margin-bottom: var(--space-9);
  border-bottom: 1px solid rgba(95, 199, 223, .14);
  background: none;
}
.planner-tune .tune-row{ gap: var(--space-5); }
.planner-tune .tune-lead{ font-size: var(--t-small); }
.planner-tune .tune-field{
  display: inline-flex;
  align-items: center;
  gap: var(--space-3);
  padding: 8px 12px;
  border-radius: var(--radius-pill);
  border: 1px solid rgba(95, 199, 223, .28);
  background: rgba(8, 14, 20, .55);
}
.planner-tune .tune-field .tune-ico{ font-size: var(--t-base); line-height: 1; }
.planner-tune .tune-field select{
  border: 0;
  background-color: transparent;
  padding: 0 22px 0 0;
  font-size: var(--t-base);
  font-weight: var(--w-semi);
  background-position: right 8px center, right 3px center;
}
.program-console .program-featured{ margin-top: var(--space-9); padding-top: var(--space-8); border-top: 1px solid rgba(95, 199, 223, .14); }
.program-console .program-featured .alt-label{ margin: 0 0 12px; }
.program-console .program-list{ margin-top: 0; }
.program-console .program-see-all{
  border: 0;
  border-top: 1px solid rgba(95, 199, 223, .14);
  border-radius: 0;
  margin: 20px 0 0;
  padding: 16px 2px 2px;
}
.program-console .program-see-all:hover{ background: none; }
.tune-extra .tune-status{ grid-column: 1 / -1; margin-top: 2px; }
.program-console > .program-detail{ padding-top: var(--space-1); }
.program-console .program-detail::before{ content: none; }
.tool-page .reward-finder::before{ content: none; }
.program-console .program-team-grid{ display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: var(--space-2); padding: 8px 0; }
.program-console .program-team-grid button{ text-align: left; padding: 8px 10px; border-radius: var(--radius-l); border: 1px solid var(--line); background: var(--panel); color: var(--ink); font-size: var(--t-small); cursor: pointer; }
.program-console .program-team-grid button.is-active{ border-color: rgba(95, 199, 223, .5); background: rgba(95, 199, 223, .08); }
.program-console select,
.planner-tune select{ color-scheme: dark; }
.program-console select option,
.planner-tune select option{ background: var(--field); color: #eef4f8; }
.program-console .program-featured{ margin-top: 22px; }
.program-console .program-featured .alt-label{ color: #eef4f8; margin-bottom: var(--space-5); }
.program-console .program-featured .alt-strip{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-5);
  overflow: visible;
}
.program-console .program-featured .alt-card{
  position: relative;
  min-width: 0;
  max-width: none;
  width: 100%;
  padding: 16px 16px 16px 20px;
  border-radius: var(--radius-xl);
  border: 1px solid rgba(95, 199, 223, .18);
  background: linear-gradient(150deg, rgba(18, 27, 36, .9), rgba(9, 15, 21, .7));
  overflow: hidden;
  text-align: left;
  transition: transform .14s ease, border-color .14s ease;
}
.program-console .program-featured .alt-card::before{ content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background: var(--alt-accent, var(--cyan)); }
.program-console .program-featured .alt-card::after{ content: ""; position: absolute; inset: 0; background: radial-gradient(120% 140% at 0% 0%, var(--alt-glow, rgba(95, 199, 223, .12)), transparent 58%); pointer-events: none; }
.program-console .program-featured .alt-card .alt-rank{ position: relative; font-family: var(--font-mono); font-size: var(--t-small); font-weight: 700; color: var(--alt-accent, var(--cyan)); }
.program-console .program-featured .alt-card b{ position: relative; display: block; font-size: var(--t-base); font-weight: 600; margin: 3px 0 4px; color: #f4f9fc; }
.program-console .program-featured .alt-card .alt-sub{ position: relative; font-size: var(--t-small); color: var(--muted); }
.program-console .program-featured .alt-card.alt-c0{ --alt-accent: var(--cyan); --alt-glow: rgba(95, 199, 223, .16); }
.program-console .program-featured .alt-card.alt-c1{ --alt-accent: var(--sage); --alt-glow: rgba(63, 227, 164, .14); }
.program-console .program-featured .alt-card.alt-c2{ --alt-accent: var(--gold); --alt-glow: rgba(241, 184, 75, .13); }
.program-console .program-featured .alt-card:hover{ border-color: var(--alt-accent, var(--cyan)); transform: translateY(-2px); }
.program-console .program-featured .alt-card.is-active{ border-color: var(--alt-accent, var(--cyan)); box-shadow: 0 0 0 1px var(--alt-accent, var(--cyan)); }
@media (max-width: 760px){.program-console .program-featured .alt-strip{ grid-template-columns: 1fr; }

}
.path-loading{ color: var(--muted); font-size: var(--t-base); padding: 48px 0; }
.path-head{ padding: 28px 0 8px; border-bottom: 1px solid var(--line); margin-bottom: 26px; }
.path-eyebrow{
  font-family: var(--font-display);
  font-size: var(--t-body);
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--cyan);
  margin-bottom: var(--space-4);
}
.path-title{ font-family: var(--font-display); font-size: clamp(2.1rem, 3.4vw, 3rem); font-weight: 700; line-height: 1.04; margin: 0 0 14px; }
.path-verdict{ font-size: var(--t-base); line-height: 1.55; color: var(--ink); margin: 0 0 20px; max-width: 62ch; }
.path-stats{ margin-bottom: 22px; }
.path-block{ margin-bottom: 30px; }
.path-label{ display: block; font-size: var(--t-body); margin-bottom: var(--space-5); }
.path-call{ font-family: var(--font-display); font-size: 1.45rem; font-weight: 700; line-height: 1.2; margin: 0 0 8px; }
.path-sub{ font-size: 1.01rem; line-height: 1.55; color: var(--muted); margin: 0 0 8px; max-width: 66ch; }
.path-sub strong{ color: var(--ink); font-weight: 600; }
.path-worth{
  position: relative;
  padding: 20px 22px 20px 24px;
  border-radius: var(--radius-xl);
  border: 1px solid rgba(95, 199, 223, .16);
  background: linear-gradient(150deg, rgba(18, 27, 36, .8), rgba(9, 15, 21, .55));
  overflow: hidden;
}
.path-worth::before{ content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background: var(--path-accent, var(--cyan)); }
.path-worth .path-call{ color: var(--path-accent, var(--cyan)); }
.path-worth-value{ --path-accent: var(--sage); }
.path-worth-grind{ --path-accent: var(--gold); }
.path-worth-neutral{ --path-accent: var(--cyan); }
.path-timeline .tl-note{ font-size: var(--t-base); line-height: 1.5; color: var(--muted); margin: 6px 0 0; }
.path-list{ margin: 0; padding-left: var(--space-9); }
.path-list li{ font-size: var(--t-base); line-height: 1.55; color: var(--ink); margin-bottom: 9px; }
.path-chips, .path-suggestions{ list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: var(--space-3); }
.path-chips li{
  font-size: var(--t-small);
  padding: 7px 12px;
  border-radius: var(--radius-pill);
  border: 1px solid var(--line);
  background: var(--field);
  color: var(--ink);
}
.path-suggestions{ flex-direction: column; gap: var(--space-4); margin-bottom: var(--space-8); }
.path-suggestions a{ color: var(--cyan-ink); font-size: var(--t-base); }
.path-actions{ margin: 14px 0 0; display: flex; flex-wrap: wrap; gap: var(--space-8); }
.path-actions a, .path-back{ color: var(--cyan-ink); font-size: var(--t-body); font-weight: 600; }
.path-source{
  margin-top: 38px;
  padding-top: var(--space-8);
  border-top: 1px solid var(--line);
  font-size: var(--t-small);
  line-height: 1.6;
  color: var(--muted);
  max-width: 72ch;
}
@media (max-width: 760px){.path-title{ font-size: 1.95rem; }
.path-call{ font-size: var(--t-lead); }

}
.wn-stamp{
  display: inline-flex; align-items: center; gap: 9px;
  font-size: var(--t-body); color: var(--muted);
  padding: 9px 15px; border-radius: var(--radius-pill);
  border: 1px solid rgba(63, 227, 164, .26); background: rgba(63, 227, 164, .07);
  margin: 0;
}
.wn-stamp-dot{ width: 8px; height: 8px; border-radius: 50%; background: var(--sage); box-shadow: 0 0 0 3px rgba(63, 227, 164, .18); flex: 0 0 auto; }
.wn-promise{
  max-width: 760px; margin: 34px auto 8px;
  padding: 22px 24px; border-radius: var(--radius-xl);
  border: 1px solid rgba(95, 199, 223, .2);
  background: linear-gradient(150deg, rgba(18, 27, 36, .8), rgba(9, 15, 21, .55));
}
.wn-primary{
  display: inline-block;
  font-family: var(--font-display); font-size: 1rem; font-weight: 700; letter-spacing: .02em;
  padding: 13px 24px; border-radius: 10px;
  border: 1px solid rgba(95, 199, 223, .5);
  background: linear-gradient(140deg, rgba(95, 199, 223, .22), rgba(63, 227, 164, .14));
  color: #eef4f8;
}
.wn-tag{
  flex: 0 0 auto; min-width: 74px; text-align: center;
  font-family: var(--font-display); font-size: var(--t-micro); font-weight: 700;
  letter-spacing: .11em; text-transform: uppercase;
  padding: 5px 10px; border-radius: var(--radius-pill); margin-top: 2px;
  border: 1px solid var(--wn-accent, var(--cyan)); color: var(--wn-accent, var(--cyan));
  background: color-mix(in srgb, var(--wn-accent, var(--cyan)) 10%, transparent);
}
.wn-item-copy{ min-width: 0; }
@media (max-width: 640px){.wn-tag{ min-width: 0; align-self: flex-start; }

}
.row-new{
  display: inline-block;
  font-family: var(--font-display);
  font-style: normal;
  font-size: var(--t-micro);
  font-weight: 700;
  letter-spacing: .11em;
  text-transform: uppercase;
  line-height: 1;
  color: var(--sage);
  background: rgba(63, 227, 164, .13);
  padding: 3px 6px 2px;
  margin-left: var(--space-3);
  border-radius: var(--radius-s);
  white-space: nowrap;
  vertical-align: 0.08em;
}
.pl-line .li-note{
  margin-left: auto;
  font-family: var(--font-body);
  font-size: var(--t-small);
  font-weight: 400;
  color: var(--muted);
}
.pl-pick{
  position: relative;
  flex: 1 1 300px;
  min-width: 0;
  display: block;
}
.pl-drop{
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% - 1px);
  z-index: 30;
  display: block;
  border: 1px solid rgba(95, 199, 223, 0.42);
  border-top: 0;
  border-radius: 0 0 9px 9px;
  background: #0b131b;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.5);
  overflow: hidden;
}
.pl-opt .op-n{
  font-family: var(--font-body);
  font-size: var(--t-base);
  font-weight: 600;
  color: var(--ink);
  min-width: 0;
}
.pl-opt .op-c{
  font-family: var(--font-mono);
  font-size: var(--t-small);
  color: var(--muted);
  white-space: nowrap;
}
.pl-opt .op-r{
  font-family: var(--font-display);
  font-size: 1.02rem;
  font-weight: 700;
  white-space: nowrap;
  color: var(--tone, var(--muted));
}
.pl-opt .op-r.is-none,
.pl-opt .op-r.is-earned{
  font-family: var(--font-mono);
  font-size: var(--t-micro);
  font-weight: 400;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--muted);
  border: 1px solid var(--line);
  border-radius: var(--radius-s);
  padding: 1px 5px;
}
.pl-band{
  position: relative;
  padding: 15px 19px 14px 20px;
  border-radius: 10px;
  border: 1px solid var(--toneLine);
  background: rgba(8, 14, 22, 0.55);
  overflow: hidden;
}
.pl-board .pl-eyebrow{
  font-family: var(--font-display);
  font-size: var(--t-body);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--cyan);
  margin: 0 0 8px;
}
.pl-board .pl-title{
  font-family: var(--font-display);
  font-size: clamp(1.5rem, 3.4vw, 2.05rem);
  font-weight: 700;
  line-height: 1.14;
  margin: 0 0 10px;
  color: var(--ink);
}
.pl-board .pl-lede{
  font-size: var(--t-base);
  line-height: 1.6;
  color: var(--muted);
  margin: 0 0 18px;
  max-width: 82ch;
}
.pl-rate-row{
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) 96px minmax(0, 1fr) minmax(0, 1.2fr);
  gap: var(--space-7);
  align-items: center;
  padding: 12px 16px 12px 19px;
  border-radius: 10px;
  border: 1px solid var(--line);
  background: rgba(8, 14, 22, 0.6);
  overflow: hidden;
}
.pl-rate-row .rt-n{
  font-size: var(--t-base);
  font-weight: 600;
  color: var(--ink);
  min-width: 0;
}
.pl-rate-row .rt-pct{
  font-family: var(--font-display);
  font-size: var(--t-lead);
  font-weight: 700;
  color: var(--tone);
  white-space: nowrap;
}
.pl-rate-row .rt-pct small{
  font-size: 0.62em;
}
.pl-rate-row .rt-pct.is-none{
  font-family: var(--font-mono);
  font-size: var(--t-small);
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.pl-rate-row .rt-bar{
  position: relative;
  height: 7px;
  border-radius: var(--radius-s);
  background: rgba(238, 244, 248, 0.09);
  overflow: hidden;
}
.pl-rate-row .rt-bar.is-empty{
  background: rgba(238, 244, 248, 0.05);
}
.pl-rate-row .rt-bar i{
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background: var(--tone);
  border-radius: var(--radius-s);
}
.pl-rate-row .rt-bar b{
  position: absolute;
  top: -4px;
  bottom: -4px;
  width: 1px;
  background: rgba(238, 244, 248, 0.5);
}
.pl-rate-row .rt-do{
  font-family: var(--font-mono);
  font-size: var(--t-small);
  color: var(--muted);
}
.pl-rate-row .rt-do em{
  font-style: normal;
  color: var(--tone);
}
@media (max-width: 900px){.pl-rate-row .rt-bar,
  .pl-rate-row .rt-do{
    grid-column: 1 / -1;
  }

}
.gold-gate-shell{
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}
.gold-gate-shell > .gold-gate-content{
  grid-area: 1 / 1;
}
.gold-gate-shell > .gold-gate-overlay{
  grid-area: 1 / 1;
  position: relative;
  inset: auto;
  transform: none;
  align-self: start;
  justify-self: center;
  margin: 18px 0;
}
.gold-gate-content{ overflow: hidden; border-radius: inherit; }
@media (max-width: 760px){.gold-gate-shell > .gold-gate-overlay{
    position: relative;
    inset: auto;
    transform: none;
    margin: 14px 0;
  }

}
.pl-rate-row.is-out-of-reach .rt-n{ color: #c3d0da; font-weight: var(--w-med); }
.pl-rate-row.is-out-of-reach .rt-pct,
.pl-rate-row.is-out-of-reach .rt-do{ color: var(--muted); }
.rt-short{
  margin-left: var(--space-4);
  font-family: var(--font-mono);
  font-size: var(--t-small);
  font-weight: var(--w-reg);
  color: var(--muted);
  white-space: nowrap;
}
.rankings-page .pr-hero{ align-items: center; }
.pr-stat b{ display: block; font-family: var(--font-display); font-size: 1.16rem; font-weight: 700; line-height: 1; color: var(--cyan); }
.pr-stat.lead b{ font-size: 1.9rem; }
.pr-stat span{ display: block; font-size: var(--t-small); color: var(--muted); margin-top: 5px; }
.pr-stat + .pr-stat{ padding-left: 26px; border-left: 1px solid var(--line); }
.pr-sort{ flex: 1 1 0; min-width: 158px; text-align: left; padding: 13px 16px 13px 0; background: none;
  border: 0; border-right: 1px solid var(--line); cursor: pointer; color: var(--muted); }
.pr-sort:last-child{ border-right: 0; }
.pr-sort + .pr-sort{ padding-left: var(--space-7); }
.pr-boardcol{ min-width: 0; }
.pr-main{ min-width: 0; }
.pr-inspector{ position: sticky; top: 14px; border: 1px solid var(--line); border-radius: var(--radius-xl);
  background: rgba(8, 14, 22, .6); padding: 17px 18px; }
.pr-insp-head b.lead{ font-size: 1.85rem; color: var(--cyan); }
.pr-insp-head b.alt{ font-size: 1.12rem; color: var(--muted); }
.pr-part.is-base{ color: var(--dim); }
@media (max-width: 1100px){.pr-cd{ width: 104px; }
.pr-slot.k .pr-cd{ width: 132px; }
.pr-stat + .pr-stat{ padding-left: var(--space-7); }

}
.rankings-page .pr-hero{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(560px, auto);
  gap: 30px; align-items: center; }
.rankings-page .pr-hero .pr-herocopy p:not(.eyebrow){ max-width: 58ch; }
.pr-positions button:hover{ border-color: rgba(95, 199, 223, .45); color: var(--ink); }
.pr-positions button.is-active{ border-color: var(--cyan); color: var(--ink); }
.pr-toolbar{ display: flex; flex-wrap: wrap; align-items: flex-end; gap: var(--space-6); margin: 18px 0 0;
  padding: 0 0 16px; border-bottom: 1px solid var(--line); background: none; border-radius: 0; }
.pr-toolbar .field-label{ font-family: var(--font-display); font-size: var(--t-micro); letter-spacing: .11em;
  text-transform: uppercase; color: var(--dim); }
@media (max-width: 1271px){.rankings-page .pr-hero{ grid-template-columns: 1fr; }

}
.fv-up::after,
.fv-up:hover::after,
.fv-up:focus-visible::after,
.fv-up.is-flipped::after,
.fv-up.is-flipped:hover::after,
.fv-up.is-flipped:focus-visible::after{
  content: none;
}
.fv-up{ cursor: help; }
.fv-stat{ min-width: 0; }
.fv-stat .tip{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 15px;
  height: 15px;
  flex: none;
  border-radius: 50%;
  border: 1px solid rgba(95, 199, 223, .38);
  background: rgba(95, 199, 223, .1);
  color: #9fd8e8;
  font-size: var(--t-micro);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
  cursor: help;
}
.fv-stat .tip:hover,
.fv-stat .tip:focus-visible{ border-color: var(--cyan); color: #d7f2fa; }
.rankings-page .pr-hero .pr-band{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px 22px; margin: 20px 0 0; padding: 0; border: 0; max-width: 460px; }
.rankings-page .pr-hero .pr-stat{ padding: 0; border: 0; }
.rankings-page .pr-hero .pr-stat + .pr-stat{ padding-left: 0; border-left: 0; }
.rankings-page .pr-hero .pr-stat b{ font-family: var(--font-display); font-size: 1.32rem; font-weight: 700;
  line-height: 1; color: var(--cyan); }
.rankings-page .pr-hero .pr-stat span{ display: block; font-size: var(--t-micro); color: var(--muted);
  margin-top: var(--space-1); line-height: 1.35; }
.pr-deck{ margin: 26px 0 0; padding: 14px 16px 15px; border: 1px solid rgba(95, 199, 223, .2);
  border-radius: var(--radius-xl); background: linear-gradient(180deg, rgba(16, 26, 36, .9), rgba(9, 15, 22, .9));
  box-shadow: 0 10px 30px rgba(0, 0, 0, .35); }
.pr-deck .pr-sort{ display: block; width: 100%; min-width: 0; text-align: left; padding: 12px 14px 13px;
  background: var(--field); border: 0; cursor: pointer; color: var(--muted); }
.pr-deck .pr-sort:hover{ background: #0e1721; }
.pr-deck .pr-sort.is-active{ background: rgba(95, 199, 223, .07); box-shadow: inset 0 2px 0 var(--cyan); }
.pr-sort-ans img, .pr-sort-noart{ display: block; width: 34px; height: 48px; border-radius: var(--radius-xs); }
.pr-sort-ans .n{ display: block; font-size: var(--t-small); color: var(--ink);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pr-sort-ans .v{ display: block; font-family: var(--font-mono); font-size: var(--t-micro); color: var(--dim); margin-top: 2px; }
.pr-sort.is-active .pr-sort-ans .n{ color: var(--cyan-ink); }
.pr-sort-ans.is-empty .n{ color: var(--dim); }
.pr-deck .pr-positions button:hover{ color: var(--ink); border-color: rgba(95, 199, 223, .45); }
.rankings-page .pr-toolbar .field-label{ font-size: var(--t-micro); }
.pr-sort-ans.is-repeat .n{ color: var(--muted); }
.pr-sort-ans.is-repeat .v{ color: var(--dim); font-style: italic; }
.pr-deck .pr-sort:hover{ background: var(--field); }
.pr-deck .pr-sort.is-active{ background: var(--field); }
.pr-deck .pr-k-quality.is-active{ box-shadow: inset 0 3px 0 var(--cyan); }
.pr-deck .pr-k-money.is-active{ box-shadow: inset 0 3px 0 var(--gold); }
.pr-deck .pr-k-coll.is-active{ box-shadow: inset 0 3px 0 var(--sage); }
.pr-deck .pr-k-money .pr-sort-ans .v{ color: #d2a955; }
.pr-deck .pr-k-coll .pr-sort-ans .v{ color: #7fcfae; }
.pr-deck .pr-sort-ans img, .pr-deck .pr-sort-noart{ width: 52px; height: 73px; border-radius: var(--radius-s); }
.pr-deck .pr-sort-ans .n{ font-size: var(--t-base); font-weight: 600; color: #fff; }
.pr-deck .pr-sort-ans .v{ font-size: var(--t-small); color: #9fb6c6; margin-top: 3px; }
.pr-deck .pr-sort.is-active .pr-sort-ans .n{ color: #fff; }
.pr-deck .pr-positions button.is-active{ border-color: var(--cyan); color: #fff; }
.pulse-rating-page .pm-empty{ font-size: var(--t-body); color: var(--muted); margin: 0; }
.pulse-rating-page .pm-axis.is-list{ border-left: 0; }
.pulse-rating-page .pm-axis.is-list + .pm-axline{ display: none; }
.pulse-rating-page .pm-lede{ font-size: var(--t-base); line-height: 1.65; color: #b6c6d2; max-width: 66ch; margin: 0 0 22px; }
.pulse-rating-page .pm-fit{ font-family: var(--font-mono); font-size: var(--t-micro); color: var(--dim); margin: 0 0 14px; }
.pulse-rating-page .pm-w th.n, .pulse-rating-page .pm-w td.n{ text-align: right; }
.pulse-rating-page .pm-w td.n{ font-family: var(--font-mono); font-size: var(--t-small); color: #8fa3b4; width: 74px; }
@keyframes paFloatL{ 0%, 100% { transform: translateY(0) rotate(-6deg); } 50% { transform: translateY(-9px) rotate(-6deg); } }
@keyframes paFloatC{ 0%, 100% { transform: translateY(-14px) scale(1.06); } 50% { transform: translateY(-25px) scale(1.06); } }
@keyframes paFloatR{ 0%, 100% { transform: translateY(0) rotate(6deg); } 50% { transform: translateY(-7px) rotate(6deg); } }
.advisor-page .hero-stage-advisor:has(.pa-slot){
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-4);
  align-items: end; height: auto; min-height: 0; padding-top: 22px;
}
.advisor-page .hero-stage-advisor:has(.pa-slot)::before,
.advisor-page .hero-stage-advisor:has(.pa-slot)::after{ content: none; }
@media (max-width: 760px){.advisor-page .hero-stage-advisor:has(.pa-slot){ gap: var(--space-2); padding-top: var(--space-6); }


}
.advisor-page .hero-stage-advisor:has(.pa-slot){ padding-top: var(--space-14); overflow: visible; }
.pulse-mark{ flex: none; display: inline-flex; align-items: center; color: var(--cyan); }
.pulse-mark svg{ display: block; }
@media (max-width: 480px){.pr-lift{ width: 100%; min-width: 0; }
.pr-cd, .pr-slot.k .pr-cd{ width: 100%; }
.pr-slot.k .pr-cd{ width: 116%; }

}
@media (max-width: 900px){.pulse-feed-viewport{
    -webkit-mask-image: linear-gradient(90deg, #000 0%, #000 86%, transparent 100%);
    mask-image: linear-gradient(90deg, #000 0%, #000 86%, transparent 100%);
  }
.pulse-feed-compact{
    -webkit-mask-image: linear-gradient(90deg, #000 0%, #000 92%, transparent 100%);
    mask-image: linear-gradient(90deg, #000 0%, #000 92%, transparent 100%);
  }

}
.reward-target-list:has(.rich-empty){ min-height: 128px; }
.advisor-page .s3-group:not(:last-child){
  border-image: linear-gradient(180deg, transparent, rgba(95, 199, 223, .16) 22%, rgba(95, 199, 223, .16) 78%, transparent) 1;
  border-right: 1px solid;
}
.fv-scale .fv-swlab{ font-family: var(--font-display); font-weight: 700; font-size: var(--t-small);
  letter-spacing: .07em; text-transform: uppercase; color: var(--muted);
  display: inline-flex; align-items: center; gap: var(--space-1); transition: color .15s ease; }
.fv-scale .fv-swlab.lit{ color: var(--ink); }
.fv-scale .fv-swlab[data-scale="pulse"].lit{ color: var(--cyan); }
.fv-track{ position: relative; width: 40px; height: 20px; border-radius: var(--radius-pill);
  border: 1px solid var(--line); background: rgba(45, 58, 70, .5); flex: none; }
.fv-up .pulse-mark{ color: inherit; }
.fv-up.is-owned.is-ovr{ background: var(--sage); color: #04241a; animation: fvBreatheMint 2.4s ease-in-out infinite; }
.fv-up.is-owned.is-pulse{ background: var(--cyan); color: #04222b; animation: fvBreatheCyan 2.4s ease-in-out infinite; }
@keyframes fvBreatheMint{
  0%, 100% { box-shadow: 0 0 0 0 rgba(63, 227, 164, 0); }
  50% { box-shadow: 0 0 10px 2px rgba(63, 227, 164, .55); }
}
@keyframes fvBreatheCyan{
  0%, 100% { box-shadow: 0 0 0 0 rgba(95, 199, 223, 0); }
  50% { box-shadow: 0 0 10px 2px rgba(95, 199, 223, .6); }
}
@media (prefers-reduced-motion: reduce){.fv-up.is-owned.is-ovr, .fv-up.is-owned.is-pulse{ animation: none; }

}
.fv-tag.is-owned.is-pulse{ background: linear-gradient(90deg,#2f9ab4,var(--cyan)); color: #04222b; }
.fv-tag .pulse-mark{ color: inherit; }
.fv-tag.is-owned{ display: inline-flex; align-items: center; gap: 2px; }
.fv-stat b .pulse-mark{ color: inherit; }
.fv-tag.is-owned{
  font-family: var(--font-mono);
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: -0.01em;
  padding: 3px 8px;
  border-radius: var(--radius-m);
  gap: 3px;
}
.pa-lookup{ border: 1px solid rgba(45, 58, 70, .8); border-radius: var(--radius-xl); padding: var(--space-9);
  background: linear-gradient(180deg, rgba(12, 20, 28, .9), rgba(9, 14, 20, .9)); }
.pa-lookup-lede{ font-family: var(--font-display); font-size: var(--t-h3, var(--t-lead)); font-weight: 700;
  letter-spacing: .01em; color: var(--ink); margin: 0 0 6px; }
.pa-lookup-lede b{ color: var(--cyan); font-weight: 700; }
.pa-lookup-lede.is-miss b{ color: var(--ink); }
.pa-lookup-note{ font-size: var(--t-small); color: var(--muted); line-height: 1.55; margin: 0; }
.pa-lookup-alts{ display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: var(--space-3); margin: 16px 0 14px; }
.pa-lookup-alt{ display: flex; align-items: center; gap: var(--space-4); text-align: left; cursor: pointer;
  border: 1px solid rgba(45, 58, 70, .8); border-radius: 9px; padding: 8px 10px;
  background: rgba(8, 13, 19, .8); color: var(--ink); }
.pa-lookup-alt:hover, .pa-lookup-alt:focus-visible{ border-color: rgba(95, 199, 223, .6);
  background: rgba(14, 26, 34, .9); }
.pa-lookup-alt img{ width: 34px; height: auto; border-radius: var(--radius-s); flex: none; }
.pa-lookup-alt span{ display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.pa-lookup-alt b{ font-family: var(--font-body); font-size: var(--t-small); font-weight: 600;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pa-lookup-alt i{ font-family: var(--font-mono); font-style: normal; font-size: var(--t-micro); color: var(--muted); }
.dp-od-when.is-next{ color: var(--gold); }
.dp-od-items{ display: flex; flex-direction: column; gap: var(--space-1); min-width: 0; }
.dp-od-item{ display: flex; align-items: center; gap: var(--space-3); min-width: 0; }
.dp-od-tick{ width: 3px; height: 15px; border-radius: 2px; flex: none; background: #5d7385; }
.job-card .job-kicker{ color: var(--dim); font-family: var(--font-mono); font-size: var(--t-micro);
  letter-spacing: .14em; margin-bottom: var(--space-5); }
.job-fact{ display: flex; align-items: center; gap: var(--space-4); margin-bottom: 5px; min-width: 0; }
.job-fact b .pulse-mark{ color: inherit; }
.job-art{ width: 38px; border-radius: var(--radius-s); flex: none; }
.job-card .job-who{ margin: 0 0 12px; color: #9fb4c4; font-size: var(--t-body); line-height: 1.45; }
.pulse-proof{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr); gap: 26px;
  align-items: center; margin-top: 22px; padding: 22px; border-radius: 10px;
  border: 1px solid rgba(95, 199, 223, .28);
  background: linear-gradient(120deg, rgba(10, 26, 33, .8), rgba(8, 13, 19, .92)); }
.pp-kick{ font-family: var(--font-mono); font-size: var(--t-micro); letter-spacing: .16em;
  text-transform: uppercase; color: var(--cyan); margin: 0 0 8px; }
.pulse-proof h2{ font-family: var(--font-display); font-size: 1.5rem; font-weight: 700; line-height: 1.14;
  color: var(--ink); margin: 0 0 9px; }
.pp-copy{ font-size: var(--t-base); color: #9fb4c4; line-height: 1.6; margin: 0 0 13px; }
.pp-more{ font-family: var(--font-display); font-size: var(--t-small); font-weight: 700; letter-spacing: .07em;
  text-transform: uppercase; color: var(--cyan); text-decoration: none; }
.pp-more:hover{ color: #a5e6f5; }
.pp-cards{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-4); }
.pp-card{ display: flex; align-items: center; gap: 11px; border: 1px solid rgba(45, 58, 70, .75);
  border-radius: 9px; padding: 11px; background: rgba(6, 11, 16, .72); min-width: 0; }
.pp-card img{ width: 46px; border-radius: var(--radius-s); flex: none; }
.pp-meta{ min-width: 0; }
.pp-meta b{ display: block; font-family: var(--font-body); font-size: var(--t-body); font-weight: 600;
  color: var(--ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pp-nums{ display: flex; align-items: baseline; gap: var(--space-3); margin: 3px 0 2px; }
.pp-ovr{ font-family: var(--font-mono); font-size: var(--t-body); color: var(--dim); }
.pp-pr{ font-family: var(--font-mono); font-size: 1.1rem; font-weight: 700; color: var(--cyan);
  display: inline-flex; align-items: center; gap: 3px; }
.pp-pr .pulse-mark{ color: inherit; }
.pp-meta i{ font-family: var(--font-mono); font-style: normal; font-size: var(--t-micro); color: var(--dim); }
@media (max-width: 1100px){.pulse-proof{ grid-template-columns: minmax(0, 1fr); gap: var(--space-8); }

}
@media (max-width: 640px){.pp-cards{ grid-template-columns: minmax(0, 1fr); }
.pulse-proof h2{ font-size: 1.24rem; }

}
.fv-stat b .pulse-mark{ color: var(--meaning); }
.fv-pill{ --meaning: var(--steel); position: relative; padding-left: 22px; }
.fv-pill .pulse-mark{ color: var(--cyan); }
#fvSquadScaleLabel{ display: inline-flex; align-items: center; gap: var(--space-1); white-space: nowrap; }
.squad-own-tag.is-owned{
  background: color-mix(in srgb, var(--violet) 15%, transparent);
  border: 1px solid color-mix(in srgb, var(--violet) 42%, transparent);
  color: #c7b4ff;
}
#fvRailCount{ color: #c7b4ff; }
.dp-od-when.is-next{ color: var(--coral); }
.fv-tag.is-free{
  background: color-mix(in srgb, var(--violet) 16%, transparent);
  border: 1px solid color-mix(in srgb, var(--violet) 42%, transparent);
  color: #c7b4ff;
  font-family: var(--font-display);
  font-size: var(--t-small);
  font-weight: 700;
  letter-spacing: .04em;
  padding: 2px 8px;
}
.new-drop-chip{ background: var(--coral); color: var(--coral-ink); }
.fv-pill{
  --meaning: var(--steel);
  display: inline-flex;
  align-items: center;
  gap: var(--space-6);
  padding: 11px 20px 11px 18px;
  border-radius: var(--radius-pill);
  border: 1px solid color-mix(in srgb, var(--meaning) 38%, transparent);
  background:
    linear-gradient(100deg,
      color-mix(in srgb, var(--meaning) 26%, transparent) 0%,
      color-mix(in srgb, var(--meaning) 9%, transparent) 46%,
      rgba(9, 15, 21, .9) 88%),
    rgba(9, 15, 21, .9);
}
.fv-pilllab .pulse-mark{ color: var(--meaning); }
.fv-headright .fv-pill,
.fv-headright .fv-autobtn{ min-height: 44px; }
.fv-autobtn{ display: inline-flex; align-items: center; }
@media (max-width: 760px){.fv-headright .fv-pill,
  .fv-headright .fv-autobtn{ min-height: 38px; }

}
.fv-tag.is-owned{
  background: #0a2420;
  color: #7ef0c2;
  border: 1px solid color-mix(in srgb, var(--sage) 42%, transparent);
}
.fv-tag.is-owned.is-pulse{
  background: #0a2028;
  color: #8fe0f2;
  border: 1px solid color-mix(in srgb, var(--cyan) 42%, transparent);
}
.fv-tag.is-owned .pulse-mark{ color: inherit; }
.fv-up.is-owned{
  background: #0a2420;
  color: #7ef0c2;
  border: 1px solid color-mix(in srgb, var(--sage) 46%, transparent);
}
.fv-up.is-owned.is-ovr{
  background: #0a2420;
  color: #7ef0c2;
  border: 1px solid color-mix(in srgb, var(--sage) 46%, transparent);
}
.fv-up.is-owned.is-pulse{
  background: #0a2028;
  color: #8fe0f2;
  border: 1px solid color-mix(in srgb, var(--cyan) 46%, transparent);
}
.fv-up.is-owned .pulse-mark{ color: inherit; }
.fv-up.is-owned .fv-halo{ display: none; }
.fv-up.is-market,
.fv-tag.is-market{
  background: #241a08;
  color: #ffd27a;
  border: 1px solid color-mix(in srgb, var(--gold) 44%, transparent);
  box-shadow: none;
}
.fv-tag.is-move{
  background: #1a1430;
  color: #d9c3ff;
  border: 1px solid color-mix(in srgb, var(--violet) 34%, transparent);
}
.fv-tag.is-earn{
  background: #131a20;
  color: #b9cbd8;
  border: 1px solid color-mix(in srgb, var(--steel) 38%, transparent);
}
.import-band{
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr);
  gap: 30px;
  align-items: center;
  margin-top: 22px;
  padding: var(--space-10);
  border-radius: 10px;
  border: 1px solid rgba(255, 101, 124, .26);
  background: linear-gradient(120deg, rgba(38, 10, 18, .72), rgba(8, 12, 17, .93));
}
.ib-cta{
  display: inline-flex;
  align-items: center;
  gap: var(--space-3);
  border: 1px solid rgba(255, 101, 124, .5);
  border-radius: var(--radius-pill);
  padding: 10px 20px;
  color: #ff9fae;
  font-family: var(--font-display);
  font-size: var(--t-small);
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
  text-decoration: none;
}
.ib-cta:hover, .ib-cta:focus-visible{ background: rgba(255, 101, 124, .12); color: #ffc2cc; }
.mdc-row{ border: 1px solid rgba(45, 58, 70, .75); border-radius: 10px; padding: 13px 15px;
  background: rgba(9, 15, 21, .72); }
.mdc-stat{ display: inline-flex; flex-direction: column; gap: 1px; min-width: 62px; }
.dy-id-who{ min-width: 0; }
.dynasty-page .pp-h1{ margin: 0; font-family: var(--font-display); font-size: clamp(2.2rem, 4.6vw, 3.4rem);
  font-weight: 700; line-height: 1.03; letter-spacing: -.015em; color: var(--ink); text-wrap: balance; }
.dy-rec-n b.is-l{ color: var(--red); }
.dy-streak.is-w{ color: var(--sage); }
.dy-streak.is-l{ color: var(--red); }
.dy-load{ min-height: 44px; }
.dy-flash.err{ color: var(--red); }
.dy-col{ min-width: 0; }
.dynasty-page .py-figs.is-recent{ justify-content: flex-start; gap: 14px 34px; margin: 0 0 22px;
  padding: 0; border-top: 0; }
.dynasty-page .py-figs.is-recent span{ text-align: left; justify-items: start; }
.dynasty-page .py-figs.is-recent .dy-recnum{ display: inline-flex; align-items: baseline; gap: 3px; }
.dynasty-page .py-figs.is-recent b.is-w{ color: var(--sage); }
.dynasty-page .py-figs.is-recent b.is-l{ color: var(--red); }
.dy-bar{ position: relative; flex: 1; min-width: 12px; }
.dy-summary{ margin: 14px 0 0; font-size: var(--t-base); line-height: 1.55; color: var(--muted); }
.dy-summary b{ color: var(--ink); }
.dy-facts dd.is-w{ color: var(--sage); }
.dy-facts dd.is-l{ color: var(--red); }
.dynasty-page .py-figs.is-budget{ justify-content: flex-start; gap: 14px 38px; margin: 0 0 26px;
  padding: 0 0 24px; border-top: 0; border-bottom: 1px solid var(--line); }
.dynasty-page .py-figs.is-budget span{ text-align: left; justify-items: start; }
.dy-table{ min-width: 0; }
.dy-scroll{ min-width: 0; overflow-x: auto; scrollbar-width: thin; }
.dy-res.is-w{ color: var(--sage); }
.dy-res.is-l{ color: var(--red); }
.dy-game[open] .dy-caret{ transform: rotate(45deg); border-color: var(--cyan); }
.dy-pro{ display: inline-block; margin: 0 0 10px; padding: 3px 9px; border-radius: var(--radius-xs);
  font-family: var(--font-display); font-size: var(--t-micro); font-weight: 700; letter-spacing: .1em;
  text-transform: uppercase; color: #1b1305;
  background: linear-gradient(180deg, #ffd77f 0%, var(--gold) 62%, #e0a52f 100%); }
.dy-cta{ display: inline-flex; align-items: center; justify-content: center; min-height: 44px;
  padding: 0 22px; border: 1px solid rgba(241, 184, 75, .4); border-radius: var(--radius-l);
  background: rgba(241, 184, 75, .12); color: var(--gold); font-family: var(--font-display);
  font-size: var(--t-base); font-weight: 700; letter-spacing: .04em; text-transform: uppercase;
  text-decoration: none; transition: background .16s ease; }
.cdb-line{ display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 30px; align-items: end; margin-top: var(--space-7); }
.cdb-field{ position: relative; display: flex; align-items: center; gap: 11px;
  border-bottom: 2px solid var(--line); padding: 2px 0 10px; }
.cdb-field:focus-within{ border-bottom-color: var(--cyan); }
.cdb-field label{ position: absolute; top: -15px; left: 0; font-family: var(--font-display);
  font-size: var(--t-micro); letter-spacing: .13em; text-transform: uppercase; color: var(--dim); }
.cdb-mag{ flex: 0 0 auto; width: 19px; height: 19px; fill: none; stroke: #3d5063; stroke-width: 2;
  transition: stroke .18s; transform: translateY(1px); }
.cdb-field:focus-within .cdb-mag{ stroke: var(--cyan); }
.cdb-field input{ flex: 1 1 auto; min-width: 0; appearance: none; -webkit-appearance: none;
  font-family: var(--font-display); font-size: clamp(1.2rem, 2.5vw, 1.7rem); font-weight: 600;
  letter-spacing: .01em; line-height: 1.2; padding: 0; margin: 0;
  background: none; border: 0; border-radius: 0; box-shadow: none; color: var(--ink); }
.cdb-field input:focus{ outline: none; box-shadow: none; }
.cdb-field input::placeholder{ font-family: var(--font-body); font-size: var(--t-base); font-weight: 400;
  letter-spacing: 0; color: var(--dim); }
.cdb-field input::-webkit-search-decoration,
.cdb-field input::-webkit-search-cancel-button,
.cdb-field input::-webkit-search-results-button{ -webkit-appearance: none; display: none; }
.cdb-count{ text-align: right; white-space: nowrap; padding-bottom: 11px; margin: 0; }
.cdb-count b{ display: block; font-family: var(--font-mono); font-size: clamp(1.3rem, 2.6vw, 1.9rem);
  font-weight: 600; line-height: 1; color: var(--cyan); font-variant-numeric: tabular-nums; }
.cdb-count span{ display: block; font-family: var(--font-display); font-size: var(--t-micro);
  letter-spacing: .13em; text-transform: uppercase; color: var(--dim); margin-top: var(--space-2); }
.cdb-spine button:hover{ border-color: rgba(95, 199, 223, .45); }
.cdb-spine button.is-on{ border-color: var(--cyan); }
.cdb-narrow{ display: flex; flex-direction: column; align-items: flex-start; gap: 7px;
  margin: 16px 0 0; padding: 14px 18px 15px; max-width: 46ch;
  border-radius: 9px; border: 1px solid var(--line);
  background: linear-gradient(180deg, rgba(238, 244, 248, .035) 0%, rgba(238, 244, 248, .01) 100%), rgba(13, 21, 29, .6); }
.cdb-refine{ display: inline-flex; align-items: center; gap: var(--space-3); font-family: var(--font-display);
  font-size: var(--t-base); letter-spacing: .06em; text-transform: uppercase; padding: 8px 15px;
  border-radius: 9px; border: 1px solid var(--line); background: rgba(13, 21, 29, .7); color: var(--ink); cursor: pointer; }
.cdb-refine:hover{ border-color: rgba(95, 199, 223, .5); }
.cdb-refine[aria-expanded="true"]{ border-color: var(--cyan); color: var(--cyan-ink); }
.cdb-n{ font-family: var(--font-mono); font-size: var(--t-small); color: #05090e; background: var(--cyan);
  border-radius: var(--radius-pill); padding: 1px 7px; letter-spacing: 0; }
.cdb-car{ font-size: var(--t-micro); opacity: .7; }
.cdb-applied{ display: contents; }
.cdb-chip{ display: inline-flex; align-items: center; gap: var(--space-2); font-family: var(--font-body);
  font-size: var(--t-small); padding: 6px 8px 6px 11px; border-radius: var(--radius-pill);
  border: 1px solid rgba(95, 199, 223, .4); background: rgba(95, 199, 223, .08); color: var(--ink); cursor: pointer; }
.cdb-chip:hover{ border-color: var(--cyan); }
.cdb-chip i{ font-style: normal; color: var(--muted); font-size: var(--t-body); line-height: 1; }
.cdb-chip:hover i{ color: var(--ink); }
.cdb-panel{ margin: 12px 0 0; padding: 16px 18px 18px; border: 1px solid var(--line);
  border-radius: 11px; background: rgba(8, 14, 22, .55); }
.cdb-grp + .cdb-grp{ margin-top: var(--space-9); }
.cdb-lab{ display: flex; align-items: center; gap: var(--space-5); font-family: var(--font-display);
  font-size: var(--t-body); font-weight: 700; letter-spacing: var(--track-caps);
  text-transform: uppercase; color: var(--muted); margin: 0 0 11px; }
.cdb-lab::after{ content: ""; flex: 1 1 auto; height: 1px; min-width: 20px;
  background: linear-gradient(90deg, rgba(238, 244, 248, .2) 0%, rgba(238, 244, 248, .07) 38%, rgba(238, 244, 248, 0) 100%); }
.cdb-opts{ display: flex; flex-wrap: wrap; gap: 7px; align-items: center; }
.cdb-opt{ font-family: var(--font-body); font-size: var(--t-small); padding: 7px 12px; border-radius: var(--radius-l);
  border: 1px solid var(--line); background: rgba(13, 21, 29, .6); color: var(--muted);
  cursor: pointer; text-decoration: none; }
.cdb-opt:hover{ border-color: rgba(95, 199, 223, .45); color: var(--ink); }
.cdb-opt.is-on{ border-color: var(--cyan); color: var(--ink); background: rgba(95, 199, 223, .09); }
.cdb-opts.is-one{ gap: 0; border: 1px solid var(--line); border-radius: 9px; overflow: hidden;
  width: fit-content; max-width: 100%; }
.cdb-opts.is-one .cdb-opt{ border: 0; border-right: 1px solid var(--line); border-radius: 0; background: none; }
.cdb-opts.is-one .cdb-opt:last-child{ border-right: 0; }
.cdb-opts.is-one .cdb-opt.is-on{ background: rgba(95, 199, 223, .12); color: var(--cyan-ink); }
.cdb-opt.is-type{ border-color: rgba(45, 58, 70, .9); }
.cdb-opt.is-type:hover{ border-color: var(--c); color: var(--ink); }
.cdb-opt.is-type.is-on{ border-color: var(--c); color: var(--c); background: var(--fill); }
.cdb-opt.is-mine.is-on{ border-color: var(--violet); color: #c7b4ff; background: rgba(169, 139, 255, .13); }
.cdb-opt.is-locked{ border-color: rgba(255, 101, 124, .4); color: #ff9bac; }
.cdb-opt.is-locked:hover{ border-color: var(--red); color: #ff9bac; }
.cdb-own{ position: absolute; inset: auto 2px 2px auto; width: 9px; height: 9px; border-radius: 50%;
  background: var(--violet); box-shadow: 0 0 0 2px rgba(6, 10, 15, .85); }
.cdb-nm{ min-width: 0; }
.cdb-num.is-ink{ color: var(--ink); }
.cdb-more{ display: inline-flex; flex-direction: column; gap: 3px; margin: 16px 0 0; padding: 10px 16px;
  border-radius: 9px; border: 1px solid var(--line); background: rgba(13, 21, 29, .6); color: var(--ink);
  cursor: pointer; font-family: var(--font-display); font-size: var(--t-base); letter-spacing: .05em;
  text-transform: uppercase; }
.cdb-more:hover{ border-color: rgba(95, 199, 223, .5); }
.cdb-more small{ font-family: var(--font-mono); font-size: var(--t-micro); letter-spacing: 0;
  text-transform: none; color: var(--dim); }
.cdb-dock{ --hue: var(--cyan); border-bottom: 1px solid rgba(45, 58, 70, .55);
  background: rgba(95, 199, 223, .045); box-shadow: inset 3px 0 0 var(--hue); animation: cdbOpen .2s ease-out; }
@keyframes cdbOpen{ from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }
.cdb-rail button:hover{ color: var(--ink); }
.cdb-rail button.is-on{ color: var(--hue); border-bottom-color: var(--hue); }
.cdb-rail .is-up{ color: var(--cyan); }
.cdb-rail .is-dn{ color: var(--red); }
.cdb-close:hover{ color: var(--ink); }
.cdb-say .is-good{ color: var(--cyan-ink); font-weight: 600; }
.cdb-say .is-bad{ color: #ff9bac; font-weight: 600; }
.cdb-showmore{ display: inline-flex; align-items: center; gap: 7px; margin: 13px 0 0; padding: 7px 13px;
  border-radius: var(--radius-l); border: 1px solid var(--line); background: rgba(13, 21, 29, .6); color: var(--muted);
  cursor: pointer; font-family: var(--font-display); font-size: var(--t-small); letter-spacing: .07em;
  text-transform: uppercase; }
.cdb-part.is-elite .v, .cdb-part.is-elite .pc{ color: var(--cyan-ink); }
.cdb-part.is-hole .v, .cdb-part.is-hole .pc{ color: #ff9bac; }
.cdb-quirks span.is-inferred{ border-style: dashed; color: var(--dim); }
.cdb-owned{ display: inline-flex; align-items: center; gap: 5px; font-family: var(--font-display);
  font-size: var(--t-micro); letter-spacing: .09em; text-transform: uppercase; color: #c7b4ff;
  padding: 3px 8px; border-radius: var(--radius-pill); background: rgba(169, 139, 255, .13);
  border: 1px solid rgba(169, 139, 255, .4); }
.cdb-outs a:hover{ border-color: rgba(95, 199, 223, .5); color: var(--ink); }
.cdb-outs a.is-go{ border-color: rgba(95, 199, 223, .5); color: var(--cyan-ink); }
@media (max-width: 1100px){.cdb-line{ grid-template-columns: 1fr; gap: var(--space-5); }
.cdb-count{ text-align: left; }

}
@media (max-width: 760px){.cdb-line{ grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: var(--space-6); }
.cdb-count{ text-align: right; padding-bottom: var(--space-1); }
.cdb-count b{ font-size: 1.35rem; }
.cdb-count span{ margin-top: 3px; }

}
@media (prefers-reduced-motion: reduce){.cdb-dock{ animation: none; }

}
.cdb-herocopy{ min-width: 0; }
@media (prefers-reduced-motion: reduce){.cdb-slot.is-value .cdb-lift, .cdb-slot.is-best .cdb-lift, .cdb-slot.is-dear .cdb-lift,
  .cdb-lift, .cdb-triad::before{ animation: none !important; }
.cdb-slot.is-value .cdb-lift{ transform: rotate(-6deg); }
.cdb-slot.is-dear .cdb-lift{ transform: rotate(7deg); }

}
.mp-herocopy{ min-width: 0; }
.mp-band div.red b{ color: #ff9bac; }
.mp-band div.gold b{ color: var(--gold); }
.mp-calls{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; background: var(--line);
  border: 1px solid var(--line); border-radius: 11px; overflow: hidden; margin: 20px 0 0; }
.mp-panel{ border-left: 3px solid var(--cyan); background: rgba(95, 199, 223, .05); border-radius: 0 9px 9px 0;
  padding: 13px 16px 14px; margin: 2px 0 6px; }
#mpHeroPanel .mp-panel{ margin-top: var(--space-8); }
.mp-panel-acts a:hover{ border-color: rgba(95, 199, 223, .5); color: var(--ink); }
.mp-panel-acts a.go{ border-color: rgba(95, 199, 223, .5); background: rgba(95, 199, 223, .1); color: var(--cyan-ink); }
.mp-col .mp-panel .mp-panel-figs{ gap: var(--space-6); }
.mp-col .mp-panel .mp-panel-said{ font-size: var(--t-small); }
.mp-chip{ position: relative; font-family: var(--font-body); font-size: var(--t-small); padding: 6px 12px; border-radius: var(--radius-pill);
  border: 1px solid var(--line); background: rgba(13, 21, 29, .6); color: var(--muted); cursor: pointer; }
.mp-chip::before{ content: ""; position: absolute; left: 0; right: 0; top: -8px; bottom: -8px; }
#mpBoard{ min-height: 88vh; }
.mp-tag{ display: inline-block; font-family: var(--font-display); font-size: var(--t-micro);
  letter-spacing: .08em; text-transform: uppercase; padding: 2px 7px; border-radius: var(--radius-pill); margin-right: var(--space-1); }
.mp-more{ display: inline-flex; flex-direction: column; gap: 3px; margin: 16px 0 0; padding: 10px 16px;
  border-radius: 9px; border: 1px solid var(--line); background: rgba(13, 21, 29, .6); color: var(--ink);
  cursor: pointer; font-family: var(--font-display); font-size: var(--t-base); letter-spacing: .05em;
  text-transform: uppercase; }
.mp-more small{ font-family: var(--font-mono); font-size: var(--t-micro); letter-spacing: 0;
  text-transform: none; color: var(--steel); }
@media (prefers-reduced-motion: reduce){.mp-slot .mp-lift, .mp-triad::before{ animation: none !important; }
.mp-slot.value .mp-lift{ transform: rotate(-6deg); }
.mp-slot.gap .mp-lift{ transform: rotate(7deg); }

}
.cdb-quirks span img,
.squad-quirks span img{
  flex: 0 0 auto;
  width: 22px;
  height: 22px;
  object-fit: contain;
  image-rendering: -webkit-optimize-contrast;
}
.squad-quirks span.is-inferred{ border-style: dashed; color: var(--dim); padding-left: 11px; }
.cardpage-shell{ scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce){.cardpage-shell{ scroll-behavior: auto; }

}
.cardpage{ max-width: 1120px; margin: 0 auto; padding: 18px 20px 80px; }
.cp-crumb{ font-family: var(--font-mono); font-size: var(--t-micro); color: var(--dim); margin: 8px 0 20px; }
.cp-crumb a{ color: var(--cyan); text-decoration: none; }
.cp-top{ display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: 46px; align-items: start; }
.cp-top > .cp-artbox{ order: -1; }
.cardpage h1{ margin: 4px 0 12px; font-size: clamp(2rem, 3.6vw, 3.05rem); line-height: 1.02;
  font-weight: 700; color: #f7fbff; }
.cp-lede{ font-size: 1.06rem; color: #b8c6d0; line-height: 1.6; margin: 0 0 6px; max-width: 60ch; }
.cp-lede b{ color: var(--cyan); font-weight: 700; }
.cp-artbox{ position: relative; }
.cp-artbox::before{ content: ""; position: absolute; inset: -12% -12%; z-index: 0; pointer-events: none;
  background: radial-gradient(58% 58% at 50% 42%, rgba(95, 199, 223, .2), transparent 70%);
  -webkit-mask: radial-gradient(120% 100% at 50% 48%, #000 44%, transparent 84%);
  mask: radial-gradient(120% 100% at 50% 48%, #000 44%, transparent 84%); }
.cp-art{ position: relative; z-index: 1; display: block; width: 100%; height: auto; border-radius: 10px;
  filter: drop-shadow(0 16px 40px rgba(0, 0, 0, .65)); }
.cp-art-empty{ display: grid; place-items: center; aspect-ratio: 5 / 7; border-radius: 10px;
  border: 1px solid var(--line); background: rgba(13, 21, 29, .6);
  font-family: var(--font-display); font-size: 3.4rem; font-weight: 700; color: var(--cyan); }
.cp-scale{ position: relative; height: 44px; margin: 18px 0 4px; max-width: 560px; }
.cp-scale i{ position: absolute; left: 0; right: 0; top: 22px; height: 6px; border-radius: var(--radius-pill);
  background: linear-gradient(90deg, rgba(45, 58, 70, .9), rgba(95, 199, 223, .5)); }
.cp-scale u{ position: absolute; top: 13px; width: 3px; height: 24px; border-radius: 2px;
  background: var(--cyan); box-shadow: 0 0 12px rgba(95, 199, 223, .85); }
.cp-scale em{ position: absolute; top: 0; font-family: var(--font-mono); font-size: var(--t-micro);
  color: var(--cyan); font-style: normal; transform: translateX(-50%); white-space: nowrap; }
.cp-ends{ display: flex; justify-content: space-between; font-family: var(--font-mono);
  font-size: var(--t-micro); color: var(--dim); max-width: 560px; margin: -9px 0 20px; }
.cp-figs{ display: flex; flex-wrap: wrap; gap: 26px; }
.cp-figs div b{ display: flex; align-items: center; gap: .28em; white-space: nowrap; font-family: var(--font-mono); font-size: var(--t-lead); font-weight: 600;
  color: var(--ink); font-variant-numeric: tabular-nums; line-height: 1; }
.cp-figs div b .stub-mark, .cp-figs div b .pulse-mark{ margin-right: 0; }
.cp-figs div span{ display: block; font-family: var(--font-display); font-size: var(--t-micro);
  letter-spacing: .09em; text-transform: uppercase; color: var(--dim); margin-top: 5px; }
.cp-figs div.gold b{ color: var(--gold); }
.cp-figs div.cyan b{ color: var(--cyan); }
.cp-figs div.red b{ color: var(--red); }
.cp-figs div.sage b{ color: var(--sage); }
.cp-figs div.floor b{ color: var(--steel); }
.cp-cta-row{ display: flex; flex-wrap: wrap; gap: 9px; margin: 22px 0 0; }
.cp-cta{ display: inline-flex; align-items: center; gap: var(--space-3); font-family: var(--font-display);
  font-size: var(--t-base); letter-spacing: .07em; text-transform: uppercase; padding: 12px 19px;
  border-radius: 9px; text-decoration: none; border: 1px solid rgba(95, 199, 223, .5);
  background: rgba(95, 199, 223, .12); color: var(--cyan-ink); }
.cp-cta.is-plain{ background: none; border-color: var(--line); color: var(--muted); }
.cp-why{ position: relative; font-family: var(--font-body); font-size: var(--t-small);
  text-transform: none; letter-spacing: .02em; padding: 0; border: 0; background: none;
  color: var(--cyan); cursor: pointer; text-decoration: none;
  border-bottom: 1px dashed rgba(95, 199, 223, .45); }
.cp-why::after{ content: ""; position: absolute; inset: -13px -10px; }
.cp-why:hover{ border-bottom-color: var(--cyan); }
.cp-why[aria-expanded="true"]{ color: var(--muted); border-bottom-color: transparent; }
.cp-whatis{ margin: 18px 0 0; }
.cp-seeall{ margin: 20px 0 0; }
.cp-fold{ font-size: var(--t-small); color: var(--muted); line-height: 1.6; margin: 12px 0 0;
  max-width: 88ch; padding: 13px 15px; border-left: 2px solid rgba(95, 199, 223, .4);
  background: rgba(95, 199, 223, .045); }
.cp-fold p{ margin: 0 0 8px; }
.cp-fold p:last-child{ margin-bottom: 0; }
.cp-fold a{ color: var(--cyan); }
@keyframes cpLand{ from { background: rgba(95, 199, 223, .16); } to { background: transparent; } }
.is-landed{ animation: cpLand 1.4s ease-out; border-radius: var(--radius-m); outline: none; }
@media (prefers-reduced-motion: reduce){.is-landed{ animation: none; }

}
.cp-verdict{ border-left: 3px solid var(--sage); background: rgba(63, 227, 164, .06);
  border-radius: 0 10px 10px 0; padding: 15px 18px; margin: 30px 0 0; max-width: 74ch; }
.cp-verdict.is-warn{ border-left-color: var(--gold); background: rgba(241, 184, 75, .06); }
.cp-verdict.is-stop{ border-left-color: var(--red); background: rgba(255, 101, 124, .06); }
.cp-verdict b{ display: block; font-family: var(--font-display); font-size: var(--t-base);
  letter-spacing: .1em; text-transform: uppercase; color: var(--sage); margin: 0 0 7px; }
.cp-verdict.is-warn b{ color: var(--gold); }
.cp-verdict.is-stop b{ color: var(--red); }
.cp-verdict p{ font-size: var(--t-body); color: #b8c6d0; line-height: 1.62; margin: 0; }
.cp-sec{ font-family: var(--font-display); font-size: var(--t-small); letter-spacing: .13em;
  text-transform: uppercase; color: var(--muted); margin: 34px 0 13px; font-weight: 600; }
.cp-sec em{ font-style: normal; color: var(--dim); margin-left: 9px; text-transform: none;
  letter-spacing: .02em; font-family: var(--font-body); }
.cp-top + .cp-sec{ margin-top: var(--space-8); }
.cp-split.is-solo{ grid-template-columns: 1fr; }
.cp-hole{ font-size: var(--t-body); color: var(--muted); line-height: 1.6; max-width: 74ch; margin: 14px 0 0; }
.cp-hole b{ color: var(--ink); font-weight: 600; }
.cp-figs.is-thin{ align-items: center; }
.cp-figsnote{ flex: 1 1 320px; font-size: var(--t-body); color: var(--muted); line-height: 1.6;
  max-width: 64ch; margin: 0; padding-left: var(--space-8); border-left: 1px solid var(--line); }
.cp-vxhead{ display: block; margin: 26px 0 10px; font-family: var(--font-display);
  font-size: var(--t-micro); letter-spacing: var(--track-caps); text-transform: uppercase; color: var(--dim); }
.cp-vxrow{ display: grid; grid-template-columns: repeat(auto-fill, minmax(186px, 1fr));
  gap: var(--space-3); grid-auto-rows: 1fr; }
.cp-vx{ display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 11px; align-items: center;
  padding: 9px 12px 9px 9px; border: 1px solid var(--line); border-radius: 10px;
  background: rgba(13, 21, 29, .55); text-decoration: none;
  transition: border-color .16s ease, background .16s ease; }
.cp-vx:hover{ border-color: rgba(95, 199, 223, .45); background: rgba(95, 199, 223, .06); }
.cp-vx img{ width: 54px; height: 76px; object-fit: contain; border-radius: var(--radius-s); }
.cp-vx b{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  overflow: hidden; font-size: var(--t-body); color: var(--ink); font-weight: 600;
  line-height: 1.25; overflow-wrap: anywhere; }
.cp-vx small{ display: block; font-family: var(--font-mono); font-size: var(--t-micro); color: var(--dim);
  margin-top: 2px; }
.cp-vx u{ display: block; margin-top: 3px; text-decoration: none; font-family: var(--font-mono);
  font-size: var(--t-small); color: var(--cyan); }
.cp-vx u i{ font-style: normal; color: var(--gold); margin-left: var(--space-3); }
.cp-prose{ font-size: var(--t-base); color: #b8c6d0; line-height: 1.6; margin: 0 0 12px; max-width: 74ch; }
.cp-prose b{ color: var(--ink); font-weight: 600; }
.cp-split{ display: grid; grid-template-columns: 1fr 1fr; gap: 34px; max-width: 900px; }
.cp-split h3{ font-family: var(--font-display); font-size: 1.02rem; letter-spacing: .09em;
  text-transform: uppercase; margin: 0 0 13px; font-weight: 700; color: var(--ink); }
.cp-split h3 u{ text-decoration: none; }
.cp-good h3 u{ color: var(--sage); }
.cp-bad h3 u{ color: var(--red); }
.cp-split ul{ list-style: none; margin: 0; padding: 0; }
.cp-split li{ display: grid; grid-template-columns: minmax(0, 1fr) 42px 44px; gap: 11px;
  align-items: baseline; padding: 10px 0; border-bottom: 1px solid rgba(45, 58, 70, .55); }
.cp-lbl{ display: flex; align-items: baseline; gap: var(--space-3); min-width: 0; }
.cp-lbl .cp-nm{ font-size: var(--t-body); color: #b8c6d0; white-space: nowrap;
  overflow: hidden; text-overflow: ellipsis; }
.cp-lbl .cp-bdg{ flex: 0 0 auto; font-family: var(--font-display); font-size: var(--t-micro);
  letter-spacing: .09em; text-transform: uppercase; color: var(--bdgFg); background: var(--bdgBg);
  border-radius: var(--radius-pill); padding: 2px 8px; white-space: nowrap; font-weight: 600;
  /* An inset ring, not a border: a border would make the tinted badges 2px
     taller than the filled ones and the column would stop aligning. */
  box-shadow: inset 0 0 0 1px var(--bdgRing); }
.cp-split li .cp-rk{ font-family: var(--font-mono); font-size: var(--t-small); color: var(--dim);
  text-align: right; font-variant-numeric: tabular-nums; }
.cp-split li .cp-vl{ font-family: var(--font-mono); font-size: 1.12rem; font-weight: 600;
  color: var(--tone); text-align: right; font-variant-numeric: tabular-nums; }
.cp-none{ font-size: var(--t-body); color: var(--dim); line-height: 1.55; margin: 0;
  padding: 10px 0 0; max-width: 40ch; }
.cp-t5{ --tone: #6ff0c0; --bdgBg: var(--sage); --bdgFg: #04231a; --bdgRing: transparent; }
.cp-t4{ --tone: var(--sage); --bdgBg: rgba(63, 227, 164, .13); --bdgFg: var(--sage); --bdgRing: rgba(63, 227, 164, .5); }
.cp-t3{ --tone: var(--cyan-ink); --bdgBg: rgba(95, 199, 223, .12); --bdgFg: var(--cyan-ink); --bdgRing: rgba(95, 199, 223, .45); }
.cp-t2{ --tone: #a8bac9; --bdgBg: rgba(147, 164, 179, .12); --bdgFg: #a8bac9; --bdgRing: rgba(147, 164, 179, .4); }
.cp-t1{ --tone: #ff9bac; --bdgBg: rgba(255, 101, 124, .12); --bdgFg: #ff9bac; --bdgRing: rgba(255, 101, 124, .45); }
.cp-t0{ --tone: #ff657c; --bdgBg: #ff657c; --bdgFg: #26060c; --bdgRing: transparent; }
.cp-form{ border: 1px solid var(--line); border-radius: 11px; padding: 15px 17px;
  background: rgba(13, 21, 29, .5); max-width: 780px; }
.cp-form .cp-figs{ margin: 12px 0 0; gap: 22px; }
.cp-formhead{ display: flex; align-items: baseline; gap: var(--space-5); flex-wrap: wrap; margin: 0 0 9px; }
.cp-formhead b{ font-family: var(--font-display); font-size: var(--t-base); letter-spacing: .07em;
  text-transform: uppercase; color: var(--cyan-ink); }
.cp-formhead span{ font-family: var(--font-mono); font-size: var(--t-micro); color: var(--dim); margin-left: auto; }
.cp-qrow{ margin-top: var(--space-9); }
.cp-qcap{ display: block; margin: 0 0 9px; font-family: var(--font-display); font-size: var(--t-micro);
  letter-spacing: var(--track-caps); text-transform: uppercase; color: var(--dim); }
.cp-qgrid{ display: grid; grid-template-columns: repeat(auto-fill, minmax(40px, 1fr)); gap: var(--space-1); }
.cp-qtile{ position: relative; display: grid; place-items: center; aspect-ratio: 1; padding: var(--space-2);
  border-radius: 9px; border: 1px solid var(--line); background: rgba(13, 21, 29, .7); cursor: pointer;
  transition: border-color .16s ease, background .16s ease; }
.cp-qtile img{ width: 100%; height: 100%; object-fit: contain; }
.cp-qini{ font-family: var(--font-display); font-size: var(--t-small); font-weight: 700;
  letter-spacing: .04em; text-transform: uppercase; color: var(--muted); }
.cp-qtile:hover, .cp-qtile:focus-visible, .cp-qtile[aria-expanded="true"]{
  border-color: var(--cyan); background: rgba(95, 199, 223, .1); outline: none; }
.cp-qpop{ position: absolute; z-index: 90; max-width: 280px; padding: 10px 13px 12px; border-radius: 10px;
  border: 1px solid var(--cyan); background: rgba(8, 14, 21, .98); box-shadow: 0 12px 34px rgba(0, 0, 0, .55);
  pointer-events: none; opacity: 0; transform: translateY(4px);
  transition: opacity .14s ease, transform .14s ease; }
.cp-qpop.is-on{ opacity: 1; transform: translateY(0); }
.cp-qpop b{ display: block; font-family: var(--font-display); font-size: var(--t-base); font-weight: 700;
  letter-spacing: .05em; text-transform: uppercase; color: var(--cyan); margin-bottom: 3px; }
.cp-qpop span{ font-size: var(--t-small); color: var(--muted); line-height: 1.45; }
.cp-quirks{ display: grid; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); gap: var(--space-3); }
.cp-quirk{ border: 1px solid var(--line); border-radius: 9px; padding: 11px 14px; background: rgba(13, 21, 29, .55); }
.cp-quirk.has-icon{ display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: var(--space-5); align-items: start; }
.cp-quirk img{ grid-row: 1 / 3; width: 34px; height: 34px; object-fit: contain;
  image-rendering: -webkit-optimize-contrast; }
.cp-quirk b{ display: block; font-family: var(--font-display); font-size: var(--t-base);
  letter-spacing: .04em; color: var(--cyan-ink); margin: 0 0 4px; }
.cp-quirk span{ font-size: var(--t-small); color: var(--muted); line-height: 1.45; }
.cp-peers{ display: grid; gap: 1px; background: var(--line); border: 1px solid var(--line);
  border-radius: 10px; overflow: hidden; }
.cp-peer{ display: grid; grid-template-columns: 42px minmax(0, 1fr) 70px 96px; gap: 13px;
  align-items: center; padding: 10px 14px; background: var(--field); text-decoration: none; color: inherit; }
.cp-peer:hover{ background: rgba(95, 199, 223, .05); }
.cp-peer img{ width: 42px; height: auto; border-radius: var(--radius-xs); }
.cp-peer strong{ display: block; font-size: var(--t-base); color: var(--ink); font-weight: 600;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cp-peer small{ display: block; font-family: var(--font-mono); font-size: var(--t-micro);
  color: var(--dim); margin-top: 2px; }
.cp-peer .cp-pr{ font-family: var(--font-mono); font-size: var(--t-small); color: var(--cyan); text-align: right; }
.cp-peer em{ font-style: normal; font-family: var(--font-mono); font-size: var(--t-small);
  color: var(--gold); text-align: right; }
.cp-peerhint{ font-family: var(--font-body); font-size: var(--t-micro); color: var(--dim); margin: 9px 0 0; }
.cp-attrs{ display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 10px 28px; }
.cp-attr{ display: grid; grid-template-columns: minmax(0, 1fr) 36px; gap: var(--space-4); align-items: center; }
.cp-attr span{ font-size: var(--t-small); color: var(--muted); overflow: hidden;
  text-overflow: ellipsis; white-space: nowrap; }
.cp-attr b{ font-family: var(--font-mono); font-size: var(--t-small); color: var(--ink);
  text-align: right; font-variant-numeric: tabular-nums; }
.cp-attr i{ grid-column: 1 / -1; display: block; height: 4px; border-radius: var(--radius-pill);
  background: rgba(45, 58, 70, .8); overflow: hidden; margin-top: -3px; }
.cp-attr i u{ display: block; height: 100%; border-radius: var(--radius-pill); background: var(--tone, var(--cyan)); }
.cp-attr.cp-t5 i u{ box-shadow: 0 0 8px rgba(63, 227, 164, .55); }
.cp-attrgroup{ margin: 0 0 22px; }
.cp-attrgroup h3{ font-family: var(--font-display); font-size: var(--t-micro); letter-spacing: .12em;
  text-transform: uppercase; color: var(--dim); margin: 0 0 11px; font-weight: 600; }
.cp-bd{ display: grid; gap: 5px; margin: 10px 0 0; }
.cp-bdrow{ display: grid; grid-template-columns: minmax(0, 1fr) 40px 120px 52px; gap: var(--space-5); align-items: center; }
.cp-bdrow span{ font-size: var(--t-small); color: var(--muted); overflow: hidden;
  text-overflow: ellipsis; white-space: nowrap; }
.cp-bdrow b{ font-family: var(--font-mono); font-size: var(--t-small); color: var(--ink);
  text-align: right; font-variant-numeric: tabular-nums; }
.cp-bdrow i{ display: block; height: 5px; border-radius: var(--radius-pill); background: rgba(45, 58, 70, .7); overflow: hidden; }
.cp-bdrow i u{ display: block; height: 100%; border-radius: var(--radius-pill); background: var(--cyan); }
.cp-bdrow em{ font-style: normal; font-family: var(--font-mono); font-size: var(--t-small);
  color: var(--cyan); text-align: right; font-variant-numeric: tabular-nums; }
.cp-bdtotal{ margin-top: 7px; padding-top: 9px; border-top: 1px solid var(--line); }
.cp-bdtotal span{ color: var(--ink); white-space: normal; }
.cp-bdtotal em{ color: var(--sage); font-size: var(--t-body); }
.cp-disclaim{ margin: 38px 0 0; color: var(--dim); font-size: var(--t-small); line-height: 1.55; max-width: 92ch; }
@media (max-width: 900px){.cp-top{ grid-template-columns: 1fr; gap: var(--space-10); }
.cp-top > .cp-artbox{ order: 0; }
.cp-figsnote{ flex-basis: 100%; padding-left: 0; padding-top: var(--space-5);
    border-left: 0; border-top: 1px solid var(--line); }
.cp-vxrow{ grid-template-columns: repeat(auto-fill, minmax(138px, 1fr)); }
.cp-vx{ grid-template-columns: 42px minmax(0, 1fr); gap: var(--space-3); padding: 8px 9px 8px 8px; }
.cp-vx img{ width: 42px; height: 59px; }
.cp-vx b{ font-size: var(--t-micro); min-height: 2.5em; }
.cp-artbox{ max-width: none; }
.cp-art{ max-width: 220px; margin: 0 auto; }
.cp-art-empty{ max-width: 220px; margin: 0 auto; }
.cp-split{ grid-template-columns: 1fr; gap: 22px; }
.cp-peer{ grid-template-columns: 38px minmax(0, 1fr) 88px; }
.cp-peer .cp-pr{ display: none; }
.cp-lbl{ flex-wrap: wrap; row-gap: var(--space-1); }
.cp-lbl .cp-nm{ white-space: normal; overflow: visible; }
.cp-split li{ align-items: center; }
.cp-bdrow{ grid-template-columns: minmax(0, 1fr) 40px 52px; }
.cp-bdrow i{ display: none; }

}
.dp-od-row:has(+ .dp-ondeck-lab){ border-bottom: 0; }
.dp-triad{
  /* Overridden per page. Defaults are the Card Database's, being the first
     of the three to ship this hero. */
  --dp-glow-a: rgba(95, 199, 223, .16);
  --dp-glow-b: rgba(241, 184, 75, .12);
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-9);
  align-items: end;
  justify-items: center;
  width: 100%;
  max-width: 640px;
  margin-inline: auto;
}
@keyframes dpStageDrift{
  0%, 100% { transform: translate3d(-2%, 0, 0) scale(1); opacity: .55; }
  50% { transform: translate3d(2%, -3%, 0) scale(1.08); opacity: .85; }
}
.dp-triad::before{
  content: "";
  position: absolute;
  inset: -14% -8% -6%;
  pointer-events: none;
  z-index: 0;
  background: radial-gradient(58% 62% at 50% 44%, var(--dp-glow-a), transparent 68%),
              radial-gradient(38% 44% at 78% 26%, var(--dp-glow-b), transparent 70%);
  -webkit-mask: radial-gradient(130% 100% at 50% 48%, #000 46%, transparent 84%);
  mask: radial-gradient(130% 100% at 50% 48%, #000 46%, transparent 84%);
  animation: dpStageDrift 14s ease-in-out infinite;
}
.dp-slot{
  /* --dp-accent paints the pill and the figure. Only Market Pulse's hot slot
     needs them apart: a red pill wants dark ink on it, but red TEXT on this
     background has to lift to stay readable, so --dp-ink can be set alone. */
  --dp-accent: var(--cyan);
  --dp-ink: var(--dp-accent);
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 0;
  width: 100%;
  text-decoration: none;
}
.dp-lift{ display: flex; flex-direction: column; align-items: center; transform-origin: 50% 56%; }
.dp-cat{
  display: inline-flex;
  gap: 5px;
  font-family: var(--font-display);
  font-size: var(--t-micro);
  letter-spacing: .07em;
  text-transform: uppercase;
  padding: 4px 9px;
  border-radius: var(--radius-pill);
  margin: 0 0 9px;
  white-space: nowrap;
  color: #05090e;
  max-width: 100%;
  background: var(--dp-accent);
}
.dp-cd{ position: relative; display: block; width: 150px; transition: transform .2s; }
.dp-slot.is-centre .dp-cd{ width: 192px; }
.dp-cd img{ display: block; width: 100%; height: auto; filter: drop-shadow(0 10px 24px rgba(0, 0, 0, .6)); }
.dp-slot:hover .dp-cd, .dp-slot:focus-visible .dp-cd{ transform: translateY(-5px); }
@keyframes dpFloatL{ 0%, 100% { transform: rotate(-6deg) translateY(0); } 50% { transform: rotate(-6deg) translateY(10px); } }
@keyframes dpFloatC{ 0%, 100% { transform: rotate(0deg) translateY(0); } 50% { transform: rotate(0deg) translateY(-12px); } }
@keyframes dpFloatR{ 0%, 100% { transform: rotate(7deg) translateY(0); } 50% { transform: rotate(7deg) translateY(-9px); } }
.dp-slot.is-left .dp-lift{ animation: dpFloatL 7s ease-in-out infinite; }
.dp-slot.is-centre .dp-lift{ animation: dpFloatC 6s ease-in-out infinite; }
.dp-slot.is-right .dp-lift{ animation: dpFloatR 8s ease-in-out infinite; }
.dp-slot:hover .dp-lift{ animation-play-state: paused; }
.dp-val{
  font-family: var(--font-display);
  font-size: 1.06rem;
  font-weight: 700;
  margin: 11px 0 1px;
  max-width: 100%;
  color: var(--dp-ink);
}
.dp-who{
  font-family: var(--font-mono);
  font-size: var(--t-micro);
  color: var(--muted);
  text-align: center;
  line-height: 1.45;
  max-width: 100%;
  overflow-wrap: anywhere;
}
.dp-slot.dp-sage{ --dp-accent: var(--sage); }
.dp-slot.dp-cyan{ --dp-accent: var(--cyan); }
.dp-slot.dp-gold{ --dp-accent: var(--gold); }
.dp-slot.dp-red{ --dp-accent: var(--red); --dp-ink: #ff9bac; }
.rankings-page .dp-triad{ --dp-glow-a: rgba(95, 199, 223, .16); --dp-glow-b: rgba(255, 85, 116, .12); }
.database-page .dp-triad{ --dp-glow-a: rgba(95, 199, 223, .16); --dp-glow-b: rgba(241, 184, 75, .12); }
.rankings-page .dp-val .pulse-mark{ color: inherit; }
@media (max-width: 900px){.dp-triad{ display: none; }

}
@media (prefers-reduced-motion: reduce){.dp-slot .dp-lift, .dp-triad::before{ animation: none !important; }
.dp-slot.is-left .dp-lift{ transform: rotate(-6deg); }
.dp-slot.is-right .dp-lift{ transform: rotate(7deg); }

}
.dp-od-item u .dp-od-reward{ font-family: var(--font-display); font-size: var(--t-body);
  font-weight: 700; color: var(--sage); margin-right: var(--space-1); }
.rc-herocopy{ min-width: 0; }
.rc-move.up .to{ color: var(--sage); }
.rc-move.dn .to{ color: var(--red); }
.rc-move.up .rc-delta{ background: var(--sage); color: #04231a; }
.rc-move.dn .rc-delta{ background: var(--red); color: #26060c; }
.rc-sort{ flex: 1 1 0; min-width: 170px; text-align: left; padding: 15px 18px 15px 0;
  background: none; border: 0; border-right: 1px solid var(--line); cursor: pointer; color: var(--muted); }
.rc-boardcol{ min-width: 0; }
.rc-who{ min-width: 0; }
.rc-rail-fig b.gold{ color: var(--gold); }
.rc-go{ display: inline-block; margin-top: 15px; font-family: var(--font-display); font-size: var(--t-base);
  letter-spacing: .06em; text-transform: uppercase; color: var(--cyan); text-decoration: none; }
.rc-go:hover{ text-decoration: underline; }
@media (max-width: 640px){.rc-sort{ min-width: 140px; padding-right: var(--space-5); }



}
.site-nav a,
.site-nav button{ font-size: var(--t-base); }
.dp-triad{
  overflow-x: clip;
  overflow-y: visible;
}
@media (max-width: 640px){.tool-page{ overflow-x: clip; }

}
.site-header{
  position: sticky;
  top: 0;
  transition: min-height 160ms ease, padding 160ms ease, background-color 160ms ease;
}
.site-header.is-stuck{
  min-height: 0;
  padding: 6px 0 6px;
  background: rgba(6, 11, 17, .93);
  backdrop-filter: blur(12px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, .38);
}
.site-header.is-stuck .brand-logo{
  height: 40px;
  filter: drop-shadow(0 0 12px rgba(95, 199, 223, .38));
  transition: height 160ms ease;
}
.site-header.is-stuck::after{ bottom: 0; }
@media (max-width: 900px){.site-header.is-stuck{ padding: 5px 0; }
.site-header.is-stuck .brand-logo{ height: 34px; }

}
html{ scroll-padding-top: 82px; }
@media (max-width: 900px){html{ scroll-padding-top: 76px; }

}
.quick-nav-rail{ display: none !important; }
.site-header.is-stuck .brand-logo{ width: auto; }
.site-header.is-stuck{ padding-right: 74px; }
.header-top{
  display: none;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  align-items: center;
  gap: var(--space-2);
  padding: 7px 12px;
  border: 1px solid rgba(95, 199, 223, .32);
  border-radius: var(--radius-pill);
  background: rgba(8, 14, 22, .8);
  color: var(--cyan);
  cursor: pointer;
  font-family: var(--font-display);
  font-size: var(--t-small);
  font-weight: var(--w-semi);
  letter-spacing: var(--track-caps);
  text-transform: uppercase;
  white-space: nowrap;
}
.header-top::before{ content: ""; position: absolute; left: 0; right: 0; top: -9px; bottom: -9px; }
.header-top::after{ content: ""; position: absolute; inset: -8px -6px; }
.header-top span{ font-size: 1.05em; line-height: 1; }
.header-top b{ font-weight: inherit; }
.header-top:hover,
.header-top:focus-visible{
  border-color: rgba(95, 199, 223, .6);
  color: var(--cyan-ink);
}
.site-header.is-stuck .header-top{ display: inline-flex; }
@media (max-width: 640px){.site-header.is-stuck{ padding-right: 42px; }
.header-top{ padding: 7px 10px; }
.header-top b{ display: none; }

}
.cpm{ border: 1px solid var(--line); border-radius: var(--radius-xl); background: rgba(8, 14, 22, .6);
  padding: 18px 20px; margin: 14px 0 0; max-width: 760px; }
.cpm-figs{ display: grid; grid-template-columns: repeat(4, auto); justify-content: start;
  column-gap: 30px; row-gap: var(--space-2); align-items: baseline;
  padding-bottom: 15px; margin-bottom: var(--space-6); border-bottom: 1px solid var(--line); }
.cpm-figs b{ grid-row: 1; font-family: var(--font-display); font-size: 1.55rem; font-weight: 700;
  line-height: 1; color: var(--ink); }
.cpm-figs b.gold{ color: var(--gold); }
.cpm-figs b.up{ color: var(--sage); }
.cpm-figs b.dn{ color: var(--red); }
.cpm-figs b.flat{ color: var(--muted); }
.cpm-figs small{ grid-row: 2; font-family: var(--font-display); font-size: var(--t-small);
  letter-spacing: .1em; text-transform: uppercase; color: var(--dim); white-space: nowrap; }
.cpm-say{ font-size: var(--t-base); color: var(--muted); line-height: 1.6; margin: 0; }
.cpm-say b{ color: var(--ink); font-weight: 600; }
.cpm-liq{ font-family: var(--font-mono); font-size: var(--t-body); color: var(--dim); }
@media (max-width: 640px){.cpm-figs{ grid-template-columns: repeat(2, auto); column-gap: 34px; row-gap: var(--space-1); }
.cpm-figs b{ font-size: 1.35rem; }
.cpm-figs b:nth-of-type(1), .cpm-figs b:nth-of-type(2){ grid-row: 1; }
.cpm-figs small:nth-of-type(1), .cpm-figs small:nth-of-type(2){ grid-row: 2; }
.cpm-figs b:nth-of-type(3), .cpm-figs b:nth-of-type(4){ grid-row: 3; }
.cpm-figs small:nth-of-type(3), .cpm-figs small:nth-of-type(4){ grid-row: 4; }

}
.ff-herocopy{ min-width: 0; }
.ff-sort{ flex: 1 1 0; min-width: 172px; text-align: left; padding: 15px 18px 15px 0; background: none;
  border: 0; border-right: 1px solid var(--line); cursor: pointer; color: var(--muted); }
.ff-boardcol{ min-width: 0; }
.ff-who{ min-width: 0; }
.ff-more{ display: block; width: 100%; margin-top: var(--space-6); padding: 13px; background: none;
  border: 1px dashed var(--line); border-radius: 10px; color: var(--cyan); cursor: pointer;
  font-family: var(--font-display); font-size: var(--t-base); letter-spacing: .06em; text-transform: uppercase; }
.ff-more small{ display: block; font-family: var(--font-mono); font-size: var(--t-micro);
  letter-spacing: 0; text-transform: none; color: var(--dim); margin-top: var(--space-1); }
.ff-go{ display: inline-block; margin-top: var(--space-5); font-family: var(--font-display); font-size: var(--t-base);
  letter-spacing: .06em; text-transform: uppercase; color: var(--cyan); text-decoration: none; }
.ff-go:hover{ text-decoration: underline; }
.ff-row.is-locked .ff-bar-a{ width: 62%; }
.ff-row.is-locked .ff-bar-b{ width: 38%; height: 7px; margin-top: 7px; }
.ff-row.is-locked .ff-bar-c{ width: 74px; margin-left: auto; }
.ff-row.is-locked .ff-bar-d{ width: 92px; height: 13px; margin-left: auto; }
@media (max-width: 640px){.ff-sort{ min-width: 140px; padding-right: var(--space-5); }


}
.account-page .ac-hero .hero-copy > p:not(.eyebrow){
  max-width: 68ch;
  font-size: var(--t-base);
  line-height: 1.55;
}
.account-plans *{ box-sizing: border-box; min-width: 0; }
.account-page .ac-hero .hero-copy > p:not(.eyebrow),
.account-page.is-member-signed-in .account-hero p:not(.eyebrow){
  max-width: 68ch;
  font-size: var(--t-base);
  line-height: 1.55;
  color: #b8c6d0;
}
.account-page .account-status-panel:has(.ac-strip-h.is-free){ border-color: rgba(241, 184, 75, 0.32); }
.account-page .account-status-panel:has(.ac-strip-h.is-pro){ border-color: rgba(63, 227, 164, 0.32); }
@keyframes pvPackDrift{
  0%, 100% { transform: translate3d(-2%, 0, 0) scale(1); opacity: .55; }
  50% { transform: translate3d(2%, -3%, 0) scale(1.08); opacity: .85; }
}
.pack-page .pv-answer:not(.is-quiet){
  align-items: start;
  column-gap: var(--space-10);
  row-gap: var(--space-6);
}
@media (max-width: 900px){.pack-page .pv-answer:not(.is-quiet){ row-gap: var(--space-5); }

}
.gold-gate-cta{
  min-height: 44px;
}
@keyframes pvFloatL{ 0%, 100% { transform: rotate(-6deg) translateY(0); } 50% { transform: rotate(-6deg) translateY(10px); } }
@keyframes pvFloatC{ 0%, 100% { transform: rotate(0deg) translateY(0); } 50% { transform: rotate(0deg) translateY(-12px); } }
@keyframes pvFloatR{ 0%, 100% { transform: rotate(7deg) translateY(0); } 50% { transform: rotate(7deg) translateY(-9px); } }
.help-hero .lg-said,
.help-hero .hf-said{ max-width: 62ch; }
.help-hero .lg-stamp{
  display: inline-flex;
  align-items: baseline;
  gap: var(--space-3);
  margin: 14px 0 0;
  font-family: var(--font-mono);
  font-size: var(--t-body);
  color: var(--dim);
}
.help-hero .lg-stamp b{ color: var(--muted); font-weight: 400; }
.help-hero .lg-stamp span{ color: #3a4a58; }
.lg-wrap{
  display: grid;
  grid-template-columns: 236px minmax(0, 1fr);
  gap: 44px;
  align-items: start;
  margin-top: 30px;
}
.lg-rail{ position: sticky; top: 84px; max-height: calc(100vh - 110px); max-height: calc(100dvh - 110px); overflow-y: auto; }
.lg-rail-head{
  margin: 0 0 10px;
  font-family: var(--font-display);
  font-size: var(--t-small);
  letter-spacing: var(--track-caps);
  text-transform: uppercase;
  color: var(--dim);
}
.lg-rail a{
  display: block;
  padding: 7px 0 7px 13px;
  border-left: 2px solid rgba(45, 58, 70, .7);
  font-size: var(--t-body);
  line-height: 1.45;
  color: var(--muted);
  text-decoration: none;
  transition: color .15s ease, border-color .15s ease;
}
.lg-rail a:hover{ color: var(--cyan-ink); border-left-color: rgba(95, 199, 223, .5); }
.lg-rail a.is-here{ color: var(--cyan-ink); border-left-color: var(--cyan); }
.lg-sec{ padding: 0 0 28px; scroll-margin-top: 124px; }
.lg-num{
  display: block;
  margin-bottom: var(--space-1);
  font-family: var(--font-mono);
  font-size: var(--t-micro);
  color: var(--steel);
  font-variant-numeric: tabular-nums;
}
.lg-num i{ font-style: normal; color: #3a4a58; }
.lg-h{
  margin: 0 0 10px;
  font-family: var(--font-display);
  font-size: 1.45rem;
  font-weight: 700;
  letter-spacing: .01em;
  line-height: 1.15;
  color: var(--ink);
}
.lg-doc p{
  margin: 0 0 11px;
  max-width: 76ch;
  font-size: var(--t-base);
  line-height: 1.72;
  color: var(--muted);
}
.lg-doc p:last-child{ margin-bottom: 0; }
.lg-doc strong{ color: var(--ink); font-weight: 600; }
.lg-doc a{ color: var(--cyan); }
@media (max-width: 900px){.lg-wrap{ grid-template-columns: 1fr; gap: 22px; }
.lg-rail{
    position: static;
    max-height: none;
    padding-bottom: var(--space-9);
    border-bottom: 1px solid var(--line);
  }
.lg-rail a{ padding: 9px 0 9px 13px; }
.lg-h{ font-size: var(--t-lead); }

}
.pa-lookup-lede{ font-size: var(--t-h3, var(--t-lead)); }
.imx-page .imx-hero{ display: grid; grid-template-columns: minmax(0, 1fr) 620px; gap: 34px;
  align-items: center; padding: 30px 0 8px; }
.imx-page .imx-head{ display: flex; align-items: baseline; gap: var(--space-8); }
.imx-page .imx-head .eyebrow{ margin: 0 0 10px; }
.imx-page .imx-count{ margin-left: auto; font-family: var(--font-mono); font-size: var(--t-body);
  color: var(--dim); white-space: nowrap; font-variant-numeric: tabular-nums; }
.imx-page .imx-count b{ color: var(--sage); font-weight: 600; }
.imx-page .imx-hero h1{ margin: 0 0 18px; font-size: clamp(2rem, 4vw, 3.35rem); line-height: 1.02; }
.imx-page .imx-say .v{ color: var(--imx-tone-ink, var(--gold)); }
.imx-page .imx-fig b{ color: var(--ink); font-weight: 600; }
.imx-page .imx-act{ display: inline-flex; align-items: center; min-height: 44px; margin-top: var(--space-8); padding: 0 24px;
  border-radius: var(--radius-l); font-family: var(--font-display); font-size: var(--t-base); font-weight: 700;
  letter-spacing: .05em; text-transform: uppercase; text-decoration: none; cursor: pointer;
  border: 1px solid rgba(241, 184, 75, .5); background: rgba(241, 184, 75, .13); color: var(--gold); }
.imx-page .imx-act:hover{ background: rgba(241, 184, 75, .2); }
.imx-page .imx-act.cy{ border-color: rgba(95, 199, 223, .55); background: rgba(95, 199, 223, .14); color: var(--cyan-ink); }
.imx-page .imx-act.cy:hover{ background: rgba(95, 199, 223, .22); }
.imx-page .imx-act[disabled]{ opacity: .45; cursor: not-allowed; }
.imx-page .dp-triad{ --dp-glow-a: rgba(241, 184, 75, .14); --dp-glow-b: rgba(95, 199, 223, .12); }
.imx-page .imx-lock-7{ filter: blur(7px); opacity: .36; pointer-events: none; user-select: none;
  transition: filter .6s ease, opacity .6s ease; }
.imx-page .imx-lock-4{ filter: blur(4.5px); opacity: .55; pointer-events: none; user-select: none;
  transition: filter .6s ease, opacity .6s ease; }
.imx-page .imx-lock-2{ filter: blur(2px); opacity: .8; pointer-events: none; user-select: none;
  transition: filter .6s ease, opacity .6s ease; }
.imx-page .imx-lockline{ margin: 4px 0 0; text-align: center; font-family: var(--font-mono);
  font-size: var(--t-small); color: var(--dim); }
.imx-page .imx-strip{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0;
  margin: 34px 0 0; padding: 0; list-style: none; border-top: 2px solid #2d3a46; }
.imx-page .imx-strip.is-arriving{ grid-template-columns: minmax(0, .7fr) minmax(0, .7fr) minmax(0, 1.6fr); }
.imx-page .imx-cell{ position: relative; margin: 0; padding: 18px 22px 22px 0; }
.imx-page .imx-cell + .imx-cell{ padding-left: 22px; border-left: 1px solid rgba(45, 58, 70, .55); }
.imx-page .imx-cell::before{ content: ""; position: absolute; top: -2px; left: 0; width: 72px; height: 2px;
  background: var(--imx-tick, transparent); }
.imx-page .imx-cell + .imx-cell::before{ left: 22px; }
.imx-page .imx-cell.is-done{ --imx-tick: rgba(63, 227, 164, .6); }
.imx-page .imx-cell.is-now{ --imx-tick: var(--cyan); }
.imx-page .imx-n{ font-family: var(--font-mono); font-size: var(--t-small); color: var(--dim); }
.imx-page .imx-cell.is-done .imx-n{ color: var(--sage); }
.imx-page .imx-cell.is-now .imx-n{ color: var(--cyan); }
.imx-page .imx-cell h3{ margin: 6px 0 8px; font-family: var(--font-display); font-size: var(--t-lead); font-weight: 700;
  letter-spacing: .01em; color: var(--ink); }
.imx-page .imx-cell p{ margin: 0; font-size: var(--t-body); line-height: 1.6; color: var(--muted); }
.imx-page .imx-cell.is-done p, .imx-page .imx-cell.is-next p{ color: var(--dim); }
.imx-page .imx-cell p b, .imx-page .imx-cell p strong{ color: var(--ink); font-weight: 600; }
.imx-page .imx-cell.is-done p b{ color: var(--muted); }
.imx-page .imx-cell code{ font-family: var(--font-mono); font-size: var(--t-body); color: var(--cyan); }
.imx-page .imx-cell .inline-link{ font-size: var(--t-body); }
.imx-page .imx-cell .imx-act{ margin-top: var(--space-5); }
.imx-page .imx-cell p + p{ margin-top: var(--space-3); }
.imx-page .imx-result b, .imx-page .imx-result strong{ color: var(--ink); font-weight: 600; }
.imx-page .imx-wire b{ font-family: var(--font-display); font-size: var(--t-small); font-weight: 700;
  letter-spacing: var(--track-caps); text-transform: uppercase; color: var(--cyan); margin-right: var(--space-2); }
.imx-page .imx-wire .mono{ font-family: var(--font-mono); color: var(--steel); }
.imx-page .imx-mbtn{ min-height: 34px; padding: 0 14px; border: 1px solid var(--line); border-radius: 7px;
  background: none; color: var(--muted); font-family: var(--font-display); font-size: var(--t-small);
  font-weight: 600; letter-spacing: .06em; text-transform: uppercase; cursor: pointer; }
.imx-page .imx-mbtn[disabled]{ opacity: .45; cursor: not-allowed; }
.imx-page .imx-mbtn.danger{ color: var(--red); border-color: rgba(255, 101, 124, .4); }
.imx-page .imx-legal{ margin: 22px 0 56px; max-width: 78ch; font-size: var(--t-small); line-height: 1.7; color: var(--dim); }
@media (max-width: 1271px){.imx-page .imx-hero{ grid-template-columns: 1fr; }
.imx-page .imx-hero .dp-triad, .imx-page .imx-lockline{ display: none; }

}
@media (max-width: 900px){.imx-page .imx-strip, .imx-page .imx-strip.is-arriving{ grid-template-columns: 1fr; border-top: 0; }
.imx-page .imx-cell{ border-top: 2px solid #2d3a46; padding-right: 0; }
.imx-page .imx-cell + .imx-cell{ padding-left: 0; border-left: 0; }
.imx-page .imx-cell::before, .imx-page .imx-cell + .imx-cell::before{ left: 0; }

}
.inv-page .inv-hero .eyebrow{ margin: 0 0 10px; }
.inv-page .inv-said.is-loaded{ border-top-color: rgba(63, 227, 164, .4); }
.inv-page .inv-say .v{ color: var(--cyan); }
.inv-page .is-loaded .inv-say .v{ color: var(--sage); }
.inv-page .inv-fig b{ color: var(--ink); font-weight: 600; }
.inv-page .inv-band b{ color: var(--ink); font-weight: 600; }
.inv-page .inv-band .sg{ color: var(--sage); }
.inv-page .inv-band .gd{ color: var(--gold); }
.inv-page .inv-go{ display: inline-flex; align-items: center; min-height: 44px; margin-top: var(--space-8); padding: 0 24px;
  border: 1px solid rgba(95, 199, 223, .55); border-radius: var(--radius-l); background: rgba(95, 199, 223, .14);
  color: var(--cyan-ink); font-family: var(--font-display); font-size: var(--t-base); font-weight: 700;
  letter-spacing: .05em; text-transform: uppercase; text-decoration: none; cursor: pointer; }
.inv-page .inv-go:hover{ background: rgba(95, 199, 223, .22); }
.inv-page .inv-mbtn{ min-height: 38px; padding: 0 14px; border: 1px solid var(--line); border-radius: 7px;
  background: none; color: var(--muted); font-family: var(--font-display); font-size: var(--t-small);
  font-weight: 600; letter-spacing: .06em; text-transform: uppercase; cursor: pointer; }
.inv-page .inv-mbtn.go{ min-height: 44px; border-color: rgba(95, 199, 223, .55);
  background: rgba(95, 199, 223, .14); color: var(--cyan-ink); }
.inv-page .inv-mbtn.danger{ color: var(--red); border-color: rgba(255, 101, 124, .4); }
.inv-page .cdb-count b{ color: var(--ink); }
.inv-page .inv-row:hover, .inv-page .inv-row:focus-visible{ background: rgba(95, 199, 223, .04); }
.inv-page .inv-num.is-ink{ color: var(--ink); }
.inv-page .inv-dock.t-sell, .inv-page .inv-dock.t-quick{ --dock: var(--sage);
  background: linear-gradient(160deg, rgba(63, 227, 164, .05), transparent 55%), rgba(15, 24, 33, .6); }
.inv-page .inv-dock.t-exchange{ --dock: var(--gold);
  background: linear-gradient(160deg, rgba(241, 184, 75, .05), transparent 55%), rgba(15, 24, 33, .6); }
.inv-page .inv-dock .figs{ display: flex; flex-wrap: wrap; gap: 4px 24px; margin: 0 0 10px;
  font-family: var(--font-mono); font-size: var(--t-body); color: var(--dim); font-variant-numeric: tabular-nums; }
.inv-page .inv-dock .acts{ display: flex; flex-wrap: wrap; gap: var(--space-3); }
.inv-page .inv-foot .inline-link{ font-size: var(--t-small); }
@media (max-width: 1311px){.inv-page .inv-hero .dp-triad, .inv-page .inv-capline{ display: none; }

}
.pg-page .pr-deck .pr-sort{ padding: 12px 14px 13px; }
.pg-page .pr-sort-ans img, .pg-page .pr-sort-ans .pr-sort-noart{ width: 38px; height: 53px; }
.rw-route.is-pick .rw-bar{ background: linear-gradient(90deg, rgba(63,227,164,.3), var(--sage)); }
.pg-page .pa-2xp b{ color: var(--gold); font-weight: 600; }
.inv-page .inv-foot .inv-sync{ color: var(--sage); font-weight: 600; }
.inv-page .inv-foot .inv-syncat{ color: var(--dim); }
.cdb-opt{ font-size: var(--t-base); padding: 8px 14px; }
.cdb-lab{ font-size: var(--t-base); }
.inv-page .cdb-panel [data-filter="action"][data-value="sell"],
.inv-page .cdb-panel [data-filter="action"][data-value="quick"]{ color: #7fcfae; }
.inv-page .cdb-panel [data-filter="action"][data-value="hold"],
.inv-page .cdb-panel [data-filter="action"][data-value="watch"]{ color: #a8bccb; }
.inv-page .cdb-panel [data-filter="action"][data-value="collect"],
.inv-page .cdb-panel [data-filter="action"][data-value="squad"]{ color: #8fd6e8; }
.inv-page .cdb-panel [data-filter="action"][data-value="exchange"]{ color: #dbb264; }
.inv-page .cdb-panel [data-filter="action"][data-value="sell"].is-on,
.inv-page .cdb-panel [data-filter="action"][data-value="quick"].is-on{
  border-color: var(--sage); color: #7cf0c4; background: rgba(63, 227, 164, .1); }
.inv-page .cdb-panel [data-filter="action"][data-value="hold"].is-on,
.inv-page .cdb-panel [data-filter="action"][data-value="watch"].is-on{
  border-color: var(--steel); color: var(--ink); background: rgba(138, 162, 181, .12); }
.inv-page .cdb-panel [data-filter="action"][data-value="exchange"].is-on{
  border-color: var(--gold); color: #ffd47a; background: rgba(241, 184, 75, .1); }
.pg-page .cdb-count b{ color: var(--ink); }
.pg-page .pg-status{ margin: 10px 0 0; font-family: var(--font-mono);
  font-size: var(--t-small); color: var(--dim); }
.pg-page .pc-row{ width: 100%; text-align: inherit; border: 0;
  border-bottom: 1px solid rgba(45, 58, 70, .45); background: none; font: inherit;
  color: inherit; cursor: pointer; }
.pg-page .pc-row:hover, .pg-page .pc-row:focus-visible{ background: rgba(95, 199, 223, .04); }
.pg-page .pc-row .pc-why{ text-align: left; }
.pg-page .pc-foot{ display: flex; align-items: center; gap: var(--space-6); flex-wrap: wrap; }
.pg-page .pc-noart{ display: grid; place-items: center; width: 42px; height: 56px;
  border: 1px dashed rgba(45, 58, 70, .9); border-radius: var(--radius-m);
  font-family: var(--font-mono); font-size: var(--t-base); color: var(--dim); }
.pg-page .pc-row{ grid-template-columns: 42px minmax(0, 1.15fr) minmax(0, 1fr); }
.pg-page .pc-earn{ font-family: var(--font-display); font-size: var(--t-base);
  font-weight: 600; letter-spacing: .01em; color: var(--gold); text-align: right; }
.pg-page .pc-earn small{ display: block; font-family: var(--font-mono);
  font-size: var(--t-small); font-weight: 400; letter-spacing: 0; color: var(--dim); }
.pg-page .pc-row .pc-why{ grid-column: 2 / -1; }
@media (max-width: 760px){.pg-page .pc-row{ grid-template-columns: 36px minmax(0, 1fr); }
.pg-page .pc-earn{ grid-column: 2; text-align: left; margin-top: var(--space-1); }

}
.adv .cd{ display: grid; grid-template-columns: 200px minmax(0,1fr); gap: var(--space-14); align-items: start;
  margin: 26px 0 0; }
.adv .cd-art{ position: relative; }
.adv .cd-art img{ width: 100%; height: auto; display: block; border-radius: 10px;
  box-shadow: 0 26px 60px rgba(0,0,0,.75), 0 0 0 1px rgba(255,255,255,.06); }
.adv .cd-nm span{ font-family: var(--font-mono); font-size: .42em; font-weight: 500; color: var(--steel);
  margin-left: var(--space-5); vertical-align: .28em; letter-spacing: 0; }
.adv .vd .w{ font-family: var(--font-display); font-size: clamp(1.9rem, 3.2vw, 2.6rem); font-weight: 700;
  line-height: 1; color: var(--sage); }
.adv .vd.k-sell .w, .adv .vd.k-flip .w, .adv .vd.k-quick .w{ color: var(--gold-ink); }
.adv .vd.k-keep .w{ color: var(--cyan-ink); }
.adv .vd.k-collect .w{ color: #5ce9b3; }
.adv .vd .n{ font-family: var(--font-mono); font-size: clamp(1.5rem, 2.6vw, 2.1rem); font-weight: 600;
  color: var(--ink); font-variant-numeric: tabular-nums; }
.adv .vd .u{ font-family: var(--font-mono); font-size: var(--t-small); color: var(--dim); }
.adv .cd-line{ margin: 0 0 4px; max-width: 60ch; font-size: var(--t-lead); line-height: 1.5; color: var(--muted); }
.adv .cd-why{ margin: 8px 0 0; max-width: 60ch; font-family: var(--font-mono); font-size: var(--t-small); color: var(--dim); }
.adv .pctl-tr i{ position: absolute; top: -6px; width: 3px; height: 16px; border-radius: 2px; background: var(--cyan);
  box-shadow: 0 0 12px rgba(95,199,223,.8); }
.adv .pctl-k b{ color: var(--cyan); font-weight: 500; }
.adv .go{ display: inline-flex; align-items: center; gap: var(--space-4); min-height: 48px; padding: 0 26px; border-radius: 9px;
  border: 1px solid rgba(95,199,223,.4); background: var(--cyan); color: #061016; box-shadow: 0 12px 30px rgba(95,199,223,.22);
  font-family: var(--font-display); font-size: var(--t-base); font-weight: 700; letter-spacing: .05em;
  text-transform: uppercase; text-decoration: none; }
.adv .go2:hover{ border-color: rgba(95,199,223,.5); color: var(--ink); }
.adv .meter{ font-family: var(--font-mono); font-size: var(--t-small); color: var(--dim); }
.adv .sw{ display: grid; grid-template-columns: repeat(auto-fit, minmax(210px,1fr)); gap: var(--space-4); margin: 34px 0 0; }
.adv .tile{ position: relative; display: flex; flex-direction: column; gap: 0; min-height: 104px;
  padding: 14px 16px 15px; text-align: left; cursor: pointer;
  border: 1px solid var(--line); border-radius: 11px; background: var(--field); transition: border-color .16s, background .16s; }
.adv .tile:hover{ border-color: rgba(95,199,223,.45); background: #0c141d; }
.adv .tile:focus-visible{ outline: 2px solid var(--cyan); outline-offset: 2px; }
.adv .tile .k{ font-family: var(--font-display); font-size: var(--t-micro); font-weight: 700;
  letter-spacing: var(--track-caps); text-transform: uppercase; color: var(--dim); }
.adv .tile .v{ margin-top: var(--space-3); font-family: var(--font-mono); font-size: 1.28rem; color: var(--ink);
  font-variant-numeric: tabular-nums; line-height: 1.1; }
.adv .tile .s{ margin-top: auto; padding-top: var(--space-3); font-size: var(--t-small); color: var(--dim); line-height: 1.35; }
.adv .tile .car{ position: absolute; right: 14px; bottom: 13px; font-size: var(--t-micro); color: var(--dim); transition: transform .18s; }
.adv .tile.on{ border-color: var(--cyan); background: #0b1520; box-shadow: inset 0 2px 0 var(--cyan); }
.adv .tile.on .k{ color: var(--cyan); }
.adv .tile.on .car{ transform: rotate(180deg); }
.adv .tile.t-rate .v{ color: var(--cyan); }
.adv .pane{ margin: 14px 0 0; padding: 22px 0 0; border-top: 1px solid var(--line); }
.adv .pane-h h2{ margin: 0; font-family: var(--font-display); font-size: var(--t-title); font-weight: 700;
  letter-spacing: .01em; color: var(--ink); }
.adv .pane-h span{ margin-left: auto; font-family: var(--font-mono); font-size: var(--t-small); color: var(--dim); }
.adv .pth{ display: grid; grid-template-columns: 132px minmax(0,1fr) 150px 74px; gap: 0 20px; align-items: center;
  padding: 14px 0; border-bottom: 1px solid rgba(45,58,70,.45); }
.adv .pth.win{ border-left: 3px solid var(--sage); padding-left: var(--space-7); margin-left: -19px; }
.adv .pth .pn{ font-family: var(--font-display); font-size: 1.26rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.adv .pth.k-money .pn{ color: var(--gold-ink); }
.adv .pth.k-coll .pn{ color: #5ce9b3; }
.adv .pth.k-quality .pn{ color: var(--cyan-ink); }
.adv .pth.k-off .pn{ color: var(--steel); }
.adv .pth .pn small{ display: block; font-family: var(--font-mono); font-size: var(--t-small); font-weight: 400;
  letter-spacing: 0; text-transform: none; color: var(--dim); margin-top: 2px; }
.adv .pth p{ margin: 0; font-size: var(--t-base); line-height: 1.55; color: var(--muted); }
.adv .pth p b{ color: var(--ink); font-weight: 600; }
.adv .pth .fig{ font-family: var(--font-mono); font-size: 1.24rem; text-align: right; color: var(--ink); font-variant-numeric: tabular-nums; }
.adv .pth .fig small{ display: block; font-size: var(--t-small); color: var(--dim); }
.adv .pth.win .fig{ color: var(--sage); }
.adv .pth .tg{ font-family: var(--font-display); font-size: var(--t-small); font-weight: 700; letter-spacing: .08em;
  text-transform: uppercase; text-align: right; color: var(--dim); }
.adv .pth.win .tg{ color: var(--sage); }
.adv .mk{ display: grid; grid-template-columns: 150px minmax(0,1fr) 120px; gap: 0 18px; align-items: baseline;
  padding: 10px 0; border-bottom: 1px solid rgba(45,58,70,.4); }
.adv .mk dt{ font-family: var(--font-display); font-size: var(--t-small); font-weight: 700; letter-spacing: var(--track-caps);
  text-transform: uppercase; color: var(--dim); }
.adv .mk p{ margin: 0; font-size: var(--t-base); line-height: 1.55; color: var(--muted); }
.adv .mk .fig{ font-family: var(--font-mono); font-size: var(--t-base); text-align: right; color: var(--ink); font-variant-numeric: tabular-nums; }
.adv .mk .fig.sg{ color: var(--sage); }
.adv .mk .fig.dn{ color: var(--red); }
.adv .mk .fig.gd{ color: var(--gold); }
.adv .ver{ display: grid; grid-template-columns: 46px minmax(0,1fr) auto auto; gap: var(--space-6); align-items: center;
  padding: 10px 0; border-bottom: 1px solid rgba(45,58,70,.4); cursor: pointer; }
.adv .ver:hover{ background: rgba(95,199,223,.04); }
.adv .ver img{ width: 46px; height: 65px; border-radius: var(--radius-s); display: block; }
.adv .ver .nm{ font-size: var(--t-base); color: var(--ink); font-weight: 600; }
.adv .ver .nm small{ display: block; font-family: var(--font-mono); font-size: var(--t-small); font-weight: 400; color: var(--dim); }
.adv .ver .ov{ font-family: var(--font-display); font-size: var(--t-lead); font-weight: 700; color: var(--cyan); }
.adv .ver .pr{ font-family: var(--font-mono); font-size: var(--t-body); color: var(--muted); font-variant-numeric: tabular-nums; min-width: 9ch; text-align: right; }
.adv .foot{ margin: 26px 0 60px; max-width: 72ch; font-family: var(--font-body);
  font-size: var(--t-body); line-height: 1.7; color: var(--dim); }
.adv .pick{ position: relative; }
.adv .pick-list .nm{ font-size: var(--t-base); color: var(--ink); font-weight: 600; }
.adv .pick-list .nm small{ display: block; font-family: var(--font-mono); font-size: var(--t-small); font-weight: 400; color: var(--dim); margin-top: 2px; }
.adv .pick-list .ov{ font-family: var(--font-display); font-size: 1.1rem; font-weight: 700; color: var(--cyan); }
.adv .pick-list .pr{ font-family: var(--font-mono); font-size: var(--t-small); color: var(--muted); font-variant-numeric: tabular-nums; min-width: 8ch; text-align: right; }
.adv .st{ margin: 12px 0 0; font-family: var(--font-body); font-size: var(--t-small); color: var(--dim); min-height: 1.3em; }
.adv .st.err{ color: var(--red); }
.adv [hidden]{ display: none !important; }
@media (max-width: 1100px){.adv .sw{ grid-template-columns: repeat(2, minmax(0,1fr)); }

}
@media (max-width: 760px){.adv .cd{ grid-template-columns: 150px minmax(0,1fr); gap: 22px; }
.adv .sw{ grid-template-columns: repeat(2, minmax(0,1fr)); }
.adv .pth{ grid-template-columns: minmax(0,1fr) 120px; }
.adv .pth p{ grid-column: 1 / -1; margin-top: var(--space-1); }
.adv .pth .tg{ grid-column: 2; }
.adv .mk{ grid-template-columns: minmax(0,1fr) 110px; }
.adv .mk dt{ grid-column: 1 / -1; }
.adv .sc{ min-height: 56px; }

}
.adv .tool-hero{ position: relative; z-index: 40; }
.adv .hero-find .cdb-field{ gap: 13px; padding: 0 16px; min-height: 54px; border: 1px solid rgba(95,199,223,.22);
  border-radius: var(--radius-xl); background: rgba(6,11,17,.62); backdrop-filter: blur(6px);
  transition: border-color .18s, background .18s, box-shadow .18s; }
.adv .hero-find .cdb-field:hover{ border-color: rgba(95,199,223,.36); }
.adv .hero-find .cdb-field:focus-within{ border-color: var(--cyan); background: rgba(6,11,17,.85);
  box-shadow: 0 0 0 3px rgba(95,199,223,.12); }
.adv .hero-find .cdb-mag{ width: 20px; height: 20px; stroke: #55697a; transform: none; }
.adv .cd-art, .adv .r-art, .adv .t-art{ position: relative; display: block; overflow: hidden; border-radius: 10px;
  text-decoration: none; }
.adv .r-art{ width: 190px; }
.adv .t-art{ display: block; }
.adv .cd-art img, .adv .r-art img, .adv .t-art img{ transition: transform .22s ease, filter .22s ease; }
.adv .cd-art:hover img, .adv .r-art:hover img, .adv .t-art:hover img{ transform: scale(1.02); filter: brightness(1.06); }
.adv .cd-art:focus-visible, .adv .r-art:focus-visible, .adv .t-art:focus-visible{ outline: 2px solid var(--cyan); outline-offset: 3px; }
.adv .cd-art:hover .art-cta, .adv .r-art:hover .art-cta, .adv .t-art:hover .art-cta,
.adv .cd-art:focus-visible .art-cta, .adv .r-art:focus-visible .art-cta, .adv .t-art:focus-visible .art-cta{ opacity: 1; transform: none; }
.adv .tool-hero .hero-copy{ overflow: visible; }
.adv .lad{ border-top: 1px solid var(--line); }
.adv .rung{ border-bottom: 1px solid rgba(45,58,70,.5); }
.adv .rh{ display: grid; grid-template-columns: 26px 140px minmax(0,1fr) 152px 22px; gap: 0 18px; align-items: center;
  width: 100%; min-height: 66px; padding: 12px 0; border: 0; background: none; cursor: pointer; text-align: left; }
.adv .rh:hover{ background: rgba(95,199,223,.035); }
.adv .rh .rk{ font-family: var(--font-mono); font-size: var(--t-small); color: var(--dim); }
.adv .rh .pn{ font-family: var(--font-display); font-size: var(--t-lead); font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.adv .rung.k-money .pn{ color: var(--gold-ink); }
.adv .rung.k-coll .pn{ color: #5ce9b3; }
.adv .rung.k-quality .pn{ color: var(--cyan-ink); }
.adv .rung.k-off .pn{ color: var(--steel); }
.adv .rh .pn small{ display: block; font-family: var(--font-mono); font-size: var(--t-small); font-weight: 400;
  letter-spacing: 0; text-transform: none; color: var(--dim); margin-top: 2px; }
.adv .rh .sy{ font-size: var(--t-base); line-height: 1.5; color: var(--muted); }
.adv .rh .sy b{ color: var(--ink); font-weight: 600; }
.adv .rh .fg{ font-family: var(--font-mono); font-size: 1.34rem; text-align: right; color: var(--ink); font-variant-numeric: tabular-nums; }
.adv .rh .cr{ font-size: var(--t-small); color: var(--dim); text-align: right; transition: transform .18s; }
.adv .rung.win{ box-shadow: inset 3px 0 0 var(--sage); }
.adv .rung.win .rh{ padding-left: var(--space-7); }
.adv .rung.win .rh .fg, .adv .rung.win .rk{ color: var(--sage); }
.adv .rung.on{ background: rgba(95,199,223,.03); }
.adv .rung.on .rh .cr{ transform: rotate(180deg); }
.adv .rb{ padding: 2px 0 20px 44px; }
.adv .rung.win .rb{ padding-left: 60px; }
.adv .rb-w b{ color: var(--ink); font-weight: 600; }
.adv .ar{ display: grid; grid-template-columns: minmax(0,1fr) 130px; gap: 0 18px; align-items: baseline; max-width: 470px; padding: 8px 0; }
.adv .ar + .ar{ border-top: 1px solid rgba(45,58,70,.4); }
.adv .ar dt{ font-size: var(--t-base); line-height: 1.45; color: var(--muted); }
.adv .ar dt small{ display: block; margin-top: 2px; font-family: var(--font-mono); font-size: var(--t-small); color: var(--dim); }
.adv .ar dd{ margin: 0; font-family: var(--font-mono); font-size: 1.04rem; text-align: right; color: var(--ink); font-variant-numeric: tabular-nums; }
.adv .ar.neg dd{ color: var(--red); }
.adv .ar.tot{ margin-top: var(--space-2); padding-top: 11px; border-top: 1px solid #3d5063; }
.adv .ar.tot dt{ font-family: var(--font-display); font-size: 1.06rem; font-weight: 700; letter-spacing: .03em; text-transform: uppercase; color: var(--ink); }
.adv .ar.tot dd{ font-size: 1.4rem; font-weight: 600; color: var(--sage); }
.adv .rung.k-off .ar.tot dd, .adv .rung.k-quality .ar.tot dd{ color: var(--ink); }
.adv .rung.win .rb-go{ border-color: rgba(95,199,223,.4); background: var(--cyan); color: #061016; box-shadow: 0 10px 24px rgba(95,199,223,.2); }
.adv .rb-go:hover{ border-color: rgba(95,199,223,.5); color: var(--ink); }
@media (max-width: 760px){.adv .rh{ grid-template-columns: 22px minmax(0,1fr) 116px 18px; }
.adv .rh .sy{ grid-column: 1 / -1; margin-top: var(--space-1); }
.adv .rb{ padding-left: 22px; }
.adv .rung.win .rb{ padding-left: 30px; }
.adv .ar{ grid-template-columns: minmax(0,1fr) 110px; }

}
.adv .cd{ margin-top: 34px; gap: 34px; }
.adv .cd-why{ margin-top: var(--space-7); }
.adv .sw{ margin-top: 22px; }
.adv .pane{ margin-top: var(--space-5); padding-top: var(--space-8); }
.adv .at span em{ font-style: normal; font-family: var(--font-display); font-size: var(--t-micro);
  font-weight: 700; letter-spacing: var(--track-caps); text-transform: uppercase; color: var(--tone, var(--dim));
  margin-left: 9px; opacity: .95; }
.adv .at span small{ color: var(--dim); }
.adv .tile.t-sell .v, .adv .tile.t-flip .v, .adv .tile.t-quick .v{ color: var(--gold-ink); }
.adv .tile.t-keep .v{ color: var(--cyan-ink); }
.adv .tile.t-collect .v{ color: #5ce9b3; }
.adv .tile.t-rate .v{ color: var(--cyan); }
.adv .tile.t-set .v{ color: var(--cyan); }
.adv .ats{ display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 16px 34px; }
.adv .at{ display: grid; grid-template-columns: minmax(0,1fr) 40px; gap: var(--space-4); align-items: baseline; }
.adv .at span{ font-size: var(--t-base); color: var(--muted); overflow: hidden;
  text-overflow: ellipsis; white-space: nowrap; }
.adv .at span em{ font-style: normal; font-family: var(--font-display); font-size: var(--t-micro);
  font-weight: 700; letter-spacing: var(--track-caps); text-transform: uppercase;
  color: var(--tone, var(--dim)); margin-left: var(--space-3); }
.adv .at span small{ font-family: var(--font-mono); font-size: var(--t-micro); color: var(--dim); margin-left: var(--space-2); }
.adv .at b{ font-family: var(--font-mono); font-size: var(--t-base); text-align: right;
  color: var(--tone, var(--ink)); font-variant-numeric: tabular-nums; }
.adv .at i{ grid-column: 1 / -1; display: block; height: 4px; border-radius: var(--radius-pill);
  background: rgba(45,58,70,.8); overflow: hidden; margin-top: 5px; }
.adv .at i u{ display: block; height: 100%; width: 100%; border-radius: var(--radius-pill);
  background: var(--tone, var(--steel)); transform-origin: left center;
  transform: scaleX(var(--v, 1));
  animation: c1grow .58s cubic-bezier(.2,.85,.25,1) both;
  animation-delay: calc(var(--i, 0) * 40ms); }
@keyframes c1grow{ from { transform: scaleX(0); } to { transform: scaleX(var(--v, 1)); } }
@media (prefers-reduced-motion: reduce){.adv .at i u{ animation: none; transform: scaleX(var(--v, 1)); }

}
.adv .at.cp-t5 i u{ box-shadow: 0 0 8px rgba(63,227,164,.55); }
.adv .sit{ display: flex; flex-wrap: wrap; align-items: stretch; gap: 0;
  border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.adv .scwrap + .scwrap{ border-left: 1px solid rgba(45,58,70,.55); }
.adv .sc{ display: flex; flex-direction: column; gap: 5px; align-items: flex-start;
  width: 100%; min-height: 62px; padding: 11px 15px 13px; border: 0; border-radius: 0;
  background: none; cursor: pointer; text-align: left; transition: background .16s; }
.adv .scwrap:first-child .sc{ padding-left: 0; }
.adv .sc:hover{ background: rgba(95,199,223,.05); }
.adv .sc:focus-visible{ outline: 2px solid var(--cyan); outline-offset: -2px; }
.adv .sc .k{ font-family: var(--font-display); font-size: var(--t-micro); font-weight: 700;
  letter-spacing: var(--track-caps); text-transform: uppercase; color: var(--dim); }
.adv .sc .v{ display: inline-flex; align-items: baseline; gap: 7px; position: relative;
  font-size: var(--t-base); line-height: 1.2; color: var(--steel); padding-bottom: var(--space-1); }
.adv .sc .v i{ font-style: normal; font-size: .58em; color: var(--dim); transition: transform .16s; }
.adv .sc.set .k{ color: var(--cyan); }
.adv .sc.set .v{ color: var(--ink); font-weight: 600; }
.adv .sc.set .v::after{ content: ""; position: absolute; left: 0; bottom: 0; width: 18px; height: 2px; background: var(--cyan); }
.adv .sc[aria-expanded="true"] .v{ color: var(--ink); }
.adv .sc[aria-expanded="true"] .v i{ transform: rotate(180deg); color: var(--cyan); }
.adv .scopt:hover, .adv .scopt:focus-visible{ background: rgba(95,199,223,.1); color: var(--ink); outline: none; }
.adv .scopt.on{ color: var(--ink); font-weight: 600; box-shadow: inset 2px 0 0 var(--cyan); }
@media (max-width: 760px){.adv .scwrap:nth-child(odd){ border-left: 0; }
.adv .sc{ min-height: 64px; }

}
.adv .pctl-h span{ font-family: var(--font-display); font-size: var(--t-micro); font-weight: 700;
  letter-spacing: var(--track-caps); text-transform: uppercase; color: var(--dim); }
.adv .pctl-h b{ font-family: var(--font-mono); font-size: var(--t-body); color: var(--cyan); font-weight: 500; }
.adv .pctl-k span{ font-family: var(--font-mono); font-size: var(--t-micro); color: var(--dim); }
.adv .tile.t-rate .v{ display: inline-flex; align-items: center; gap: 7px; }
.adv .tile.t-rate .pulse-mark{ color: var(--cyan); }
.adv .cd-nm span{ font-size: var(--t-base); font-weight: 500; vertical-align: .1em; margin-left: var(--space-4);
  color: var(--steel); letter-spacing: .02em; }
.adv .vd .w{ font-size: clamp(2.2rem, 3.8vw, 2.9rem); line-height: 1; letter-spacing: -.005em; }
.adv .vd .n{ font-size: clamp(1.7rem, 2.9vw, 2.35rem); line-height: 1; letter-spacing: -.02em; }
.adv .vd .u{ font-size: var(--t-small); color: var(--dim); }
.adv .cd-line{ font-size: 1.06rem; line-height: 1.55; color: var(--muted); max-width: 56ch; margin-bottom: 0; }
.adv .cd-why{ margin-top: var(--space-8); max-width: 56ch; font-family: var(--font-body);
  font-size: var(--t-body); line-height: 1.6; color: var(--dim); }
.adv .cd-why b{ color: var(--steel); font-weight: 600; }
.adv .meter{ font-size: var(--t-small); }
.adv .cd{ align-items: start; }
.adv .cd-side .cd-who{ margin: 14px 0 4px; }
.adv .cd-side .cd-nm{ margin: 0; font-size: clamp(1.32rem, 1.7vw, 1.6rem); line-height: 1.06;
  letter-spacing: .005em; }
.adv .cd-side .cd-nm span{ display: block; margin: 6px 0 0; vertical-align: baseline;
  font-family: var(--font-mono); font-size: var(--t-body); letter-spacing: .06em; color: var(--steel); }
@media (max-width: 760px){.adv .cd{ grid-template-columns: minmax(0,1fr); gap: 0; }
.adv .cd-side .cd-who{ align-self: end; margin: 0 0 5px; }
.adv .cd-side .cd-nm{ align-self: start; margin: 0; font-size: 1.42rem; }
.adv .wo, .adv .cd-why, .adv .cd-line{ max-width: none; }

}
.adv .vd .n{ display: inline-flex; align-items: center; gap: 9px; }
.adv .vd .n{ align-items: baseline; }
.adv .vd .n .stub-mark{ width: .55em; height: .55em; align-self: baseline;
  transform: translateY(0.057em); }
.adv .wo{ margin: 12px 0 0; max-width: 62ch; font-family: var(--font-body);
  font-size: var(--t-body); line-height: 1.65; color: var(--steel); }
.adv .wo b{ font-family: var(--font-display); font-size: var(--t-micro); font-weight: 700;
  letter-spacing: var(--track-caps); text-transform: uppercase; color: var(--gold);
  margin-right: 11px; }
.adv .wo i{ font-style: normal; color: #4a5c6b; margin: 0 9px; }
.adv .mv li b{ color: var(--ink); font-weight: 600; }
.adv .agrp + .agrp{ margin-top: var(--space-10); }
.adv .tile.t-attr .v{ color: var(--tone, var(--ink)); }
.adv #cForm{ margin: 0 0 26px; }
.adv #cForm .cp-prose{ margin: 0; max-width: 74ch; font-size: var(--t-base); line-height: 1.6; color: var(--muted); }
.adv .at.lead{ margin: 0 0 20px; padding: 0 0 18px; border-bottom: 1px solid var(--line); }
.adv .at.lead span{ font-size: 1.1rem; color: var(--ink); }
.adv .at.lead b{ font-size: 1.1rem; }
.adv .at.lead i{ height: 5px; margin-top: 9px; }
.adv .vx{ margin: 24px 0 0; }
.adv .cp-vxhead{ margin: 0 0 10px; }
.adv .cp-vxrow{ grid-template-columns: repeat(auto-fill, minmax(196px, 1fr)); }
.adv .watch{ display: inline-flex; align-items: center; justify-content: center; width: 100%;
  min-height: 40px; padding: 0 14px; border-radius: var(--radius-l); border: 1px solid var(--line);
  background: none; color: var(--steel); cursor: pointer; font-family: var(--font-display);
  font-size: var(--t-small); font-weight: 700; letter-spacing: .06em; text-transform: uppercase;
  transition: border-color .16s, color .16s, background .16s; }
.adv .watch:hover{ border-color: rgba(95,199,223,.5); color: var(--ink); }
.adv .watch:focus-visible{ outline: 2px solid var(--cyan); outline-offset: 2px; }
.adv .watch.on{ border-color: rgba(95,199,223,.55); background: rgba(95,199,223,.1); color: var(--cyan); }
.adv .adv-tune{ margin: 22px 0 0; border-top: 1px solid var(--line); }
.adv .adv-tune > summary{ display: flex; align-items: baseline; gap: var(--space-5); padding: 13px 0;
  cursor: pointer; list-style: none; font-family: var(--font-display); font-size: var(--t-micro);
  font-weight: 700; letter-spacing: var(--track-caps); text-transform: uppercase; color: var(--dim); }
.adv .adv-tune > summary::-webkit-details-marker{ display: none; }
.adv .adv-tune > summary::after{ content: "\25BE"; margin-left: 2px; font-size: .9em; transition: transform .18s; }
.adv .adv-tune[open] > summary::after{ transform: rotate(180deg); }
.adv .adv-tune > summary:hover{ color: var(--steel); }
.adv .adv-tune > summary:focus-visible{ outline: 2px solid var(--cyan); outline-offset: 3px; }
.adv .adv-tune-hint{ margin-left: auto; font-family: var(--font-body); font-size: var(--t-micro);
  letter-spacing: 0; text-transform: none; color: var(--dim); }
.adv .adv-tune-grid{ display: flex; flex-wrap: wrap; align-items: flex-end; gap: 16px 26px; padding: 2px 0 20px; }
.adv .adv-tune-f{ display: flex; flex-direction: column; gap: var(--space-2); min-width: 168px; }
.adv .adv-tune-f > span{ font-family: var(--font-display); font-size: var(--t-micro); font-weight: 700;
  letter-spacing: var(--track-caps); text-transform: uppercase; color: var(--dim); }
.adv .adv-tune-f select, .adv .adv-tune-f input{ width: 100%; min-height: 40px; padding: 0 12px;
  border-radius: var(--radius-l); border: 1px solid var(--line); background: rgba(6,11,17,.62); color: var(--ink);
  font-family: var(--font-mono); font-size: var(--t-body); appearance: none; -webkit-appearance: none; }
.adv .adv-tune-f select{ padding-right: 30px;
  background-image: linear-gradient(45deg, transparent 50%, #55697a 50%), linear-gradient(135deg, #55697a 50%, transparent 50%);
  background-position: calc(100% - 16px) 55%, calc(100% - 11px) 55%;
  background-size: 5px 5px, 5px 5px; background-repeat: no-repeat; }
.adv .adv-tune-f select:focus, .adv .adv-tune-f input:focus{ outline: none; border-color: var(--cyan);
  box-shadow: 0 0 0 3px rgba(95,199,223,.12); }
.adv .adv-tune-f input::placeholder{ color: var(--dim); font-family: var(--font-body); }
.adv .adv-tune-c{ display: inline-flex; align-items: center; gap: 9px; min-height: 40px;
  font-size: var(--t-body); color: var(--muted); cursor: pointer; }
.adv .adv-tune-c input{ width: 16px; height: 16px; accent-color: var(--cyan); }
@media (max-width: 760px){.adv .adv-tune-f{ min-width: 100%; }

}
.adv .meter{ margin: 12px 0 0; font-family: var(--font-mono); font-size: var(--t-small); color: var(--dim); }
.adv .vd.is-metered .w{ color: var(--steel); }
.adv .pro{ display: flex; flex-wrap: wrap; align-items: baseline; gap: 7px; margin: 16px 0 0;
  max-width: 62ch; font-size: var(--t-body); line-height: 1.65; color: var(--muted); }
.adv .pro .gem{ color: var(--gold); }
.adv .pro b{ color: var(--gold); font-weight: 600; }
.adv .pro a{ color: var(--cyan); text-decoration: underline; text-underline-offset: 3px; }
.adv .mx{ margin: 44px 0 0; }
.adv .mx-h{ display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 16px;
  margin: 0 0 18px; padding-bottom: 13px; border-bottom: 1px solid var(--line); }
.adv .mx-h h2{ margin: 0; font-family: var(--font-display); font-size: var(--t-title);
  font-weight: 700; letter-spacing: .01em; color: var(--ink); }
.adv .mx-h .mx-sub{ font-size: var(--t-body); color: var(--dim); }
.adv .mx-h .mx-r{ margin-left: auto; font-family: var(--font-mono); font-size: var(--t-small); color: var(--dim); }
.adv .mx-h .mx-r b{ color: var(--cyan); font-weight: 500; }
.adv .mx-eb.is-money{ color: var(--gold); }
.adv .mx-eb.is-yours{ color: var(--cyan); }
@keyframes adv-tick{ from { transform: translateX(0); } to { transform: translateX(-50%); } }
.adv .tk-i:hover{ border-color: rgba(95,199,223,.45); background: #0c141d; }
.adv .tk-nm b{ display: block; font-family: var(--font-body); font-size: var(--t-base);
  font-weight: 600; color: var(--ink); white-space: nowrap; }
@media (prefers-reduced-motion: reduce){.adv .tk-run[aria-hidden="true"]{ display: none; }

}
.adv .otherhits a{ color: var(--cyan); text-decoration: underline; text-underline-offset: 3px; }
.adv .mx-row:hover{ background: rgba(95,199,223,.05); }
.adv .mx-pr.is-off{ color: var(--steel); }
.adv .mx-tools-row a{ display: inline-flex; align-items: center; min-height: 38px; padding: 0 15px;
  border-radius: var(--radius-l); border: 1px solid var(--line); color: var(--steel); text-decoration: none;
  font-family: var(--font-display); font-size: var(--t-small); font-weight: 700;
  letter-spacing: .05em; text-transform: uppercase; transition: border-color .16s, color .16s; }
.adv .mx-faq{ max-width: 82ch; }
.adv .mx-faq .hf-item{ border-bottom: 1px solid rgba(45,58,70,.5); }
.adv .mx-help-more{ margin: 18px 0 0; font-size: var(--t-body); color: var(--dim); }
.adv .mx-help-more a{ color: var(--cyan); text-decoration: underline; text-underline-offset: 3px; }
.adv .nop{ margin: 16px 0 0; padding: 15px 17px; max-width: 62ch;
  border: 1px solid rgba(241,184,75,.3); border-radius: 11px; background: rgba(241,184,75,.05); }
.adv .nop p{ margin: 0 0 12px; font-size: var(--t-body); line-height: 1.6; color: var(--muted); }
.adv .nop p b{ color: var(--gold); font-weight: 600; }
.adv .nop-f button{ min-height: 40px; padding: 0 18px; border-radius: var(--radius-l); cursor: pointer;
  border: 1px solid rgba(241,184,75,.45); background: none; color: var(--gold);
  font-family: var(--font-display); font-size: var(--t-small); font-weight: 700;
  letter-spacing: .05em; text-transform: uppercase; }
.adv-dockpad{ }
.dock{ position: fixed; left: 0; right: 0; bottom: 0; z-index: 120;
  background: rgba(6, 11, 17, .92); backdrop-filter: blur(10px);
  border-top: 1px solid var(--line); }
.dock::before{ content: ""; position: absolute; left: 0; right: 0; top: -1px; height: 1px;
  background: linear-gradient(90deg, transparent, rgba(95,199,223,.36), rgba(85,214,165,.18), transparent);
  opacity: .8; }
.dock-in{ display: flex; align-items: center; gap: var(--space-7); max-width: 1320px; margin: 0 auto;
  padding: 9px 24px; min-width: 0; }
.dock .tk-nm b{ font-size: var(--t-body); }
.dock.is-shut .tk, .dock.is-shut .dock-lab{ display: none; }
.dock.is-shut .dock-in{ justify-content: flex-end; padding-top: var(--space-2); padding-bottom: var(--space-2); }
@media (max-width: 760px){.dock-in{ gap: var(--space-4); padding: 7px 14px; }


}
.adv .hero-advisor-card:hover{ transform: translateY(-4px); filter: brightness(1.07); }
.adv .startgrid .tk-i{ min-height: 66px; width: 100%; }
.adv .twofig .fig{ display: grid; align-content: start; gap: 7px;
  padding: 13px 17px; border-radius: 11px; border: 1px solid var(--line); background: rgba(255,255,255,.018); }
.adv .twofig .fig.is-list{ border-color: rgba(241,184,75,.45); background: rgba(241,184,75,.06); }
.adv .twofig .lab{ font-family: var(--font-display); font-size: var(--t-small); font-weight: 700;
  line-height: 1; letter-spacing: var(--track-caps); text-transform: uppercase; color: var(--dim); }
@media (max-width: 560px){.adv .twofig .fig{ width: 100%; }

}
.adv .vd .u{ font-size: var(--t-body); color: var(--steel); }
.adv .wo{ font-size: var(--t-base); }
.adv .wo b{ font-size: var(--t-small); }
.adv .cd.has-rail > .vx{ grid-column: 3; grid-row: 1; margin: 22px 0 0;
  padding-left: 22px; border-left: 1px solid rgba(45,58,70,.7); }
@media (max-width: 900px){.adv .cd.has-rail > .vx{ grid-column: 1 / -1; grid-row: auto;
    padding-left: 0; border-left: 0; margin-top: var(--space-10); }

}
.site-nav a,
.site-nav button{ font-family: var(--font-display); font-size: var(--t-base); font-weight: 700;
  letter-spacing: .05em; text-transform: uppercase; }
.nav-link-title{ font-family: var(--font-display); font-size: var(--t-base); font-weight: 700;
  letter-spacing: .01em; text-transform: none; }
.nav-link-desc{ font-family: var(--font-body); font-size: var(--t-small); font-weight: 400;
  letter-spacing: normal; text-transform: none; line-height: 1.35; }
.pulse-feed-title{ font-family: var(--font-display); font-size: var(--t-small); font-weight: 700;
  letter-spacing: var(--track-caps); text-transform: uppercase; }
.pulse-feed-chip b{ font-family: var(--font-display); font-size: var(--t-micro); font-weight: 700;
  letter-spacing: var(--track-caps); text-transform: uppercase; }
.pulse-feed-chip strong{ font-family: var(--font-body); font-size: var(--t-body); font-weight: 600;
  letter-spacing: normal; }
.pulse-feed-updated{ font-family: var(--font-display); font-size: var(--t-micro); font-weight: 700;
  letter-spacing: var(--track-caps); text-transform: uppercase; }
.pulse-feed-compact{ font-family: var(--font-body); font-size: var(--t-small); font-weight: 600;
  letter-spacing: normal; }
.pulse-feed-compact b{ font-family: var(--font-display); font-size: var(--t-micro); font-weight: 700;
  letter-spacing: var(--track-caps); text-transform: uppercase; }
.pulse-feed-compact em{ font-family: var(--font-display); font-size: var(--t-micro); font-weight: 700;
  letter-spacing: var(--track-caps); text-transform: uppercase; }
@media (max-width: 900px){.nav-link-title{ font-size: 1.06rem; }
.nav-link-desc{ font-size: var(--t-body); }
.pulse-feed-title{ font-size: var(--t-micro); }
.pulse-feed-chip b{ font-size: var(--t-micro); }
.pulse-feed-chip strong{ font-size: var(--t-small); }
.pulse-feed-updated{ font-size: var(--t-micro); }

}
.pp-call .eyebrow{display:inline-flex;align-items:center;gap: var(--space-4);margin:0 0 16px;padding-left:11px;
 border-left:3px solid var(--cyan);font-family:var(--font-display);font-size:17px;font-weight:700;
 line-height:1.1;letter-spacing:.11em;text-transform:uppercase;color:var(--ink)}
.pp-copy{min-width:0}
.pp-link{border:0;background:none;padding:0;color:var(--cyan);cursor:pointer;
 font-family:var(--font-display);font-size:var(--t-base);font-weight:700;letter-spacing:.05em;
 text-transform:uppercase;text-decoration:underline;text-underline-offset:4px}
.pp-link:hover{color:var(--cyan-ink)}
.pg2-more{margin-top:18px}
.pp-titlerow{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;margin:0 0 22px;
 padding-bottom: var(--space-6);border-bottom:1px solid var(--line)}
.pp-titlerow .eyebrow{margin:0}
.lad{display:grid;gap:10px}
.rw3-lead{display:block}
.rw{padding:2px 0 6px}
.rw-head span:nth-child(5){display:flex;align-items:baseline;gap:8px}
.rw-row.is-picked .rw-rank{color:var(--sage)}
.rw-more{margin-top: var(--space-8);border:0;background:none;color:var(--cyan);cursor:pointer;
 font-family:var(--font-display);font-size:var(--t-base);font-weight:700;letter-spacing:.05em;
 text-transform:uppercase;padding:0;text-decoration:underline;text-underline-offset:4px}
.rw3-kick{width:max-content;max-width:100%;margin:0 0 8px;font-family:var(--font-display);
 font-size:var(--t-small);font-weight:700;letter-spacing:var(--track-caps);text-transform:uppercase;
 color:var(--dim)}
.rw3-head{margin:0 0 22px;font-family:var(--font-display);font-size:var(--t-title);font-weight:700;
 line-height:1.06;color:var(--ink)}
.fs{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px;margin:0 0 30px;max-width:760px}
.fs-mark{font-style:normal;font-size:1.1rem;color:#3d5063;transition:color .16s ease}
.fs-field:focus-within .fs-mark{color:var(--cyan)}
.pg2-row.is-picked .pg2-rank{color:var(--cyan)}
.pg2-more{margin-top: var(--space-8);border:0;background:none;color:var(--cyan);cursor:pointer;
 font-family:var(--font-display);font-size:var(--t-base);font-weight:700;letter-spacing:.05em;
 text-transform:uppercase;padding:0;text-decoration:underline;text-underline-offset:4px}
.py{padding:6px 0 2px}
.py-axis{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:0 40px;
 align-items:center}
.py-side{display:grid;align-content:center;justify-items:center;text-align:center;padding:4px 0}
.py-lab{margin:0 0 8px;font-family:var(--font-display);font-size:var(--t-micro);font-weight:700;
 letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--cyan)}
.py-big{margin:0;font-family:var(--font-display);font-size:27px;font-weight:700;line-height:1.14;
 color:var(--ink);text-wrap:balance}
.py-sub{margin:10px 0 0;font-family:var(--font-body);font-size:var(--t-small);color:var(--dim)}
.py-dot{color:var(--line)}
.py-mid{position:relative;display:grid;justify-items:center;padding:0 40px}
.py-mid::before,.py-mid::after{content:"";position:absolute;top:12%;bottom:12%;width:1px;
 background:linear-gradient(180deg,transparent,rgba(238,244,248,.14),transparent)}
.py-mid::before{left:0}
.py-mid::after{right:0}
.py-artwrap{position:relative;display:block}
.py-artwrap::before{content:"";position:absolute;inset:-38px -34px;border-radius:50%;
 background:radial-gradient(closest-side,rgba(63,227,164,.20),rgba(95,199,223,.10) 55%,transparent 78%);
 pointer-events:none}
.py-art{position:relative;display:block;width:208px;height:auto;aspect-ratio:210/296;
 border-radius:10px;box-shadow:0 22px 52px rgba(0,0,0,.5)}
.py-ends{margin:16px 0 0;font-family:var(--font-mono);font-size:var(--t-small);color:var(--coral);
 font-weight:600}
.py-rungs{display:inline-flex;align-items:center;gap: var(--space-3);margin:16px 0 0;
 font-family:var(--font-mono);font-size:var(--t-small);color:var(--dim)}
.py-ends + .py-rungs{margin-top:8px}
.py-act{margin:18px 0 0;display:flex;justify-content:center}
.py-cta,.py-alt{display:inline-flex;align-items:center;justify-content:center;gap: var(--space-3);
 font-family:var(--font-display);font-size:var(--t-small);font-weight:700;
 letter-spacing:var(--track-caps);text-transform:uppercase;border-radius:7px;padding:12px 20px;
 text-decoration:none;cursor:pointer;white-space:nowrap;transition:transform .14s ease}
.py-cta{background:var(--cyan);color:#06222c;border:1px solid var(--cyan);
 box-shadow:0 10px 26px rgba(95,199,223,.22)}
.py-alt{background:transparent;color:var(--cyan);border:1px solid rgba(95,199,223,.38)}
.py-cta:hover,.py-alt:hover{transform:translateY(-2px)}
.py-cta i{font-style:normal}
.py-figs{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 46px;margin:30px 0 0;
 padding:20px 0 0;border-top:1px solid var(--line)}
.py-figs span{display:grid;gap:3px;text-align:center}
.py-figs b{font-family:var(--font-mono);font-size:var(--t-lead);font-weight:600;color:var(--ink);
 font-variant-numeric:tabular-nums;line-height:1}
.py-figs b.cy{color:var(--cyan)}
.py-figs u{text-decoration:none;font-family:var(--font-mono);font-size:var(--t-small);color:var(--dim)}
@media (prefers-reduced-motion:reduce){.py-cta,.py-alt{transition:none}

}
@media (max-width:900px){.py-axis{grid-template-columns:minmax(0,1fr);gap:26px;justify-items:center}
.py-mid::before,.py-mid::after{display:none}
.py-mid{padding:0}
.py-art{width:164px}

}
.ld{margin:22px 0 10px}
.ld-arrow{font-style:normal;font-size:1.4rem;color:#3d5063;transition:transform .18s ease,color .18s ease}
.ld-row:hover .ld-name,.ld-row:hover .ld-arrow{color:var(--cyan)}
.ld-row.is-card:hover .ld-name,.ld-row.is-card:hover .ld-arrow{color:var(--gold)}
.ld-meta{font-family:var(--font-mono);font-size:var(--t-micro);color:var(--dim)}
.ld-num{display:grid;justify-items:end;gap:2px;text-align:right}
.ld-num b{font-family:var(--font-mono);font-size:3rem;font-weight:600;line-height:.86;letter-spacing:-.03em}
.ld-num u{text-decoration:none;font-family:var(--font-mono);font-size:var(--t-micro);color:var(--dim)}
.ld-3 .ld-row.is-grind{border-left-color:var(--cyan)}
.ld-3 .ld-row.is-card{border-left-color:var(--gold)}
.ld-3 .is-grind .ld-lab{color:var(--cyan)}
.ld-3 .is-card .ld-lab{color:var(--gold)}
.ld-3 .is-card .ld-go{color:var(--gold)}
.rv{display:inline-block;perspective:1200px;isolation:isolate}
@keyframes rvReveal{
  0%{transform:rotateY(180deg) rotateZ(0deg) scale(.86);
     animation-timing-function:cubic-bezier(.10,.72,.20,1)}
  55%{transform:rotateY(180deg) rotateZ(690deg) scale(1);
     animation-timing-function:cubic-bezier(.33,0,.67,1)}
  70%{transform:rotateY(180deg) rotateZ(720deg) scale(1);
     animation-timing-function:cubic-bezier(.55,.02,.22,1)}
  100%{transform:rotateY(0deg) rotateZ(720deg) scale(1)}
}
.rv-inner.is-live .rv-face{box-shadow:0 22px 46px rgba(0,0,0,.66),0 0 0 1px rgba(255,255,255,.06)}
@keyframes rvFlare{0%{opacity:0;transform:translateZ(-1px) scale(.4)}
 22%{opacity:1}100%{opacity:0;transform:translateZ(-1px) scale(1.15)}}
@keyframes bsRay{0%{opacity:0;transform:scale(.28)}25%{opacity:1}100%{opacity:0;transform:scale(1.25)}}
@keyframes bsRing{0%{opacity:0;transform:scale(.42);stroke-width:5}
 30%{opacity:.9}100%{opacity:0;transform:scale(1.5);stroke-width:.6}}
@keyframes bkRays{to{rotate:26deg}}
.bk-d{display:none}
@keyframes bkEmber{0%{opacity:0;transform:translateY(0)}
 12%{opacity:.95}100%{opacity:0;transform:translateY(-150px)}}
.rv[data-rar="rd"]{--k1:#ff6d86;--k2:#8e1430;--k3:#ff9fae;--k4:#3a0a18}
.rv[data-rar="d"]{--k1:#6fd8ec;--k2:#4a3fa8;--k3:#8ff3cd;--k4:#0d1636}
@keyframes bkHolo{from{transform:translateX(-42%)}to{transform:translateX(42%)}}
.rv-sil{position:absolute;left:50%;top:44%;width:34%;aspect-ratio:341/620;translate:-50% -50%;
 pointer-events:none;background:var(--k1);opacity:.94;
 -webkit-mask:url("/assets/planner-batter-v1.webp") center/contain no-repeat;
 mask:url("/assets/planner-batter-v1.webp") center/contain no-repeat;
 filter:drop-shadow(0 0 12px color-mix(in srgb,var(--k1) 55%,transparent))}
@keyframes rvPulse{0%,100%{opacity:.34;scale:1}50%{opacity:.72;scale:1.012}}
@keyframes rvPulseHot{0%,100%{opacity:.5;scale:1}50%{opacity:1;scale:1.025}}
@keyframes rvMorph{0%,74%{opacity:0;transform:scaleX(.35)}
 85%{opacity:1;transform:scaleX(1.5)}100%{opacity:0;transform:scaleX(.4)}}
.rec{align-items:center;gap:7px;padding:5px 11px;border-radius: var(--radius-xs);border:0;
 background:linear-gradient(180deg,#ffd77f 0%,var(--gold) 62%,#e0a52f 100%);color:#1b1305;
 font-family:var(--font-display);font-size:var(--t-micro);font-weight:700;line-height:1;
 letter-spacing:.13em;text-transform:uppercase;white-space:nowrap;
 box-shadow:0 1px 0 rgba(255,255,255,.32) inset,0 3px 12px rgba(241,184,75,.26);
 animation:recPulse 2.6s ease-in-out infinite}
@keyframes recPulse{
  0%,100%{box-shadow:0 1px 0 rgba(255,255,255,.32) inset,0 3px 12px rgba(241,184,75,.22)}
  50%{box-shadow:0 1px 0 rgba(255,255,255,.32) inset,0 4px 22px rgba(241,184,75,.62)}}
@media (prefers-reduced-motion:reduce){.rec{animation:none}

}
.rec i{font-style:normal;font-size:.82em;opacity:.72}
.rec.is-own{background:none;color:var(--steel);box-shadow:none;animation:none;
 border:1px solid rgba(138,162,181,.38);padding:4px 10px}
.rec{display:inline-flex}
.rec.is-own{display:none}
.py-flag .rec.is-own{display:inline-flex}
.pg2-prog .rec.is-own{color:var(--steel)}
.fs{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:0 0 28px;
 max-width:820px}
.fs-none{padding: var(--space-6);font-size:var(--t-body);color:var(--dim)}
.rw-fig.is-rate small{font-family:var(--font-mono);font-size:var(--t-micro);font-weight:400;
 color:var(--dim)}
.rw-row.is-picked .rw-rank{color:var(--cyan)}
@media (max-width:900px){.rw-head span:nth-child(4),.rw-head span:nth-child(6),.rw-head span:nth-child(7),
  .pg2-head span:nth-child(4),.pg2-head span:nth-child(6),.pg2-head span:nth-child(7),
  .rw-fig:not(.is-rate),.pg2-fig:not(.is-rate){display:none}

}
@media (max-width:640px){.py-figs{gap:16px 0}
.py-figs span{flex:0 0 50%}

}
#programKick{display:none}
.tool-page .eyebrow{display:inline-flex;align-items:center;gap: var(--space-4);margin:0 0 16px;
 padding-left:11px;border-left:3px solid var(--cyan);
 font-family:var(--font-display);font-size:17px;font-weight:700;line-height:1.1;
 letter-spacing:.11em;text-transform:uppercase;color:var(--ink)}
.fs .fs-input,.fs input[type="search"]{appearance:none!important;-webkit-appearance:none!important;
 border:0!important;border-radius:0!important;background:transparent!important;
 box-shadow:none!important;outline:0!important}
.fs input[type="search"]::-webkit-search-decoration,.fs input[type="search"]::-webkit-search-results-button,.fs input[type="search"]::-webkit-search-results-decoration{-webkit-appearance:none;display:none}
.answer-2xp b, .path-2xp b, .pp-2xp b{ color: var(--coral); }
.page-result-row,
.page-result-main,
.page-result-link,
.page-result-metric,
.featured-card,
.match-card,
.inventory-row,
.squad-fit-card,
.squad-hole,
.pack-card,
.program-card{
  min-width: 0;
}
.page-result-row *,
.featured-card *,
.match-card *,
.inventory-row *,
.squad-fit-card *,
.squad-hole *,
.pack-card *,
.program-card *{
  overflow-wrap: anywhere;
}
.featured-card .featured-rank{
  color: #bffbff;
}
.tool-page .tool-hero,
.tool-page .page-toolbar,
.tool-page .page-summary div,
.tool-page .featured-card,
.tool-page .page-result-row,
.tool-page .database-card,
.tool-page .pack-panel,
.tool-page .pack-compare,
.tool-page .pack-type-card,
.tool-page .inventory-panel,
.tool-page .inventory-next-card,
.tool-page .program-guide article,
.tool-page .program-session-builder,
.tool-page .program-session,
.tool-page .program-row,
.tool-page .program-detail,
.tool-page .squad-panel,
.tool-page .squad-detail,
.tool-page .squad-actions button,
.tool-page .squad-section,
.tool-page .squad-slot,
.tool-page .squad-fit-card,
.tool-page .squad-hole,
.tool-page .account-panel,
.tool-page .account-roadmap article,
.tool-page .help-card,
.tool-page .plan-card{
  border-color: rgba(0, 229, 255, 0.16);
  background:
    radial-gradient(circle at 14% -10%, rgba(0, 229, 255, 0.12), transparent 30%),
    radial-gradient(circle at 94% 0%, rgba(255, 45, 75, 0.08), transparent 26%),
    linear-gradient(145deg, rgba(1, 7, 13, 0.98), rgba(5, 12, 21, 0.96) 55%, rgba(2, 7, 13, 0.99));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    inset 0 -1px 0 rgba(0, 229, 255, 0.08),
    0 18px 58px rgba(0, 0, 0, 0.36);
}
.tool-page:not(.advisor-page) .featured-card:hover,
.tool-page:not(.advisor-page) .featured-card:focus-visible,
.tool-page:not(.advisor-page) .page-result-row:hover,
.tool-page:not(.advisor-page) .page-result-row:focus-within,
.tool-page:not(.advisor-page) .database-card:hover,
.tool-page:not(.advisor-page) .database-card:focus-visible,
.tool-page:not(.advisor-page) .pack-type-card:hover,
.tool-page:not(.advisor-page) .pack-type-card:focus-visible,
.tool-page:not(.advisor-page) .pack-type-card.is-active,
.tool-page:not(.advisor-page) .program-row:hover,
.tool-page:not(.advisor-page) .program-row:focus-visible,
.tool-page:not(.advisor-page) .program-row.is-active,
.tool-page:not(.advisor-page) .squad-hole:hover,
.tool-page:not(.advisor-page) .squad-hole:focus-visible,
.tool-page:not(.advisor-page) .squad-hole.is-active,
.tool-page:not(.advisor-page) .squad-fit-card:hover,
.tool-page:not(.advisor-page) .squad-fit-card:focus-visible,
.tool-page:not(.advisor-page) .squad-fit-card.is-active,
.tool-page:not(.advisor-page) .page-tabs button:hover,
.tool-page:not(.advisor-page) .page-tabs button:focus-visible,
.tool-page:not(.advisor-page) .page-tabs button.is-active{
  border-color: rgba(0, 229, 255, 0.55);
  box-shadow:
    inset 0 0 0 1px rgba(0, 229, 255, 0.08),
    0 0 0 3px rgba(0, 229, 255, 0.1),
    0 20px 52px rgba(0, 0, 0, 0.4);
  outline: none;
}
.featured-strip .featured-card,
.rankings-featured{
  position: relative;
  overflow: hidden;
}
.featured-strip .featured-card .featured-card-top,
.rankings-featured .featured-card-top{
  position: absolute;
  right: 14px;
  bottom: 12px;
  z-index: 2;
  width: auto;
  min-width: 0;
  display: block;
  pointer-events: none;
}
.featured-strip .featured-card > .featured-rank,
.rankings-featured > .featured-rank{
  position: absolute;
  right: 14px;
  bottom: 12px;
  z-index: 2;
  pointer-events: none;
}
.featured-strip .featured-card .featured-pill,
.rankings-featured .featured-pill{
  display: none;
}
.featured-strip .featured-card .featured-card-top,
.rankings-featured .featured-card-top{
  position: absolute;
  right: 14px;
  bottom: 12px;
  z-index: 2;
  width: auto;
  min-width: 0;
  display: block;
  pointer-events: none;
}
.featured-strip .featured-card > .featured-rank,
.rankings-featured > .featured-rank{
  position: absolute;
  right: 14px;
  bottom: 12px;
  z-index: 2;
  pointer-events: none;
}
.featured-strip .featured-card .featured-pill,
.rankings-featured .featured-pill{
  display: none;
}
.featured-strip .featured-card,
.rankings-featured{
  padding-right: clamp(72px, 7vw, 96px);
  padding-bottom: clamp(18px, 2vw, 24px);
}
.featured-strip .featured-card .featured-card-top,
.rankings-featured .featured-card-top,
.featured-strip .featured-card > .featured-rank,
.rankings-featured > .featured-rank{
  top: 16px;
  right: 18px;
  bottom: auto;
  transform: rotate(-7deg);
  transform-origin: center;
}

.featured-strip .featured-card,
.rankings-featured,
.page-result-row{
  --surface-accent: var(--dp-market);
  --surface-accent-rgb: 53, 212, 255;
}

.featured-strip .featured-card.hot,
.rankings-featured.hot,
.featured-strip .featured-card.upgrade,
.rankings-featured.upgrade,
.page-result-row.upgrade{
  --surface-accent: var(--dp-danger);
  --surface-accent-rgb: 255, 77, 125;
}

.featured-strip .featured-card.neutral,
.rankings-featured.neutral,
.page-result-row.neutral,
.command-card.buy,
.command-card.command-upgrade{
  --surface-accent: var(--dp-positive);
  --surface-accent-rgb: 83, 240, 167;
  --command-accent: var(--dp-positive);
  --command-accent-rgb: 83, 240, 167;
}

.featured-strip .featured-card.value,
.featured-strip .featured-card.flips,
.rankings-featured.value,
.rankings-featured.flips,
.page-result-row.value,
.page-result-row.flips,
.command-card.hold,
.command-card.watch,
.command-card.command-gatekeeper{
  --surface-accent: var(--dp-caution);
  --surface-accent-rgb: 246, 200, 88;
  --command-accent: var(--dp-caution);
  --command-accent-rgb: 246, 200, 88;
}

.featured-strip .featured-card.downgrade,
.rankings-featured.downgrade,
.page-result-row.downgrade,
.command-card.sell,
.command-card.avoid,
.command-card.command-downgrade{
  --surface-accent: var(--dp-cool);
  --surface-accent-rgb: 110, 167, 255;
  --command-accent: var(--dp-cool);
  --command-accent-rgb: 110, 167, 255;
}

.featured-strip .featured-card.sleepers,
.rankings-featured.sleepers,
.page-result-row.sleepers{
  --surface-accent: var(--dp-neutral);
  --surface-accent-rgb: 184, 201, 214;
}

.featured-strip .featured-card,
.rankings-featured,
.page-result-row{
  border-color: rgba(var(--surface-accent-rgb), 0.22);
  background:
    radial-gradient(circle at 12% -16%, rgba(var(--surface-accent-rgb), 0.13), transparent 34%),
    linear-gradient(145deg, rgba(var(--surface-accent-rgb), 0.055), rgba(3, 11, 18, 0.48)),
    rgba(4, 12, 20, 0.78);
}

.featured-strip .featured-card:hover,
.featured-strip .featured-card:focus-visible,
.rankings-featured:hover,
.rankings-featured:focus-visible,
.page-result-row:hover,
.page-result-row:focus-within{
  border-color: rgba(var(--surface-accent-rgb), 0.5);
  box-shadow:
    inset 0 0 0 1px rgba(var(--surface-accent-rgb), 0.11),
    0 0 0 3px rgba(var(--surface-accent-rgb), 0.07);
}
.rankings-page .ranking-number,
.rankings-page .featured-strip .featured-rank,
.rankings-page .rankings-featured .featured-rank{
  min-width: 3ch;
  width: auto;
  min-height: auto;
  height: auto;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: linear-gradient(135deg, var(--neon-cyan) 0%, var(--neon-teal) 42%, #ff2d6a 88%);
  box-shadow: none;
  color: #6eeeff;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  filter:
    drop-shadow(0 0 7px rgba(0, 229, 255, 0.28))
    drop-shadow(0 0 13px rgba(255, 45, 106, 0.14));
  font-size: clamp(1.35rem, 2.6vw, 2rem);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0;
  line-height: 1;
  text-align: center;
  text-shadow: none;
  white-space: nowrap;
  word-break: keep-all;
  overflow-wrap: normal;
}
.rankings-page .featured-strip .featured-rank{
  display: inline-block;
}
.pg-page .py{position:relative;padding:6px 0 34px;border-bottom:1px solid var(--line);margin:0 0 34px}
.pg-page .py::after{content:"";position:absolute;left:0;right:0;bottom:0;height:132px;
 pointer-events:none;background:
 radial-gradient(52% 170% at 14% 100%,rgba(95,199,223,.07),transparent 70%),
 radial-gradient(52% 170% at 86% 100%,rgba(241,184,75,.05),transparent 70%)}
.pg-page .py-figs b{font-family:inherit;font-size:16px}
.pg-page .py-figs u{font-family:inherit;font-size:16px}
.pg-page .py-rungs{font-family:inherit;font-size:16px}
.pg-page .rw-cap span,
.pg-page .pg2-cap span{font-size:16px}
.pg-page .rw-head span,
.pg-page .pg2-head span{font-family:inherit;font-size:var(--t-base);letter-spacing:normal}
.pg-page .rw-fig small,
.pg-page .pg2-fig small,
.pg-page .pg2-fig u{font-family:inherit;font-size:11px}
.pg-page .rw-fig.is-rate,
.pg-page .pg2-fig.is-rate{font-family:inherit;font-size:var(--t-base);font-weight:700}
.pg-page .pp-back{display:inline-flex;align-items:baseline;gap:7px;font-family:inherit;font-size:var(--t-base);
 font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--cyan);text-decoration:none}
.pg-page .pp-back:hover{text-decoration:underline;text-underline-offset:4px}
.pg-page .pp-back:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:2px}
.pg-page .pp-back i{font-style:normal}
.pg-page .pp-sep{color:var(--line);font-size:16px}
.pg-page .pp-here{font-family:inherit;font-size:var(--t-base);font-weight:700;color:var(--ink);min-width:0;
 overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pg-page .py-axis.is-pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 56px;max-width:900px;margin:0 auto}
.pg-page .pa-verdict b{color:var(--ink)}
.pg-page .pa-verdict.is-good b{color:var(--sage)}
.pg-page .pa-verdict.is-grind b{color:var(--steel)}
.pg-page .pa-verdict.is-neutral b{color:var(--ink)}
.pg-page .pa-body.is-two{grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:0 56px;align-items:start}
.pg-page .pa-fine.is-stale{color:var(--coral)}
.pg-page .lad{max-width:440px}
.pg-page .lad-top{display:grid;gap:2px;margin:0}
.pg-page .lad-top b{font-size:var(--t-lead);font-weight:700;color:var(--ink)}
.pg-page .lad-top span{font-size:var(--t-body);color:var(--dim)}
.pg-page .lad-rows{display:grid;gap:4px}
.pg-page .lad-row{display:grid;grid-template-columns:18px minmax(0,1fr) 46px;align-items:center;gap: var(--space-3);
 font-size:var(--t-body);color:var(--dim);font-variant-numeric:tabular-nums}
.pg-page .lad-row i{height:5px;border-radius: var(--radius-xs);background:rgba(238,244,248,.07);overflow:hidden}
.pg-page .lad-row i b{display:block;height:100%;background:var(--cyan);border-radius: var(--radius-xs);opacity:.75}
.pg-page .lad-row u{text-decoration:none;text-align:right;color:var(--ink)}
.pg-page .lad-row.is-gap{opacity:.7}
.pg-page .lad-note{margin:0;font-size:var(--t-body);line-height:1.5;color:var(--dim)}
@media (max-width:900px){.pg-page .py-axis.is-pair{grid-template-columns:minmax(0,1fr);gap:26px}
.pg-page .pa-body.is-two{grid-template-columns:minmax(0,1fr);gap:34px}

}
@media (max-width:640px){.pg-page .pp-sep,.pg-page .pp-here{display:none}

}
.pg-page .pa-group-note{margin:0 0 10px;max-width:70ch;font-size:var(--t-body);line-height:1.5;color:var(--dim)}
.pg-page .pa-mission{display:grid;grid-template-columns:minmax(0,1fr) 74px;gap:0 18px;align-items:start;
 padding:11px 0 12px;border-bottom:1px solid rgba(45,58,70,.55)}
.pg-page .pa-mission-name{display:block;font-size:var(--t-base);font-weight:600;color:var(--ink)}
.pg-page .pa-mission-req{margin:4px 0 0;max-width:70ch;font-size:var(--t-body);line-height:1.5;color:var(--muted)}
.pg-page .pa-where{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 6px;margin:7px 0 0}
.pg-page .pa-where span{font-size:var(--t-micro);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--dim);margin-right:4px}
.pg-page .pa-where i{font-style:normal;font-size:var(--t-small);padding:2px 7px;border-radius: var(--radius-xs);color:var(--muted);
 background:rgba(238,244,248,.05);border:1px solid rgba(45,58,70,.7)}
.pg-page .pa-pts{display:grid;justify-items:end;text-align:right;gap:2px;padding-top:1px}
.pg-page .pa-pts b{font-size:var(--t-base);font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}
.pg-page .pa-pts u{text-decoration:none;font-size:var(--t-micro);color:var(--dim)}
.pg-page .lad-row{grid-template-columns:18px minmax(0,1fr) 46px}
.pg-page .lad-row.has-gift{grid-template-columns:18px minmax(0,1fr) 46px minmax(0,1.1fr)}
.pg-page .lad-gift{font-style:normal;font-size:var(--t-small);color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pg-page .lad-gift.is-card{color:var(--sage)}
.pg-page .lad-gift.is-stubs{color:var(--gold)}
.pg-page .pa-sec + .pa-sec{margin-top:34px}
@media (max-width:640px){.pg-page .pa-mission{grid-template-columns:minmax(0,1fr)}
.pg-page .pa-pts{justify-items:start;text-align:left}

}
.pg-page .py-figs.is-budget{justify-content:flex-start;gap:12px 44px;margin:0 0 26px;padding:0 0 22px;
 border-top:0;border-bottom:1px solid var(--line)}
.pg-page .py-figs.is-budget span{text-align:left;justify-items:start}
.pg-page .py-figs b.sg{color:var(--sage)}
.pg-page .py-figs b.co{color:var(--coral)}
.pg-page .ea-groups{position:relative;border-top:1px solid var(--line)}
.pg-page .ea-g{border-bottom:1px solid rgba(45,58,70,.55)}
.pg-page .ea-g summary{display:grid;grid-template-columns:14px minmax(0,1fr) 190px 92px;gap:0 20px;
 align-items:center;padding:14px 0;cursor:pointer;list-style:none}
.pg-page .ea-g summary::-webkit-details-marker{display:none}
.pg-page .ea-g summary:hover .ea-g-name{color:var(--cyan-ink)}
.pg-page .ea-g summary:focus-visible{outline:2px solid var(--cyan);outline-offset:2px;border-radius:3px}
.pg-page .ea-arrow{width:8px;height:8px;border-right:1.5px solid var(--dim);border-bottom:1.5px solid var(--dim);
 transform:rotate(-45deg);transition:transform .18s ease,border-color .18s ease;margin-left:2px}
.pg-page .ea-g[open] .ea-arrow{transform:rotate(45deg);border-color:var(--cyan)}
.pg-page .ea-g-name{font-size:var(--t-base);font-weight:600;color:var(--ink);min-width:0;transition:color .16s ease}
.pg-page .ea-g-name i{display:block;margin-top:3px;font-style:normal;font-size:var(--t-body);font-weight:400;color:var(--dim)}
.pg-page .ea-banks{display:flex;flex-wrap:wrap;align-items:baseline;gap:3px 8px;margin-top:5px}
.pg-page .ea-banks em{font-style:normal;font-size:var(--t-micro);font-weight:700;letter-spacing:.07em;
 text-transform:uppercase;color:#5b6b7a}
.pg-page .ea-bank{font-style:normal;font-size:var(--t-small);color:var(--muted)}
.pg-page .ea-bank + .ea-bank::before{content:"b7";margin-right: var(--space-3);color:var(--line)}
.pg-page .ea-bank.is-stubs{color:var(--gold)}
.pg-page .ea-bank.is-card{color:var(--sage)}
.pg-page .ea-bank.is-none{color:#5b6b7a;font-style:italic}
.pg-page .ea-bank.is-more{color:#5b6b7a}
.pg-page .ea-run{position:relative;display:block;height:6px}
.pg-page .ea-run-track{position:absolute;inset:0;border-radius: var(--radius-xs);background:rgba(238,244,248,.07)}
.pg-page .ea-run-track::after{content:"";position:absolute;left:var(--mark);top:-3px;bottom:-3px;width:1px;
 background:rgba(238,244,248,.34)}
.pg-page .ea-run-seg{position:absolute;top:0;bottom:0;left:var(--l);width:var(--w);border-radius: var(--radius-xs);
 overflow:hidden;background:linear-gradient(90deg,rgba(95,199,223,.55),var(--cyan))}
.pg-page .ea-run-seg::after{content:"";position:absolute;left:var(--n);right:0;top:0;bottom:0;
 border-radius:0 3px 3px 0;background:rgba(138,162,181,.5)}
.pg-page .ea-run-seg::before{content:"";position:absolute;inset:0;border-radius: var(--radius-xs);opacity:0;
 background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);
 transform:translateX(-100%)}
.pg-page .ea-groups.is-fresh .ea-run-seg::before{animation:eaSheen .9s ease-out 1}
@keyframes eaSheen{
  0%{opacity:0;transform:translateX(-100%)}
  22%{opacity:.85}
  100%{opacity:0;transform:translateX(100%)}}
.pg-page .ea-tick{position:absolute;top:-2px;bottom:-2px;left:var(--x);width:1.5px;border-radius:1px;
 background:rgba(238,244,248,.45);transform:translateX(-50%)}
.pg-page .ea-tick.is-card{background:var(--sage);box-shadow:0 0 5px rgba(63,227,164,.6)}
.pg-page .ea-tick.is-stubs{background:var(--gold)}
.pg-page .ea-g .pa-pts u{white-space:nowrap}
.pg-page .ea-g.is-spare .pa-pts b{color:var(--steel)}
.pg-page .ea-g.is-spare .ea-g-name{color:var(--muted)}
.pg-page .ea-body{padding:2px 0 18px 34px}
.pg-page .ea-body .pa-mission:first-of-type{border-top:1px solid rgba(45,58,70,.55)}
.pg-page .ea-flat{list-style:none;margin:0;padding:0}
.pg-page .ea-flat li{display:grid;grid-template-columns:minmax(0,1fr) 54px;gap:0 18px;align-items:baseline;
 padding:8px 0;border-bottom:1px solid rgba(45,58,70,.35)}
.pg-page .ea-flat li:last-child{border-bottom:0}
.pg-page .ea-flat span{font-size:var(--t-base);color:var(--muted)}
.pg-page .ea-flat b{text-align:right;font-size:var(--t-base);font-weight:700;color:var(--ink);
 font-variant-numeric:tabular-nums}
.pg-page .ea-legend{margin:16px 0 0;max-width:70ch;font-size:var(--t-body);line-height:1.55;color:var(--dim)}
.pg-page .ea-legend b{color:var(--muted);font-weight:600}
@media (prefers-reduced-motion:reduce){.pg-page .ea-groups.is-fresh .ea-run-seg::before{animation:none}
.pg-page .ea-arrow{transition:none}

}
@media (max-width:760px){.pg-page .ea-g summary{grid-template-columns:14px minmax(0,1fr) 78px;gap:8px 14px}
.pg-page .ea-run{grid-column:2/-1;margin-top:2px}
.pg-page .ea-banks{display:none}
.pg-page .ea-body{padding-left:0}

}
.roadmap-page .py-figs.is-budget{justify-content:flex-start;gap:12px 44px;margin:0;padding:22px 0 0;
 border-top:1px solid var(--line);border-bottom:0}
.roadmap-page .is-now .rm-rule{background:var(--cyan)}
.roadmap-page .is-next .rm-rule{background:var(--steel)}
.roadmap-page .is-considering .rm-rule{background:#55697a}
.roadmap-page .is-now .rm-count{color:var(--cyan)}
.roadmap-page .rm-see:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:2px}
.roadmap-page .rm-pick[aria-pressed="true"] .rm-pick-mark{border-color:var(--gold);
 background:rgba(241,184,75,.14)}
.roadmap-page .rm-pick:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:3px}
.roadmap-page .rm-cta:hover{background:rgba(241,184,75,.2);transform:translateY(-1px)}
@media (max-width:900px){.roadmap-page .rm-col + .rm-col{padding-top:8px}

}
.inv-page .inv-viewbar .database-view-toggle{ border: 0; border-radius: 0; overflow: visible;
  display: inline-flex; gap: 26px; }
.tool-hero,
.tool-page .tool-hero,
.rankings-page .tool-hero,
.database-page .tool-hero,
.account-hero{
  border: 0;
  border-bottom: 1px solid var(--line);
  border-radius: 0;
  background: none;
  box-shadow: none;
  padding: 10px 0 18px;
}
.tool-page .tool-hero::before{
  content: none;
}
.hero-stars{
  border-radius: 0;
}
@media (max-width: 760px){.tool-hero,
  .tool-page .tool-hero,
  .tool-page .tool-hero:has(.hero-stage){
    padding: 6px 0 16px;
  }

}
.skip-link{
  position: absolute;
  top: -100px;
  left: 8px;
  z-index: 9999;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  padding: 0 16px;
  background: var(--field);
  color: var(--cyan);
  font-family: var(--font-display);
  text-transform: uppercase;
  letter-spacing: var(--track-caps);
  font-size: var(--t-small);
  border: 1px solid var(--line);
  border-radius: var(--radius-s);
  text-decoration: none;
}
.skip-link:focus{
  top: 8px;
}
.site-footer .footer-grid{
  grid-template-columns: auto 1fr;
  align-items: center;
}
.site-footer .footer-legal-links{
  display: flex;
  flex-wrap: wrap;
  gap: 6px 20px;
  justify-content: flex-end;
}
.site-footer .footer-legal-links a{
  font-family: var(--font-display);
  text-transform: uppercase;
  letter-spacing: var(--track-caps);
  font-size: var(--t-small);
}
@media (max-width: 640px){.site-footer .footer-grid{
    grid-template-columns: 1fr;
    justify-items: start;
    gap: var(--space-5);
  }
.site-footer .footer-legal-links{
    justify-content: flex-start;
  }

}
.quick-card-art{
  box-shadow: none;
  filter: drop-shadow(0 0 9px rgba(0, 229, 255, 0.12));
}
.card-art{
  box-shadow: none;
  filter: drop-shadow(0 12px 29px rgba(0, 0, 0, 0.42)) drop-shadow(0 0 23px rgba(95, 199, 223, 0.08));
}
.hero-art-card::after{
  box-shadow: none;
  filter: drop-shadow(0 0 12px rgba(0, 229, 255, 0.2));
}
.py-art{
  box-shadow: none;
  filter: drop-shadow(0 11px 26px rgba(0, 0, 0, 0.5));
}
.mp-col:not(:first-child){
  padding-left: 26px;
  border-left: 1px solid var(--line);
}
@media (max-width: 1271px){.mp-col:not(:first-child){
    border-left: none;
    padding-left: 0;
    border-top: 1px solid var(--line);
    padding-top: 15px;
    margin-top: 15px;
  }

}
.pr-deck .pr-sort:not(:first-child){
  border-left: 1px solid var(--line);
}
@media (max-width: 640px){.pr-deck .pr-sort:not(:first-child){
    border-top: 1px solid var(--line);
  }

}
.btn-primary,
.primary-action,
.hero-search .hero-search-go,
.py-cta,
.access-choice-cta:not(.access-choice-cta-pro),
.recommend-button,
.inv-page .inv-go,
.inv-page .inv-mbtn.go{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-3);
  min-height: 44px;
  padding: 0 22px;
  border: 1px solid var(--cyan);
  border-radius: 7px;
  background: var(--cyan);
  color: #061016;
  font-family: var(--font-body);
  font-size: 0.9375rem;
  font-weight: 700;
  letter-spacing: 0.015em;
  text-transform: none;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  box-shadow: 0 12px 30px rgba(95, 199, 223, 0.24);
  filter: none;
}
.btn-primary.is-caps,
.py-cta,
.inv-page .inv-go,
.inv-page .inv-mbtn.go{
  font-family: var(--font-display);
  font-size: var(--t-base);
  letter-spacing: var(--track-caps);
  text-transform: uppercase;
}
.btn-primary:hover,
.primary-action:hover,
.hero-search .hero-search-go:hover,
.py-cta:hover,
.access-choice-cta:not(.access-choice-cta-pro):hover,
.recommend-button:hover,
.inv-page .inv-go:hover,
.inv-page .inv-mbtn.go:hover{
  background: var(--cyan);
  color: #061016;
  filter: brightness(1.08);
}
.btn-primary:disabled,
.primary-action:disabled,
.py-cta:disabled,
.recommend-button:disabled,
.inv-page .inv-go:disabled,
.inv-page .inv-mbtn.go:disabled{
  opacity: 0.5;
  filter: none;
  box-shadow: none;
  cursor: not-allowed;
}
.btn-secondary,
.secondary-action,
.status-action,
.access-text-button,
.account-rail-step-link:not(.is-pro),
.py-alt,
.rc-go,
.ff-go,
.pp-more,
.site-header > .account-status-menu .account-menu-actions .secondary-action{
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  min-height: 44px;
  width: auto;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  color: var(--cyan);
  font-weight: 600;
  text-transform: none;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-color: color-mix(in srgb, var(--cyan) 45%, transparent);
  cursor: pointer;
}
.btn-secondary:hover,
.secondary-action:hover,
.status-action:hover,
.access-text-button:hover,
.account-rail-step-link:not(.is-pro):hover,
.py-alt:hover,
.rc-go:hover,
.ff-go:hover,
.pp-more:hover,
.site-header > .account-status-menu .account-menu-actions .secondary-action:hover{
  background: none;
  color: #9df1ff;
  text-decoration-color: var(--cyan);
  transform: none;
}
.btn-secondary:disabled,
.secondary-action:disabled,
.status-action:disabled,
.py-alt:disabled{
  opacity: 0.5;
  cursor: not-allowed;
  text-decoration-color: transparent;
}
.btn-control,
.cdb-refine,
.sf-more,
.fv-autobtn,
.inv-page .inv-mbtn,
.imx-page .imx-mbtn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-3);
  min-height: 44px;
  padding: 0 2px;
  border: 0;
  border-radius: 0;
  background: none;
  color: var(--muted);
  font-family: var(--font-display);
  font-size: var(--t-base);
  font-weight: var(--w-semi);
  letter-spacing: var(--track-caps);
  text-transform: uppercase;
  text-decoration: none;
  box-shadow: inset 0 -2px 0 transparent;
  cursor: pointer;
}
.btn-control:hover,
.cdb-refine:hover,
.sf-more:hover,
.fv-autobtn:hover,
.inv-page .inv-mbtn:hover,
.imx-page .imx-mbtn:hover{
  border-color: transparent;
  background: none;
  color: var(--ink);
}
.btn-control.is-active,
.btn-control[aria-expanded="true"],
.cdb-refine[aria-expanded="true"],
.sf-more.is-active,
.sf-more[aria-expanded="true"]{
  border-color: transparent;
  background: none;
  color: var(--ink);
  box-shadow: inset 0 -2px 0 var(--cyan);
}
.btn-control:disabled,
.cdb-refine:disabled,
.sf-more:disabled,
.fv-autobtn:disabled,
.inv-page .inv-mbtn[disabled],
.imx-page .imx-mbtn[disabled]{
  opacity: 0.45;
  box-shadow: none;
  cursor: not-allowed;
}
.inv-page .inv-mbtn.danger,
.imx-page .imx-mbtn.danger{
  border-color: transparent;
  color: var(--red);
}
.btn-paginate,
.cdb-more,
.mp-more,
.ff-more,
.rw-more,
.pg2-more,
.inv-page .inv-more .inv-mbtn{
  display: inline-flex;
  flex-direction: row;
  align-items: baseline;
  gap: var(--space-4);
  width: auto;
  min-height: 44px;
  margin: 16px 0 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  color: var(--cyan);
  font-family: var(--font-display);
  font-size: var(--t-base);
  font-weight: 700;
  letter-spacing: var(--track-caps);
  text-transform: uppercase;
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-color: color-mix(in srgb, var(--cyan) 45%, transparent);
  cursor: pointer;
}
.btn-paginate:hover,
.cdb-more:hover,
.mp-more:hover,
.ff-more:hover,
.rw-more:hover,
.pg2-more:hover,
.inv-page .inv-more .inv-mbtn:hover{
  border-color: transparent;
  background: none;
  color: #9df1ff;
  text-decoration-color: var(--cyan);
}
.btn-paginate small,
.cdb-more small,
.mp-more small,
.ff-more small{
  display: inline-block;
  font-family: var(--font-mono);
  font-size: var(--t-small);
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
  text-decoration: none;
  color: var(--dim);
}
.btn-primary:focus-visible,
.btn-secondary:focus-visible,
.btn-control:focus-visible,
.btn-paginate:focus-visible,
.primary-action:focus-visible,
.secondary-action:focus-visible,
.status-action:focus-visible,
.access-text-button:focus-visible,
.access-choice-cta:focus-visible,
.account-rail-step-link:focus-visible,
.hero-search .hero-search-go:focus-visible,
.recommend-button:focus-visible,
.py-cta:focus-visible,
.py-alt:focus-visible,
.rc-go:focus-visible,
.ff-go:focus-visible,
.pp-more:focus-visible,
.cdb-refine:focus-visible,
.sf-more:focus-visible,
.fv-autobtn:focus-visible,
.cdb-more:focus-visible,
.mp-more:focus-visible,
.ff-more:focus-visible,
.rw-more:focus-visible,
.pg2-more:focus-visible,
.inv-page .inv-go:focus-visible,
.inv-page .inv-mbtn:focus-visible,
.imx-page .imx-mbtn:focus-visible,
.site-header > .account-status-menu .account-menu-actions .secondary-action:focus-visible{
  outline: 2px solid var(--cyan);
  outline-offset: 2px;
}
@media (max-width: 760px){.fv-headright .fv-autobtn,
  .inv-page .inv-mbtn,
  .imx-page .imx-mbtn,
  .btn-primary,
  .btn-secondary,
  .btn-control,
  .btn-paginate{
    min-height: 44px;
  }

}
main h1{ text-wrap: balance; }
@media (min-width: 1181px){.site-header{ grid-template-columns: auto minmax(0, 1fr) auto auto; }
.site-nav{ position: static; left: auto; transform: none; justify-self: start; }

}
@media (max-width: 760px){.site-footer a{ padding-block: 12px; }

}
button, a, [role="button"]{ -webkit-tap-highlight-color: transparent; touch-action: manipulation; }
.board-skeleton{
  display: grid;
}
.board-skeleton-row{
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  align-items: center;
  gap: var(--space-5);
  padding: var(--space-4) 0;
  border-bottom: 1px solid rgba(45, 58, 70, .55);
}
.board-skeleton-row:last-child{
  border-bottom: 0;
}
.board-skeleton-art,
.board-skeleton-bar{
  position: relative;
  overflow: hidden;
  border-radius: var(--radius-s);
  background: rgba(147, 164, 179, 0.08);
}
.board-skeleton-art{
  width: 36px;
  height: 50px;
}
.board-skeleton-lines{
  display: grid;
  gap: var(--space-3);
}
.board-skeleton-bar{
  height: 9px;
}
.board-skeleton-bar-a{
  width: 62%;
}
.board-skeleton-bar-b{
  width: 38%;
}
.board-skeleton-art::after,
.board-skeleton-bar::after{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(100deg, transparent, rgba(238, 244, 248, 0.08), transparent);
  animation: shimmer 1.2s infinite;
}
@media (prefers-reduced-motion: reduce){.board-skeleton-art::after,
  .board-skeleton-bar::after{
    animation: none;
  }

}
.dp-toast{
  position: fixed;
  left: 50%;
  bottom: calc(16px + env(safe-area-inset-bottom));
  z-index: 7000;
  max-width: min(92vw, 420px);
  padding: var(--space-4) var(--space-6);
  border: 0;
  border-radius: var(--radius-l);
  background: rgba(8, 14, 22, .94);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: inset 2px 0 0 0 var(--cyan);
  color: var(--ink);
  font-size: var(--t-base);
  line-height: 1.5;
  opacity: 0;
  transform: translate(-50%, 8px);
  transition: opacity 180ms ease, transform 180ms ease;
  pointer-events: none;
}
.dp-toast.is-visible{
  opacity: 1;
  transform: translate(-50%, 0);
  pointer-events: auto;
}
.dp-toast.is-good{
  box-shadow: inset 2px 0 0 0 var(--sage);
}
.dp-toast.is-warn{
  box-shadow: inset 2px 0 0 0 var(--gold);
}
.dp-toast.is-bad{
  box-shadow: inset 2px 0 0 0 var(--red);
}
@media (prefers-reduced-motion: reduce){.dp-toast{
    transform: translate(-50%, 0);
    transition: opacity 180ms ease;
  }

}
.destructive-action{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  min-height: 44px;
  padding: 0 var(--space-4);
  border: 0;
  border-radius: var(--radius-m);
  background: transparent;
  color: var(--red);
  font-weight: var(--w-semi);
  cursor: pointer;
  transition: color 140ms ease, box-shadow 140ms ease;
}
.destructive-action:hover,
.inv-page .inv-mbtn.danger:hover,
.imx-page .imx-mbtn.danger:hover{
  color: color-mix(in srgb, var(--red) 80%, white);
  box-shadow: inset 0 0 0 1px rgba(255, 101, 124, .45);
}
.destructive-action:focus-visible,
.inv-page .inv-mbtn.danger:focus-visible,
.imx-page .imx-mbtn.danger:focus-visible{
  box-shadow: inset 0 0 0 1px rgba(255, 101, 124, .45);
  outline: 2px solid var(--red);
  outline-offset: 2px;
}
.advisor-triad,
.squad-triad{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-9);
  align-items: end;
  justify-items: center;
  width: 100%;
  max-width: 640px;
  margin-inline: auto;
}
@media (max-width: 900px){.advisor-triad,
  .squad-triad{
    gap: var(--space-3);
    max-width: 100%;
  }
.advisor-triad .dp-cd, .squad-triad .dp-cd{ width: 96px; }
.advisor-triad .dp-slot.is-centre .dp-cd, .squad-triad .dp-slot.is-centre .dp-cd{ width: 118px; }
.advisor-triad .dp-cat, .squad-triad .dp-cat{
    max-width: 100%;
    white-space: normal;
    text-align: center;
    font-size: var(--t-micro);
    padding: 3px 7px;
    line-height: 1.25;
  }

}
.stub-mark{
  /* The coin is sized through one property so a host rule for card art
     (".mp-row img { width: 40px }", ".ff-row img { aspect-ratio: 5 / 7 }")
     cannot stretch it into an oval -- it did, on Market Pulse and Flip Finder
     (v939). Width and height come from --coin and nothing else. */
  --coin: .82em;
  display: inline-block;
  width: var(--coin) !important;
  height: var(--coin) !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: contain;
  border-radius: 50%;
  vertical-align: -.08em;
  margin-right: .24em;
}
.dp-val .stub-mark, .cp-figs .stub-mark, .cdb-fig .stub-mark{ --coin: .7em; vertical-align: -.04em; }
.pr-price .stub-mark, .cdb-num .stub-mark, .cdb-keep .stub-mark, .mp-num .stub-mark, .mp-pair .stub-mark, .cp-vx u .stub-mark{ --coin: .9em; margin-right: .2em; }
.squad-save-chip,
.sf-more{
  border: 0;
  background: none;
  padding: 0 2px;
  border-radius: 0;
  color: var(--cyan);
  font-family: var(--font-display);
  font-size: var(--t-small);
  font-weight: var(--w-semi);
  letter-spacing: .1em;
  text-transform: uppercase;
  text-decoration: underline;
  text-decoration-color: rgba(95, 199, 223, .35);
  text-underline-offset: 4px;
}
.squad-save-chip:hover, .sf-more:hover{ color: var(--cyan-ink); text-decoration-color: currentColor; border-color: transparent; }
.cp-cta{
  border: 0;
  background: none;
  padding: 0 2px;
  border-radius: 0;
  color: var(--cyan);
  text-decoration: underline;
  text-decoration-color: rgba(95, 199, 223, .35);
  text-underline-offset: 5px;
}
.cp-cta.is-plain{ color: var(--muted); text-decoration-color: rgba(125, 143, 160, .35); }
.cp-cta:hover, .cp-cta:focus-visible{ color: var(--cyan-ink); text-decoration-color: currentColor; }
.cp-cta-row{ gap: 22px; }
.cp-vx{ border: 0; background: none; border-radius: 0; padding: 8px 0; border-bottom: 1px solid rgba(45, 58, 70, .55); }
.cp-vx:hover{ border-color: var(--line); background: none; }
.pulse-mark{ display: inline-flex !important; }
.stub-mark{ display: inline-block !important; }
.dp-val:has(.pulse-mark), .dp-val:has(.pulse-mark) .pulse-mark{ color: var(--cyan); }
@media (max-width: 900px){.pulse-feed-strip.is-sticky-compact:not(.advisor-page .pulse-feed-strip){ top: var(--chip-top, 70px); }
.cp-figs{ display: grid; grid-template-columns: repeat(auto-fit, minmax(84px, 1fr)); gap: 16px 12px; align-items: start; }
.cp-figs div span{ white-space: normal; }
.cp-figsnote{ grid-column: 1 / -1; }

}
.catalog-chrome{ position: sticky; top: 0; z-index: 100; background: #080e15; }
.catalog-chrome .site-header{ position: relative; top: auto; }
.catalog-chrome .pulse-feed-strip,
.catalog-chrome .pulse-feed-strip.is-sticky-compact{ position: relative; inset: auto; margin: 0 0 8px; width: 100%; max-width: 100%; }
.catalog-chrome .pulse-feed-strip.is-sticky-compact .pulse-feed-compact{ flex-wrap: wrap; white-space: normal; gap: 4px 12px; }
.has-catalog-chrome .catalog-chrome .pulse-feed-strip.is-sticky-compact{ inset: auto; }
html.has-catalog-chrome{ scroll-padding-top: var(--catalog-chrome-height, 130px); }
.catalog-chrome .card-import-pill{ min-width: 44px; min-height: 44px; }
.catalog-chrome .header-top{ min-width: 44px; min-height: 44px; justify-content: center; }
@media (max-width: 900px){.catalog-chrome .site-header{ gap: 6px; }
.catalog-chrome .brand{ min-width: 0; }
.catalog-chrome .brand-logo{ max-width: 100%; object-fit: contain; }
.catalog-chrome .site-header.is-stuck{ padding-right: 50px; }
.catalog-chrome .card-import-pill{ min-width: 44px; min-height: 44px; width: 44px; height: 44px; }
.catalog-chrome .header-top{ width: 44px; height: 44px; min-width: 44px; min-height: 44px; padding: 0; }
.catalog-chrome .header-top::before, .catalog-chrome .header-top::after{ inset: 0; }

}