/** Shopify CDN: Minification failed

Line 801:19 Unexpected ";"

**/
/* assets/species-profile.css
   FishyAF Species Card Style (STRUCTURED)
*/

/* ===========================
   1) REMOVE BREADCRUMB / NAV BAR
   =========================== */

.template-article #breadcrumbs,
.template-article .breadcrumb,
.template-article nav.breadcrumb,
.template-article .breadcrumbs,
body.template-article #breadcrumbs.wrapper-padded{
  display:none !important;
}

body.template-article main,
body.template-article #MainContent{
  margin-top:0 !important;
  padding-top:0 !important;
}

/* ===========================
   PAGE BASE
   =========================== */

.species-card-page{
  --bg:#08090b;
  --card:#0e1013;
  --text:#f4f2ea;
  --muted:rgba(244,242,234,.72);
  --gold:#c8a24a;
  --line:rgba(200,162,74,.28);
  --line2:rgba(200,162,74,.40);
  --intel-blue:#67b8ff;
  --intel-green:#8fcb62;
  --intel-orange:#ff9f43;
  --intel-red:#ff6767;
  --intel-panel:#11141a;
  --intel-panel-2:#0c0f14;

  background:
    radial-gradient(1200px 700px at 50% 0%, rgba(200,162,74,.08), transparent 55%),
    radial-gradient(900px 500px at 10% 20%, rgba(255,255,255,.04), transparent 60%),
    radial-gradient(900px 500px at 90% 30%, rgba(255,255,255,.03), transparent 60%),
    linear-gradient(180deg, #07080a, #0a0b0f 55%, #07080a);
  color:var(--text);
  padding:22px 0 38px;
}

.species-card-shell{
  width:min(940px, calc(100% - 36px));
  margin:0 auto;
}

.species-card{
  background:
    radial-gradient(900px 520px at 50% 10%, rgba(255,255,255,.04), transparent 65%),
    linear-gradient(180deg, rgba(18,20,24,.95), rgba(10,11,14,.95));
  border:1px solid var(--line);
  border-radius:10px;
  overflow:hidden;
  color:var(--text);
}

.species-card,
.species-card *{
  color:inherit;
}

.species-card a{
  color:var(--gold);
}

/* ===========================
   HERO
   =========================== */

.species-hero{
  position:relative;
  border-bottom:1px solid var(--line);
  min-height:140px;
}

.species-hero picture,
.species-hero img{
  position:relative;
  z-index:1;
}

.species-hero img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:21/9;
  object-fit:cover;
  max-height:360px;
}

/* ===========================
   BACK BUTTON
   =========================== */

.species-back{
  position:absolute;
  left:14px;
  bottom:14px;
  z-index:10;
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid rgba(200,162,74,.22);
  background:radial-gradient(600px 220px at 10% 20%, rgba(255,255,255,.06), rgba(0,0,0,.34));
  backdrop-filter:blur(4px);
  text-decoration:none;
  color:rgba(244,242,234,.92);
  box-shadow:0 10px 20px rgba(0,0,0,.35);
}

.species-back__icon{
  display:inline-grid;
  place-items:center;
  width:22px;
  height:22px;
  border-radius:999px;
  background:rgba(200,162,74,.16);
  border:1px solid rgba(200,162,74,.22);
  color:rgba(244,242,234,.95);
  font-weight:900;
  line-height:1;
}

.species-back__text{
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:12px;
  color:rgba(244,242,234,.92);
}

@media (hover:hover){
  .species-back:hover{
    border-color:rgba(200,162,74,.55);
    box-shadow:0 14px 28px rgba(0,0,0,.42), 0 0 22px rgba(200,162,74,.10);
    transform:translateY(-1px);
  }
}

/* ===========================
   HERO TITLE
   =========================== */

.species-heroTitle{
  position:absolute;
  left:14px;
  top:14px !important;
  bottom:auto !important;
  z-index:9;
  padding:12px 14px;
  border-radius:10px;
  border:1px solid rgba(200,162,74,.22);
  background:radial-gradient(600px 220px at 10% 20%, rgba(255,255,255,.06), rgba(0,0,0,.34));
  backdrop-filter:blur(4px);
  max-width:min(70%, 640px);
}

.species-heroTitle__name{
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
  font-size:clamp(22px, 2.4vw, 34px);
  color:var(--gold);
  text-shadow:0 2px 0 rgba(0,0,0,.35);
  line-height:1.05;
}

.species-heroTitle__meta{
  margin-top:6px;
  display:inline-flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  color:rgba(244,242,234,.92);
  font-size:11px;
}

.species-heroTitle__scientific{
  font-style:italic;
  letter-spacing:.01em;
  color:rgba(244,242,234,.92);
}

.species-heroTitle__divider{
  width:1px;
  height:14px;
  background:rgba(200,162,74,.55);
  opacity:.85;
}

.species-heroTitle__quest{
  display:inline-flex;
  align-items:center;
  padding:4px 7px;
  border-radius:999px;
  border:1px solid rgba(200,162,74,.30);
  background:rgba(200,162,74,.10);
  color:rgba(244,242,234,.95);
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:9px;
}

/* ===========================
   MEDALLION
   =========================== */

button.species-medallion{
  appearance:none;
  -webkit-appearance:none;
  background:transparent;
  border:0;
  padding:0;
  margin:0;
  line-height:0;
  font:inherit;
  color:inherit;
  cursor:pointer;
}

button.species-medallion::-moz-focus-inner{
  border:0;
  padding:0;
}

button.species-medallion:focus{
  outline:none;
}

button.species-medallion:focus-visible{
  outline:2px solid rgba(200,162,74,.65);
  outline-offset:6px;
  border-radius:999px;
}

.species-medallion{
  position:absolute;
  right:34px;
  bottom:-42px;
  z-index:8;
  display:block;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
  transition:transform 420ms cubic-bezier(.2,.8,.2,1);
}

@keyframes fishyGlowPulse{
  0%,100%{ opacity:.78; filter:blur(14px); }
  50%{ opacity:1; filter:blur(16px); }
}

.species-medallion:before{
  content:"";
  position:absolute;
  inset:-34px;
  border-radius:50%;
  pointer-events:none;
  z-index:0;
  opacity:.88;
  background:
    radial-gradient(circle at 50% 55%, rgba(255,232,170,.32), transparent 56%),
    radial-gradient(circle at 50% 55%, rgba(200,162,74,.22), transparent 66%),
    radial-gradient(circle at 50% 55%, rgba(0,0,0,.65), transparent 76%);
  filter:blur(16px);
}

.species-medallion__ring{
  position:relative;
  width:168px;
  height:168px;
  border-radius:50%;
  z-index:1;
  filter:
    drop-shadow(0 28px 38px rgba(0,0,0,.76))
    drop-shadow(0 0 26px rgba(255,226,140,.12));
  transform-origin:70% 70%;
  transition:
    transform 420ms cubic-bezier(.2,.8,.2,1),
    filter 420ms cubic-bezier(.2,.8,.2,1),
    opacity 260ms ease;
}

.species-medallion__ring:after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:50%;
  pointer-events:none;
  background:
    conic-gradient(
      from 220deg,
      transparent 0deg,
      rgba(255,255,255,.08) 14deg,
      rgba(255,255,255,.18) 24deg,
      transparent 42deg,
      transparent 360deg
    );
  opacity:.12;
  mix-blend-mode:screen;
  transform:rotate(-10deg);
  z-index:4;
}

.species-medallion__ring:before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:50%;
  pointer-events:none;
  background:
    radial-gradient(circle at 28% 24%, rgba(255,255,255,.22), transparent 42%),
    radial-gradient(circle at 72% 76%, rgba(0,0,0,.34), transparent 48%),
    linear-gradient(135deg, rgba(255,255,255,.10), transparent 32%, rgba(0,0,0,.18) 74%, transparent 100%);
  opacity:.88;
  z-index:3;
}

.species-medallion__svg{
  width:100%;
  height:100%;
  display:block;
}

.species-medallion__svg--rings{
  position:relative;
  z-index:1;
}

.species-medallion__svg--text{
  position:absolute;
  inset:0;
  z-index:6;
  pointer-events:none;
  opacity:1;
  transform:scale(1);
  transition:opacity 220ms ease, transform 220ms ease;
}

.species-medallion__outer{
  fill:rgba(0,0,0,.14);
  stroke-width:8;
}

.species-medallion__inner{
  fill:rgba(0,0,0,.10);
  stroke-width:4;
}

.species-medallion__text{
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-size:12px;
  fill:rgba(255,255,255,.98);
  paint-order:stroke fill;
  stroke:rgba(0,0,0,.88);
  stroke-width:4px;
  filter:
    drop-shadow(0 2px 2px rgba(0,0,0,.78))
    drop-shadow(0 0 10px rgba(0,0,0,.30));
}

.species-medallion__text--bottom{
  letter-spacing:.10em;
  font-size:11px;
}

.species-medallion__text--handle{
  font-size:13px;
  letter-spacing:.08em;
  stroke-width:5px;
}

.species-medallion__portrait{
  position:absolute;
  inset:28px;
  border-radius:50%;
  overflow:hidden;
  z-index:4;
  border:4px solid rgba(200,162,74,.86);
  background:
    radial-gradient(circle at 30% 24%, rgba(255,255,255,.08), transparent 50%),
    rgba(0,0,0,.26);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.08),
    inset 0 2px 10px rgba(255,255,255,.05),
    inset 0 -18px 28px rgba(0,0,0,.58),
    0 10px 16px rgba(0,0,0,.42);
  transition:border-color 300ms ease, box-shadow 300ms ease, inset 300ms ease;
}

.species-medallion__portrait:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 30% 22%, rgba(255,255,255,.28), transparent 50%),
    linear-gradient(180deg, rgba(255,255,255,.06), transparent 28%, transparent 70%, rgba(0,0,0,.20) 100%);
  opacity:.62;
  mix-blend-mode:screen;
}

.species-medallion__portrait img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.species-medallion__placeholder{
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  color:rgba(244,242,234,.92);
  font-weight:900;
  font-size:44px;
  background:radial-gradient(circle at 30% 30%, rgba(255,255,255,.08), rgba(0,0,0,.25));
}

.species-medallion__expandedInfo{
  position:absolute;
  inset:0;
  z-index:9;
  opacity:0;
  display:none;
  pointer-events:none;
}

.species-medallion__expandedTop{
  position:absolute;
  left:50%;
  bottom:calc(100% - 18px);
  transform:translateX(-50%);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:21px;
  padding:5px 13px;
  border-radius:999px;
  border:1px solid rgba(200,162,74,.42);
  background:
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(0,0,0,.32)),
    rgba(10,11,14,.94);
  color:var(--gold);
  font-size:11px;
  font-weight:900;
  letter-spacing:.15em;
  text-transform:uppercase;
  white-space:nowrap;
  line-height:1;
  box-shadow:
    0 8px 16px rgba(0,0,0,.36),
    inset 0 1px 0 rgba(255,255,255,.08);
}

.species-medallion__expandedHandle{
  position:absolute;
  left:50%;
  top:calc(100% - 18px);
  transform:translateX(-50%);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:auto;
  min-width:154px;
  max-width:min(252px, calc(100vw - 140px));
  min-height:34px;
  padding:8px 14px;
  border-radius:12px;
  border:1px solid rgba(200,162,74,.40);
  background:
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(0,0,0,.26)),
    rgba(7,8,10,.96);
  color:var(--gold);
  font-weight:900;
  font-size:clamp(13px, 1.45vw, 20px);
  line-height:1;
  letter-spacing:.02em;
  text-transform:uppercase;
  text-align:center;
  white-space:nowrap;
  box-sizing:border-box;
  overflow:hidden;
  text-overflow:ellipsis;
  box-shadow:
    0 18px 32px rgba(0,0,0,.58),
    inset 0 1px 0 rgba(255,255,255,.06),
    inset 0 -8px 16px rgba(0,0,0,.30);
  text-shadow:
    0 2px 4px rgba(0,0,0,.72),
    0 0 10px rgba(0,0,0,.28);
}

.species-medallion.is-expanded{
  z-index:999 !important;
}

.species-medallion.is-expanded:before{
  opacity:1 !important;
  filter:blur(18px) !important;
  animation:none !important;
}

.species-medallion.is-expanded .species-medallion__ring{
  transform:translate(-24px, -14px) scale(2.35) !important;
  filter:
    drop-shadow(0 44px 62px rgba(0,0,0,.86))
    drop-shadow(0 0 44px rgba(255,235,170,.22)) !important;
}

.species-medallion.is-expanded .species-medallion__ring:after{
  opacity:.06 !important;
  animation:none !important;
}

.species-medallion.is-expanded .species-medallion__svg--text{
  opacity:0 !important;
  transform:scale(.96) !important;
  display:none !important;
}

.species-medallion.is-expanded .species-medallion__expandedInfo{
  opacity:1 !important;
  display:block !important;
}

@media (hover:hover){
  .species-medallion:hover{
    transform:translate(-96px, -18px);
    z-index:999;
  }

  .species-medallion:hover:before{
    opacity:1;
    filter:blur(22px);
  }

  .species-medallion:hover .species-medallion__ring{
    transform:scale(2.13);
    filter:
      drop-shadow(0 52px 72px rgba(0,0,0,.88))
      drop-shadow(0 0 54px rgba(255,235,170,.24));
  }

  .species-medallion:hover .species-medallion__ring:after{
    opacity:.06;
    animation:none;
  }

  .species-medallion:hover .species-medallion__svg--text{
    opacity:0;
    transform:scale(.96);
    display:none;
  }

  .species-medallion:hover .species-medallion__expandedInfo{
    opacity:1;
    display:block;
  }
}

/* ===========================
   QUOTE BAND
   =========================== */

.species-quoteBand{
  width:100%;
  min-height:76px;
  padding:0 22px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:
    linear-gradient(180deg, rgba(18,18,18,.98) 0%, rgba(10,10,10,1) 100%);
  border-top:1px solid rgba(200,162,74,.18);
  border-bottom:1px solid rgba(200,162,74,.18);
  position:relative;
  z-index:1;
}

.species-quoteBand::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(
      90deg,
      rgba(200,162,74,0) 0%,
      rgba(200,162,74,.06) 18%,
      rgba(200,162,74,.10) 50%,
      rgba(200,162,74,.06) 82%,
      rgba(200,162,74,0) 100%
    );
  opacity:.8;
}

.species-quoteBand__inner{
  max-width:980px;
  width:100%;
  margin:0 auto;
  position:relative;
  z-index:1;
  text-align:center;
  display:flex;
  align-items:center;
  justify-content:center;
}

.species-quoteBand__text{
  margin:0;
  color:var(--gold);
  font-size:clamp(20px, 2.4vw, 32px);
  line-height:1.2;
  font-weight:600;
  letter-spacing:.01em;
  text-wrap:balance;
}

.species-quoteBand__text span{
  opacity:.7;
  font-weight:500;
}

/* ===========================
   RESPONSIVE
   =========================== */

@media (max-width:980px){
  .species-card-shell{
    width:min(940px, calc(100% - 28px));
  }

  .species-heroTitle{
    max-width:80%;
  }
}

/* ===========================
   MOBILE
   =========================== */

@media (max-width:560px){
  .species-hero img{
    aspect-ratio:16/9;
    max-height:320px;
  }

  .species-heroTitle{
    left:10px;
    top:10px !important;
    padding:10px 12px;
  }

  .species-back{
    left:10px;
    bottom:10px;
    padding:9px 10px;
  }

  .species-card{
    display:block;
    height:auto;
    overflow:visible;
  }

  .species-hero{
    flex:unset;
  }

  .species-scrollBody{
    flex:unset;
    overflow:visible;
    -webkit-overflow-scrolling:auto;
  }

  .species-medallion{
    right:10px;
    bottom:-24px;
    transform:none !important;
  }

  .species-medallion__ring{
    width:86px;
    height:86px;
    transition:
      transform 260ms cubic-bezier(.2,.8,.2,1),
      filter 260ms ease,
      opacity 220ms ease;
  }

  .species-medallion__portrait{
    inset:14px;
    border-width:2px;
  }

  .species-medallion:before{
    inset:-18px;
    filter:blur(12px);
  }

  .species-medallion:not(.is-expanded):before{
    animation:fishyGlowPulse 2.4s ease-in-out infinite;
  }

  .species-medallion:not(.is-expanded) .species-medallion__ring:after{
    opacity:.10;
    animation:none;
  }

  .species-medallion__expandedInfo{
    inset:0;
  }

  .species-medallion__expandedTop{
    bottom:calc(100% - 12px);
    font-size:9px;
    min-height:18px;
    padding:3px 10px;
    letter-spacing:.13em;
  }

  .species-medallion__expandedHandle{
    top:calc(100% - 12px);
    min-width:110px;
    max-width:min(170px, calc(100vw - 40px));
    font-size:13px;
    min-height:28px;
    padding:6px 10px;
  }

  .species-medallion.is-expanded .species-medallion__ring{
    transform:translate(-24px, -14px) scale(2.35) !important;
    filter:
      drop-shadow(0 44px 62px rgba(0,0,0,.86))
      drop-shadow(0 0 44px rgba(255,235,170,.22)) !important;
  }

  .species-medallion.is-expanded .species-medallion__svg--text{
    display:none !important;
  }

  .species-medallion.is-expanded .species-medallion__expandedInfo{
    display:block !important;
    opacity:1 !important;
  }

  .species-quoteBand{
    min-height:68px;
    padding:0 16px;
  }

  .species-quoteBand__text{
    font-size:clamp(18px, 5vw, 24px);
    line-height:1.25;
  }
}

/* ===========================
   BLOCKS / CONTENT
   =========================== */

.species-block{
  padding:14px 14px 16px;
  border-bottom:1px solid rgba(200,162,74,.18);
}

.species-block:last-child{
  border-bottom:none;
}

.species-block__title{
  text-align:center;
  color:var(--gold);
  letter-spacing:.08em;
  font-weight:800;
  font-size:18px;
  margin:2px 0 12px;
}

.species-block____title
  position:relative;
  padding-bottom:10px;
  margin-bottom:14px;
  text-transform:uppercase;
  letter-spacing:.18em;
}

.species-block__title:before,
.species-block__title:after{
  content:"";
  position:absolute;
  top:50%;
  width:30%;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(200,162,74,.60), transparent);
  transform:translateY(-50%);
  opacity:.95;
}

.species-block__title:before{
  left:0;
}

.species-block__title:after{
  right:0;
}

.species-sectionBody{
  padding:2px 2px 0;
}

.species-block--quickfacts,
.species-block--glow{
  position:relative;
  overflow:hidden;
}

.species-block--quickfacts:before,
.species-block--glow:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(900px 220px at 50% 0%, rgba(200,162,74,.16), transparent 58%),
    radial-gradient(600px 180px at 15% 35%, rgba(200,162,74,.08), transparent 60%),
    radial-gradient(600px 180px at 85% 45%, rgba(200,162,74,.07), transparent 62%);
  opacity:.85;
}

.species-block--quickfacts > *,
.species-block--glow > *{
  position:relative;
  z-index:1;
}

/* Quick facts */
.species-facts--premium{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:14px;
}

@media (max-width:980px){
  .species-facts--premium{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width:560px){
  .species-facts--premium{
    grid-template-columns:1fr;
  }
}

.species-fact--premium{
  position:relative;
  border:1px solid rgba(200,162,74,.22);
  border-radius:12px;
  padding:18px 18px;
  background:
    radial-gradient(700px 220px at 50% 0%, rgba(255,255,255,.05), transparent 60%),
    linear-gradient(180deg, rgba(0,0,0,.25), rgba(0,0,0,.18));
  box-shadow:
    inset 0 0 0 1px rgba(0,0,0,.25),
    0 10px 26px rgba(0,0,0,.35);
  transition:transform 260ms cubic-bezier(.2,.8,.2,1), box-shadow 260ms ease, border-color 260ms ease;
  text-align:center;
}

.species-fact--premium:before{
  content:"";
  position:absolute;
  top:-10px;
  left:50%;
  width:70%;
  height:26px;
  transform:translateX(-50%);
  background:radial-gradient(closest-side, rgba(200,162,74,.55), transparent 70%);
  filter:blur(2px);
  opacity:.55;
  pointer-events:none;
}

@media (hover:hover){
  .species-fact--premium:hover{
    transform:translateY(-2px);
    border-color:rgba(200,162,74,.55);
    box-shadow:
      inset 0 0 0 1px rgba(0,0,0,.22),
      0 14px 34px rgba(0,0,0,.44),
      0 0 28px rgba(200,162,74,.10);
  }

  .species-fact--premium:hover:before{
    opacity:.85;
  }
}

.species-fact--premium .species-fact__label{
  font-size:12px;
  color:rgba(200,162,74,.92);
  font-weight:800;
  letter-spacing:.22em;
  text-transform:uppercase;
  margin-bottom:10px;
}

.species-fact--premium .species-fact__value{
  font-size:18px;
  color:rgba(244,242,234,.92);
  line-height:1.25;
  font-weight:700;
  text-wrap:balance;
}

.species-fact__value--worldrecord{
  font-size:18px !important;
  color:rgba(244,242,234,.92) !important;
  line-height:1.25 !important;
  font-weight:700 !important;
  letter-spacing:0 !important;
  max-width:none !important;
  width:100%;
  margin:0 auto !important;
  white-space:normal !important;
  text-wrap:balance;
}

.species-fact__value--worldrecord .metafield-rich_text_field{
  font:inherit !important;
  color:inherit !important;
}

.species-fact__value--worldrecord .metafield-rich_text_field p{
  font:inherit !important;
  color:inherit !important;
  margin:0 !important;
  padding:0 !important;
}

.species-fact__value--big{
  font-size:18px !important;
  line-height:1.25 !important;
  font-weight:700 !important;
  letter-spacing:0 !important;
  color:rgba(244,242,234,.92) !important;
  text-shadow:none !important;
}

/* ===========================
   FISHYAF FACTS
   =========================== */

.species-block--fishyafFacts{
  overflow:visible;
  padding-bottom:0;
}

.species-fishyafFacts{
  position:relative;
}

.species-fishyafFacts__list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:8px;
  margin-bottom:-10px;
}

.species-fishyafFacts__item{
  position:relative;
  display:grid;
  grid-template-columns:38px minmax(0, 1fr);
  gap:16px;
  align-items:center;
  padding:12px 18px;
  border:1px solid rgba(200,162,74,.22);
  border-radius:12px;
  background:
    radial-gradient(700px 220px at 50% 0%, rgba(255,255,255,.04), transparent 60%),
    linear-gradient(180deg, rgba(0,0,0,.22), rgba(0,0,0,.14));
  box-shadow:
    inset 0 0 0 1px rgba(0,0,0,.18),
    0 8px 18px rgba(0,0,0,.24);
  transition:
    transform 260ms cubic-bezier(.2,.8,.2,1),
    box-shadow 260ms ease,
    border-color 260ms ease,
    opacity 260ms ease,
    max-height 320ms ease,
    padding-top 260ms ease,
    padding-bottom 260ms ease,
    margin 260ms ease;
}

.species-fishyafFacts__item::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,
      rgba(200,162,74,0) 0%,
      rgba(200,162,74,.035) 18%,
      rgba(200,162,74,.06) 50%,
      rgba(200,162,74,.035) 82%,
      rgba(200,162,74,0) 100%);
  opacity:.65;
}

.species-fishyafFacts__num,
.species-fishyafFacts__text{
  position:relative;
  z-index:1;
}

.species-fishyafFacts__num{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  align-self:center;
  border-radius:999px;
  border:1px solid rgba(200,162,74,.24);
  background:
    radial-gradient(circle at 30% 30%, rgba(255,255,255,.05), rgba(0,0,0,.20)),
    rgba(200,162,74,.05);
  color:rgba(200,162,74,.92);
  font-size:11px;
  font-weight:900;
  letter-spacing:.12em;
  line-height:1;
  text-transform:uppercase;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 3px 8px rgba(0,0,0,.18);
  transition:
    transform 220ms cubic-bezier(.2,.8,.2,1),
    box-shadow 220ms ease,
    border-color 220ms ease,
    background 220ms ease,
    color 220ms ease;
}

.species-fishyafFacts__topIcon{
  display:block;
  font-size:28px;
  line-height:1;
  width:1em;
  height:1em;
  text-align:center;
  transform:translate(-1px, -1px);

  filter:
    drop-shadow(0 0 6px rgba(255,170,60,.85))
    drop-shadow(0 0 14px rgba(255,120,20,.65))
    drop-shadow(0 0 22px rgba(255,80,0,.45));

  animation:fishyFactFireGlow 3.2s ease-in-out infinite alternate;
}

.species-fishyafFacts__item--signature .species-fishyafFacts__num{
  width:38px;
  height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
  border-radius:999px;
  border:1px solid rgba(200,162,74,.40);
  background:
    radial-gradient(circle at 30% 30%, rgba(255,255,255,.06), rgba(0,0,0,.22)),
    rgba(200,162,74,.12);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 4px 10px rgba(0,0,0,.25),
    0 0 14px rgba(255,150,40,.25),
    0 0 28px rgba(255,120,20,.18);
}

.species-fishyafFacts__topIcon{
  font-size:28px;
  line-height:1;
  transform:translateX(-2px) translateY(-2px);
  filter:
    drop-shadow(0 0 6px rgba(255,170,60,.85))
    drop-shadow(0 0 14px rgba(255,120,20,.65))
    drop-shadow(0 0 22px rgba(255,80,0,.45));
  animation: fishyFactFireGlow 3.2s ease-in-out infinite alternate;
}

@keyframes fishyFactFireGlow{
  0%{
    transform:scale(1);
    filter:
      drop-shadow(0 0 3px rgba(255,170,60,.55))
      drop-shadow(0 0 8px rgba(255,120,20,.35));
  }

  100%{
    transform:scale(1.08);
    filter:
      drop-shadow(0 0 6px rgba(255,190,80,.75))
      drop-shadow(0 0 14px rgba(255,110,20,.55))
      drop-shadow(0 0 20px rgba(255,70,0,.35));
  }
}

.species-fishyafFacts__topLabel{
  display:inline-block;
  font-size:11px;
  font-weight:900;
  letter-spacing:.14em;
  line-height:1;
  color:rgba(200,162,74,.98);
}

.species-fishyafFacts__text{
  padding-top:0;
  color:rgba(244,242,234,.88);
  font-size:15px;
  line-height:1.7;
  font-weight:400;
  text-wrap:normal;
}

/* TOP FACT chip replacing the number */

.species-fishyafFacts__item--signature .species-fishyafFacts__num{
  width:auto;
  height:auto;
  padding:6px 12px;
  border-radius:999px;
  font-size:11px;
  letter-spacing:.14em;
  font-weight:900;
  background:
    radial-gradient(circle at 30% 30%, rgba(255,255,255,.06), rgba(0,0,0,.22)),
    rgba(200,162,74,.12);
  border:1px solid rgba(200,162,74,.40);
  color:var(--gold);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 4px 10px rgba(0,0,0,.25);
}

.species-fishyafFacts__item--signature:hover .species-fishyafFacts__num{
  border-color:rgba(200,162,74,.52);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 4px 10px rgba(0,0,0,.25),
    0 0 14px rgba(255,150,40,.25),
    0 0 28px rgba(255,120,20,.18);
}

@media (hover:hover){
  .species-fishyafFacts__item:hover{
    transform:translateY(-1px);
    border-color:rgba(200,162,74,.44);
    box-shadow:
      inset 0 0 0 1px rgba(0,0,0,.16),
      0 12px 24px rgba(0,0,0,.30),
      0 0 18px rgba(200,162,74,.06);
  }

  .species-fishyafFacts__item:hover .species-fishyafFacts__num{
    transform:translateY(-1px) scale(1.04);
    border-color:rgba(200,162,74,.52);
    color:#e2bb63;
    background:
      radial-gradient(circle at 30% 30%, rgba(255,255,255,.08), rgba(0,0,0,.18)),
      rgba(200,162,74,.12);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.06),
      0 6px 14px rgba(0,0,0,.24),
      0 0 16px rgba(200,162,74,.14);
  }
}

.species-js .species-fishyafFacts__item.is-extra{
  max-height:0;
  opacity:0;
  overflow:hidden;
  padding-top:0;
  padding-bottom:0;
  margin-top:-2px;
  margin-bottom:-2px;
  border-width:0;
  box-shadow:none;
}

.species-js .species-fishyafFacts.is-expanded .species-fishyafFacts__item.is-extra{
  max-height:220px;
  opacity:1;
  overflow:visible;
  padding-top:12px;
  padding-bottom:12px;
  margin-top:0;
  margin-bottom:0;
  border-width:1px;
  box-shadow:
    inset 0 0 0 1px rgba(0,0,0,.18),
    0 8px 18px rgba(0,0,0,.24);
}

.species-fishyafFacts__toggleWrap{
  margin-top:-64px;
  margin-bottom:-24px;
  display:flex;
  justify-content:flex-start;
  padding-left:48px;
  position:relative;
  z-index:8;
}

.species-fishyafFacts.is-expanded .species-fishyafFacts__toggleWrap{
  margin-top:10px;
  margin-bottom:-18px;
}

.species-fishyafFacts__toggle{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:42px;
  padding:10px 16px;
  border-radius:999px;
  border:1px solid rgba(200,162,74,.28);
  background:
    radial-gradient(500px 200px at 50% 0%, rgba(255,255,255,.05), transparent 60%),
    linear-gradient(180deg, rgba(18,20,24,.98), rgba(10,11,14,.98));
  color:var(--gold);
  font:inherit;
  font-size:12px;
  font-weight:850;
  letter-spacing:.10em;
  text-transform:uppercase;
  cursor:pointer;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 10px 22px rgba(0,0,0,.32);
  transition:
    transform 220ms cubic-bezier(.2,.8,.2,1),
    box-shadow 220ms ease,
    border-color 220ms ease,
    color 220ms ease;
  -webkit-appearance:none;
  appearance:none;
}

.species-fishyafFacts__toggle[hidden]{
  display:none !important;
}

.species-fishyafFacts__toggle:hover{
  border-color:rgba(200,162,74,.55);
  color:#e2bb63;
  transform:translateY(-1px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 14px 28px rgba(0,0,0,.34),
    0 0 22px rgba(200,162,74,.10);
}

.species-fishyafFacts__toggle:focus-visible{
  outline:2px solid rgba(200,162,74,.55);
  outline-offset:4px;
}

.species-fishyafFacts__toggleIcon{
  display:inline-block;
  transition:transform 220ms ease;
}

.species-fishyafFacts.is-expanded .species-fishyafFacts__toggleIcon{
  transform:rotate(180deg);
}

/* ===========================
   FAQ
   =========================== */

.species-faqList{
  display:grid;
  gap:8px;
}

.species-faqItem{
  border:1px solid rgba(200,162,74,.22);
  border-radius:12px;
  background:
    radial-gradient(700px 220px at 50% 0%, rgba(255,255,255,.04), transparent 60%),
    linear-gradient(180deg, rgba(0,0,0,.22), rgba(0,0,0,.16));
  overflow:hidden;
  box-shadow:
    inset 0 0 0 1px rgba(0,0,0,.25),
    0 10px 22px rgba(0,0,0,.30);
  transition:
    transform 260ms cubic-bezier(.2,.8,.2,1),
    box-shadow 260ms ease,
    border-color 260ms ease;
}

.species-faqQ{
  padding:12px 14px 6px;
  font-weight:850;
  letter-spacing:.02em;
  color:rgba(200,162,74,.92);
}

.species-faqA{
  padding:0 14px 12px;
}

.species-faqA .species-content{
  padding-top:0;
}

@media (hover:hover){
  .species-faqItem:hover{
    transform:translateY(-1px);
    border-color:rgba(200,162,74,.44);
    box-shadow:
      inset 0 0 0 1px rgba(0,0,0,.18),
      0 12px 24px rgba(0,0,0,.30),
      0 0 18px rgba(200,162,74,.06);
  }
}

/* ===========================
   RICH TEXT
   =========================== */

.species-card-page .species-sectionBody,
.species-card-page .species-content,
.species-card-page .species-content p,
.species-card-page .species-content li,
.species-card-page .species-content span{
  color:rgba(244,242,234,.88);
}

.species-card-page .species-content{
  line-height:1.7;
  font-size:15px;
}

.species-inline-name{
  color:var(--gold) !important;
  font-weight:800;
}

.species-card-page .species-content h2,
.species-card-page .species-content h3,
.species-card-page .species-content h4,
.species-collapsible--overview .species-content h2,
.species-collapsible--overview .species-content h3,
.species-collapsible--overview .species-content h4{
  color:var(--gold) !important;
  font-weight:800;
  letter-spacing:.04em;
  margin-top:28px;
  margin-bottom:10px;
}

.species-card-page .species-content h2:not(:first-child),
.species-card-page .species-content h3:not(:first-child){
  position:relative;
  padding-top:22px;
  margin-top:34px;
}

.species-card-page .species-content h2:not(:first-child)::before,
.species-card-page .species-content h3:not(:first-child)::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(200,162,74,.55), transparent);
}

/* ===========================
   COLLAPSIBLE OVERVIEW + FAQ
   =========================== */

.species-block--overview{
  overflow:visible;
  padding-top:10px;
  padding-bottom:12px;
}

.species-block--faq{
  padding-top:22px;
}

.species-block--faq .species-block__title{
  margin-top:0;
  margin-bottom:12px;
}

.species-collapsible{
  position:relative;
}

.species-collapsible__content{
  position:relative;
}

.species-collapsible__toggleWrap{
  margin-top:-4px;
  margin-bottom:-34px;
  display:flex;
  justify-content:flex-start;
  padding-left:48px;
  position:relative;
  z-index:8;
}

.species-collapsible__toggle{
  display:none;
  min-height:42px;
  padding:10px 16px;
  appearance:none;
  -webkit-appearance:none;
  background:
    radial-gradient(500px 200px at 50% 0%, rgba(255,255,255,.05), transparent 60%),
    linear-gradient(180deg, rgba(18,20,24,.98), rgba(10,11,14,.98));
  border:1px solid rgba(200,162,74,.28);
  border-radius:999px;
  color:var(--gold);
  font:inherit;
  font-size:12px;
  font-weight:850;
  letter-spacing:.10em;
  text-transform:uppercase;
  cursor:pointer;
  text-decoration:none;
  -webkit-tap-highlight-color:transparent;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 10px 22px rgba(0,0,0,.32);
  transition:
    transform 220ms cubic-bezier(.2,.8,.2,1),
    box-shadow 220ms ease,
    border-color 220ms ease,
    color 220ms ease;
  position:relative;
  z-index:8;
}

.species-js .species-collapsible__toggle{
  display:inline-flex;
  align-items:center;
  gap:6px;
}

.species-collapsible__toggle:hover{
  color:#e2bb63;
  border-color:rgba(200,162,74,.55);
  transform:translateY(-1px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 14px 28px rgba(0,0,0,.34),
    0 0 22px rgba(200,162,74,.10);
}

.species-collapsible__toggle:focus-visible{
  outline:2px solid rgba(200,162,74,.55);
  outline-offset:4px;
}

.species-js .species-collapsible.is-collapsed .species-collapsible__content{
  overflow:hidden;
}

.species-js .species-collapsible.is-expanded .species-collapsible__content{
  overflow:visible;
  cursor:pointer;
}

.species-js .species-collapsible--overview.is-collapsed .species-collapsible__content > *:not(:first-child){
  display:none !important;
}

.species-js .species-collapsible--overview.is-collapsed .species-collapsible__content > :first-child{
  display:-webkit-box !important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:5;
  overflow:hidden;
  position:relative;
}

.species-js .species-collapsible--overview.is-collapsed .species-collapsible__content > :first-child::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:2.6em;
  pointer-events:none;
  background:linear-gradient(180deg, rgba(10,11,14,0) 0%, rgba(10,11,14,.92) 100%);
}

.species-js .species-collapsible--overview.is-expanded .species-collapsible__content > *{
  display:revert;
}

.species-collapsible--faq .species-collapsible__toggle{
  margin-top:10px;
}

/* FAQ formatted answers */
.faq-formatted-answer{
  display:grid;
  gap:14px;
}

.faq-subsection{
  display:block;
}

.faq-subsection > strong{
  display:block;
  margin:0 0 6px;
  color:rgba(200,162,74,.95);
  font-weight:900;
  letter-spacing:.01em;
}

.faq-subsection > p{
  margin:0;
}

.faq-subsection + .faq-subsection{
  padding-top:2px;
}

.species-faqA .species-content p + p{
  margin-top:12px;
}

.species-faqA .species-content ul,
.species-faqA .species-content ol{
  margin-top:8px;
  margin-bottom:8px;
  padding-left:20px;
}

.species-faqA .species-content strong{
  color:rgba(200,162,74,.95);
}

/* ===========================
   GALLERY
   =========================== */

.species-gallery{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:12px;
}

@media (max-width:980px){
  .species-gallery{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width:560px){
  .species-gallery{
    grid-template-columns:1fr;
  }
}

.species-gallery__item{
  display:block;
  border:1px solid rgba(200,162,74,.22);
  border-radius:8px;
  overflow:hidden;
  background:rgba(0,0,0,.20);
  transition:transform 260ms cubic-bezier(.2,.8,.2,1), box-shadow 260ms ease, border-color 260ms ease;
}

.species-gallery__item img{
  width:100%;
  height:100%;
  aspect-ratio:1/1;
  object-fit:cover;
  display:block;
}

@media (hover:hover){
  .species-gallery__item:hover{
    transform:scale(1.02);
    border-color:rgba(200,162,74,.55);
    box-shadow:0 0 0 1px rgba(200,162,74,.18), 0 14px 30px rgba(0,0,0,.38);
  }
}

.species-gallery__note{
  margin-top:10px;
  color:rgba(244,242,234,.78);
  font-size:13px;
  text-align:center;
}

/* ===========================
   GEAR
   =========================== */

.species-gear{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:12px;
}

@media (max-width:980px){
  .species-gear{
    grid-template-columns:repeat(2, 1fr);
  }
}

.species-gear__item{
  border:1px solid var(--line);
  background:rgba(0,0,0,.20);
  border-radius:2px;
  overflow:hidden;
  text-decoration:none;
  color:var(--text);
  display:block;
}

.species-gear__img{
  aspect-ratio:1/1;
  background:rgba(0,0,0,.25);
}

.species-gear__img img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.species-gear__name{
  padding:10px;
  font-size:13px;
  color:rgba(244,242,234,.9);
}

/* ===========================
   MOBILE TIGHTENING
   =========================== */

@media (max-width:560px){
  .species-block--fishyafFacts{
    padding-bottom:0;
  }

  .species-fishyafFacts.is-expanded{
    padding-bottom:20px;
  }

  .species-fishyafFacts__item{
    grid-template-columns:34px minmax(0, 1fr);
    gap:12px;
    align-items:center;
    padding:11px 14px;
  }

  .species-fishyafFacts__num{
    width:34px;
    height:34px;
    font-size:10px;
    letter-spacing:.10em;
  }

  .species-fishyafFacts__text{
    font-size:15px;
    line-height:1.65;
    font-weight:400;
    padding-top:0;
  }

  .species-fishyafFacts__toggleWrap{
    padding-left:18px;
    margin-top:-27px;
    margin-bottom:-34px;
  }

  .species-fishyafFacts__toggle{
    width:auto;
    max-width:calc(100% - 18px);
    letter-spacing:.08em;
    font-size:11px;
    padding:10px 14px;
  }

  .species-block--overview{
    padding-top:16px;
    padding-bottom:10px;
  }

  .species-block--faq{
    padding-top:18px;
  }

  .species-collapsible__toggleWrap{
    padding-left:18px;
    margin-top:-4px;
    margin-bottom:-30px;
  }

  .species-collapsible__toggle{
    font-size:11px;
    letter-spacing:.08em;
    padding:10px 14px;
  }
}

/* ===========================
   CHALLENGE SCORE METER
   =========================== */

.species-fact--challenge{
  text-align:left;
}

.species-fact--challenge .species-fact__label{
  text-align:center;
}

.species-challenge{
  width:100%;
  display:flex;
  flex-direction:column;
  gap:10px;
}

.species-challenge__tier{
  margin:0;
  text-align:center;
  font-size:15px;
  line-height:1.2;
  font-weight:900;
  letter-spacing:.10em;
  text-transform:uppercase;
  color:rgba(244,242,234,.96);
}

.species-challenge__bar{
  position:relative;
  width:100%;
  height:18px;
  border-radius:999px;
  overflow:hidden;
  border:1px solid rgba(200,162,74,.25);
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(0,0,0,.18)),
    rgba(255,255,255,.06);
  box-shadow:
    inset 0 1px 2px rgba(0,0,0,.35),
    inset 0 0 0 1px rgba(255,255,255,.02);
}

.species-challenge__fill{
  position:absolute;
  inset:0 auto 0 0;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg, #caa24a 0%, #f1d27a 100%);
  box-shadow:
    0 0 12px rgba(200,162,74,.18),
    inset 0 1px 0 rgba(255,255,255,.18);
}

.species-challenge__score{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:11px;
  line-height:1;
  font-weight:900;
  letter-spacing:.04em;
  color:#fff;
  text-shadow:0 1px 2px rgba(0,0,0,.7);
  pointer-events:none;
}

.species-challenge__empty{
  text-align:center;
  font-size:18px;
  line-height:1.2;
  font-weight:700;
  color:rgba(244,242,234,.92);
}

/* Tier colors */

.species-challenge--common .species-challenge__tier{
  color:#7fcf7a;
}
.species-challenge--common .species-challenge__fill{
  background:linear-gradient(90deg, #5faa59 0%, #8fe089 100%);
}

.species-challenge--common-catch .species-challenge__tier{
  color:#7fcf7a;
}
.species-challenge--common-catch .species-challenge__fill{
  background:linear-gradient(90deg, #5faa59 0%, #8fe089 100%);
}

.species-challenge--explorer .species-challenge__tier{
  color:#67b8ff;
}
.species-challenge--explorer .species-challenge__fill{
  background:linear-gradient(90deg, #3d8fe0 0%, #6fc5ff 100%);
}

.species-challenge--savage .species-challenge__tier{
  color:#ff9f43;
}
.species-challenge--savage .species-challenge__fill{
  background:linear-gradient(90deg, #db7b1f 0%, #ffae54 100%);
}

.species-challenge--elite .species-challenge__tier{
  color:#e2bb63;
}
.species-challenge--elite .species-challenge__fill{
  background:linear-gradient(90deg, #b98a2c 0%, #e2bb63 100%);
}

.species-challenge--legendary .species-challenge__tier{
  color:#ff6767;
}
.species-challenge--legendary .species-challenge__fill{
  background:linear-gradient(90deg, #d63f3f 0%, #ff7878 100%);
}

.species-challenge--god-damned-unicorn .species-challenge__tier{
  color:#fff2c9;
  text-shadow:
    0 0 10px rgba(255,255,255,.18),
    0 0 18px rgba(200,162,74,.16);
}

.species-challenge--god-damned-unicorn .species-challenge__bar{
  border-color:rgba(255,255,255,.22);
  box-shadow:
    inset 0 1px 2px rgba(0,0,0,.35),
    0 0 18px rgba(200,162,74,.10);
}

.species-challenge--god-damned-unicorn .species-challenge__fill{
  background:linear-gradient(
    90deg,
    #ff5fa2 0%,
    #ffb347 18%,
    #fff27a 34%,
    #67e08a 52%,
    #6fc5ff 70%,
    #b07cff 86%,
    #ff5fa2 100%
  );
  box-shadow:
    0 0 16px rgba(255,255,255,.18),
    0 0 24px rgba(200,162,74,.12),
    inset 0 1px 0 rgba(255,255,255,.28);
}

/* Mobile */

@media (max-width:560px){
  .species-challenge__tier{
    font-size:14px;
    letter-spacing:.08em;
  }

  .species-challenge__bar{
    height:16px;
  }

  .species-challenge__score{
    font-size:10px;
  }
}

/* =========================
   SEASONALITY HORIZONTAL CHART
========================= */

.species-seasonality-chart{
  margin-top:10px;
  position:relative;
}

.seasonality-subtitle{
  text-align:center;
  font-size:11px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:rgba(255,255,255,.85);
  margin-top:6px;
  margin-bottom:14px;
  line-height:1.3;
}

.seasonality-subtitle::after{
  content:"";
  display:block;
  width:80px;
  height:2px;
  margin:8px auto 4px;
  background:linear-gradient(90deg, transparent, #c8a24a, transparent);
  box-shadow:0 0 6px rgba(200,162,74,.35);
}

.seasonality-bars{
  display:grid;
  grid-template-columns:repeat(12, minmax(0, 1fr));
  align-items:end;
  height:185px;
  gap:3px;
  padding:2px 6px 6px;
  border-bottom:1px solid rgba(255,255,255,.08);
  background:linear-gradient(to top, rgba(200,162,74,.30) 1px, transparent 1px);
  background-size:100% 30px;
  position:relative;
}

.seasonality-bar{
  position:relative;
  height:100%;
  display:flex;
  align-items:flex-end;
}

.seasonality-bar .bar-fill{
  width:100%;
  min-height:14px;
  border-radius:10px 10px 0 0;
  background:#222;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
  transition:
    height .25s ease,
    box-shadow .25s ease,
    background .25s ease,
    opacity .25s ease,
    transform .25s ease;
}

.seasonality-bars::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:2px;
  background:linear-gradient(
    90deg,
    rgba(200,162,74,0) 0%,
    rgba(200,162,74,.65) 20%,
    rgba(200,162,74,.65) 80%,
    rgba(200,162,74,0) 100%
  );
  box-shadow:
    0 0 6px rgba(200,162,74,.35),
    0 0 18px rgba(200,162,74,.18);
  pointer-events:none;
}

/* top highlight ridge */
.bar-fill::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:6px;
  border-radius:8px 8px 0 0;
  background:linear-gradient(
    to bottom,
    rgba(255,255,255,.35),
    rgba(255,255,255,.05)
  );
  opacity:.35;
}

.bar-fill{
  box-shadow:
    0 4px 10px rgba(0,0,0,.35),
    inset 0 1px 0 rgba(255,255,255,.06);
}

.seasonality-bar:hover .bar-fill{
  transform:translateY(-2px);
}

/* heights + colors */

.seasonality-bar.level-1 .bar-fill{
  height:24%;
  background:linear-gradient(180deg, #8f6b52 0%, #6f4f3a 100%);
  opacity:.96;
}

.seasonality-bar.level-2 .bar-fill{
  height:46%;
  background:linear-gradient(180deg, #d38a3c 0%, #b36b27 100%);
}

.seasonality-bar.level-3 .bar-fill{
  height:66%;
  background:linear-gradient(180deg, #e1c25b 0%, #c5a23c 100%);
}

.seasonality-bar.level-4 .bar-fill{
  height:80%;
  background:linear-gradient(180deg, #4f7a4f 0%, #355736 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 4px 10px rgba(0,0,0,.28);
}

.seasonality-bar.level-5 .bar-fill{
  height:100%;
  background:linear-gradient(180deg, #2f5e30 0%, #203f22 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    0 4px 12px rgba(0,0,0,.30),
    0 0 8px rgba(60,120,60,.14);
}

.species-seasonality-chart::before{
  content:"";
  position:absolute;
  left:18%;
  right:18%;
  top:46px;
  height:92px;
  pointer-events:none;
  background:radial-gradient(
    ellipse at center,
    rgba(200,162,74,.08) 0%,
    rgba(200,162,74,.04) 40%,
    rgba(200,162,74,0) 76%
  );
  filter:blur(18px);
  opacity:.32;
}

.bar-label{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  text-align:center;
  gap:2px;
  padding-top:8px;
  color:rgba(20,20,20,.96);
}

.bar-label-text{
  display:block;
  width:100%;
  text-align:center;
  font-size:11px;
  font-weight:900;
  letter-spacing:.10em;
  text-transform:uppercase;
  line-height:1;
}
.seasonality-bar.level-5 .bar-label-text{
  color:#f3e2a4;
}

.season-emoji{
  display:block;
  font-size:26px;
  line-height:1;
  margin-top:-5px;
  text-align:center;
}

.season-emoji--fire{
  filter:
    drop-shadow(0 0 6px rgba(255,170,40,.45))
    drop-shadow(0 0 12px rgba(255,120,20,.25));
}

.season-emoji--skunk{
  filter:none;
  transform:translateY(-4px);
}

.seasonality-bar.level-1 .season-emoji{
  font-size:22px;
  margin-top:2px;
}

.seasonality-bar.level-5 .season-emoji{
  filter:
    drop-shadow(0 0 6px rgba(255,170,60,.85))
    drop-shadow(0 0 14px rgba(255,120,20,.65))
    drop-shadow(0 0 22px rgba(255,80,0,.45));
}

.seasonality-bar.level-1 .season-emoji{
  filter:drop-shadow(0 0 3px rgba(255,255,255,.18));
}

.seasonality-bar:hover .bar-fill{
  transform:translateY(-2px);
  box-shadow:
    0 8px 16px rgba(0,0,0,.45),
    0 0 10px rgba(255,255,255,.08),
    inset 0 1px 0 rgba(255,255,255,.1);
}

/* peak highlight on hover */

.seasonality-bars:hover .seasonality-bar.level-5 .bar-fill{
  box-shadow:
    0 0 10px rgba(200,162,74,.18),
    inset 0 1px 0 rgba(255,255,255,.22),
    0 6px 14px rgba(0,0,0,.34);
}

@media (max-width:700px){
  .bar-label{
    font-size:10px;
    top:8px;
    letter-spacing:.04em;
  }
}

.seasonality-bar{
  position:relative;
}

.bar-fill{
  width:100%;
  min-height:14px;
  border-radius:8px 8px 0 0;
  position:relative;
  overflow:hidden;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.25),
    inset 0 -4px 6px rgba(0,0,0,.15),
    0 4px 10px rgba(0,0,0,.35);
  transition:
    height .25s ease,
    box-shadow .25s ease,
    transform .25s ease;
}

/* texture layer */
.bar-fill::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    repeating-linear-gradient(
      140deg,
      rgba(255,255,255,.08) 0px,
      rgba(255,255,255,.08) 1px,
      rgba(255,255,255,0) 1px,
      rgba(255,255,255,0) 8px
    );
  opacity:.12;
  pointer-events:none;
}

.bar-fill::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:35%;
  background:linear-gradient(
    to bottom,
    rgba(255,255,255,.35),
    rgba(255,255,255,.12),
    rgba(255,255,255,0)
  );
  pointer-events:none;
}

/* subtle connected look */
.seasonality-bar:not(:first-child) .bar-fill{
  border-top-left-radius:4px;
}
.seasonality-bar:not(:last-child) .bar-fill{
  border-top-right-radius:4px;
}

.seasonality-months{
  display:grid;
  grid-template-columns:repeat(12, minmax(0, 1fr));
  gap:3px;
  margin-top:0;
}

.month-label{
  text-align:center;
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
  color:#c9b27a;
  letter-spacing:.08em;
}

/* chart hover interaction */
.seasonality-bar:hover .bar-fill{
  opacity:1;
  transform:translateY(-2px);
  box-shadow:
    0 6px 12px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.12);
}

@media (max-width:700px){
  .bar-label{
    font-size:10px;
    top:8px;
    letter-spacing:.04em;
  }

  .seasonality-bars{
    height:155px;
    gap:3px;
    padding:14px 4px 10px;
    background-size:100% 31px;
  }

  .seasonality-months{
    gap:3px;
  }

  .month-label{
    font-size:10px;
    letter-spacing:.04em;
  }
}

/* ============================================
   Species Command Center
   ============================================ */

.species-block--commandCenter{
  padding-top:18px;
  padding-bottom:18px;
}

.species-command-center{
  position:relative;
  border:1px solid rgba(200,162,74,.18);
  border-radius:18px;
  overflow:hidden;
  background:
    radial-gradient(900px 360px at 50% 0%, rgba(103,184,255,.07), transparent 55%),
    radial-gradient(700px 260px at 15% 20%, rgba(200,162,74,.08), transparent 58%),
    linear-gradient(180deg, rgba(13,16,22,.98), rgba(9,11,15,.98));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 18px 40px rgba(0,0,0,.36);
}

.species-command-center::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(135deg, rgba(255,255,255,.03), transparent 22%, transparent 78%, rgba(255,255,255,.02)),
    repeating-linear-gradient(
      90deg,
      rgba(255,255,255,.008) 0,
      rgba(255,255,255,.008) 1px,
      transparent 1px,
      transparent 14px
    );
  opacity:.55;
}

.species-command-center__inner{
  position:relative;
  z-index:1;
  padding:20px;
}

.species-command-center__header{
  text-align:center;
  margin-bottom:18px;
}

.species-command-center__eyebrow{
  display:inline-block;
  margin-bottom:10px;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(103,184,255,.25);
  background:rgba(103,184,255,.08);
  color:var(--intel-blue);
  font-size:10px;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
}

.species-command-center__title{
  font: inherit;
  font-size:18px;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:800;
  color:#d4af37;
}

.species-command-center__row{
  display:grid;
  gap:14px;
  margin-bottom:14px;
}

.species-command-center__row:last-child{
  margin-bottom:0;
}

.species-command-center__row--overview{
  grid-template-columns:minmax(0, 1fr) minmax(0, 2fr) minmax(0, 1fr);
}

.species-command-center__row--behavior{
  grid-template-columns:repeat(2, minmax(0, 1fr));
}



.species-heatmap{
  display:grid;
  gap:18px;
}

.species-heatmap__row{
  display:grid;
  grid-template-columns:170px minmax(0,1fr);
  gap:18px;
  align-items:center;
}

.species-heatmap__value{
  display:none;
}

.species-habitatMove{
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  gap:14px;
}

.species-habitatMove__section{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.species-habitatMove__subhead{
  font-size:13px;
  letter-spacing:.14em;
  margin:0;
}

.species-habitatMove__primary{
  font-size:12px;
  letter-spacing:.12em;
  margin-top:2px;
  text-align:center;
}

.species-habitatMove__divider{
  width:100%;
  height:1px;
  margin:4px 0 2px;
  background:linear-gradient(90deg, transparent, rgba(200,162,74,.22), transparent);
}





  

.species-command-card{
  position:relative;
  min-width:0;
  border:1px solid rgba(200,162,74,.16);
  border-radius:16px;
  padding:14px;
  text-align:center;
  background:
    radial-gradient(600px 220px at 50% 0%, rgba(255,255,255,.03), transparent 58%),
    linear-gradient(180deg, rgba(19,23,31,.96), rgba(11,14,19,.98));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 10px 24px rgba(0,0,0,.28);
  overflow:hidden;
}

.species-command-card::after{
  content:"";
  position:absolute;
  left:14px;
  right:14px;
  top:0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.12), transparent);
  pointer-events:none;
}

.species-command-card__header{
  position:relative;
  margin-bottom:14px;
  padding-bottom:10px;
  text-align:center;
}

.species-command-card__kicker{
  display:block;
  position:relative;
  text-align:center;
  color:var(--gold);

  /* 🔥 upgraded */
  font-size:17px;            /* was 11px */
  font-weight:900;
  letter-spacing:.22em;      /* slightly wider = more premium */
  
  text-transform:uppercase;
  padding-bottom:12px;       /* more breathing room */
  margin-bottom:14px;
}
.species-command-card--behavior-radar .species-command-card__kicker,
.species-command-card--strike-radar .species-command-card__kicker{
  font-size:14px;
  letter-spacing:.24em;
}

/* gold underline */
.species-command-card__kicker::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:0;
  transform:translateX(-50%);
  width:60%;
  max-width:90px;
  height:2px;

  background:linear-gradient(
    90deg,
    rgba(200,162,74,0),
    rgba(200,162,74,.7),
    rgba(200,162,74,0)
  );

  box-shadow:
    0 0 6px rgba(200,162,74,.35),
    0 0 14px rgba(200,162,74,.15);
}

.species-command-card__body{
  min-width:0;
}

/* Fishing Window */

.species-command-card--rightnow .species-command-card__body{
  display:flex;
  justify-content:center;
}

.species-right-now{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-height:168px;
  width:100%;
  text-align:center;
}

.species-right-now__status{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:10px 16px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.06);
  color:#fff;
  font-size:20px;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
  box-shadow:0 8px 20px rgba(0,0,0,.28);
  margin-left:auto;
  margin-right:auto;
}

.species-right-now__status--poor{
  color:#ffd8d8;
  border-color:rgba(255,103,103,.32);
  background:rgba(255,103,103,.14);
  box-shadow:
    0 0 14px rgba(255,103,103,.16),
    0 8px 20px rgba(0,0,0,.28);
}

.species-right-now__status--fair{
  color:#ffe5c7;
  border-color:rgba(255,159,67,.34);
  background:rgba(255,159,67,.14);
  box-shadow:
    0 0 14px rgba(255,159,67,.16),
    0 8px 20px rgba(0,0,0,.28);
}

.species-right-now__status--good{
  color:#d9ecff;
  border-color:rgba(103,184,255,.34);
  background:rgba(103,184,255,.16);
  box-shadow:
    0 0 16px rgba(103,184,255,.18),
    0 8px 20px rgba(0,0,0,.28);
}

.species-right-now__status--great,
.species-right-now__status--peak{
  color:#e7ffd7;
  border-color:rgba(143,203,98,.36);
  background:rgba(143,203,98,.16);
  box-shadow:
    0 0 16px rgba(143,203,98,.18),
    0 8px 20px rgba(0,0,0,.28);
}

.species-right-now__status--unknown{
  color:#f3e7c2;
  border-color:rgba(200,162,74,.28);
  background:rgba(200,162,74,.12);
  box-shadow:
    0 0 14px rgba(200,162,74,.12),
    0 8px 20px rgba(0,0,0,.28);
}

.species-right-now__subline{
  margin-top:12px;
  font-size:18px;
  line-height:1.2;
  font-weight:800;
  color:rgba(244,242,234,.96);
  text-align:center;
}

.species-right-now__meta{
  margin-top:8px;
  font-size:11px;
  line-height:1.2;
  letter-spacing:.10em;
  text-transform:uppercase;
  color:rgba(244,242,234,.56);
  text-align:center;
}

.species-right-now__seasonStats{
  margin-top:18px;
  padding-top:14px;
  border-top:1px solid rgba(200,162,74,.14);
  display:grid;
  gap:12px;
  width:100%;
  max-width:200px;
}

.species-right-now__stat{
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:12px;
  padding-top:10px;
  position:relative;
}
.species-right-now__stat::before{
  content:"";
  position:absolute;
  top:0;
  left:50%;
  transform:translateX(-50%);
  width:70%;
  height:1px;

  background:linear-gradient(
    90deg,
    rgba(200,162,74,0),
    rgba(200,162,74,.35) 20%,
    rgba(200,162,74,.6) 50%,
    rgba(200,162,74,.35) 80%,
    rgba(200,162,74,0)
  );

  box-shadow:0 0 8px rgba(200,162,74,.12);
}
.species-right-now__stat:first-child::before{
  display:none;
}
.species-right-now__stat:last-child{
  padding-bottom:12px;
}

.species-right-now__stat:last-child::after{
  content:"";
  position:absolute;
  bottom:-6px;
  left:50%;
  transform:translateX(-50%);
  width:70%;
  height:1px;

  background:linear-gradient(
    90deg,
    rgba(200,162,74,0),
    rgba(200,162,74,.35) 20%,
    rgba(200,162,74,.6) 50%,
    rgba(200,162,74,.35) 80%,
    rgba(200,162,74,0)
  );

  box-shadow:0 0 8px rgba(200,162,74,.12);
}

.species-right-now__statLabel{
  font-size:11px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:rgba(244,242,234,.55);
  text-align:left;
  white-space:nowrap;
}

.species-right-now__statValue{
  font-size:11px;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:var(--gold);
  text-align:right;
  white-space:nowrap;
}
.species-right-now__windowLabel{
  margin-top:14px;
  padding-top:12px;
  border-top:1px solid rgba(200,162,74,.14);
  font-size:10px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:rgba(244,242,234,.56);
  text-align:center;
}

.species-right-now__windowValue{
  margin-top:6px;
  font-size:12px;
  font-weight:900;
  letter-spacing:.10em;
  text-transform:uppercase;
  color:var(--gold);
  text-align:center;
}

/* Difficulty Meter */

.species-command-card--difficulty .species-command-card__body{
  display:flex;
  justify-content:center;
  align-items:center;
  overflow:visible;
}

.species-command-meter{
  --meter-glow: rgba(103,184,255,.18);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-height:168px;
  width:100%;
  overflow:visible;
}

.species-command-card--difficultyWide .species-command-meter{
  min-height:176px;
}

.species-command-meter__dial{
  position:relative;
  width:min(300px, calc(100% - 20px));
  max-width:300px;
  height:168px;
  margin:0 auto 6px;
  overflow:visible;
}

.species-command-meter__dial::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:240px 240px 0 0;
  pointer-events:none;
  z-index:9;
  -webkit-mask: radial-gradient(
    circle at 50% 100%,
    transparent 0 66.6%,
    #000 67.1% 68.0%,
    transparent 68.6%
  );
  mask: radial-gradient(
    circle at 50% 100%,
    transparent 0 66.6%,
    #000 67.1% 68.0%,
    transparent 68.6%
  );
  background:linear-gradient(
    180deg,
    rgba(255,247,214,0) 0%,
    rgba(255,239,184,.92) 18%,
    rgba(226,187,99,.86) 38%,
    rgba(176,132,46,.62) 60%,
    rgba(70,48,16,.22) 82%,
    rgba(0,0,0,0) 100%
  );
  box-shadow:
    0 0 2px rgba(255,236,170,.04),
    0 0 5px rgba(200,162,74,.04);
}

.species-command-meter__dial::after{
  content:"";
  position:absolute;
  left:18px;
  right:18px;
  bottom:28px;
  height:1px;
  background:linear-gradient(
    90deg,
    rgba(200,162,74,0),
    rgba(200,162,74,.24) 12%,
    rgba(200,162,74,.48) 50%,
    rgba(200,162,74,.24) 88%,
    rgba(200,162,74,0)
  );
  box-shadow:0 0 6px rgba(200,162,74,.06);
  pointer-events:none;
  z-index:1;
}

.species-command-meter__track,
.species-command-meter__spectrum,
.species-command-meter__fill,
.species-command-meter__ticks,
.species-command-meter__rimOuter,
.species-command-meter__rimInner{
  position:absolute;
  inset:0;
  border-radius:240px 240px 0 0;
  overflow:hidden;
  -webkit-mask: radial-gradient(
    circle at 50% 100%,
    transparent 0 55.8%,
    #000 56.8% 63.8%,
    transparent 64.8%
  );
  mask: radial-gradient(
    circle at 50% 100%,
    transparent 0 55.8%,
    #000 56.8% 63.8%,
    transparent 64.8%
  );
}

.species-command-meter__track{
  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.035) 0%,
      rgba(255,255,255,.010) 24%,
      rgba(0,0,0,.16) 58%,
      rgba(0,0,0,.34) 100%
    ),
    linear-gradient(
      90deg,
      rgba(50,56,62,.70) 0%,
      rgba(70,74,78,.74) 28%,
      rgba(64,59,54,.72) 56%,
      rgba(66,56,60,.70) 78%,
      rgba(54,56,60,.72) 100%
    );
  opacity:1;
  z-index:2;
}

.species-command-meter__rimOuter{
  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.04) 0%,
      rgba(255,255,255,0) 16%,
      rgba(0,0,0,.12) 54%,
      rgba(0,0,0,.30) 100%
    );
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    inset 0 -2px 4px rgba(0,0,0,.20);
  z-index:3;
  pointer-events:none;
}

.species-command-meter__spectrum{
  background:linear-gradient(
    90deg,
    #7fcf7a 0%,
    #99ea84 18%,
    #67b8ff 20%,
    #8fd5ff 38%,
    #ff9f43 40%,
    #ffc163 58%,
    #e2bb63 60%,
    #f1d890 78%,
    #ff6767 80%,
    #ff9797 94%,
    #fff2c9 95%,
    #fff9e6 100%
  );
  opacity:.40;
  filter:saturate(.80) brightness(.66);
  z-index:4;
}

.species-command-meter__fill{
  background:linear-gradient(
    90deg,
    #88da78 0%,
    #a8ef8d 18%,
    #7ed3ff 20%,
    #a0e2ff 38%,
    #ffad47 40%,
    #ffc96a 58%,
    #e7c36b 60%,
    #f3dc98 78%,
    #ff6e6e 80%,
    #ffa1a1 94%,
    #fff2c9 95%,
    #fff9e6 100%
  );
  opacity:1;
  clip-path:inset(0 100% 0 0);
  filter:brightness(1.08) saturate(1.06);
  transition:
    clip-path 4.8s cubic-bezier(.16,.92,.24,1),
    filter 4.8s ease,
    opacity 4.8s ease;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    0 0 12px rgba(255,255,255,.03),
    0 0 18px rgba(200,162,74,.06);
  z-index:5;
}

.species-command-card--difficulty.is-visible .species-command-meter__fill{
  clip-path:inset(0 calc(100% - var(--meter-value, 0%)) 0 0);
}

.species-command-meter__ticks{
  opacity:1;
  z-index:6;
  pointer-events:none;
}

.species-command-meter__ticks::before,
.species-command-meter__ticks::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:240px 240px 0 0;
}

.species-command-meter__ticks::before{
  background:repeating-conic-gradient(
    from 180deg at 50% 100%,
    rgba(18,20,24,.42) 0deg .75deg,
    transparent .75deg 6deg
  );
  mix-blend-mode:multiply;
}

.species-command-meter__ticks::after{
  background:repeating-conic-gradient(
    from 180deg at 50% 100%,
    rgba(8,10,12,.60) 0deg 1.15deg,
    transparent 1.15deg 18deg
  );
  mix-blend-mode:multiply;
}

.species-command-meter__rimInner{
  -webkit-mask: radial-gradient(
    circle at 50% 100%,
    transparent 0 54.0%,
    #000 54.7% 55.8%,
    transparent 56.5%
  );
  mask: radial-gradient(
    circle at 50% 100%,
    transparent 0 54.0%,
    #000 54.7% 55.8%,
    transparent 56.5%
  );
  background:
    linear-gradient(
      180deg,
      rgba(255,238,178,.86) 0%,
      rgba(226,187,99,.78) 34%,
      rgba(150,108,34,.46) 66%,
      rgba(0,0,0,0) 100%
    );
  box-shadow:0 0 3px rgba(226,187,99,.05);
  z-index:7;
  pointer-events:none;
}

.species-command-meter__center{
  position:absolute;
  left:50%;
  bottom:8px;
  transform:translateX(-50%);
  width:86px;
  height:60px;
  border-radius:18px;
  border:1px solid rgba(200,162,74,.40);
  background:
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,0) 22%),
    linear-gradient(180deg, rgba(16,19,25,.98), rgba(6,8,12,.99));
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    inset 0 -12px 18px rgba(0,0,0,.34),
    inset 8px 0 14px rgba(0,0,0,.10),
    inset -8px 0 14px rgba(0,0,0,.10),
    0 10px 20px rgba(0,0,0,.34),
    0 0 0 1px rgba(0,0,0,.24),
    0 0 0 2px rgba(200,162,74,.08);
  overflow:hidden;
  z-index:8;
}

.species-command-meter__center::before{
  content:"";
  position:absolute;
  inset:4px;
  border-radius:13px;
  border:1px solid rgba(255,255,255,.05);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
  pointer-events:none;
}

.species-command-meter__center::after{
  content:"";
  position:absolute;
  left:10px;
  right:10px;
  top:0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.18), transparent);
  pointer-events:none;
}

.species-command-meter__score{
  font-size:38px;
  line-height:1;
  font-weight:900;
  color:#f7f6f2;
  letter-spacing:-.05em;
  text-shadow:
    0 2px 10px rgba(0,0,0,.38),
    0 0 8px rgba(255,255,255,.04);
  position:relative;
  z-index:1;
  transition:
    color .4s ease,
    text-shadow .4s ease;
}

.species-command-meter__endpoint{
  display:none !important;
}
.species-command-meter__divider{
  width:72%;
  max-width:180px;
  height:1px;
  margin:4px auto 10px;
  background:linear-gradient(
    90deg,
    rgba(200,162,74,0),
    rgba(200,162,74,.34) 18%,
    rgba(200,162,74,.55) 50%,
    rgba(200,162,74,.34) 82%,
    rgba(200,162,74,0)
  );
  box-shadow:0 0 8px rgba(200,162,74,.08);
}

.species-command-meter__label,
.species-command-meter__descriptor{
  opacity:0;
  transform:translateY(10px);
}

.species-command-card--difficulty.is-visible .species-command-meter__label{
  opacity:1;
  transform:translateY(0);
  transition:
    opacity .70s ease .95s,
    transform .70s cubic-bezier(.16,.84,.44,1) .95s;
}

.species-command-card--difficulty.is-visible .species-command-meter__descriptor{
  opacity:1;
  transform:translateY(0);
  transition:
    opacity .70s ease 1.20s,
    transform .70s cubic-bezier(.16,.84,.44,1) 1.20s;
}

.species-command-meter__label{
  margin-top:8px;
  font-size:15px;
  line-height:1.15;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
  text-align:center;
  color:rgba(244,242,234,.96);
}

.species-command-meter__descriptor{
  margin-top:6px;
  font-size:12px;
  line-height:1.15;
  font-weight:800;
  letter-spacing:.10em;
  text-transform:uppercase;
  text-align:center;
  color:rgba(244,242,234,.56);
}

.species-command-meter--common-catch{
  --meter-glow: rgba(127,207,122,.22);
}
.species-command-meter--common-catch .species-command-meter__label{
  color:#7fcf7a;
}

.species-command-meter--explorer{
  --meter-glow: rgba(103,184,255,.22);
}
.species-command-meter--explorer .species-command-meter__label{
  color:#67b8ff;
}

.species-command-meter--savage{
  --meter-glow: rgba(255,159,67,.22);
}
.species-command-meter--savage .species-command-meter__label{
  color:#ff9f43;
}

.species-command-meter--elite{
  --meter-glow: rgba(226,187,99,.24);
}
.species-command-meter--elite .species-command-meter__label{
  color:#e2bb63;
}
.species-command-meter--elite .species-command-meter__score{
  color:#e8c36c;
  text-shadow:
    0 2px 10px rgba(0,0,0,.40),
    0 0 10px rgba(226,187,99,.08);
}

.species-command-meter--legendary{
  --meter-glow: rgba(255,103,103,.24);
}
.species-command-meter--legendary .species-command-meter__label{
  color:#ff6767;
}
.species-command-meter--legendary .species-command-meter__score{
  color:#f0cc79;
  text-shadow:
    0 2px 10px rgba(0,0,0,.42),
    0 0 12px rgba(240,204,121,.10);
}

.species-command-meter--god-damned-unicorn{
  --meter-glow: rgba(255,242,201,.34);
}
.species-command-meter--god-damned-unicorn .species-command-meter__label{
  color:#fff2c9;
  font-size:13px;
  letter-spacing:.08em;
}
.species-command-meter--god-damned-unicorn .species-command-meter__score{
  color:#fff1bf;
  text-shadow:
    0 2px 10px rgba(0,0,0,.42),
    0 0 14px rgba(255,242,201,.14);
}

/* Tactical Dependencies */

.species-command-card--overviewDeps .species-dependency-list{
  min-height:168px;
  gap:12px;
  align-content:center;
}

.species-dependency-list{
  display:grid;
  gap:16px;
  min-height:360px;
  align-content:center;
}

.species-dependency{
  display:grid;
  gap:8px;
}

.species-dependency__top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  font-size:11px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:rgba(244,242,234,.76);
}

.species-dependency__bar{
  position:relative;
  display:block;
  width:100%;
  height:14px;
  border-radius:999px;
  overflow:hidden;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(200,162,74,.16);
}

.species-dependency__fill{
  display:block;
  height:100%;
  width:0%;
  border-radius:999px;
  position:relative;
  background:linear-gradient(
    90deg,
    #88da78 0%,
    #a8ef8d 18%,
    #7ed3ff 20%,
    #a0e2ff 38%,
    #ffad47 40%,
    #ffc96a 58%,
    #e7c36b 60%,
    #f3dc98 78%,
    #ff6e6e 80%,
    #ffa1a1 94%,
    #fff2c9 95%,
    #fff9e6 100%
  );
  box-shadow:
    0 0 14px rgba(200,162,74,.18),
    inset 0 1px 0 rgba(255,255,255,.22);
}
.species-dependency__fill::after{
  display:none;
}
.species-dependency-list--animated .species-dependency__fill{
  will-change:width;
}

.species-dependency-primary{
  margin-top:14px;
  padding-top:12px;
  border-top:1px solid rgba(200,162,74,.14);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  text-align:center;
  opacity:0;
  transform:translateY(8px);
  transition:
    opacity .45s ease,
    transform .45s ease;
}

.species-command-card--dependencies.is-visible .species-dependency-primary.is-live{
  opacity:1;
  transform:translateY(0);
}

.species-dependency-primary__label{
  font-size:10px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:rgba(244,242,234,.56);
  margin-right:6px;
}

.species-dependency-primary__value{
  font-size:12px;
  font-weight:900;
  letter-spacing:.10em;
  text-transform:uppercase;
  color:var(--gold);
}



/* Radar */

.species-radar{
  position:relative;
  min-height:360px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}

.species-radar__svg{
  width:min(100%, 320px);
  height:auto;
  display:block;
}

.species-radar__ring{
  fill:none;
  stroke:rgba(255,255,255,.07);
  stroke-width:1;
}

.species-radar__axis{
  stroke:rgba(255,255,255,.10);
  stroke-width:1;
}

.species-radar__frame{
  fill:none;
  stroke:rgba(200,162,74,.22);
  stroke-width:1.2;
}

.species-radar__shape{
  fill:rgba(103,184,255,.18);
  stroke:rgba(103,184,255,.96);
  stroke-width:2;
  filter:drop-shadow(0 0 14px rgba(103,184,255,.16));
}

.species-radar__dot{
  fill:#9fd2ff;
  stroke:#fff;
  stroke-width:1;
}

.species-command-card--strike-radar .species-radar__shape{
  fill:rgba(255,159,67,.16);
  stroke:rgba(255,196,112,.96);
  filter:drop-shadow(0 0 14px rgba(255,159,67,.16));
}

.species-command-card--strike-radar .species-radar__dot{
  fill:#ffd09a;
  stroke:#fff4de;
}

.species-radar__labels{
  position:absolute;
  inset:0;
  pointer-events:none;
}

.species-radar__label{
  position:absolute;

  /* 🔥 improved readability */
  font-size:11px;                 /* slightly bigger */
  font-weight:900;
  letter-spacing:.14em;

  text-transform:uppercase;

  /* 🔥 stronger contrast */
  color:rgba(255,245,210,.92);

  /* 🔥 subtle edge separation */
  text-shadow:
    0 0 6px rgba(0,0,0,.7),
    0 0 10px rgba(0,0,0,.5);
}

.species-radar__label--top{
  top:8px;
  left:50%;
  transform:translateX(-50%);
}

.species-radar__label--right{
  top:50%;
  right:2px;
  transform:translateY(-50%);
}

.species-radar__label--bottom{
  bottom:8px;
  left:50%;
  transform:translateX(-50%);
}

.species-radar__label--left{
  top:50%;
  left:2px;
  transform:translateY(-50%);
}

.species-radar__legend{
  margin-top:14px;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px 14px;
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:rgba(244,242,234,.6);
}

/* Structure Affinity Heatmap */

.species-command-card--heatmap .species-command-card__body{
  display:flex;
  align-items:center;
}

.species-heatmap{
  display:grid;
  gap:12px;
  width:100%;
  min-height:0;
  height:100%;
  align-content:start;
}

.species-heatmap__row{
  display:grid;
  grid-template-columns:110px minmax(0, 1fr) 38px;
  gap:12px;
  align-items:center;
}

.species-heatmap__label{
  font-size:11px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:rgba(244,242,234,.78);
}

.species-heatmap__track{
  position:relative;
  display:block;
  width:100%;
  height:18px;
  border-radius:7px;
  overflow:hidden;
  background:
    linear-gradient(90deg, rgba(255,255,255,.04), rgba(255,255,255,.07));
  border:1px solid rgba(200,162,74,.16);
}

.species-heatmap__track span{
  display:block;
  height:100%;
  border-radius:6px;
  background:linear-gradient(
    90deg,
    rgba(103,184,255,.75) 0%,
    rgba(200,162,74,.9) 55%,
    rgba(143,203,98,.95) 100%
  );
  box-shadow:
    0 0 14px rgba(103,184,255,.10),
    inset 0 1px 0 rgba(255,255,255,.12);
}

.species-heatmap__value{
  text-align:right;
  font-size:12px;
  font-weight:900;
  letter-spacing:.04em;
  color:rgba(244,242,234,.68);
}

/* Cover vs Roam */

.species-dual-gauge{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:10px;
  min-height:0;
  height:100%;
}

.species-dual-gauge__labels,
.species-dual-gauge__values{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.species-dual-gauge__labels span{
  font-size:11px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:rgba(244,242,234,.76);
}

.species-dual-gauge__values span{
  font-size:12px;
  font-weight:900;
  letter-spacing:.04em;
  color:rgba(244,242,234,.72);
}

.species-dual-gauge__track{
  display:flex;
  width:100%;
  height:18px;
  border-radius:999px;
  overflow:hidden;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(200,162,74,.14);
}

.species-dual-gauge__fill{
  height:100%;
}

.species-dual-gauge__fill--cover{
  background:linear-gradient(90deg, rgba(200,162,74,.95), rgba(143,203,98,.85));
  box-shadow:0 0 12px rgba(200,162,74,.12);
}

.species-dual-gauge__fill--roam{
  background:linear-gradient(90deg, rgba(103,184,255,.85), rgba(103,184,255,.98));
  box-shadow:0 0 12px rgba(103,184,255,.12);
}

.species-dual-gauge__descriptor{
  font-size:11px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:rgba(244,242,234,.60);
}

/* Habitat Zone Strip */

.species-zone-strip{
  display:grid;
  gap:10px;
  min-height:0;
  height:100%;
  align-content:center;
}

.species-zone-strip__row{
  display:grid;
  grid-template-columns:76px minmax(0, 1fr);
  gap:10px;
  align-items:center;
}

.species-zone-strip__label{
  font-size:11px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:rgba(244,242,234,.76);
}

.species-zone-strip__bar{
  position:relative;
  display:block;
  width:100%;
  height:12px;
  border-radius:999px;
  overflow:hidden;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(200,162,74,.14);
}

.species-zone-strip__bar span{
  display:block;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(200,162,74,.75), rgba(103,184,255,.95));
  box-shadow:0 0 12px rgba(103,184,255,.12);
}

/* Command Center responsive */

@media (max-width:980px){
  .species-command-center__row--overview{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .species-command-card--difficultyWide{
    grid-column:1 / -1;
  }

  .species-command-center__row--behavior{
    grid-template-columns:1fr;
  }


  .species-radar{
    min-height:320px;
  }

  .species-dependency-list{
    min-height:auto;
  }
}

@media (max-width:560px){
  .species-block--commandCenter{
    padding-top:16px;
    padding-bottom:16px;
  }

  .species-right-now__seasonStats{
  margin-top:14px;
  padding-top:12px;
  max-width:160px;
}

.species-right-now__statValue{
  font-size:16px;
}

  .species-command-center__inner{
    padding:14px;
  }

  .species-command-center__header{
    margin-bottom:14px;
  }

  .species-command-center__eyebrow{
    font-size:9px;
    letter-spacing:.14em;
  }

  .species-command-center__title{
    font-size:24px;
  }

 .species-command-center__row--overview,
.species-command-center__row--behavior{
  grid-template-columns:1fr;
  gap:12px;
}


  .species-command-card{
    padding:12px;
    border-radius:14px;
  }

  .species-command-card__kicker{
    font-size:10px;
    letter-spacing:.13em;
  }

  .species-right-now,
  .species-command-meter,
  .species-zone-strip,
  .species-dual-gauge,
  .species-heatmap{
    min-height:auto;
  }

  .species-right-now__status{
    font-size:17px;
    min-height:38px;
    padding:9px 14px;
  }

  .species-right-now__subline{
    font-size:16px;
  }

.species-command-meter__dial{
  width:220px;
  max-width:220px;
  height:126px;
  margin:0 auto 6px;
}

  .species-command-meter__center{
    width:78px;
    height:54px;
    border-radius:16px;
    bottom:5px;
  }

  .species-command-meter__score{
    font-size:34px;
  }

  .species-command-meter__label{
    font-size:12px;
    letter-spacing:.08em;
  }

  .species-command-meter__descriptor{
    font-size:10px;
    letter-spacing:.08em;
  }

  .species-zone-strip__row{
    grid-template-columns:66px minmax(0, 1fr);
  }

  .species-radar{
    min-height:290px;
  }

  .species-radar__label{
    font-size:9px;
    letter-spacing:.08em;
  }

  .species-radar__label--right{
    right:-2px;
  }

  .species-radar__label--left{
    left:-2px;
  }

  .species-radar__legend{
    gap:8px 10px;
    font-size:10px;
  }

  .species-dependency-list{
    gap:14px;
  }

  .species-heatmap__row{
    grid-template-columns:74px minmax(0, 1fr) 30px;
    gap:8px;
  }

  .species-heatmap__label{
    font-size:10px;
    letter-spacing:.08em;
  }

  .species-heatmap__value{
    font-size:11px;
  }
}

/* --- Fishing Window Reveal Animation --- */

@keyframes speciesIntelReveal{
  0%{
    opacity:0;
    transform:translateY(14px);
  }
  100%{
    opacity:1;
    transform:translateY(0);
  }
}

@keyframes speciesIntelGlowSettle{
  0%{
    box-shadow:
      0 0 0 rgba(103,184,255,0),
      0 8px 20px rgba(0,0,0,.18);
  }
  40%{
    box-shadow:
      0 0 26px rgba(103,184,255,.28),
      0 12px 30px rgba(0,0,0,.36);
  }
  100%{
    box-shadow:
      0 0 16px rgba(103,184,255,.14),
      0 8px 20px rgba(0,0,0,.28);
  }
}

.species-command-card--rightnow .species-right-now__status,
.species-command-card--rightnow .species-right-now__subline,
.species-command-card--rightnow .species-right-now__meta{
  opacity:0;
  transform:translateY(14px);
  will-change:opacity, transform;
}

.species-command-card--rightnow.is-visible .species-right-now__status{
  animation:
    speciesIntelReveal 1.6s cubic-bezier(.16,.84,.44,1) forwards,
    speciesIntelGlowSettle 2.2s ease-out forwards;
}

.species-command-card--rightnow.is-visible .species-right-now__subline{
  animation:
    speciesIntelReveal 1.05s cubic-bezier(.16,.84,.44,1) .45s forwards;
}

.species-command-card--rightnow.is-visible .species-right-now__meta{
  animation:
    speciesIntelReveal 1.05s cubic-bezier(.16,.84,.44,1) .85s forwards;
}
/* --- Difficulty meter live label reveal --- */

.species-command-card--difficulty .species-command-meter__label{
  opacity:1;
  transform:translateY(0);
  transition:
    color .24s ease,
    text-shadow .24s ease,
    opacity .24s ease,
    transform .24s ease;
}

.species-command-card--difficulty .species-command-meter__descriptor{
  opacity:0;
  transform:translateY(8px);
  transition:
    opacity .45s ease,
    transform .45s ease,
    color .24s ease;
}

.species-command-card--difficulty .species-command-meter__label.is-live{
  opacity:1;
  transform:translateY(0);
}

.species-command-card--difficulty .species-command-meter__descriptor.is-live{
  opacity:1;
  transform:translateY(0);
}
/* ============================================
   Radar graphs — cleaned full block
   ============================================ */

/* card body */
.species-command-card--behavior-radar .species-command-card__body,
.species-command-card--strike-radar .species-command-card__body{
  display:flex;
  justify-content:center;
  align-items:center;
}

/* card spacing */
.species-command-card--behavior-radar .species-command-card__header,
.species-command-card--strike-radar .species-command-card__header{
  margin-bottom:2px;
  padding-bottom:2px;
}

.species-command-card--behavior-radar .species-command-card__kicker,
.species-command-card--strike-radar .species-command-card__kicker{
  margin-bottom:2px;
  padding-bottom:4px;
}

/* keep radar card clipping clean */
.species-command-card--behavior-radar,
.species-command-card--strike-radar{
  overflow:visible;
}

/* base radar wrapper */
.species-radar--behavior,
.species-radar--strike{
  position:relative;
  width:100%;
  min-height:300px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  padding-top:0;
  overflow:hidden;
  border-radius:22px;
}

/* background art image layer */
.species-radar--behavior::before,
.species-radar--strike::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:min(100%, 430px);
  aspect-ratio:1 / 1;
  transform:translate(-50%, -50%);
  pointer-events:none;
  z-index:0;
  background-repeat:no-repeat;
  background-position:center;
}

/* yellow behavior radar background */
.species-radar--behavior::before{
  background-image:url("/cdn/shop/files/Yellow_Radar.png?v=1773679423");
  background-size:180%;
  opacity:.65;
}

/* blue strike radar background */
.species-radar--strike::before{
  background-image:url("/cdn/shop/files/Blue_Radar.png?v=1773679423");
  background-size:165%;
  opacity:.85;
}

/* soften edges of the sonar art */
.species-radar--behavior::after,
.species-radar--strike::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:1;
  border-radius:22px;
  background:
    radial-gradient(
      circle at center,
      rgba(0,0,0,0) 62%,
      rgba(0,0,0,.20) 82%,
      rgba(0,0,0,.42) 100%
    );
}

/* svg chart */
.species-radar--behavior .species-radar__svg,
.species-radar--strike .species-radar__svg{
  position:relative;
  z-index:2;
  width:min(100%, 388px);
  height:auto;
  display:block;
}

/* labels overlay */
.species-radar--behavior .species-radar__labels,
.species-radar--strike .species-radar__labels{
  position:absolute;
  top:2px;
  left:50%;
  width:min(100%, 388px);
  aspect-ratio:1 / 1;
  transform:translateX(-50%);
  pointer-events:auto;
  z-index:3;
}

/* labels */
.species-radar__label--dynamic{
  position:absolute;
  z-index:3;
  max-width:72px;
  font-size:12.5px;
  font-weight:600;
  letter-spacing:.08em;
  line-height:1.02;
  text-transform:uppercase;
  color:rgba(255,255,255,.88);
  text-wrap:balance;
  text-shadow:
    0 1px 4px rgba(0,0,0,.85),
    0 0 6px rgba(0,0,0,.6);
}

/* grid styling */
.species-radar__ring{
  fill:none;
  stroke:rgba(255,255,255,.045);
  stroke-width:1;
}

.species-radar__axis{
  stroke:rgba(255,255,255,.08);
  stroke-width:1;
}

.species-radar__frame{
  fill:none;
  stroke:rgba(200,162,74,.18);
  stroke-width:1;
}

/* behavior polygon = gold */
.species-radar__shape--behavior{
  fill:rgba(226,187,99,.12);
  stroke:rgba(240,203,122,.96);
  stroke-width:1.8;
  filter:drop-shadow(0 0 10px rgba(226,187,99,.18));
}

.species-radar__dot--behavior{
  fill:#f0cb7a;
  stroke:#fff7e8;
  stroke-width:1.1;
}

/* strike polygon = blue */
.species-radar__shape--strike{
  fill:rgba(103,184,255,.12);
  stroke:rgba(124,192,255,.96);
  stroke-width:1.8;
  filter:drop-shadow(0 0 10px rgba(103,184,255,.16));
}

.species-radar__dot--strike{
  fill:#67b8ff;
  stroke:#eef7ff;
  stroke-width:1.1;
}

/* transitions */
.species-radar__shape,
.species-radar__dot,
.species-radar__legendValue{
  transition:
    opacity .25s ease,
    filter .25s ease,
    transform .25s ease;
}

/* hide value boxes for now */
.species-radar__legend{
  display:none !important;
}

/* ============================================
   Responsive
   ============================================ */

@media (max-width:980px){
  .species-radar--behavior,
  .species-radar--strike{
    min-height:300px;
  }

  .species-radar--behavior .species-radar__svg,
  .species-radar--strike .species-radar__svg{
    width:min(100%, 360px);
  }

  .species-radar--behavior .species-radar__labels,
  .species-radar--strike .species-radar__labels{
    width:min(100%, 360px);
  }

  .species-radar__label--dynamic{
    max-width:68px;
    font-size:11px;
  }

  .species-radar--behavior::before,
  .species-radar--strike::before{
    width:min(100%, 400px);
  }
}

@media (max-width:560px){
  .species-radar--behavior,
  .species-radar--strike{
    min-height:280px;
    border-radius:18px;
  }

  .species-radar--behavior .species-radar__svg,
  .species-radar--strike .species-radar__svg{
    width:min(100%, 286px);
  }

  .species-radar--behavior .species-radar__labels,
  .species-radar--strike .species-radar__labels{
    width:min(100%, 286px);
    top:0;
  }

  .species-radar__label--dynamic{
    max-width:54px;
    font-size:9px;
    font-weight:700;
    letter-spacing:.05em;
    line-height:1.02;
  }

  .species-radar--behavior::before,
  .species-radar--strike::before{
    width:min(100%, 320px);
  }

  .species-radar--behavior::before{
    background-size:180%;
    opacity:.75;
  }

  .species-radar--strike::before{
    background-size:165%;
    opacity:.82;
  }

  .species-radar--behavior::after,
  .species-radar--strike::after{
    border-radius:18px;
  }
}
/* ============================================
   Species Command Center — Comparison Selector
   ============================================ */

.species-command-center__row--comparison{
  grid-template-columns:1fr;
  margin-top:2px;
}

.species-command-card--comparison{
  overflow:visible;
  text-align:left;
}

.species-command-card__header--comparison{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
  margin-bottom:10px;
  padding-bottom:2px;
}

.species-command-card__header--comparison .species-command-card__kicker{
  margin-bottom:0;
}

.species-command-card__header--comparison .species-command-card__kicker::after{
  max-width:120px;
}

.species-command-compare{
  position:relative;
}

.species-command-compare__status{
  display:none !important;
}

.species-command-compare__band{
  display:grid;
  grid-template-columns:minmax(0, 1.4fr) minmax(0, 1fr) minmax(220px, .72fr);
  gap:14px;
  align-items:start;
}

.species-command-compare__section{
  min-width:0;
}

.species-command-compare__sectionLabel{
  margin:0 0 10px;
  font-size:10px;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--gold);
  opacity:.92;
}

.species-command-compare__searchShell{
  position:relative;
  z-index:15;
}

.species-command-compare__searchInput{
  width:100%;
  height:48px;
  padding:0 46px 0 14px;
  border-radius:12px;
  border:1px solid rgba(200,162,74,.22);
  background:
    radial-gradient(500px 160px at 50% 0%, rgba(255,255,255,.04), transparent 62%),
    linear-gradient(180deg, rgba(11,14,19,.98), rgba(8,10,14,.98));
  color:rgba(244,242,234,.94);
  font-size:14px;
  font-weight:700;
  letter-spacing:.01em;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 8px 18px rgba(0,0,0,.24);
  transition:
    border-color .22s ease,
    box-shadow .22s ease,
    transform .22s ease;
}

.species-command-compare__searchInput::placeholder{
  color:rgba(244,242,234,.42);
}

.species-command-compare__searchInput:focus{
  outline:none;
  border-color:rgba(200,162,74,.52);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 10px 22px rgba(0,0,0,.28),
    0 0 0 3px rgba(200,162,74,.08);
}

.species-command-compare__clear{
  position:absolute;
  top:50%;
  right:9px;
  transform:translateY(-50%);
  width:28px;
  height:28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  border:1px solid rgba(200,162,74,.20);
  background:rgba(255,255,255,.03);
  color:rgba(244,242,234,.82);
  font-size:17px;
  line-height:1;
  cursor:pointer;
  transition:
    border-color .18s ease,
    background .18s ease,
    color .18s ease;
}

.species-command-compare__clear:hover{
  border-color:rgba(200,162,74,.48);
  background:rgba(200,162,74,.10);
  color:#fff0bf;
}

.species-command-compare__results{
  position:absolute;
  top:calc(100% + 9px);
  left:0;
  right:0;
  z-index:30;
  padding:8px;
  border-radius:14px;
  border:1px solid rgba(200,162,74,.20);
  background:
    radial-gradient(500px 180px at 50% 0%, rgba(255,255,255,.04), transparent 62%),
    linear-gradient(180deg, rgba(16,19,25,.98), rgba(8,10,14,.99));
  box-shadow:
    0 18px 40px rgba(0,0,0,.42),
    0 0 20px rgba(200,162,74,.06);
  backdrop-filter:blur(8px);
}

.species-command-compare__result{
  width:100%;
  display:block;
  padding:11px 12px;
  border:1px solid transparent;
  border-radius:10px;
  background:transparent;
  color:rgba(244,242,234,.95);
  text-align:left;
  cursor:pointer;
  transition:
    transform .18s ease,
    background .18s ease,
    border-color .18s ease;
}

.species-command-compare__result:hover{
  transform:translateY(-1px);
  background:rgba(200,162,74,.07);
  border-color:rgba(200,162,74,.18);
}

.species-command-compare__resultName{
  font-size:14px;
  font-weight:850;
  line-height:1.2;
  color:rgba(244,242,234,.95);
}

.species-command-compare__resultScientific{
  margin-top:4px;
  font-size:12px;
  line-height:1.2;
  font-style:italic;
  color:rgba(244,242,234,.58);
}

.species-command-compare__resultEmpty{
  padding:12px;
  border-radius:10px;
  font-size:13px;
  font-weight:700;
  color:rgba(244,242,234,.62);
}

.species-command-compare__quickButtons{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:10px;
}

.species-command-compare__quickBtn{
  min-height:48px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:4px;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid rgba(200,162,74,.20);
  background:
    radial-gradient(500px 160px at 50% 0%, rgba(255,255,255,.04), transparent 62%),
    linear-gradient(180deg, rgba(11,14,19,.98), rgba(8,10,14,.98));
  color:rgba(244,242,234,.95);
  text-align:left;
  cursor:pointer;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 8px 18px rgba(0,0,0,.24);
  transition:
    transform .22s cubic-bezier(.2,.8,.2,1),
    border-color .22s ease,
    box-shadow .22s ease,
    background .22s ease;
}

.species-command-compare__quickBtn:hover{
  transform:translateY(-1px);
  border-color:rgba(200,162,74,.42);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 12px 24px rgba(0,0,0,.30),
    0 0 18px rgba(200,162,74,.08);
}

.species-command-compare__quickBtn.is-active{
  border-color:rgba(200,162,74,.58);
  background:
    radial-gradient(400px 140px at 50% 0%, rgba(200,162,74,.12), transparent 68%),
    linear-gradient(180deg, rgba(11,14,19,.98), rgba(8,10,14,.98));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 12px 24px rgba(0,0,0,.30),
    0 0 22px rgba(200,162,74,.10);
}

.species-command-compare__quickBtn--disabled{
  opacity:.48;
  cursor:default;
}

.species-command-compare__quickBtnEyebrow{
  font-size:9px;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--gold);
}

.species-command-compare__quickBtnText{
  font-size:13px;
  font-weight:850;
  line-height:1.2;
  color:rgba(244,242,234,.94);
}

.species-command-compare__randomBtn{
  width:100%;
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:10px 14px;
  border-radius:12px;
  border:1px solid rgba(200,162,74,.26);
  background:
    radial-gradient(520px 180px at 50% 0%, rgba(200,162,74,.10), transparent 62%),
    linear-gradient(180deg, rgba(18,16,11,.98), rgba(10,9,8,.98));
  color:#f0d99d;
  font-size:13px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  cursor:pointer;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 10px 22px rgba(0,0,0,.28);
  transition:
    transform .22s cubic-bezier(.2,.8,.2,1),
    border-color .22s ease,
    box-shadow .22s ease;
}

.species-command-compare__randomBtn:hover{
  transform:translateY(-1px);
  border-color:rgba(200,162,74,.52);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 14px 28px rgba(0,0,0,.34),
    0 0 20px rgba(200,162,74,.10);
}

.species-command-compare__randomIcon{
  font-size:15px;
  line-height:1;
}

.species-command-compare__selection{
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid rgba(200,162,74,.12);
}

.species-command-compare__selectionLabel{
  margin:0 0 8px;
  font-size:10px;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--gold);
}
.species-command-compare__selection{
  margin-bottom:14px;
}

.species-command-compare__selectionCard{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 12px;
  border-radius:12px;

  border:1px solid rgba(103,184,255,.26);
  background:
    radial-gradient(500px 180px at 50% 0%, rgba(103,184,255,.10), transparent 62%),
    linear-gradient(180deg, rgba(10,18,30,.96), rgba(7,12,20,.98));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 8px 18px rgba(0,0,0,.22),
    0 0 18px rgba(103,184,255,.08);
}

.species-command-compare__selectionMain{
  min-width:0;
  flex:1 1 auto;
}

.species-command-compare__selectionName{
  font-size:15px;
  font-weight:900;
  line-height:1.15;
  color:rgba(244,242,234,.96);
}

.species-command-compare__selectionScientific{
  margin-top:3px;
  font-size:11px;
  line-height:1.2;
  font-style:italic;
  color:rgba(190,220,255,.66);
}

.species-command-compare__selectionActions{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:nowrap;
  flex:0 0 auto;
}

.species-command-compare__selectionLink,
.species-command-compare__selectionRemove{
  min-height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 12px;
  border-radius:10px;
  font-size:10px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  text-decoration:none;
  white-space:nowrap;
  transition:
    transform .18s ease,
    border-color .18s ease,
    background .18s ease,
    color .18s ease,
    box-shadow .18s ease;
}

.species-command-compare__selectionLink{
  border:1px solid rgba(103,184,255,.30);
  background:rgba(103,184,255,.10);
  color:#9fd2ff;
}

.species-command-compare__selectionRemove{
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.04);
  color:rgba(244,242,234,.80);
  cursor:pointer;
}

.species-command-compare__selectionLink:hover{
  transform:translateY(-1px);
  border-color:rgba(103,184,255,.52);
  background:rgba(103,184,255,.16);
  color:#d8eeff;
  box-shadow:0 0 14px rgba(103,184,255,.14);
}

.species-command-compare__selectionRemove:hover{
  transform:translateY(-1px);
  border-color:rgba(255,255,255,.18);
  background:rgba(255,255,255,.08);
  color:rgba(255,255,255,.92);
}

.species-command-compare__liveRegion{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0 0 0 0);
  clip-path:inset(50%);
  white-space:nowrap;
}

/* responsive */
@media (max-width:980px){
  .species-command-center__row--comparison{
    grid-template-columns:1fr;
  }

  .species-command-compare__band{
    grid-template-columns:1fr;
    gap:12px;
  }

  .species-command-compare__section--random{
    max-width:none;
  }
}

@media (max-width:560px){
  .species-command-card__header--comparison{
    align-items:flex-start;
    gap:8px;
  }



  .species-command-compare__quickButtons{
    grid-template-columns:1fr;
  }

  .species-command-compare__selectionCard{
    flex-direction:column;
    align-items:flex-start;
  }

  .species-command-compare__selectionActions{
    width:100%;
  }

  .species-command-compare__selectionLink,
  .species-command-compare__selectionRemove{
    flex:1 1 auto;
  }
}
/* ============================================
   Species Comparison — Layout Refinement V2
   ============================================ */

/* --- Main layout split --- */
.species-command-compare__controls{
  display:grid;
  grid-template-columns: 44% 56%;
  gap:18px;
  align-items:start;
}

/* --- LEFT COLUMN (input stack) --- */
.species-command-compare__left{
  display:flex;
  flex-direction:column;
  gap:10px;
}

/* Search input = CTA style */
.species-command-compare__searchWrap{
  position:relative;
}

.species-command-compare__searchInput{
  width:100%;
  height:58px;
  padding:0 52px 0 18px;
  border-radius:14px;
  border:1px solid rgba(255,200,90,.25);
  background:linear-gradient(180deg, rgba(20,25,35,.85), rgba(10,14,20,.95));
  color:#e7c97a;
  font-weight:600;
  letter-spacing:.02em;
  transition:all .25s ease;

  /* 🔥 add this */
  text-align:center;
}

/* placeholder prompt feel */
.species-command-compare__searchInput::placeholder{
  color:rgba(231,201,122,.55);
  font-weight:500;
}

/* focus state */
.species-command-compare__searchInput:focus{
  outline:none;
  border-color:rgba(255,200,90,.55);
  box-shadow:0 0 0 1px rgba(255,200,90,.25),
             0 0 14px rgba(255,200,90,.18);
}

/* Random button matches input */
.species-command-compare__randomBtn{
  height:58px;
  border-radius:14px;
  border:1px solid rgba(255,200,90,.25);
  background:linear-gradient(180deg, rgba(30,24,10,.9), rgba(18,14,6,.95));
  color:#e7c97a;
  font-weight:600;
  letter-spacing:.05em;
  transition:all .25s ease;
}

/* --- RIGHT COLUMN (related grid) --- */
.species-command-compare__right{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:12px;
}

/* Related buttons (now compact) */
.species-command-compare__quickBtn{
  padding:12px 14px;
  border-radius:12px;
  border:1px solid rgba(255,200,90,.18);
  background:linear-gradient(180deg, rgba(18,22,30,.85), rgba(10,12,18,.95));
  color:#d6dbe2;
  font-size:.92rem;
  font-weight:600;
  line-height:1.2;
  text-align:left;
  transition:all .22s ease;
  position:relative;
  overflow:hidden;
}

/* --- HOVER EFFECT (this is the good stuff) --- */
.species-command-compare__quickBtn::before{
  content:'';
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 30% 20%, rgba(120,190,255,.18), transparent 60%);
  opacity:0;
  transition:opacity .25s ease;
}

.species-command-compare__quickBtn:hover{
  transform:translateY(-2px);
  border-color:rgba(120,190,255,.45);
  box-shadow:
    0 6px 18px rgba(0,0,0,.45),
    0 0 10px rgba(120,190,255,.18);
  color:#eaf2ff;
}

.species-command-compare__quickBtn:hover::before{
  opacity:1;
}

/* subtle active state */
.species-command-compare__quickBtn.is-active{
  border-color:rgba(120,190,255,.6);
  box-shadow:0 0 12px rgba(120,190,255,.25);
  color:#ffffff;
}

/* --- Random button hover (subtle gold glow) --- */
.species-command-compare__randomBtn:hover{
  transform:translateY(-2px);
  border-color:rgba(255,200,90,.55);
  box-shadow:
    0 6px 18px rgba(0,0,0,.45),
    0 0 14px rgba(255,200,90,.25);
}

/* --- tighten vertical spacing --- */
.species-command-compare{
  padding-bottom:6px;
}

.species-command-compare__selection{
  margin-top:14px;
}

/* --- MOBILE STACK --- */
@media (max-width: 768px){

  .species-command-compare__controls{
    grid-template-columns:1fr;
    gap:16px;
  }

  .species-command-compare__right{
    grid-template-columns:repeat(2, 1fr);
  }
}
/* ============================================
   Species Comparison — Radar Overlay
   ============================================ */

.species-radar__shape--compare-behavior{
  fill:rgba(226,187,99,.10);
  stroke: rgba(240,203,122,.95);
  stroke-width:2;
  stroke-dasharray:6 5;
  filter:drop-shadow(0 0 10px rgba(226,187,99,.18));
}

.species-radar__dot--compare-behavior{
  fill: #f0cb7a;
  stroke:#fff7e8;
  stroke-width:1.1;
}

.species-radar__shape--compare-strike{
  fill:rgba(103,184,255,.10);
  stroke: rgba(124,192,255,.95);
  stroke-width:2;
  stroke-dasharray:6 5;
  filter:drop-shadow(0 0 10px rgba(103,184,255,.18));
}

.species-radar__dot--compare-strike{
  fill: #7cc0ff;
  stroke:#eef7ff;
  stroke-width:1.1;
}
/* ============================================
   Radar comparison overlay
   ============================================ */

.species-radar__shape--compare-behavior{
  fill: rgba(226,187,99,.10);
  stroke: rgba(255, 255, 255, 0.75);
  stroke-width: 2.2;
  stroke-dasharray: 4 5;
  filter: drop-shadow(0 0 10px rgba(226,187,99,.18));
}

.species-radar__dot--compare-behavior{
  fill: #f0cb7a;
  stroke: #fff7e8;
  stroke-width: 1.1;
}

.species-radar__shape--compare-strike{
  fill: rgba(103,184,255,.10);
  stroke: rgba(220, 240, 255, 0.85);
  stroke-width: 2.2;
  stroke-dasharray: 4 5;
  filter: drop-shadow(0 0 10px rgba(103,184,255,.18));
}

.species-radar__dot--compare-strike{
  fill: #67b8ff;
  stroke: #eaf4ff;
  stroke-width: 1.1;
}

.species-command-card__header--comparison{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}

.species-command-compare__selection--inline{
  margin:0;
  flex:0 1 auto;
}

.species-command-compare__selection--inline .species-command-compare__selectionCard{
  padding:8px 10px;
  gap:10px;
  min-width:260px;
}

.species-command-compare__selection--inline .species-command-compare__selectionName{
  font-size:13px;
}

.species-command-compare__selection--inline .species-command-compare__selectionScientific{
  font-size:10px;
}

.species-command-compare__selection--inline .species-command-compare__selectionLink,
.species-command-compare__selection--inline .species-command-compare__selectionRemove{
  min-height:28px;
  padding:0 10px;
  font-size:9px;
}

@media (max-width:640px){
  .species-command-card__header--comparison{
    flex-direction:column;
    align-items:flex-start;
  }

  .species-command-compare__selection--inline{
    width:100%;
  }

  .species-command-compare__selection--inline .species-command-compare__selectionCard{
    width:100%;
  }
}
/* ============================================
   Comparison Header Row Polish — Fixed
   ============================================ */

.species-command-card__header--comparison{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  width:100%;
  margin-bottom:12px;
  padding-bottom:8px;
}

.species-command-card__header--comparison .species-command-card__kicker{
  flex:0 0 auto;
  margin-bottom:0;
}

.species-command-compare__selection--inline{
  position:relative;
  margin:0;
  flex:0 1 430px;
  max-width:430px;
  min-width:340px;
  width:auto;
  padding-left:18px;
}

.species-command-compare__selection--inline::before{
  content:"";
  position:absolute;
  left:0;
  top:8px;
  bottom:8px;
  width:1px;
  background:linear-gradient(
    180deg,
    rgba(200,162,74,0),
    rgba(200,162,74,.52) 20%,
    rgba(200,162,74,.78) 50%,
    rgba(200,162,74,.52) 80%,
    rgba(200,162,74,0)
  );
  box-shadow:0 0 8px rgba(200,162,74,.14);
}

.species-command-compare__selection--inline .species-command-compare__selectionCard{
  width:100%;
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:10px 12px;
  border-radius:14px;
  border:1px solid rgba(72,130,205,.30);
  background:
    radial-gradient(500px 180px at 50% 0%, rgba(40,90,170,.10), transparent 62%),
    linear-gradient(180deg, rgba(8,16,30,.98), rgba(6,11,22,.99));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 8px 18px rgba(0,0,0,.22),
    0 0 18px rgba(70,130,220,.08);
}

.species-command-compare__selection--inline .species-command-compare__selectionMain{
  min-width:0;
  flex:1 1 auto;
}

.species-command-compare__selection--inline .species-command-compare__selectionName{
  font-size:13px;
  line-height:1.1;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.species-command-compare__selection--inline .species-command-compare__selectionScientific{
  margin-top:3px;
  font-size:10px;
  line-height:1.15;
  color:rgba(155,196,245,.72);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.species-command-compare__selection--inline .species-command-compare__selectionActions{
  display:flex;
  align-items:center;
  gap:8px;
  flex:0 0 auto;
  width:auto;
}

.species-command-compare__selection--inline .species-command-compare__selectionLink,
.species-command-compare__selection--inline .species-command-compare__selectionRemove{
  min-height:30px;
  padding:0 10px;
  font-size:9px;
  white-space:nowrap;
  flex:0 0 auto;
}

.species-command-compare__selection--inline .species-command-compare__selectionLink{
  border-color:rgba(92,150,225,.34);
  background:rgba(56,110,190,.12);
  color:#a7d4ff;
}

.species-command-compare__selection--inline .species-command-compare__selectionRemove{
  background:rgba(255,255,255,.035);
}

@media (max-width:700px){
  .species-command-card__header--comparison{
    flex-direction:column;
    align-items:flex-start;
    gap:10px;
  }

  .species-command-compare__selection--inline{
    min-width:0;
    max-width:none;
    width:100%;
    padding-left:0;
  }

  .species-command-compare__selection--inline::before{
    display:none;
  }

  .species-command-compare__selection--inline .species-command-compare__selectionCard{
    width:100%;
  }
}
.species-command-compare__selection--inline.is-active .species-command-compare__selectionCard{
  border-color:rgba(118,182,255,.48);
  background:
    radial-gradient(500px 180px at 50% 0%, rgba(72,132,220,.18), transparent 62%),
    linear-gradient(180deg, rgba(10,22,42,.98), rgba(7,15,30,.99));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 8px 18px rgba(0,0,0,.24),
    0 0 22px rgba(90,155,235,.18);
}

.species-command-compare__selection--inline.is-active .species-command-compare__selectionName{
  color:#f3f8ff;
}

.species-command-compare__selection--inline.is-active .species-command-compare__selectionScientific{
  color:rgba(188,220,255,.86);
}
/* Comparison polygon (ghosted) */
.species-radar__shape--compare-behavior,
.species-radar__shape--compare-strike {
  fill-opacity: 0.12;      /* subtle fill */
  stroke-opacity: 1;       /* full strength line */
  stroke-width: 2.4;       /* stronger line */
  stroke-dasharray: 4 5;   /* cleaner dash */
  filter: drop-shadow(0 0 4px rgba(255,255,255,0.4));
}

/* Make stroke slightly brighter so it still reads */
.species-radar__shape--compare-behavior {
  stroke: rgba(255, 255, 255, 0.9);
}

.species-radar__shape--compare-strike {
  stroke: rgba(220, 240, 255, 0.95);
}
.species-radar__dot--compare-behavior,
.species-radar__dot--compare-strike {
  opacity: 0.9;
}

/* ============================================
   Radar Archetype Badges
   ============================================ */

.species-radarCompareWrap{
  position:relative;
}

.species-command-card--radar{
  position:relative;
  overflow:visible;
}

.species-archetypeBadge{
  --badge-size: 88px;
  --badge-bottom: -12px;
  --badge-left: 10px;
  --badge-right: 10px;
  --badge-flip-duration: 1400ms;
  --badge-settle-duration: 700ms;

  position:absolute;
  bottom:var(--badge-bottom);
  width:var(--badge-size);
  height:var(--badge-size);
  z-index:30;
  perspective:1200px;
  pointer-events:none;
  overflow:visible;
}

.species-archetypeBadge--primary{
  left:var(--badge-left);
}

.species-archetypeBadge--compare{
  right:var(--badge-right);
  opacity:0;
  transform:translateY(10px) scale(.94);
}

.species-archetypeBadge img{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  backface-visibility:hidden;
  transform-style:preserve-3d;
  filter:
    drop-shadow(0 6px 14px rgba(0,0,0,.35))
    drop-shadow(0 0 6px rgba(255,255,255,.05));
}

.species-archetypeBadge__textWrap{
  position:absolute;
  top:50%;
  left:50%;
  width:140%;
  transform:translate(-50%, -50%);
  pointer-events:none;
}

.species-archetypeBadge__textInner{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:14px 0 10px;
  backface-visibility:hidden;
  transform-style:preserve-3d;
}

.species-archetypeBadge__label{
  display:block;
  width:100%;
  text-align:center;
  white-space:nowrap;
  font-size:15.6px;
  line-height:1.02;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#f4f2ea;
  transform:translateZ(0);
  text-shadow:
    0 0 10px rgba(255,255,255,.25),
    0 0 26px rgba(255,255,255,.18),
    0 2px 6px rgba(0,0,0,.92),
    0 0 14px rgba(0,0,0,.65);
}

.species-archetypeBadge__species{
  margin-top:6px;
  width:100%;
  text-align:center;
  font-size:8px;
  line-height:1.05;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:rgba(244,242,234,.90);
  text-shadow:
    0 1px 4px rgba(0,0,0,.82),
    0 0 8px rgba(0,0,0,.45);
}

.species-archetypeBadge--primary .species-archetypeBadge__label{
  color:#fff4d3;
  text-shadow:
    0 0 10px rgba(255,220,120,.35),
    0 0 22px rgba(255,200,80,.20),
    0 2px 6px rgba(0,0,0,.92),
    0 0 14px rgba(0,0,0,.65);
}

.species-archetypeBadge--compare .species-archetypeBadge__label{
  color:#e7f4ff;
  text-shadow:
    0 0 10px rgba(130,200,255,.34),
    0 0 22px rgba(80,160,255,.18),
    0 2px 6px rgba(0,0,0,.92),
    0 0 14px rgba(0,0,0,.65);
}

/* primary intro */
.species-archetypeBadge--primary.is-intro img,
.species-archetypeBadge--primary.is-intro .species-archetypeBadge__textInner{
  animation:
    speciesBadgeFlipIntro var(--badge-flip-duration) cubic-bezier(.2,.8,.2,1) 0s 1 forwards,
    speciesBadgeSettle var(--badge-settle-duration) ease-out calc(var(--badge-flip-duration)) 1 forwards;
}

/* compare enters only when active */
.species-archetypeBadge--compare.is-visible{
  opacity:1;
  transform:translateY(0) scale(1);
  transition:
    opacity 260ms ease,
    transform 320ms cubic-bezier(.2,.8,.2,1);
}

.species-archetypeBadge--compare.is-entering img,
.species-archetypeBadge--compare.is-entering .species-archetypeBadge__textInner{
  animation: speciesBadgeFlipCompare var(--badge-flip-duration) cubic-bezier(.2,.8,.2,1) 0s 1;
}

@keyframes speciesBadgeFlipIntro{
  0%   { transform:rotateY(-90deg) scale(.96); }
  100% { transform:rotateY(0deg) scale(1); }
}

@keyframes speciesBadgeFlipCompare{
  0%   { transform:rotateY(-90deg) scale(.96); }
  100% { transform:rotateY(0deg) scale(1); }
}

@keyframes speciesBadgeSettle{
  0%   { transform:scale(1.04); }
  100% { transform:scale(1); }
}

/* Bottom badge image animations must preserve the larger shield scale */
@keyframes speciesBadgeFlipIntroBottom{
  0%   { transform: rotateY(-90deg) scale(calc(var(--bottom-badge-art-scale) * .96)); }
  100% { transform: rotateY(0deg) scale(var(--bottom-badge-art-scale)); }
}

@keyframes speciesBadgeFlipCompareBottom{
  0%   { transform: rotateY(-90deg) scale(calc(var(--bottom-badge-art-scale) * .96)); }
  100% { transform: rotateY(0deg) scale(var(--bottom-badge-art-scale)); }
}

@keyframes speciesBadgeSettleBottom{
  0%   { transform: scale(calc(var(--bottom-badge-art-scale) * 1.04)); }
  100% { transform: scale(var(--bottom-badge-art-scale)); }
}

/* Use scaled image animation for bottom primary badges */
.species-command-card--habitat-radar .species-archetypeBadge--primary.is-intro img,
.species-command-card--fight-radar .species-archetypeBadge--primary.is-intro img{
  animation:
    speciesBadgeFlipIntroBottom var(--badge-flip-duration) cubic-bezier(.2,.8,.2,1) 0s 1 forwards,
    speciesBadgeSettleBottom var(--badge-settle-duration) ease-out calc(var(--badge-flip-duration)) 1 forwards;
}

/* Keep text animation unchanged */
.species-command-card--habitat-radar .species-archetypeBadge--primary.is-intro .species-archetypeBadge__textInner,
.species-command-card--fight-radar .species-archetypeBadge--primary.is-intro .species-archetypeBadge__textInner{
  animation:
    speciesBadgeFlipIntro var(--badge-flip-duration) cubic-bezier(.2,.8,.2,1) 0s 1 forwards,
    speciesBadgeSettle var(--badge-settle-duration) ease-out calc(var(--badge-flip-duration)) 1 forwards;
}

/* Use scaled image animation for bottom compare badges */
.species-command-card--habitat-radar .species-archetypeBadge--compare.is-entering img,
.species-command-card--fight-radar .species-archetypeBadge--compare.is-entering img{
  animation: speciesBadgeFlipCompareBottom var(--badge-flip-duration) cubic-bezier(.2,.8,.2,1) 0s 1 forwards;
}

/* Keep compare text animation unchanged */
.species-command-card--habitat-radar .species-archetypeBadge--compare.is-entering .species-archetypeBadge__textInner,
.species-command-card--fight-radar .species-archetypeBadge--compare.is-entering .species-archetypeBadge__textInner{
  animation: speciesBadgeFlipCompare var(--badge-flip-duration) cubic-bezier(.2,.8,.2,1) 0s 1;
}


@media (max-width:980px){
  .species-archetypeBadge{
    --badge-size: 100px;
    --badge-bottom: -16px;
    --badge-left: 6px;
    --badge-right: 6px;
  }

  .species-archetypeBadge__label{
    font-size:13px;
  }

  .species-archetypeBadge__species{
    font-size:7px;
  }
}

@media (max-width:700px){
  .species-archetypeBadge{
    --badge-size: 84px;
    --badge-bottom: -10px;
    --badge-left: 2px;
    --badge-right: 2px;
  }

  .species-archetypeBadge__label{
    font-size:11px;
    letter-spacing:.08em;
  }

  .species-archetypeBadge__species{
    font-size:6px;
  }
}




@keyframes dividerFadeIn{
  to{
    opacity:1;
    transform:translateY(0);
  }
}
/* ============================================
   Comparison overlay styling
   ============================================ */

.species-radar__dot--compare-behavior,
.species-radar__dot--compare-strike{
  opacity:0.9;
}
/* ============================================
   Species Command Center Header Cleanup
   ============================================ */

.species-command-center__header{
  text-align:center;
  margin:0 0 28px;
}

.species-command-center__title{
  margin:0;
  font-size:18px;
  line-height:1.1;
  font-weight:700;
  letter-spacing:.28em;
  text-transform:uppercase;
  color:#d7b65a;
  display:block;
  text-align:center;
}

.species-section-divider{
  width:80px;
  height:2px;
  margin:12px auto 0;
  border-radius:2px;
  background:linear-gradient(
    90deg,
    rgba(212,175,55,0) 0%,
    rgba(212,175,55,.9) 50%,
    rgba(212,175,55,0) 100%
  );
  box-shadow:
    0 0 6px rgba(212,175,55,.35),
    0 0 14px rgba(212,175,55,.15);
  opacity:0;
  transform:translateY(4px);
  animation:dividerFadeIn 600ms ease forwards;
  animation-delay:200ms;
}

@keyframes dividerFadeIn{
  to{
    opacity:1;
    transform:translateY(0);
  }
}
/* ============================================
   Species Command Center Header Cleanup
   ============================================ */

.species-command-center__header{
  text-align:center;
  margin:0 0 28px;
}

.species-command-center__title{
  margin:0;
  font-size:18px;
  line-height:1.1;
  font-weight:700;
  letter-spacing:.28em;
  text-transform:uppercase;
  color:#d7b65a;
  display:block;
  text-align:center;
}

.species-section-divider{
  width:80px;
  height:2px;
  margin:12px auto 0;
  border-radius:2px;
  background:linear-gradient(
    90deg,
    rgba(212,175,55,0) 0%,
    rgba(212,175,55,.9) 50%,
    rgba(212,175,55,0) 100%
  );
  box-shadow:
    0 0 6px rgba(212,175,55,.35),
    0 0 14px rgba(212,175,55,.15);
  opacity:0;
  transform:translateY(4px);
  animation:dividerFadeIn 600ms ease forwards;
  animation-delay:200ms;
}

@keyframes dividerFadeIn{
  to{
    opacity:1;
    transform:translateY(0);
  }
}


/* ============================================
   Comparison Output Panel
   ============================================ */

.species-command-card--comparisonOutput{
  position:relative;
  overflow:hidden;
}

/* Header alignment */
.species-command-card__header--comparisonOutput{
  padding-bottom:10px;
}

/* Main content */
.species-compare-output{
  display:flex;
  flex-direction:column;
  gap:14px;
}

/* Sections */
.species-compare-output__section{
  background:rgba(255,255,255,0.02);
  border:1px solid rgba(255,255,255,0.06);
  border-radius:12px;
  padding:12px 14px;
}

/* Titles */
.species-compare-output__title{
  font-size:12px;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:6px;
  color:#d4c38a; /* gold tone */
}

/* Lists */
.species-compare-output__list{
  margin:0;
  padding-left:16px;
  font-size:13px;
  line-height:1.5;
  color:#e6e6e6;
}

.species-compare-output__list li{
  margin-bottom:4px;
}

/* ============================================
   Mobile (stacked layout)
   ============================================ */

@media (max-width: 900px){
  .species-command-center__row--comparisonShell{
    grid-template-columns: 1fr;
  }
}
/* ============================================
   Comparison Row Layout
   ============================================ */

.species-command-center__row--comparisonShell{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  align-items:start;
}

.species-command-card--comparisonControls,
.species-command-card--comparisonOutput{
  display:flex;
  flex-direction:column;
  height:100%;
}

/* ============================================
   Left Panel
   ============================================ */

.species-command-card--comparisonControls .species-command-card__header--comparison{
  margin-bottom:12px;
  padding-bottom:8px;
}

.species-command-card--comparisonControls .species-command-card__kicker{
  margin-bottom:0;
}

.species-command-card--comparisonControls .species-command-compare{
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  height:100%;
}

.species-command-card--comparisonControls .species-command-compare__controls{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
  align-content:start;
}

.species-command-card--comparisonControls .species-command-compare__left{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
}

.species-command-card--comparisonControls .species-command-compare__searchWrap{
  position:relative;
  margin:0;
}

.species-command-card--comparisonControls .species-command-compare__searchInput{
  width:100%;
  height:64px;
  min-height:64px;
  box-sizing:border-box;
  padding:0 56px 0 20px;
  border-radius:16px;
  text-align:center;
}

.species-command-card--comparisonControls .species-command-compare__searchInput:not(:placeholder-shown){
  text-align:left;
}

.species-command-card--comparisonControls .species-command-compare__clear{
  position:absolute;
  right:12px;
  top:50%;
  transform:translateY(-50%);
}

.species-command-card--comparisonControls .species-command-compare__randomBtn{
  width:100%;
  min-height:64px;
  box-sizing:border-box;
  border-radius:16px;
}

.species-command-card--comparisonControls .species-command-compare__right{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:14px;
}

.species-command-card--comparisonControls .species-command-compare__quickBtn{
  min-height:88px;
  border-radius:16px;
  padding:14px 16px;
}

.species-command-card--comparisonControls .species-command-compare__quickBtnText{
  font-size:15px;
  line-height:1.15;
  text-align:left;
}

/* ============================================
   Right Panel
   ============================================ */

.species-command-card--comparisonOutput{
  justify-content:flex-start;
}

.species-command-card--comparisonOutput .species-command-card__header--comparisonOutput{
  margin-bottom:12px;
  padding-bottom:8px;
}

.species-command-compare__selection--insights{
  margin:0;
  padding:0;
  border-top:none;
  width:100%;
  max-width:none;
  min-width:0;
}

.species-command-compare__selection--insights::before{
  display:none;
}

.species-command-compare__selection--insights .species-command-compare__selectionCard{
  width:100%;
  min-width:0;
  min-height:64px;
  height:64px;
  box-sizing:border-box;
  padding:0 16px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.species-command-compare__selection--insights .species-command-compare__selectionMain{
  min-width:0;
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.species-command-compare__selection--insights .species-command-compare__selectionName{
  margin:0;
  font-size:16px;
  line-height:1.1;
  font-weight:800;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.species-command-compare__selection--insights .species-command-compare__selectionScientific{
  margin-top:4px;
  font-size:11px;
  line-height:1.2;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.species-command-compare__selection--insights .species-command-compare__selectionActions{
  display:flex;
  align-items:center;
  gap:8px;
  flex:0 0 auto;
}

.species-command-compare__selection--insights .species-command-compare__selectionLink,
.species-command-compare__selection--insights .species-command-compare__selectionRemove{
  min-height:34px;
  padding:0 12px;
  border-radius:10px;
}

.species-command-card--comparisonOutput .species-compare-output{
  margin-top:14px;
  display:flex;
  flex-direction:column;
  gap:12px;
  align-items:stretch;
}

/* ============================================
   Mobile
   ============================================ */

@media (max-width:900px){
  .species-command-center__row--comparisonShell{
    grid-template-columns:1fr;
  }
}

@media (max-width:700px){
  .species-command-card--comparisonControls .species-command-compare__right{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width:560px){
  .species-command-card--comparisonControls .species-command-compare__searchInput{
    height:58px;
    min-height:58px;
    padding:0 52px 0 16px;
  }

  .species-command-card--comparisonControls .species-command-compare__randomBtn{
    min-height:58px;
  }

  .species-command-compare__selection--insights .species-command-compare__selectionCard{
    min-height:58px;
    height:auto;
    padding:12px 14px;
    border-radius:14px;
    display:grid;
    grid-template-columns:1fr;
    align-items:start;
  }

  .species-command-compare__selection--insights .species-command-compare__selectionActions{
    width:100%;
  }

  .species-command-card--comparisonControls .species-command-compare__quickBtn{
    min-height:74px;
    padding:12px 14px;
    border-radius:14px;
  }

  .species-command-card--comparisonControls .species-command-compare__quickBtnText{
    font-size:13px;
  }
}
/* ============================================
   FINAL FIX — pin right column content to top
   ============================================ */

.species-command-card--comparisonOutput{
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  align-items:stretch !important;
}

.species-command-card--comparisonOutput .species-command-compare__selection--insights{
  margin:0 0 12px !important;
}

.species-command-card--comparisonOutput .species-compare-output{
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  align-items:stretch !important;
  gap:12px !important;
  margin:0 !important;
  padding:0 !important;
  flex:0 0 auto !important;
  min-height:0 !important;
}

.species-command-card--comparisonOutput .species-compare-output__section{
  margin:0 !important;
}
/* ============================================
   CLEAN RIGHT PANEL RESET
   ============================================ */

.species-command-card--comparisonOutput{
  display:block !important;
  height:auto !important;
  min-height:0 !important;
}

.species-command-card--comparisonOutput .species-command-card__header--comparisonOutput{
  margin:0 0 12px !important;
  padding:0 0 10px !important;
}

.species-command-card--comparisonOutput .species-command-compare__selection--insights{
  margin:0 0 12px !important;
  padding:0 !important;
  border:0 !important;
}

.species-command-card--comparisonOutput .species-command-compare__selectionCard{
  width:100% !important;
  min-height:64px !important;
  padding:14px 16px !important;
  border-radius:16px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  box-sizing:border-box !important;
}

.species-command-card--comparisonOutput .species-compare-output{
  display:flex !important;
  flex-direction:column !important;
  gap:12px !important;
  margin:0 !important;
  padding:0 !important;
}

.species-command-card--comparisonOutput .species-compare-output__section{
  margin:0 !important;
}
/* Comparison headers — tightened vertical spacing */

.species-command-card--comparisonControls .species-command-card__header--comparison,
.species-command-card--comparisonOutput .species-command-card__header--comparisonOutput{
  margin:0 0 2px !important;
  padding:0 !important;
  min-height:0 !important;
  height:35px !important;
  box-sizing:border-box !important;
  display:flex !important;
  align-items:flex-start !important;
  justify-content:center !important;
  text-align:center !important;

  /* THIS is what makes it behave like your “working” version */
  overflow:visible !important;
}

.species-command-card--comparisonControls .species-command-card__header--comparison,
.species-command-card--comparisonOutput .species-command-card__header--comparisonOutput{
  background:transparent !important;
}

.species-command-card--comparisonControls .species-command-card__header--comparison .species-command-card__kicker,
.species-command-card--comparisonOutput .species-command-card__header--comparisonOutput .species-command-card__kicker{
  margin:0 !important;
  padding:0 !important;
  line-height:1.05 !important;
}

/* remove the extra push downward */
.species-command-card--comparisonControls,
.species-command-card--comparisonOutput{
  padding-top:0 !important;
}

.species-command-card--comparisonControls .species-command-compare__searchWrap,
.species-command-card--comparisonOutput .species-command-compare__selection--insights{
  margin:0 !important;
}

.species-command-card--comparisonControls .species-command-compare__searchInput,
.species-command-card--comparisonOutput .species-command-compare__selectionCard{
  min-height:64px !important;
  height:64px !important;
  box-sizing:border-box !important;
}

.species-command-card--comparisonOutput .species-command-compare__selection--insights{
  margin-bottom:14px !important;
}

.species-command-card--comparisonControls .species-command-card__kicker,
.species-command-card--comparisonOutput .species-command-card__kicker{
  position:relative !important;
  padding-bottom:14px !important;
}

.species-command-card--comparisonControls .species-command-card__kicker::after,
.species-command-card--comparisonOutput .species-command-card__kicker::after{
  bottom:-8px !important;
}
.species-command-compare__searchInput:focus {
  box-shadow: 0 0 0 1px rgba(212,175,55,0.6), 0 0 18px rgba(212,175,55,0.25);
}

.species-command-compare__searchInput:not(:placeholder-shown) {
  box-shadow: 0 0 0 1px rgba(212,175,55,0.8), 0 0 22px rgba(212,175,55,0.35);
}
.species-command-compare__quickBtn.is-active {
  border-color: #d4af37;
  box-shadow: 0 0 20px rgba(212,175,55,0.25);
  transform: translateY(-2px);
}
.species-command-compare__quickBtn:active {
  transform: scale(0.96);
}

.species-command-compare__quickBtn {
  opacity: 0.7;
}

.species-command-compare__quickBtn.is-active {
  opacity: 1;
}
/* ============================================
   Comparison layout — search + random 50/50
   ============================================ */

.species-command-compare__left{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:14px !important;
  align-items:stretch !important;
}

.species-command-compare__searchWrap{
  min-width:0;
}

.species-command-compare__randomBtn{
  width:100%;
  min-height:64px;
  height:64px;
  box-sizing:border-box;
  margin:0 !important;
}

.species-command-compare__searchInput{
  min-height:64px;
  height:64px;
  box-sizing:border-box;
}

@media (max-width:700px){
  .species-command-compare__left{
    grid-template-columns:1fr !important;
  }
}

/* ============================================
   Comparison layout — related species 2 columns
   ============================================ */

.species-command-compare__right{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:14px !important;
}

.species-command-compare__quickBtn{
  min-height:120px !important;
  height:120px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:16px !important;
  text-align:center !important;
}

.species-command-compare__quickBtnText{
  display:block;
  width:100%;
  text-align:center !important;
  font-size:17px !important;
  line-height:1.15 !important;
}

@media (max-width:700px){
  .species-command-compare__right{
    grid-template-columns:1fr !important;
  }
}
/* ============================================
   Comparison layout — related species card feel
   ============================================ */

.species-command-compare__quickBtn{
  position:relative;
  overflow:hidden;
  border-radius:18px !important;
  border:1px solid rgba(200,162,74,.18) !important;
  background:
    radial-gradient(500px 180px at 50% 0%, rgba(255,255,255,.04), transparent 62%),
    linear-gradient(180deg, rgba(14,18,26,.96), rgba(8,11,16,.98)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 10px 22px rgba(0,0,0,.30) !important;
  transition:
    transform .22s cubic-bezier(.2,.8,.2,1),
    border-color .22s ease,
    box-shadow .22s ease,
    background .22s ease !important;
}

.species-command-compare__quickBtn::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 50% 18%, rgba(103,184,255,.14), transparent 52%),
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,0) 30%);
  opacity:0;
  transition:opacity .22s ease;
  pointer-events:none;
}

.species-command-compare__quickBtn:hover{
  transform:translateY(-3px);
  border-color:rgba(200,162,74,.36) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 14px 28px rgba(0,0,0,.34),
    0 0 18px rgba(200,162,74,.08) !important;
}

.species-command-compare__quickBtn:hover::before{
  opacity:1;
}

.species-command-compare__quickBtn:active{
  transform:translateY(-1px) scale(.98);
}

.species-command-compare__quickBtn.is-active{
  border-color:rgba(212,175,55,.55) !important;
  background:
    radial-gradient(500px 180px at 50% 0%, rgba(212,175,55,.12), transparent 62%),
    linear-gradient(180deg, rgba(16,20,28,.98), rgba(9,12,18,.99)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 14px 28px rgba(0,0,0,.34),
    0 0 22px rgba(212,175,55,.16) !important;
}

.species-command-compare__quickBtnText{
  font-weight:800 !important;
  color:rgba(244,242,234,.96) !important;
}
/* ============================================
   Comparison cards — image support
   ============================================ */

.species-command-compare__quickBtn{
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-end !important;
  padding:0 !important;
  overflow:hidden;
}

.species-command-compare__quickImage{
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center;
  opacity:.55;
  transition:opacity .3s ease, transform .35s ease;
}

.species-command-compare__quickBtnText{
  position:relative;
  z-index:2;
  padding:12px;
  background:linear-gradient(to top, rgba(0,0,0,.75), rgba(0,0,0,.2));
  width:100%;
}

/* Hover effect */
.species-command-compare__quickBtn:hover .species-command-compare__quickImage{
  opacity:.8;
  transform:scale(1.05);
}

/* Active state boost */
.species-command-compare__quickBtn.is-active .species-command-compare__quickImage{
  opacity:.95;
}
.species-command-compare__quickImage{
  opacity:.75;
  filter:brightness(1.1) contrast(1.05);
}
.species-command-compare__quickBtn:hover .species-command-compare__quickImage{
  opacity:.9;
  transform:scale(1.05);
  filter:brightness(1.2) contrast(1.1);
}
/* ============================================
   Comparison Output — Strategy Split Layout
   ============================================ */

.species-compare-output{
  display:flex !important;
  flex-direction:column !important;
  gap:14px !important;
  margin:0 !important;
  padding:0 !important;
}

.species-compare-output__summary{
  padding:14px 16px;
  border-radius:16px;
  border:1px solid rgba(212,175,55,.18);
  background:
    radial-gradient(520px 180px at 50% 0%, rgba(212,175,55,.10), transparent 62%),
    linear-gradient(180deg, rgba(22,18,10,.96), rgba(10,9,8,.98));
  color:rgba(244,242,234,.94);
  font-size:14px;
  line-height:1.45;
  font-weight:700;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 10px 22px rgba(0,0,0,.24);
}

.species-compare-output__strategyGrid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px;
}

.species-compare-output__panel{
  min-width:0;
  padding:14px 14px 12px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(500px 180px at 50% 0%, rgba(255,255,255,.04), transparent 62%),
    linear-gradient(180deg, rgba(11,14,19,.98), rgba(8,10,14,.98));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 10px 22px rgba(0,0,0,.24);
}

.species-compare-output__panel--primary{
  border-color:rgba(212,175,55,.20);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 10px 22px rgba(0,0,0,.24),
    0 0 18px rgba(212,175,55,.08);
}

.species-compare-output__panel--compare{
  border-color:rgba(103,184,255,.20);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 10px 22px rgba(0,0,0,.24),
    0 0 18px rgba(103,184,255,.08);
}

.species-compare-output__eyebrow{
  margin:0 0 10px;
  font-size:10px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--gold);
}

.species-compare-output__panel--compare .species-compare-output__eyebrow{
  color:#8ecbff;
}

.species-compare-output__list{
  margin:0;
  padding-left:16px;
  color:rgba(244,242,234,.90);
  font-size:13px;
  line-height:1.5;
}

.species-compare-output__list--tight li{
  margin-bottom:6px;
}

.species-compare-output__metaGrid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px;
}

.species-compare-output__metaCard{
  padding:12px 14px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.03);
}

.species-compare-output__metaLabel{
  margin:0 0 6px;
  font-size:10px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#d4c38a;
}

.species-compare-output__metaValue{
  font-size:13px;
  line-height:1.4;
  font-weight:700;
  color:rgba(244,242,234,.90);
}

@media (max-width:700px){
  .species-compare-output__strategyGrid,
  .species-compare-output__metaGrid{
    grid-template-columns:1fr;
  }
}
.species-compare-output__matchup{
  padding:2px 14px 8px;
  border-radius:12px;
  border:1px solid rgba(212,175,55,.18);
  background:
    radial-gradient(500px 180px at 50% 0%, rgba(212,175,55,.08), transparent 62%),
    linear-gradient(180deg, rgba(18,16,11,.96), rgba(10,9,8,.98));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 8px 18px rgba(0,0,0,.20);
}

.species-compare-output__matchupLabel{
  font-size:10px;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--gold);
  opacity:.9;
  margin-bottom:6px;
}

.species-compare-output__matchupValue{
  font-size:18px;
  line-height:1.1;
  font-weight:900;
  color:rgba(244,242,234,.96);
}
.species-compare-output__metaGrid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px;
}

.species-compare-output__metaCard{
  padding:12px 14px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.03);
}

.species-compare-output__metaLabel{
  font-size:10px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--gold);
  opacity:.92;
  margin-bottom:8px;
}

.species-compare-output__metaValue{
  font-size:15px;
  line-height:1.3;
  font-weight:800;
  color:rgba(244,242,234,.95);
}

@media (max-width:560px){
  .species-compare-output__metaGrid{
    grid-template-columns:1fr;
  }
}

/* Hide redundant top comparison selection card */
.species-command-card--comparisonOutput .species-command-compare__selection--insights{
  display:none !important;
  margin:0 !important;
  padding:0 !important;
}


/* whole header refresh */
.species-command-card--comparisonOutput .species-compare-output__matchup.is-refreshing .species-compare-output__matchupSide,
.species-command-card--comparisonOutput .species-compare-output__matchup.is-refreshing .species-compare-output__matchupLens{
  animation:speciesCompareHeaderRefresh 240ms ease;
}

@keyframes speciesCompareHeaderRefresh{
  0%{
    opacity:.55;
    transform:translateY(4px);
  }
  100%{
    opacity:1;
    transform:translateY(0);
  }
}

.species-command-card--comparisonOutput .species-compare-output__section{
  background:none !important;
  border:none !important;
  box-shadow:none !important;
  padding:0 !important;
  margin:0;
}

.species-command-card--comparisonOutput .species-compare-output__section--summary{
  margin-bottom:16px;
}

.species-command-card--comparisonOutput .species-compare-output__summary{
  padding:14px 16px 12px;
  border-radius:14px;
  border:1px solid rgba(214,175,78,.12);
  background:linear-gradient(180deg, rgba(214,175,78,.05), rgba(214,175,78,.02));
  font-size:17px;
  line-height:1.5;
  font-weight:800;
  text-align:left;
  color:#f3efe6;
  box-shadow:none;
}

.species-command-card--comparisonOutput .species-compare-output__strategyGrid{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
  margin:0 0 18px;
}

.species-command-card--comparisonOutput .species-compare-output__section--primary,
.species-command-card--comparisonOutput .species-compare-output__section--compare{
  padding:14px 0 0 !important;
  border-top:1px solid rgba(214,175,78,.14) !important;
}

.species-command-card--comparisonOutput .species-compare-output__title{
  margin:0 0 10px;
  font-size:16px;
  line-height:1.05;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:rgba(214,175,78,.94);
  text-align:left;
}

.species-command-card--comparisonOutput .species-compare-output__list{
  margin:0;
  padding-left:22px;
  text-align:left;
}

.species-command-card--comparisonOutput .species-compare-output__list li{
  margin:0 0 12px;
  line-height:1.5;
}

.species-command-card--comparisonOutput .species-compare-output__metaGrid{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
}

.species-command-card--comparisonOutput .species-compare-output__metaCard--full{
  padding:12px 0 14px;
  border-radius:0;
  border:none;
  background:none;
  box-shadow:none;
}
.species-command-card--comparisonOutput .species-compare-output__metaCard--full + .species-compare-output__metaCard--full{
  border-top:1px solid rgba(214,175,78,.12);
  padding-top:14px;
}

.species-command-card--comparisonOutput .species-compare-output__metaLabel{
  margin-bottom:8px;
  font-size:11px;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:rgba(214,175,78,.92);
}

.species-command-card--comparisonOutput .species-compare-output__metaValue{
  margin-bottom:12px;
  font-size:22px;
  line-height:1.1;
  font-weight:900;
  color:#f4efe6;
}

.species-command-card--comparisonOutput .species-compare-output__metaBars{
  display:grid;
  gap:10px;
}

.species-command-card--comparisonOutput .species-compare-output__metaBarRow{
  display:grid;
  gap:6px;
}

.species-command-card--comparisonOutput .species-compare-output__metaBarTop{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  font-size:12px;
}

.species-command-card--comparisonOutput .species-compare-output__metaBarName{
  color:rgba(244,242,234,.82);
  font-weight:700;
}

.species-command-card--comparisonOutput .species-compare-output__metaBarScore{
  color:#f4efe6;
  font-weight:900;
}

.species-command-card--comparisonOutput .species-compare-output__metaBarTrack{
  height:12px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
  overflow:hidden;
}

.species-command-card--comparisonOutput .species-compare-output__metaBarFill{
  display:block;
  height:100%;
  width:0;
  border-radius:999px;
  transition:width 420ms cubic-bezier(.2,.8,.2,1);
}

.species-command-card--comparisonOutput .species-compare-output__metaBarFill--primary{
  background:linear-gradient(90deg, rgba(214,175,78,.62), rgba(214,175,78,.98));
}

.species-command-card--comparisonOutput .species-compare-output__metaBarFill--compare{
  background:linear-gradient(90deg, rgba(112,175,255,.58), rgba(112,175,255,.92));
}

@media (max-width: 820px){
  .species-command-card--comparisonOutput .species-compare-output__matchupHeader{
    grid-template-columns:1fr;
    gap:10px;
  }

  .species-command-card--comparisonOutput .species-compare-output__matchupSide--primary,
  .species-command-card--comparisonOutput .species-compare-output__matchupSide--compare{
    justify-self:center;
    transform:none;
  }

  .species-command-card--comparisonOutput .species-compare-output__matchupVs{
    order:-1;
  }

  .species-command-card--comparisonOutput .species-compare-output__matchupVs img{
    width:108px;
  }

  .species-command-card--comparisonOutput .species-compare-output__speciesName{
    font-size:20px;
  }

  .species-command-card--comparisonOutput .species-compare-output__summary{
    font-size:16px;
    line-height:1.5;
  }
}

/* Header refresh animation when compare species changes */
.species-command-card--comparisonOutput .species-compare-output__matchup.is-refreshing .species-compare-output__matchupSide,
.species-command-card--comparisonOutput .species-compare-output__matchup.is-refreshing .species-compare-output__matchupLens{
  animation:speciesCompareHeaderRefresh 240ms ease;
}



/* ============================================
   Unified Matchup Card
   ============================================ */

.species-command-card--comparisonOutput .species-compare-output__card{
  margin-top:4px;
  padding:14px 18px 18px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.08);
  background:
    linear-gradient(180deg, rgba(18,24,34,.96), rgba(10,15,22,.96));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 12px 28px rgba(0,0,0,.28);
}

.species-command-card--comparisonOutput .species-compare-output__section{
  background:none !important;
  border:none !important;
  padding:0 !important;
  margin:0;
}

.species-command-card--comparisonOutput .species-compare-output__section--summary{
  margin-top:-6px;
  margin-bottom:12px;
}

.species-command-card--comparisonOutput .species-compare-output__strategyGrid{
  margin-top:8px;
  margin-bottom:16px;
}

.species-command-card--comparisonOutput .species-compare-output__metaGrid{
  margin-top:6px;
}
.species-command-card--comparisonOutput .species-compare-output__strategyGrid{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
}
.species-command-card--comparisonOutput .species-compare-output__metaGrid{
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
}
.species-compare-output__matchupVsWrap{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}

.species-compare-output__matchupLens{
  margin-top:6px;
  font-size:11px;
  letter-spacing:.18em;
  text-transform:uppercase;
  font-weight:700;
  color:rgba(214,175,78,.85);
}
/* ============================================
   Comparison Matchup Header — Species First
   ============================================ */

.species-command-card--comparisonOutput .species-compare-output__matchup{
  margin:0 !important;
  padding:2px 18px 4px !important;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(700px 240px at 50% -10%, rgba(214,175,78,.10), transparent 58%),
    linear-gradient(180deg, rgba(14,20,30,.98), rgba(9,14,22,.98));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 10px 24px rgba(0,0,0,.26);
}

.species-command-card--comparisonOutput .species-compare-output__matchupHeader{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  align-items:center;
  gap:8px;
  transform:translateY(-8px);
}

.species-command-card--comparisonOutput .species-compare-output__matchupSide{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  transform:translateY(-6px);
}

.species-command-card--comparisonOutput .species-compare-output__matchupSide--primary{
  justify-self:end;
  transform:translate(30px, -6px);
}

.species-command-card--comparisonOutput .species-compare-output__matchupSide--compare{
  justify-self:start;
  transform:translate(-30px, -6px);
}

.species-command-card--comparisonOutput .species-compare-output__speciesName{
  font-size:20px;
  line-height:1.02;
  font-weight:900;
  letter-spacing:.03em;
  text-transform:uppercase;
  color:#f6f3ea;
  text-wrap:balance;
}

.species-command-card--comparisonOutput .species-compare-output__speciesArchetype{
  margin-top:6px;
  font-size:11px;
  line-height:1.15;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:rgba(214,225,240,.72);
}

.species-command-card--comparisonOutput .species-compare-output__matchupVs{
  display:flex;
  align-items:center;
  justify-content:center;
}

.species-command-card--comparisonOutput .species-compare-output__matchupVs img{
  display:block;
  width:150px;
  height:auto;
  transform:translateY(-10px);
  filter:
    drop-shadow(0 8px 22px rgba(0,0,0,.45))
    drop-shadow(0 0 18px rgba(212,175,55,.22));
}

.species-command-card--comparisonOutput .species-compare-output__matchupLens{
  margin-top:-18px;
  text-align:center;
  font-size:11px;
  line-height:1.2;
  letter-spacing:.18em;
  text-transform:uppercase;
  font-weight:700;
  color:rgba(214,175,78,.85);
}

@media (max-width: 820px){
  .species-command-card--comparisonOutput .species-compare-output__matchupHeader{
    grid-template-columns:1fr;
    gap:12px;
  }

  .species-command-card--comparisonOutput .species-compare-output__matchupSide--primary,
  .species-command-card--comparisonOutput .species-compare-output__matchupSide--compare{
    justify-self:center;
    transform:none;
  }

  .species-command-card--comparisonOutput .species-compare-output__matchupVs{
    order:-1;
  }

  .species-command-card--comparisonOutput .species-compare-output__matchupVs img{
    width:96px;
  }

  .species-command-card--comparisonOutput .species-compare-output__speciesName{
    font-size:20px;
  }

  .species-command-card--comparisonOutput .species-compare-output__matchupLens{
    margin-top:8px;
    font-size:10px;
    letter-spacing:.14em;
  }
}
.species-command-card--comparisonOutput .species-compare-output__summary{
  text-align:left;
  max-width:520px;
  margin-left:auto;
  margin-right:auto;
}
.species-compare-output__section--summary{
  padding:0;
  border:none;
  background:none;
  box-shadow:none;
  margin-top:10px;
}
.species-compare-output__title--observation{
  color:#d4af37;
  font-size:12px;
  letter-spacing:.18em;
  text-transform:uppercase;
  margin-bottom:6px;
}

.species-compare-output__summary{
  font-size:14px;
  line-height:1.6;
  font-weight:500;
  color:#e7e2d6;
  text-align:left;
  max-width:520px;
}

.species-command-card--comparisonOutput .species-compare-output__section--summary{
  padding:0 !important;
  margin:0 0 18px !important;
  border:none !important;
  background:none !important;
  box-shadow:none !important;
}

.species-command-card--comparisonOutput .species-compare-output__title--observation{
  margin:0 0 10px !important;
  font-size:16px;
  line-height:1.05;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:rgba(214,175,78,.94);
  text-align:left;
}

.species-command-card--comparisonOutput .species-compare-output__summary{
  margin:0 !important;
  padding:0 !important;
  border:none !important;
  background:none !important;
  box-shadow:none !important;
  font-size:14px;
  line-height:1.45;
  font-weight:500;
  color:rgba(244,242,234,.90);
  text-align:left;
  max-width:none;
}
.species-command-card--comparisonOutput .species-compare-output__section--summary{
  padding:0 !important;
  margin:0 0 18px !important;
  border:none !important;
  background:none !important;
  box-shadow:none !important;
}

.species-command-card--comparisonOutput .species-compare-output__title--observation{
  margin:0 0 10px !important;
  font-size:16px;
  line-height:1.05;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:rgba(214,175,78,.94);
  text-align:left;
}

.species-command-card--comparisonOutput .species-compare-output__summary{
  margin:0 !important;
  padding:0 !important;
  border:none !important;
  background:none !important;
  box-shadow:none !important;
  font-size:14px;
  line-height:1.45;
  font-weight:500;
  color:rgba(244,242,234,.90);
  text-align:left;
  max-width:none;
}

.species-command-card--comparisonOutput .species-compare-output__metaHeader{
  display:flex;
  align-items:baseline;
  gap:12px;
  margin:0 0 10px;
}

.species-command-card--comparisonOutput .species-compare-output__metaLabel{
  font-size:15px;
  line-height:1;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:rgba(214,175,78,.92);
}

.species-command-card--comparisonOutput .species-compare-output__metaValue{
  font-size:15px;
  line-height:1;
  font-weight:800;
  letter-spacing:.02em;
  color:#f4efe2;
}

.species-command-card--comparisonOutput .species-compare-output__metaBarFill--primary{
  background:linear-gradient(90deg,
    #7ecb6b 0%,
    #7ecb6b 20%,
    #6fb0d8 20%,
    #6fb0d8 40%,
    #f2b45c 40%,
    #f2b45c 60%,
    #e5d48a 60%,
    #e5d48a 80%,
    #e97a7a 80%,
    #f3e2a4 100%
  );
  border-radius:999px;
  transition:width 300ms ease;
}
.species-command-card--comparisonOutput .species-compare-output__metaBarFill--compare{
  background:linear-gradient(90deg,
    #7ecb6b 0%,
    #7ecb6b 20%,
    #6fb0d8 20%,
    #6fb0d8 40%,
    #f2b45c 40%,
    #f2b45c 60%,
    #e5d48a 60%,
    #e5d48a 80%,
    #e97a7a 80%,
    #f3e2a4 100%
  );
  border-radius:999px;
  transition:width 300ms ease;
}
.species-command-card--comparisonOutput .species-compare-output__metaBarFill{
  box-shadow:
    0 0 6px rgba(255,255,255,.08),
    0 0 12px rgba(212,175,55,.10);
}

.species-command-center__row--comparisonShell{
  margin-bottom: 28px !important;
}
.species-command-center__row--comparisonShell{
  align-items:start !important;
}

.species-command-card--comparisonControls{
  height:auto !important;
  align-self:start !important;
}

.species-command-card--comparisonOutput{
  height:auto !important;
  align-self:start !important;
}



.species-command-center__row--comparisonShell{
  align-items:stretch !important;
}

.species-command-card--comparisonControls,
.species-command-card--comparisonOutput{
  height:100% !important;
  align-self:stretch !important;
}
.species-compare-output__list{
  font-size: 15px;
  line-height: 1.6;
}
.species-compare-output__list{
  font-size: 15px;
  line-height: 1.6;
}
.species-radar__label[data-radar-tooltip]{
  cursor: help;
}

.species-radar__label[data-radar-tooltip]:hover{
  text-shadow: 0 0 8px rgba(255,255,255,.22);
}

/* ============================================
   Top Content Switcher
   ============================================ */

.species-topSwitch{
  display:flex;
  flex-direction:column;
  gap:14px;
  margin:0 0 18px;
}

.species-topSwitch__header{
  display:flex;
  justify-content:center;
}

.species-topSwitch__segmented{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px;
  border:1px solid rgba(212,175,55,.24);
  border-radius:999px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.05) 0%, rgba(255,255,255,.02) 100%),
    rgba(10,12,18,.72);
  box-shadow:
    0 10px 28px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.05);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

.species-topSwitch__tab{
  appearance:none;
  border:0;
  background:transparent;
  color:rgba(255,255,255,.78);
  font:inherit;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  padding:12px 18px;
  border-radius:999px;
  cursor:pointer;
  transition:
    background .2s ease,
    color .2s ease,
    transform .2s ease,
    box-shadow .2s ease,
    opacity .2s ease;
}

.species-topSwitch__tab:hover{
  color:#fff;
  transform:translateY(-1px);
}

.species-topSwitch__tab:focus-visible{
  outline:none;
  box-shadow:
    0 0 0 2px rgba(212,175,55,.30),
    0 0 0 5px rgba(212,175,55,.10);
}

.species-topSwitch__tab.is-active{
  color:#111;
  background:linear-gradient(180deg, #f3d977 0%, #d4af37 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.38),
    0 8px 18px rgba(212,175,55,.24);
}

.species-topSwitch__tab[disabled]{
  opacity:.42;
  cursor:default;
  pointer-events:none;
}

.species-topSwitch__stage{
  position:relative;
}

.species-topSwitch__panel{
  animation:speciesTopSwitchFade .22s ease;
}

.species-topSwitch__panel[hidden]{
  display:none !important;
}

@keyframes speciesTopSwitchFade{
  from{
    opacity:0;
    transform:translateY(6px);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}

/* Small cleanup when these blocks live inside the switcher */
.species-topSwitch .species-block{
  margin-top:0;
}

.species-topSwitch .species-block + .species-block{
  margin-top:16px;
}

@media (max-width: 768px){
  .species-topSwitch{
    gap:12px;
    margin-bottom:16px;
  }

  .species-topSwitch__header{
    justify-content:stretch;
  }

  .species-topSwitch__segmented{
    width:100%;
    gap:6px;
    padding:5px;
  }

  .species-topSwitch__tab{
    flex:1 1 0;
    min-width:0;
    padding:11px 10px;
    font-size:12px;
    letter-spacing:.06em;
  }

  .species-topSwitch .species-block + .species-block{
    margin-top:14px;
  }
}

@media (max-width: 560px){
  .species-topSwitch__segmented{
    border-radius:20px;
  }

  .species-topSwitch__tab{
    padding:10px 8px;
    font-size:11px;
  }
}

/* ============================================
   Section Header Switch — Editorial Style
   ============================================ */

.species-topSwitch{
  gap:10px;
  margin:0 0 18px;
}

.species-topSwitch__header{
  display:flex;
  justify-content:center;
  margin:2px 0 4px;
}

.species-sectionSwitch{
  width:100%;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  gap:34px;
  padding:0 8px 10px;
  border-bottom:1px solid rgba(212,175,55,.20);
}

.species-sectionSwitch__tab{
  appearance:none;
  -webkit-appearance:none;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  padding:0 0 12px !important;
  margin:0;
  position:relative;
  color:rgba(244,242,234,.58);
  font:inherit;
  font-size:clamp(20px, 2vw, 28px);
  font-weight:900;
  letter-spacing:.08em;
  line-height:1.05;
  text-transform:uppercase;
  cursor:pointer;
  transition:
    color .22s ease,
    opacity .22s ease,
    transform .22s ease;
}

.species-sectionSwitch__tab:hover{
  color:rgba(244,242,234,.82);
  transform:translateY(-1px);
}

.species-sectionSwitch__tab:focus-visible{
  outline:none;
  color:#f2d06b;
}

.species-sectionSwitch__tab::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(212,175,55,0) 0%, rgba(212,175,55,.95) 18%, rgba(244,221,130,1) 50%, rgba(212,175,55,.95) 82%, rgba(212,175,55,0) 100%);
  opacity:0;
  transform:scaleX(.58);
  transform-origin:center;
  transition:
    opacity .22s ease,
    transform .22s ease;
}

.species-sectionSwitch__tab.is-active{
  color:#e7c45f;
  transform:none;
}

.species-sectionSwitch__tab.is-active::after{
  opacity:1;
  transform:scaleX(1);
}

.species-sectionSwitch__tab[disabled],
.species-sectionSwitch__tab[aria-disabled="true"]{
  opacity:.3;
  pointer-events:none;
}

.species-topSwitch__stage{
  margin-top:4px;
}

/* kill old pill styles if they still bleed through */
.species-topSwitch__segmented{
  all:unset;
}

.species-topSwitch__tab{
  background:transparent;
  box-shadow:none;
  border-radius:0;
}

/* mobile */
@media (max-width: 900px){
  .species-sectionSwitch{
    gap:20px;
    padding:0 4px 10px;
  }

  .species-sectionSwitch__tab{
    font-size:clamp(16px, 2.8vw, 22px);
    letter-spacing:.06em;
  }
}

@media (max-width: 640px){
  .species-topSwitch__header{
    justify-content:stretch;
  }

  .species-sectionSwitch{
    justify-content:space-between;
    gap:10px;
    padding:0 0 8px;
  }

  .species-sectionSwitch__tab{
    flex:1 1 0;
    min-width:0;
    font-size:13px;
    letter-spacing:.05em;
    padding:0 0 10px !important;
    text-align:center;
  }

  .species-sectionSwitch__tab::after{
    height:2px;
  }
}
/* ============================================
   Section Header Switch — final polish
   ============================================ */

.species-topSwitch{
  gap:16px;
  margin:34px 0 24px;
  position:relative;
}

.species-topSwitch::before{
  content:"";
  display:block;
  height:1px;
  margin:0 0 14px;
  background:linear-gradient(
    90deg,
    rgba(212,175,55,0) 0%,
    rgba(212,175,55,.12) 10%,
    rgba(212,175,55,.24) 22%,
    rgba(212,175,55,.38) 50%,
    rgba(212,175,55,.24) 78%,
    rgba(212,175,55,.12) 90%,
    rgba(212,175,55,0) 100%
  );
}

.species-topSwitch__header{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin:0 0 4px;
}

.species-sectionSwitch{
  position:relative;
  width:100%;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  gap:18px;
  padding:0 8px 14px;
  border-bottom:1px solid rgba(212,175,55,.18);
}

.species-sectionSwitch__underline{
  position:absolute;
  left:0;
  bottom:-1px;
  width:0;
  height:3px;
  border-radius:999px;
  background:linear-gradient(
    90deg,
    rgba(212,175,55,0) 0%,
    rgba(212,175,55,.94) 18%,
    rgba(244,221,130,1) 50%,
    rgba(212,175,55,.94) 82%,
    rgba(212,175,55,0) 100%
  );
  box-shadow:0 0 14px rgba(212,175,55,.14);
  opacity:1;
  transform:translateX(0);
  transition:
    left .28s cubic-bezier(.2,.8,.2,1),
    width .28s cubic-bezier(.2,.8,.2,1),
    opacity .2s ease;
  pointer-events:none;
}

.species-sectionSwitch__divider{
  width:1px;
  height:18px;
  align-self:center;
  flex:0 0 auto;
  transform:translateY(-3px);
  background:linear-gradient(
    180deg,
    rgba(212,175,55,0) 0%,
    rgba(212,175,55,.58) 50%,
    rgba(212,175,55,0) 100%
  );
}

.species-sectionSwitch__tab{
  appearance:none;
  -webkit-appearance:none;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  padding:0 0 12px !important;
  margin:0;
  position:relative;
  font:inherit;
  line-height:1.04;
  text-transform:uppercase;
  cursor:pointer;
  white-space:nowrap;
  transition:
    color .22s ease,
    opacity .22s ease,
    transform .18s ease,
    text-shadow .22s ease,
    font-size .18s ease;
}

.species-sectionSwitch__tab:not(.is-active){
  color:rgba(244,242,234,.80);
  font-size:clamp(14px, 1.25vw, 18px);
  font-weight:800;
  letter-spacing:.065em;
}

.species-sectionSwitch__tab.is-active{
  color:#e7c45f;
  font-size:clamp(20px, 2vw, 27px);
  font-weight:900;
  letter-spacing:.08em;
  text-shadow:0 0 16px rgba(212,175,55,.10);
  transform:none;
}

.species-sectionSwitch__tab:hover{
  color:rgba(244,242,234,.96);
  transform:translateY(-2px) scale(1.04);
  text-shadow:0 0 12px rgba(212,175,55,.10);
}

.species-sectionSwitch__tab.is-active:hover{
  color:#f0cf72;
  transform:translateY(-1px) scale(1.01);
}

.species-sectionSwitch__tab:focus-visible{
  outline:none;
  color:#f2d06b;
}

.species-sectionSwitch__tab:active{
  transform:translateY(0) scale(.985);
}

/* old per-tab underline off */
.species-sectionSwitch__tab::after{
  content:none;
}

.species-sectionSwitch__tab[disabled],
.species-sectionSwitch__tab[aria-disabled="true"]{
  opacity:.30;
  pointer-events:none;
}

.species-sectionSwitch__eyebrow{
  font-size:11px;
  line-height:1;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:rgba(231,196,95,.74);
  text-align:center;
  user-select:none;
}

.species-topSwitch__stage{
  margin-top:10px;
}

/* kill any older pill styling if still hanging around */
.species-topSwitch__segmented{
  all:unset;
}

.species-topSwitch__tab{
  background:transparent;
  box-shadow:none;
  border-radius:0;
  cursor:pointer;
}



/* mobile */
@media (max-width: 900px){
  .species-topSwitch{
    margin:28px 0 22px;
  }

  .species-topSwitch::before{
    margin-bottom:12px;
  }

  .species-sectionSwitch{
    gap:12px;
    padding:0 4px 12px;
  }

  .species-sectionSwitch__tab:not(.is-active){
    font-size:clamp(12px, 2vw, 15px);
    letter-spacing:.05em;
  }

  .species-sectionSwitch__tab.is-active{
    font-size:clamp(17px, 3vw, 22px);
    letter-spacing:.06em;
  }

  .species-sectionSwitch__divider{
    height:16px;
  }

  .species-sectionSwitch:has(.species-sectionSwitch__tab:nth-of-type(1):hover),
  .species-sectionSwitch:has(.species-sectionSwitch__tab:nth-of-type(1).is-active){
    --switcher-line-x: 18%;
    --switcher-line-width: 66px;
  }

  .species-sectionSwitch:has(.species-sectionSwitch__tab:nth-of-type(2):hover),
  .species-sectionSwitch:has(.species-sectionSwitch__tab:nth-of-type(2).is-active){
    --switcher-line-x: 50%;
    --switcher-line-width: 190px;
  }

  .species-sectionSwitch:has(.species-sectionSwitch__tab:nth-of-type(3):hover),
  .species-sectionSwitch:has(.species-sectionSwitch__tab:nth-of-type(3).is-active){
    --switcher-line-x: 82%;
    --switcher-line-width: 58px;
  }
}

@media (max-width: 640px){
  .species-topSwitch{
    gap:12px;
    margin:22px 0 20px;
  }

  .species-topSwitch::before{
    margin-bottom:10px;
  }

  .species-topSwitch__header{
    gap:8px;
  }

  .species-sectionSwitch{
    justify-content:center;
    gap:8px;
    padding:0 0 10px;
  }

  .species-sectionSwitch__divider{
    height:14px;
    transform:translateY(-2px);
  }

  .species-sectionSwitch__tab{
    min-width:0;
    text-align:center;
    padding:0 0 10px !important;
  }

  .species-sectionSwitch__tab:not(.is-active){
    font-size:11px;
    letter-spacing:.035em;
  }

  .species-sectionSwitch__tab.is-active{
    font-size:14px;
    letter-spacing:.045em;
  }

  .species-sectionSwitch__eyebrow{
    font-size:10px;
    letter-spacing:.12em;
  }

  .species-sectionSwitch:has(.species-sectionSwitch__tab:nth-of-type(1):hover),
  .species-sectionSwitch:has(.species-sectionSwitch__tab:nth-of-type(1).is-active){
    --switcher-line-x: 18%;
    --switcher-line-width: 52px;
  }

  .species-sectionSwitch:has(.species-sectionSwitch__tab:nth-of-type(2):hover),
  .species-sectionSwitch:has(.species-sectionSwitch__tab:nth-of-type(2).is-active){
    --switcher-line-x: 50%;
    --switcher-line-width: 142px;
  }

  .species-sectionSwitch:has(.species-sectionSwitch__tab:nth-of-type(3):hover),
  .species-sectionSwitch:has(.species-sectionSwitch__tab:nth-of-type(3).is-active){
    --switcher-line-x: 82%;
    --switcher-line-width: 46px;
  }
}
/* ============================================
   Radar Tooltip
   ============================================ */

.species-tooltip{
  position:fixed;
  top:0;
  left:0;
  z-index:9999;

  max-width:220px;
  padding:10px 12px;

  background:rgba(10,10,10,.96);
  color:#f4f2ea;

  font-size:12px;
  line-height:1.35;
  letter-spacing:.02em;

  border:1px solid rgba(212,175,55,.35);
  border-radius:8px;

  box-shadow:
    0 8px 24px rgba(0,0,0,.45),
    0 0 12px rgba(212,175,55,.08);

  pointer-events:none;

  opacity:0;
  transform:translate(-50%, -120%) scale(.96);
  transition:
    opacity .18s ease,
    transform .18s ease;

  backdrop-filter:blur(6px);
}

.species-tooltip.is-visible{
  opacity:1;
  transform:translate(-50%, -135%) scale(1);
}

/* ============================================
   Habitat + Fight Radar Themes (theme only)
   ============================================ */

.species-command-card--habitat-radar .species-command-card__kicker,
.species-radar--habitat .species-radar__legendTitle{
  color:var(--intel-green);
}

.species-command-card--fight-radar .species-command-card__kicker,
.species-radar--fight .species-radar__legendTitle{
  color:#ff7fb6;
}



.species-radar--habitat .species-radar__svg,
.species-radar--fight .species-radar__svg{
  filter:
    drop-shadow(0 0 10px var(--radar-glow))
    drop-shadow(0 8px 16px rgba(0,0,0,.18));
}

.species-radar--habitat .species-radar__ring,
.species-radar--fight .species-radar__ring{
  stroke:var(--radar-line);
}

.species-radar--habitat .species-radar__axis,
.species-radar--fight .species-radar__axis{
  stroke:var(--radar-line);
}

.species-radar--habitat .species-radar__shape,
.species-radar--fight .species-radar__shape{
  fill:var(--radar-fill);
  stroke:var(--radar-accent);
}

.species-radar--habitat .species-radar__shape.is-visible,
.species-radar--fight .species-radar__shape.is-visible{
  fill:var(--radar-fill-strong);
}

.species-radar--habitat .species-radar__dot,
.species-radar--fight .species-radar__dot{
  fill:var(--radar-dot);
  stroke:rgba(8,10,12,.55);
}

.species-radar--habitat .species-radar__labelBtn{
  color:rgba(225,245,214,.96);
}

.species-radar--fight .species-radar__labelBtn{
  color:rgba(255,232,242,.96);
}

.species-radar__shape--compare-habitat{
  fill:rgba(255,255,255,.06);
  stroke:rgba(215,255,190,.86);
}

.species-radar__shape--compare-fight{
  fill:rgba(255,255,255,.06);
  stroke:rgba(255,214,232,.86);
}

.species-radar__dot--compare-habitat{
  fill:#ecffd8;
  stroke:rgba(8,10,12,.55);
}

.species-radar__dot--compare-fight{
  fill:#ffe0ec;
  stroke:rgba(8,10,12,.55);
}

/* ============================================
   Habitat + Fight Radar — mirror behavior/strike sizing
   ============================================ */

/* match card body alignment */
.species-command-card--habitat-radar .species-command-card__body,
.species-command-card--fight-radar .species-command-card__body{
  display:flex;
  justify-content:center;
  align-items:center;
}

/* match card spacing */
.species-command-card--habitat-radar .species-command-card__header,
.species-command-card--fight-radar .species-command-card__header{
  margin-bottom:2px;
  padding-bottom:2px;
}

.species-command-card--habitat-radar .species-command-card__kicker,
.species-command-card--fight-radar .species-command-card__kicker{
  margin-bottom:2px;
  padding-bottom:4px;
  font-size:14px;
  letter-spacing:.24em;
}

/* same wrapper model as behavior/strike */
.species-radar--habitat,
.species-radar--fight{
  position:relative;
  width:100%;
  min-height:300px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  padding-top:0;
  overflow:hidden;
  border-radius:22px;
}

/* background art image layer */
.species-radar--habitat::before,
.species-radar--fight::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:min(100%, 430px);
  aspect-ratio:1 / 1;
  transform:translate(-50%, -50%);
  pointer-events:none;
  z-index:0;
  background-repeat:no-repeat;
  background-position:center;
}

/* green habitat radar background */
.species-radar--habitat::before{
  background-image:url("/cdn/shop/files/Green_Radar.png?v=1773679424");
  background-size:172%;
  opacity:.78;
}

/* pink fight radar background */
.species-radar--fight::before{
  background-image:url("/cdn/shop/files/Pink_Radar.png?v=1773679423");
  background-size:172%;
  opacity:.84;
}

/* same edge-softening layer */
.species-radar--habitat::after,
.species-radar--fight::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:1;
  border-radius:22px;
  background:
    radial-gradient(
      circle at center,
      rgba(0,0,0,0) 62%,
      rgba(0,0,0,.20) 82%,
      rgba(0,0,0,.42) 100%
    );
}

/* same SVG sizing as top row */
.species-radar--habitat .species-radar__svg,
.species-radar--fight .species-radar__svg{
  position:relative;
  z-index:2;
  width:min(100%, 388px);
  height:auto;
  display:block;
}

/* same label overlay sizing as top row */
.species-radar--habitat .species-radar__labels,
.species-radar--fight .species-radar__labels{
  position:absolute;
  top:2px;
  left:50%;
  width:min(100%, 388px);
  aspect-ratio:1 / 1;
  transform:translateX(-50%);
  pointer-events:auto;
  z-index:3;
}


/* responsive mirroring */
@media (max-width:980px){
  .species-radar--habitat,
  .species-radar--fight{
    min-height:300px;
  }

  .species-radar--habitat .species-radar__svg,
  .species-radar--fight .species-radar__svg{
    width:min(100%, 360px);
  }

  .species-radar--habitat .species-radar__labels,
  .species-radar--fight .species-radar__labels{
    width:min(100%, 360px);
  }

  .species-radar--habitat::before,
  .species-radar--fight::before{
    width:min(100%, 400px);
  }
}

@media (max-width:560px){
  .species-radar--habitat,
  .species-radar--fight{
    min-height:280px;
    border-radius:18px;
  }

  .species-radar--habitat .species-radar__svg,
  .species-radar--fight .species-radar__svg{
    width:min(100%, 286px);
  }

  .species-radar--habitat .species-radar__labels,
  .species-radar--fight .species-radar__labels{
    width:min(100%, 286px);
    top:0;
  }

  .species-radar--habitat::before,
  .species-radar--fight::before{
    width:min(100%, 320px);
  }

  .species-radar--habitat::before{
    background-size:172%;
    opacity:.80;
  }

  .species-radar--fight::before{
    background-size:172%;
    opacity:.84;
  }

  .species-radar--habitat::after,
  .species-radar--fight::after{
    border-radius:18px;
  }
}

/* Fix missing habitat/fight radar vars */
.species-radar--habitat{
  --radar-accent: rgba(185,234,143,.96);
  --radar-fill: rgba(143,203,98,.20);
  --radar-fill-strong: rgba(143,203,98,.34);
  --radar-dot: #b9ea8f;
  --radar-line: rgba(143,203,98,.34);
  --radar-glow: rgba(143,203,98,.22);
}

.species-radar--fight{
  --radar-accent: rgba(255,178,210,.96);
  --radar-fill: rgba(255,127,182,.18);
  --radar-fill-strong: rgba(255,127,182,.32);
  --radar-dot: #ffb2d2;
  --radar-line: rgba(255,127,182,.34);
  --radar-glow: rgba(255,127,182,.22);
}
/* Match headers to radar BACKGROUND themes (not polygon) */
.species-command-card--behavior-radar .species-command-card__kicker{
  color:#f0cb7a; /* gold */
}

.species-command-card--strike-radar .species-command-card__kicker{
  color:#7cc0ff; /* blue */
}

/* ============================================
   Compare overlay styling for Positioning + Fight
   Match behavior/strike secondary overlay treatment
   ============================================ */

.species-radar__shape--compare-habitat,
.species-radar__shape--compare-fight{
  fill: rgba(255,255,255,.03);
  stroke-width: 2.1;
  stroke-dasharray: 6 6;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: none;
}

.species-radar__shape--compare-habitat{
  stroke: rgba(215,255,190,.92);
}

.species-radar__shape--compare-fight{
  stroke: rgba(255,214,232,.92);
}

.species-radar__dot--compare-habitat,
.species-radar__dot--compare-fight{
  r: 2.6;
  stroke-width: 1;
}

.species-radar__dot--compare-habitat{
  fill: #ecffd8;
  stroke: rgba(8,10,12,.55);
}

.species-radar__dot--compare-fight{
  fill: #ffe0ec;
  stroke: rgba(8,10,12,.55);
}


.species-command-card--habitat-radar .species-archetypeBadge img,
.species-command-card--fight-radar .species-archetypeBadge img{
  transform: scale(var(--bottom-badge-art-scale));
  transform-origin: center center;
}

.species-command-card--habitat-radar .species-archetypeBadge__textWrap,
.species-command-card--fight-radar .species-archetypeBadge__textWrap{
  width: 116%;
}

.species-command-card--habitat-radar .species-archetypeBadge__label,
.species-command-card--fight-radar .species-archetypeBadge__label{
  font-size: 16.4px;
  line-height: 1;
}

.species-command-card--habitat-radar .species-archetypeBadge__species,
.species-command-card--fight-radar .species-archetypeBadge__species{
  font-size: 8.6px;
  line-height: 1.05;
}
/* Slightly boost green (positioning) so it visually matches pink */
.species-command-card--habitat-radar .species-archetypeBadge{
  --badge-size: 124px;
  --bottom-badge-art-scale: 1.34;
}

/* Slightly reduce pink (fight) so it doesn’t overpower */
.species-command-card--fight-radar .species-archetypeBadge{
  --badge-size: 104px;
  --bottom-badge-art-scale: 1.22;
}
/* Force strike radar primary polygon + dots to blue */
.species-radar--strike .species-radar__shape,
.species-radar--strike .species-radar__shape--primary,
.species-radar--strike .species-radar__shape--primary-strike{
  stroke: rgba(124,192,255,.96) !important;
  fill: rgba(90,150,255,.18) !important;
}

.species-radar--strike .species-radar__dot,
.species-radar--strike .species-radar__dot--primary,
.species-radar--strike .species-radar__dot--primary-strike{
  fill: #7cc0ff !important;
  stroke: rgba(255,255,255,.72) !important;
}

/* Force strike compare overlay to blue */
.species-radar__shape--compare-strike{
  stroke: rgba(124,192,255,.96) !important;
  fill: rgba(124,192,255,.04) !important;
}

.species-radar__dot--compare-strike{
  fill: #7cc0ff !important;
  stroke: rgba(8,10,12,.55) !important;
}

/* Make ONLY fight badges larger */
.species-command-card--fight-radar .species-archetypeBadge{
  --badge-size: 122px;              /* increase container */
  --bottom-badge-art-scale: 1.42;   /* increase shield size inside */
}

/* Bottom radar shields: final size + placement */
.species-command-card--habitat-radar .species-archetypeBadge,
.species-command-card--fight-radar .species-archetypeBadge{
  --badge-bottom: -40px;
}

.species-command-card--habitat-radar .species-archetypeBadge--primary,
.species-command-card--fight-radar .species-archetypeBadge--primary{
  left: -10px;
}

.species-command-card--habitat-radar .species-archetypeBadge--compare,
.species-command-card--fight-radar .species-archetypeBadge--compare{
  right: -10px;
}

.species-command-card--habitat-radar .species-archetypeBadge{
  --badge-size: 124px;
  --bottom-badge-art-scale: 1.34;
}

.species-command-card--fight-radar .species-archetypeBadge{
  --badge-size: 122px;
  --bottom-badge-art-scale: 1.42;
}

.species-command-card--habitat-radar .species-archetypeBadge img,
.species-command-card--fight-radar .species-archetypeBadge img{
  transform: scale(var(--bottom-badge-art-scale));
  transform-origin: center center;
}

.species-command-card--habitat-radar .species-archetypeBadge__textWrap,
.species-command-card--fight-radar .species-archetypeBadge__textWrap{
  width: 116%;
}

.species-command-card--habitat-radar .species-archetypeBadge__label,
.species-command-card--fight-radar .species-archetypeBadge__label{
  font-size: 16.4px;
  line-height: 1;
}

.species-command-card--habitat-radar .species-archetypeBadge__species,
.species-command-card--fight-radar .species-archetypeBadge__species{
  font-size: 8.6px;
  line-height: 1.05;
}
/* Slightly enlarge bottom radar graphics inside same container */
.species-command-card--habitat-radar .species-radar__svg,
.species-command-card--fight-radar .species-radar__svg{
  transform: scale(1.24);
  transform-origin: center center;
}

/* Move only the 5th fight label ("Line Stress") up a bit */
.species-radar--fight .species-radar__labels .species-radar__label--dynamic:nth-child(5){
  margin-top: -10px !important;
}
/* ============================================
   Top Fisheries
   ============================================ */

.species-block--topFisheries{
  padding-top:14px;
  padding-bottom:14px;
}

.species-topFisheries{
  position:relative;
  border:1px solid rgba(200,162,74,.18);
  border-radius:18px;
  overflow:hidden;
  background:
    radial-gradient(900px 360px at 50% 0%, rgba(200,162,74,.07), transparent 55%),
    linear-gradient(180deg, rgba(13,16,22,.98), rgba(9,11,15,.98));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 18px 40px rgba(0,0,0,.32);
}

.species-topFisheries__hero{
  position:relative;
  min-height:260px;
  background-size:cover;
  background-position:center 68%;
  border-bottom:1px solid rgba(200,162,74,.18);
}

.species-topFisheries__heroOverlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(0,0,0,.14) 0%, rgba(0,0,0,.34) 48%, rgba(8,10,14,.82) 100%),
    radial-gradient(circle at 50% 16%, rgba(200,162,74,.18), transparent 44%);
  pointer-events:none;
}

.species-topFisheries__heroInner{
  position:relative;
  z-index:1;
  max-width:980px;
  margin:0 auto;
  padding:22px 18px 16px;
  text-align:center;
}

.species-topFisheries__title{
  margin:0;
  color:#f0cf79;
  font-size:clamp(26px, 4vw, 46px);
  line-height:1.02;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  text-wrap:balance;
  text-shadow:
    0 2px 10px rgba(0,0,0,.48),
    0 0 16px rgba(0,0,0,.24);
}

.species-topFisheries__subtitle{
  margin:10px auto 0;
  max-width:760px;
  color:rgba(255,244,220,.90);
  font-size:clamp(15px, 1.5vw, 22px);
  line-height:1.28;
  font-style:italic;
  text-wrap:balance;
}

.species-topFisheries__intro{
  margin:14px auto 0;
  max-width:760px;
  color:rgba(244,242,234,.88);
  font-size:14px;
  line-height:1.55;
  text-wrap:balance;
}

.species-topFisheries__searchStub{
  margin:14px auto 0;
  max-width:320px;
  padding-top:12px;
  border-top:1px solid rgba(200,162,74,.18);
}

.species-topFisheries__searchLabel{
  margin-bottom:8px;
  color:rgba(244,242,234,.72);
  font-size:10px;
  font-weight:800;
  letter-spacing:.10em;
  text-transform:uppercase;
}

.species-topFisheries__searchRow{
  display:block;
}

.species-topFisheries__input{
  width:100%;
  height:52px;
  padding:0 18px;
  border-radius:16px;
  border:2px solid rgba(200,162,74,.55);
  background:
    linear-gradient(180deg, rgba(7,10,16,.98), rgba(5,7,12,.98));
  color:#f4e0b0;
  font-size:16px;
  font-weight:700;
  letter-spacing:.02em;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 0 0 1px rgba(200,162,74,.15),
    0 6px 20px rgba(0,0,0,.35);
  text-align:center;
  transition:
    border-color .22s ease,
    box-shadow .22s ease,
    transform .22s ease;
}

.species-topFisheries__input:focus{
  outline:none;
  border-color:rgba(200,162,74,.85);
  box-shadow:
    0 0 0 2px rgba(200,162,74,.25),
    0 8px 24px rgba(0,0,0,.45);
}

.species-topFisheries__input::placeholder{
  color:rgba(244,224,176,.58);
}

.species-topFisheries__input:disabled{
  opacity:1;
  cursor:not-allowed;
  -webkit-text-fill-color:var(--gold);
}

.species-topFisheries__body{
  position:relative;
  padding:12px 12px 14px;
  overflow:hidden;
}

.species-topFisheries__strip{
  display:grid;
  grid-template-columns:repeat(5, minmax(0, 1fr));
  gap:10px;
  align-items:stretch;
}

.species-topFisheries__card{
  position:relative;
  min-width:0;
  height:100%;
  display:flex;
  flex-direction:column;
  border:1px solid rgba(200,162,74,.18);
  border-radius:14px;
  padding:12px 12px 10px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,0) 24%),
    linear-gradient(180deg, rgba(19,23,31,.96), rgba(11,14,19,.98));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 10px 22px rgba(0,0,0,.22);
  overflow:hidden;
  transition:
    transform 220ms cubic-bezier(.2,.8,.2,1),
    box-shadow 220ms ease,
    border-color 220ms ease;
}

.species-topFisheries__card{
  transform:translateY(0);
}

.species-topFisheries__card.is-updating{
  animation:topFisheriesCardPulse 420ms ease;
}

@keyframes topFisheriesCardPulse{
  0%{
    transform:translateY(0);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.03),
      0 10px 22px rgba(0,0,0,.22);
  }
  50%{
    transform:translateY(-3px);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.04),
      0 16px 30px rgba(0,0,0,.30),
      0 0 16px rgba(200,162,74,.08);
  }
  100%{
    transform:translateY(0);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.03),
      0 10px 22px rgba(0,0,0,.22);
  }
}

.species-topFisheries__card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(300px 120px at 50% 0%, rgba(200,162,74,.06), transparent 60%);
  opacity:.7;
}

@media (hover:hover){
  .species-topFisheries__card:hover{
    transform:translateY(-1px);
    border-color:rgba(200,162,74,.40);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.04),
      0 14px 28px rgba(0,0,0,.28),
      0 0 18px rgba(200,162,74,.06);
  }
}


.species-topFisheries__cardTitle,
.species-topFisheries__cardRegion,
.species-topFisheries__distanceWrap{
  position:relative;
  z-index:1;
}

.species-topFisheries__cardTitle{
  margin:0 0 2px;
  color:#f4e0b0;
  font-size:17px;
  line-height:1.08;
  font-weight:900;
  text-wrap:balance;
  text-align:center;
}

.species-topFisheries__cardRegion{
  min-height:30px;
  color:var(--gold);
  font-size:12px;
  line-height:1.1;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  text-align:center;
  opacity:.95;
}

.species-topFisheries__distanceWrap{
  margin-top:auto;
  padding-top:8px;
  border-top:1px solid rgba(200,162,74,.12);
}

.species-topFisheries__distanceValue{
  color:#ffffff;
  font-size:42px;
  line-height:.88;
  font-weight:900;
  letter-spacing:-.03em;
  text-align:center;
  margin-bottom:6px;
  text-shadow:
    0 2px 10px rgba(0,0,0,.34),
    0 0 10px rgba(255,255,255,.05);
}

.species-topFisheries__distanceMetaRow{
  margin-top:1px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:4px;
}

.species-topFisheries__distanceLabel{
  color:var(--gold);
  font-size:12px;
  line-height:1;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.species-topFisheries__distanceMode{
  min-width:34px;
  text-align:center;
  line-height:1;
  display:flex;
  align-items:flex-end;
  justify-content:center;
}

.species-topFisheries__modeIcon{
  display:block;
  width:auto;
  height:36px;
  object-fit:contain;
  filter:
    drop-shadow(0 2px 6px rgba(0,0,0,.28))
    drop-shadow(0 0 8px rgba(200,162,74,.08));
}



@media (max-width:1200px){
  .species-topFisheries__strip{
    grid-template-columns:repeat(5, minmax(150px, 1fr));
    overflow-x:auto;
    padding-bottom:4px;
    scrollbar-width:thin;
  }

  .species-topFisheries__strip::-webkit-scrollbar{
    height:8px;
  }

  .species-topFisheries__strip::-webkit-scrollbar-thumb{
    background:rgba(200,162,74,.24);
    border-radius:999px;
  }
}

@media (max-width:980px){
  .species-topFisheries__hero{
    min-height:240px;
    background-position:center 64%;
  }

  .species-topFisheries__title{
    font-size:clamp(24px, 4vw, 38px);
  }

  .species-topFisheries__subtitle{
    font-size:16px;
  }

  .species-topFisheries__intro{
    font-size:14px;
  }

  .species-topFisheries__strip{
    display:grid;
    grid-template-columns:repeat(3, minmax(180px, 1fr));
    overflow-x:auto;
  }
}

@media (max-width:700px){
  .species-topFisheries__strip{
    grid-template-columns:repeat(2, minmax(180px, 1fr));
  }
}

@media (max-width:560px){
  .species-block--topFisheries{
    padding-top:12px;
    padding-bottom:12px;
  }

  .species-topFisheries__hero{
    min-height:auto;
    background-position:center 62%;
  }

  .species-topFisheries__heroInner{
    padding:18px 14px 14px;
  }

  .species-topFisheries__title{
    font-size:24px;
    letter-spacing:.07em;
  }

  .species-topFisheries__subtitle{
    margin-top:8px;
    font-size:14px;
  }

  .species-topFisheries__intro{
    margin-top:12px;
    font-size:13px;
    line-height:1.5;
  }

  .species-topFisheries__searchStub{
    margin-top:12px;
    max-width:240px;
    padding-top:10px;
  }

  .species-topFisheries__searchLabel{
    font-size:9px;
  }

  .species-topFisheries__input{
    height:40px;
    font-size:14px;
    border-radius:12px;
  }

  .species-topFisheries__body{
    padding:10px;
  }

  .species-topFisheries__strip{
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
    overflow:visible;
  }

  .species-topFisheries__card{
    padding:11px 11px 10px;
    border-radius:12px;
  }
.species-topFisheries__cardTitle{
  font-size:16px;
}

.species-topFisheries__cardRegion{
  min-height:auto;
  font-size:11px;
  line-height:1.08;
  letter-spacing:.07em;
}

.species-topFisheries__distanceWrap{
  margin-top:6px;
  padding-top:8px;
}

.species-topFisheries__distanceValue{
  font-size:34px;
}

.species-topFisheries__distanceMetaRow{
  margin-top:1px;
  gap:8px;
}

.species-topFisheries__distanceLabel{
  font-size:10px;
}

.species-topFisheries__distanceMode{
  font-size:21px;
}

.species-topFisheries__modeIcon{
  height:22px;
}

.species-topFisheries__card.is-unknown .species-topFisheries__distanceLabel{
  font-size:9px;
}
}
/* Top Fisheries ZIP logic states */

.species-topFisheries__searchLabel{
  transition:color 180ms ease, opacity 180ms ease;
}

.species-topFisheries__searchLabel.is-loading{
  color:rgba(244,242,234,.86);
}

.species-topFisheries__searchLabel.is-success{
  color:rgba(143,203,98,.92);
}

.species-topFisheries__searchLabel.is-error{
  color:rgba(255,159,67,.95);
}

.species-topFisheries__card.is-closest{
  border-color:rgba(200,162,74,.60);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 18px 34px rgba(0,0,0,.30),
    0 0 22px rgba(200,162,74,.14);
}


.species-topFisheries__card.is-unknown .species-topFisheries__distanceValue{
  color:rgba(255,255,255,.82);
}

.species-topFisheries__card.is-unknown .species-topFisheries__distanceLabel{
  color:rgba(200,162,74,.82);
  font-size:10px;
  letter-spacing:.10em;
}

.species-topFisheries__card.is-unknown .species-topFisheries__distanceMode{
  opacity:0;
}

.species-topFisheries__input:focus{
  outline:none;
  border-color:rgba(200,162,74,.48);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 0 0 2px rgba(200,162,74,.10),
    0 8px 20px rgba(0,0,0,.22);
}

.species-topFisheries__input:not(:placeholder-shown){
  color:#f1d38b;
}


.species-topFisheries__card.is-unknown .species-topFisheries__distanceLabel{
  text-align:center;
}

.species-topFisheries__card.is-unknown .species-topFisheries__distanceMetaRow{
  display:block;
  text-align:center;
}

.species-topFisheries__card.is-unknown .species-topFisheries__distanceLabel{
  text-align:center;
  width:100%;
}

.species-topFisheries__card:not([data-distance-miles]) .species-topFisheries__distanceLabel{
  letter-spacing:.08em;
  opacity:.85;
}
.species-topFisheries__card:not([data-distance-miles]) .species-topFisheries__distanceMetaRow{
  width:100%;
  display:flex;
  justify-content:center;
}

[data-distance-wrap] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.species-topFisheries__distanceWrap{
  width:100%;
}

.species-topFisheries__distanceLabel{
  text-align:center;
  margin:0 auto;
}
.species-topFisheries__distanceLabel{
  white-space:nowrap;
  font-size:12px; /* slightly smaller */
  letter-spacing:.06em; /* tighten tracking */
}

.species-topFisheries__card:not([data-distance-miles]) .species-topFisheries__distanceMode{
  display:none;
}

.species-topFisheries__card:not([data-distance-miles]) .species-topFisheries__distanceMetaRow{
  width:100%;
  display:block;
  text-align:center;
}

.species-topFisheries__card:not([data-distance-miles]) .species-topFisheries__distanceLabel{
  text-align:center;
  white-space:nowrap;
  letter-spacing:.06em;
  opacity:.85;
}
.species-block--trophyMeter{
  position:relative;
  overflow:hidden;
}

.species-trophyMeter{
  position:relative;
  padding:30px 28px 26px;
  border:1px solid rgba(200,162,74,.20);
  border-radius:24px;
  background:
    radial-gradient(circle at top right, rgba(200,162,74,.10), transparent 32%),
    linear-gradient(180deg, rgba(15,16,18,.96), rgba(8,9,10,.98));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 12px 36px rgba(0,0,0,.26);
}

.species-trophyMeter__eyebrow{
  font-size:11px;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:rgba(200,162,74,.88);
  margin-bottom:10px;
}

.species-trophyMeter__title{
  margin-bottom:10px;
  font: inherit;
  letter-spacing: inherit;
  text-transform: uppercase;
}

.species-trophyMeter__lede{
  max-width:980px;
  margin:0;
  color:rgba(236,231,218,.82);
  line-height:1.7;
  font-size:15px;
}

.species-trophyMeter__threshold{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:16px;
  padding:9px 14px;
  border-radius:999px;
  border:1px solid rgba(200,162,74,.26);
  background:rgba(200,162,74,.08);
  color:rgba(252,246,226,.94);
  font-size:12px;
  letter-spacing:.05em;
  text-transform:uppercase;
}

.species-trophyMeter__meters{
  display:grid;
  grid-template-columns:1fr;
  gap:20px;
  margin-top:24px;
}

.species-trophyMeter__meterCard{
  padding:20px 18px 18px;
  border-radius:20px;
  border:1px solid rgba(200,162,74,.16);
  background:linear-gradient(180deg, rgba(20,21,24,.96), rgba(10,11,13,.98));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
}

.species-trophyMeter__meterTop{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin-bottom:16px;
  flex-wrap:wrap;
}

.species-trophyMeter__meterLabel{
  font-size:18px;
  line-height:1.1;
  font-weight:700;
  color:#f6edd0;
  letter-spacing:.02em;
}

.species-trophyMeter__meterMeta{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
  color:rgba(226,217,191,.78);
  font-size:12px;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.species-trophyMeter__scaleWrap{
  position:relative;
  margin-top:8px;
}

.species-trophyMeter__scaleAxis{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:8px;
  color:rgba(221,212,188,.70);
  font-size:11px;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.species-trophyMeter__track{
  position:relative;
  height:22px;
  border-radius:999px;
  border:1px solid rgba(200,162,74,.20);
  overflow:hidden;
  background:rgba(20,20,22,.95);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.02),
    inset 0 0 18px rgba(0,0,0,.25),
    0 0 22px rgba(200,162,74,.06);
}

.species-trophyMeter__bands{
  position:relative;
  width:100%;
  height:100%;
}

.species-trophyMeter__band{
  position:absolute;
  top:0;
  bottom:0;
  border-right:1px solid rgba(8,8,8,.38);
}

.species-trophyMeter__band--small{
  background:rgba(115,115,115,.30);
}

.species-trophyMeter__band--common{
  background:rgba(143,143,143,.28);
}

.species-trophyMeter__band--average{
  background:rgba(173,152,93,.30);
}

.species-trophyMeter__band--nice{
  background:rgba(190,158,78,.40);
}

.species-trophyMeter__band--sick{
  background:rgba(202,166,77,.52);
}

.species-trophyMeter__band--trophy{
  background:rgba(218,178,86,.70);
}

.species-trophyMeter__band--unicorn{
  background:linear-gradient(90deg, rgba(231,194,104,.82), rgba(250,221,144,.96));
  box-shadow:inset 0 0 12px rgba(255,240,190,.18);
}

.species-trophyMeter__tiers{
  margin-top:14px;
  display:grid;
  grid-template-columns:repeat(7, minmax(0, 1fr));
  gap:8px;
}

.species-trophyMeter__tier{
  padding:8px 6px 0;
  text-align:center;
  border-top:1px solid rgba(200,162,74,.12);
}

.species-trophyMeter__tierLabel{
  font-size:10px;
  line-height:1.25;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:rgba(239,231,210,.82);
  min-height:26px;
}

.species-trophyMeter__tierRange{
  margin-top:4px;
  font-size:11px;
  line-height:1.35;
  color:rgba(206,196,170,.68);
}

.species-trophyMeter__footer{
  margin:18px 0 0;
  color:rgba(228,221,204,.76);
  font-size:14px;
  line-height:1.7;
}

@media (max-width: 900px){
  .species-trophyMeter{
    padding:24px 18px 22px;
  }

  .species-trophyMeter__meterCard{
    padding:18px 14px 16px;
  }

  .species-trophyMeter__tiers{
    gap:4px;
  }

  .species-trophyMeter__tierLabel{
    font-size:9px;
    letter-spacing:.05em;
  }

  .species-trophyMeter__tierRange{
    font-size:10px;
  }
}

@media (max-width: 640px){
  .species-trophyMeter__meterTop{
    align-items:flex-start;
    flex-direction:column;
    gap:8px;
  }

  .species-trophyMeter__scaleWrap{
    overflow-x:auto;
    padding-bottom:4px;
  }

  .species-trophyMeter__scaleAxis,
  .species-trophyMeter__track,
  .species-trophyMeter__tiers{
    min-width:760px;
  }

  .species-trophyMeter__lede,
  .species-trophyMeter__footer{
    font-size:14px;
  }
}


.species-trophyMeter__tiers{
  display:none !important;
}

.species-trophyMeter__activeFill{
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:0;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(245,210,122,.16), rgba(245,210,122,.34));
  box-shadow:
    inset 0 0 12px rgba(255,240,190,.16),
    0 0 12px rgba(200,162,74,.16);
  pointer-events:none;
  z-index:2;
}

.species-trophyMeter__interactiveRow{
  display:grid;
  grid-template-columns:minmax(0, 3fr) minmax(180px, 1fr);
  gap:22px;
  align-items:end;
}

.species-trophyMeter__sliderCol{
  min-width:0;
}

.species-trophyMeter__resultCol{
  display:flex;
  align-items:flex-end;
}

.species-trophyMeter__resultPill{
  width:100%;
  min-height:34px;
  border-radius:999px;
  border:1px solid rgba(200,162,74,.24);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:0;
  padding:0 14px;
  background:rgba(70,70,72,.30);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 0 0 rgba(0,0,0,0);
  transition:
    background .22s ease,
    border-color .22s ease,
    box-shadow .22s ease,
    transform .22s ease;
}


.species-trophyMeter__resultCategory{
  font-size:13px;            /* was ~11px */
  line-height:1;
  font-weight:900;
  letter-spacing:.12em;      /* slightly wider = more impact */
  text-transform:uppercase;
  color:#17130b;
  white-space:nowrap;
  text-align:center;
}

.species-trophyMeter__resultPill--small{
  background:linear-gradient(90deg, #ff6b6b, #ff8787);
  border-color:rgba(255,120,120,.55);
  box-shadow:0 0 14px rgba(255,107,107,.14);
}

.species-trophyMeter__resultPill--common{
  background:linear-gradient(90deg, #ffa94d, #ffc078);
  border-color:rgba(255,180,100,.55);
  box-shadow:0 0 14px rgba(255,169,77,.14);
}

.species-trophyMeter__resultPill--average{
  background:linear-gradient(90deg, #ffd43b, #ffe066);
  border-color:rgba(255,220,90,.58);
  box-shadow:0 0 14px rgba(255,212,59,.14);
}

.species-trophyMeter__resultPill--nice{
  background:linear-gradient(90deg, #c0eb75, #d8f5a2);
  border-color:rgba(210,240,130,.58);
  box-shadow:0 0 14px rgba(192,235,117,.14);
}

.species-trophyMeter__resultPill--sick{
  background:linear-gradient(90deg, #69db7c, #8ce99a);
  border-color:rgba(120,230,145,.58);
  box-shadow:0 0 14px rgba(105,219,124,.16);
}

.species-trophyMeter__resultPill--trophy{
  background:linear-gradient(90deg, #38d9a9, #63e6be);
  border-color:rgba(90,230,190,.62);
  box-shadow:0 0 16px rgba(56,217,169,.18);
}


.species-trophyMeter__track{
  position:relative;
  height:34px;
  border-radius:999px;
  border:1px solid rgba(200,162,74,.20);
  overflow:hidden;
  background:rgba(20,20,22,.95);
}

.species-trophyMeter__bands{
  position:absolute;
  inset:0;
  z-index:1;
}


.species-trophyMeter__handle{
  position:absolute;
  top:50%;
  transform:translate(-50%, -50%);
  min-width:92px;
  height:32px;
  padding:0 16px;
  border-radius:999px;
  background:linear-gradient(180deg, #17191d, #0f1114);
  border:1px solid rgba(255,255,255,.10);
  box-shadow:
    0 0 0 2px rgba(0,0,0,.24),
    0 8px 16px rgba(0,0,0,.34),
    0 0 18px rgba(0,0,0,.18);
  color:#ffffff;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  z-index:3;
  transition:
    box-shadow .2s ease,
    transform .2s ease,
    min-width .2s ease,
    background .2s ease;
}

.species-trophyMeter__handle:hover{
  box-shadow:
    0 0 0 2px rgba(255,255,255,.08),
    0 10px 20px rgba(0,0,0,.42),
    0 0 20px rgba(255,255,255,.06);
}

.species-trophyMeter__handle.is-engaged{
  transform:translate(-50%, -50%) scale(1.03);
}


.species-trophyMeter__handleText{
  font-size:14px;
  line-height:1;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
  white-space:nowrap;
  color:#ffffff;
  transition:opacity .18s ease, letter-spacing .18s ease;
}

.species-trophyMeter__band--active{
  filter:brightness(1.16);
}

.species-trophyMeter__scaleAxis{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:10px;
  color:rgba(221,212,188,.70);
  font-size:11px;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.species-trophyMeter__tiers{
  display:none !important;
}

@media (max-width: 900px){
  .species-trophyMeter__interactiveRow{
    grid-template-columns:1fr;
    gap:12px;
  }

  .species-trophyMeter__resultCol{
    align-items:stretch;
  }

  .species-trophyMeter__resultPill{
    min-height:36px;
  }
}

@media (max-width: 640px){
  .species-trophyMeter__scaleWrap{
    overflow-x:auto;
    padding-bottom:4px;
  }

  .species-trophyMeter__scaleAxis,
  .species-trophyMeter__track{
    min-width:720px;
  }


  .species-trophyMeter__resultCategory{
    font-size:10px;
  }
}
.species-trophyMeter__meterLabel{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight:700;
  letter-spacing:.06em;
}

.species-trophyMeter__divider{
  width:1px;
  height:14px;
  background:rgba(200,162,74,.5);
  display:inline-block;
}

.species-trophyMeter__comboCard{
  padding:20px 18px 18px;
  border-radius:20px;
  border:1px solid rgba(200,162,74,.16);
  background:linear-gradient(180deg, rgba(20,21,24,.96), rgba(10,11,13,.98));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
}

.species-trophyMeter__meterRow{
  padding:0;
}

.species-trophyMeter__meterRow + .species-trophyMeter__meterRow{
  margin-top:18px;
  padding-top:18px;
  border-top:1px solid rgba(200,162,74,.10);
}

/* LEFT → RIGHT color progression with more pop */

/* SMALL — vivid coral */
.species-trophyMeter__band:nth-child(1){
  background:linear-gradient(90deg, #ff7b72, #ff938a);
}

/* COMMON — punchy orange */
.species-trophyMeter__band:nth-child(2){
  background:linear-gradient(90deg, #ffad49, #ffc46b);
}

/* AVERAGE — brighter yellow */
.species-trophyMeter__band:nth-child(3){
  background:linear-gradient(90deg, #ffe84a, #fff07a);
}

/* NICE — lime */
.species-trophyMeter__band:nth-child(4){
  background:linear-gradient(90deg, #b8f05a, #d6ff8a);
}

/* SICK — vivid green */
.species-trophyMeter__band:nth-child(5){
  background:linear-gradient(90deg, #58e07d, #7cf2a0);
}

/* TROPHY — bright aqua */
.species-trophyMeter__band:nth-child(6){
  background:linear-gradient(90deg, #33e0c4, #5df2e0);
}

/* UNICORN — electric violet */
.species-trophyMeter__band:nth-child(7){
  background:linear-gradient(90deg, #7b61ff, #b388ff);
  box-shadow:
    inset 0 0 12px rgba(210,190,255,.18),
    0 0 18px rgba(123,97,255,.18);
}

/* RESULT PILLS */
.species-trophyMeter__resultPill--small{
  background:linear-gradient(90deg, #ff7b72, #ff938a);
  border-color:rgba(255,140,130,.60);
  box-shadow:0 0 16px rgba(255,123,114,.18);
}

.species-trophyMeter__resultPill--common{
  background:linear-gradient(90deg, #ffad49, #ffc46b);
  border-color:rgba(255,196,107,.60);
  box-shadow:0 0 16px rgba(255,173,73,.18);
}

.species-trophyMeter__resultPill--average{
  background:linear-gradient(90deg, #ffe84a, #fff07a);
  border-color:rgba(255,240,122,.62);
  box-shadow:0 0 16px rgba(255,232,74,.18);
}

.species-trophyMeter__resultPill--nice{
  background:linear-gradient(90deg, #b8f05a, #d6ff8a);
  border-color:rgba(214,255,138,.62);
  box-shadow:0 0 16px rgba(184,240,90,.18);
}

.species-trophyMeter__resultPill--sick{
  background:linear-gradient(90deg, #58e07d, #7cf2a0);
  border-color:rgba(124,242,160,.62);
  box-shadow:0 0 18px rgba(88,224,125,.20);
}

.species-trophyMeter__resultPill--trophy{
  background:linear-gradient(90deg, #33e0c4, #5df2e0);
  border-color:rgba(93,242,224,.64);
  box-shadow:0 0 18px rgba(51,224,196,.22);
}

.species-trophyMeter__resultPill--unicorn{
  background:linear-gradient(90deg, #7b61ff, #b388ff);
  border-color:rgba(179,136,255,.75);
  box-shadow:
    0 0 20px rgba(123,97,255,.28),
    0 0 34px rgba(179,136,255,.18);
}

.species-trophyMeter__track{
  overflow:hidden;
}

.species-trophyMeter__marker{
  position:absolute;
  top:-18px;
  transform:translateX(-50%);
  display:flex;
  flex-direction:column;
  align-items:center;
  pointer-events:none;
  z-index:4;
}

.species-trophyMeter__markerLabel{
  font-size:12px;
  line-height:1;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:rgba(255,248,228,.98);
  white-space:nowrap;
  text-shadow:
    0 1px 4px rgba(0,0,0,.65),
    0 0 10px rgba(255,245,210,.18);
}

.species-trophyMeter__markerLine{
  display:block;
  width:3px;
  height:56px;
  margin-top:6px;
  border-radius:999px;
  background:linear-gradient(
    180deg,
    rgba(255,255,255,.98),
    rgba(255,245,210,.92) 30%,
    rgba(255,220,140,.72) 65%,
    rgba(255,245,210,.42)
  );
  box-shadow:
    0 0 10px rgba(255,255,255,.28),
    0 0 18px rgba(255,245,210,.24),
    0 0 26px rgba(200,162,74,.22);
  opacity:1;
}
.species-trophyMeter__benchmarkPills{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin:0 0 22px;
}

.species-trophyMeter__benchmarkPill{
  position:relative;
  min-height:84px;
  padding:14px 16px 12px;
  border-radius:16px;
  border:1px solid rgba(200,162,74,.28);
  background:
    radial-gradient(500px 200px at 50% 0%, rgba(255,255,255,.05), transparent 60%),
    linear-gradient(180deg, rgba(18,20,24,.98), rgba(10,11,14,.98));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 10px 22px rgba(0,0,0,.32);
  display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
text-align:center;
}

.species-trophyMeter__benchmarkLabel{
  display:block;
  margin:0 0 8px;
  font-size:12px;
  line-height:1.1;
  font-weight:900;
  letter-spacing:.10em;
  text-transform:uppercase;
  color:rgba(200,162,74,.92);
}

.species-trophyMeter__benchmarkValue{
  display:block;
  font-size:30px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.02em;
  color:#f6f1df;
  text-shadow:0 2px 8px rgba(0,0,0,.45);
}

@media (max-width: 900px){
  .species-trophyMeter__benchmarkPills{
    grid-template-columns:1fr;
    gap:10px;
  }

  .species-trophyMeter__benchmarkPill{
    min-height:72px;
    padding:13px 14px 11px;
  }

  .species-trophyMeter__benchmarkValue{
    font-size:24px;
  }
}
.species-trophyMeter__benchmarkLabel{
  text-align:center;
  width:100%;
}

.species-trophyMeter__benchmarkValue{
  text-align:center;
  width:100%;
}
.species-trophyMeter__meters{
  margin-top:10px;
}

.species-trophyMeter__meterTop{
  margin-bottom:8px;
}
.species-trophyMeter__benchmarkPills{
  margin-bottom:12px; /* was ~22px */
}
/* --- Optional: subtle gold highlight sweep --- */
.species-trophyMeter__benchmarkPill::after{
  content:'';
  position:absolute;
  inset:0;
  border-radius:inherit;
  border:1px solid rgba(200,162,74,.25);
  background:
    radial-gradient(400px 120px at 50% 0%, rgba(200,162,74,.12), transparent 70%);
  opacity:.6;
  pointer-events:none;
  transition:opacity .25s ease;
}

.species-trophyMeter__benchmarkPill:hover::after{
  opacity:1;
}
.species-trophyMeter__benchmarkValue{
  text-shadow:
    0 2px 8px rgba(0,0,0,.5),
    0 0 12px rgba(255,230,150,.15);
}
.species-trophyMeter__resultPill--unicorn .species-trophyMeter__resultCategory{
  color:#ffffff;
  text-shadow:
    0 2px 6px rgba(0,0,0,.5),
    0 0 12px rgba(200,170,255,.45),
    0 0 22px rgba(140,110,255,.35);
}
.species-trophyMeter__resultPill--unicorn ~ .species-trophyMeter__markerLine{
  box-shadow:
    0 0 14px rgba(140,110,255,.35),
    0 0 24px rgba(180,150,255,.25);
}
.species-topFisheries__heroInner{
  position:relative;
  z-index:2;
}

/* subtle backdrop behind title + text */
.species-topFisheries__title{
  display:inline-block; /* KEY — shrink to text width */
  padding:8px 14px;
  border-radius:10px;

  background:
    linear-gradient(180deg, rgba(10,12,16,.65), rgba(8,10,14,.85));

  box-shadow:
    0 6px 18px rgba(0,0,0,.45),
    inset 0 1px 0 rgba(255,255,255,.04);

  text-shadow:
    0 2px 10px rgba(0,0,0,.6),
    0 0 16px rgba(200,162,74,.18);
}


/* =========================
   Gear Loadout - First Pass
   ========================= */

.species-block--gearLoadout{
  margin:40px 0 0;
}

.species-gearLoadout{
  position:relative;
  padding:24px;
  border-radius:22px;
  border:1px solid rgba(200,162,74,.18);
  background:
    radial-gradient(800px 280px at 50% -10%, rgba(200,162,74,.08), transparent 60%),
    linear-gradient(180deg, rgba(11,15,22,.96), rgba(7,10,16,.98));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 18px 48px rgba(0,0,0,.28);
}

.species-gearLoadout__intro{
  text-align:center;
  font-size:15px; /* or whatever you already have */
  line-height:1.6;
  color:rgba(255,255,255,.85);
  margin-bottom:20px; /* keep your spacing */
}

.species-gearLoadout__grid{
  display:grid;
  grid-template-columns:1.1fr 1fr 1fr;
  gap:16px;
  margin-top:18px;
}

.species-gearLoadout__panel{
  padding:16px 16px 14px;
  border-radius:18px;
  border:1px solid rgba(200,162,74,.16);
  background:
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.01)),
    rgba(0,0,0,.18);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.02);
}
.species-gearLoadout__headingWrap{
  display:flex;
  justify-content:center;
  align-items:center;
  width:100%;
  margin:0 0 20px;
}

.species-gearLoadout__heading{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  margin:0;
  padding:0 20px;
  border-radius:999px;
  border:1px solid rgba(200,162,74,.24);
  background:
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.008)),
    rgba(12,14,18,.72);
  color:var(--gold);
  font-size:15px;
  line-height:1;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
  text-align:center;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 6px 14px rgba(0,0,0,.14);
}

.species-gearLoadout__list{
  list-style:none;
  margin:0;
  padding:0;
}

/* Core Setup stacked layout */
.species-gearLoadout__list--setup li{
  display:flex;
  flex-direction:column;
  gap:6px;
  padding:14px 0 16px;
  border-bottom:1px solid rgba(200,162,74,.12);
}

.species-gearLoadout__list--setup li:first-child{
  padding-top:2px;
}

.species-gearLoadout__list--setup li:last-child{
  border-bottom:0;
  padding-bottom:4px;
}

.species-gearLoadout__label{
  color:var(--gold);
  font-size:15px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
  line-height:1.1;
}

.species-gearLoadout__value{
  color:rgba(255,248,228,.92);
  font-size:15px;
  line-height:1.5;
}

/* Tactical Notes bullets */
.species-gearLoadout__list--bullets{
  display:grid;
  gap:18px;
  padding-top:6px;
}

.species-gearLoadout__list--bullets li{
  position:relative;
  margin:0;
  padding:0 0 0 18px;
  color:rgba(255,248,228,.9);
  font-size:15px;
  line-height:1.55;
}

.species-gearLoadout__list--bullets li::before{
  content:"";
  position:absolute;
  left:0;
  top:.68em;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--gold);
  box-shadow:0 0 14px rgba(200,162,74,.35);
  transform:translateY(-50%);
}

/* Lures as centered row list with short glowing dividers */
.species-gearLoadout__list--lures{
  list-style:none;
  margin:0;
  padding:4px 0 0;
  text-align:center;
}

.species-gearLoadout__list--lures li{
  position:relative;
  margin:0;
  padding:8px 0 10px;
  font-size:15px;
  line-height:1.45;
  color:rgba(255,248,228,.92);
  text-transform:capitalize;
}

.species-gearLoadout__list--lures li:not(:last-child)::after{
  content:"";
  display:block;
  width:110px;
  height:2px;
  margin:12px auto 0;
  border-radius:999px;
  background:linear-gradient(
    90deg,
    rgba(200,162,74,0),
    rgba(200,162,74,.9) 50%,
    rgba(200,162,74,0)
  );
  box-shadow:
    0 0 8px rgba(200,162,74,.25),
    0 0 16px rgba(200,162,74,.12);
}

/* Tactical Notes */
.species-gearLoadout__list--notes li{
  color:rgba(255,248,228,.97);
  line-height:1.5;
  text-transform:capitalize;
}

@media (max-width: 980px){
  .species-gearLoadout{
    padding:24px 20px 22px;
  }

  .species-gearLoadout__grid{
    grid-template-columns:1fr;
  }

  .species-gearLoadout__grid:hover .species-gearLoadout__panel{
    opacity:1;
    filter:none;
  }

  .species-gearLoadout__grid:hover .species-gearLoadout__panel:hover{
    transform:translateY(-2px);
  }
}

@media (max-width: 640px){
  .species-block--gearLoadout{
    margin-top:40px;
  }

  .species-gearLoadout{
    padding:20px 16px 18px;
    border-radius:20px;
  }

  .species-gearLoadout__intro{
    font-size:14px;
    line-height:1.6;
  }

  .species-gearLoadout__panel{
    padding:16px 14px 14px;
    border-radius:18px;
  }

  .species-gearLoadout__heading{
    min-height:35px;
    padding:0 16px;
    font-size:13px;
    letter-spacing:.16em;
  }

  .species-gearLoadout__label{
    font-size:14px;
  }

  .species-gearLoadout__value,
  .species-gearLoadout__list--lures li,
  .species-gearLoadout__list--bullets li{
    font-size:14px;
  }

  .species-gearLoadout__list--lures li:not(:last-child)::after{
    width:84px;
    margin-top:10px;
  }
}
.species-gearLoadout__panel{
  padding-top:22px;
}
.species-block__title{
  text-transform:uppercase;
}

.species-trophyMeter__title,
.species-command-center__title,
.species-block--gearLoadout .species-block__title{
  font-family: inherit;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.species-topFisheries__heroInner .species-block__title{
  font-family: inherit; /* 👈 THIS is the key fix */
  margin:0 0 14px;
  text-align:center;
  text-transform:uppercase;
  color:var(--gold);
  font-size:clamp(28px, 4vw, 48px);
  line-height:1.05;
  letter-spacing:.14em;
  font-weight:800;
  text-shadow:
    0 2px 10px rgba(0,0,0,.45),
    0 0 18px rgba(0,0,0,.18);
}




.species-habitatMove{
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:18px;
}

.species-habitatMove__section{
  display:flex;
  flex-direction:column;
  gap:14px;
}

.species-habitatMove__subhead{
  text-align:center;
  font-size:14px;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--gold);
  opacity:.92;
}

.species-habitatMove__primary{
  text-align:center;
  font-size:13px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:rgba(255,248,228,.88);
}

.species-habitatMove__divider{
  width:100%;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(200,162,74,.26), transparent);
}


.species-habitatMove{
  display:flex;
  flex-direction:column;
  gap:18px;
  height:auto;
}

.species-habitatMove__section{
  display:flex;
  flex-direction:column;
  gap:14px;
}

.species-habitatMove__subhead{
  text-align:center;
  font-size:14px;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--gold);
  opacity:.92;
}

.species-habitatMove__primary{
  text-align:center;
  font-size:13px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:rgba(255,248,228,.88);
}

.species-habitatMove__divider{
  width:100%;
  height:1px;
  margin:2px 0;
  background:linear-gradient(90deg, transparent, rgba(200,162,74,.26), transparent);
}



.species-habitatMove{
  display:flex !important;
  flex-direction:column !important;
  gap:22px !important;
  height:auto !important;
  overflow:visible !important;
}

.species-habitatMove__section{
  display:flex !important;
  flex-direction:column !important;
  gap:14px !important;
}

.species-habitatMove__divider{
  width:100% !important;
  height:1px !important;
  margin:6px 0 !important;
  background:linear-gradient(90deg, transparent, rgba(200,162,74,.26), transparent) !important;
}


.species-heatmap{
  display:grid !important;
  gap:22px !important;
}

.species-heatmap__row{
  display:grid !important;
  grid-template-columns:170px minmax(0,1fr) !important;
  align-items:center !important;
  gap:22px !important;
}

.species-heatmap__value{
  display:none !important;
}

.species-habitatMove{
  height:100% !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:space-between !important;
  gap:24px !important;
}

.species-habitatMove__section{
  display:flex !important;
  flex-direction:column !important;
  gap:16px !important;
}

/* ============================================
   Where to Find — Unified Card
   ============================================ */

.species-command-center__row--habitatUnified{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
}

.species-command-card--whereFind{
  overflow:hidden;
}

.species-whereFind{
  display:flex;
  flex-direction:column;
  gap:28px;
}

.species-whereFind__top{
  display:grid;
  grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr);
  gap:28px;
  align-items:start;
}

.species-whereFind__divider{
  width:1px;
  min-height:100%;
  background:linear-gradient(
    180deg,
    rgba(200,162,74,0),
    rgba(200,162,74,.42) 18%,
    rgba(200,162,74,.72) 50%,
    rgba(200,162,74,.42) 82%,
    rgba(200,162,74,0)
  );
  box-shadow:0 0 8px rgba(200,162,74,.10);
}

.species-whereFind__col{
  min-width:0;
}

.species-whereFind__subhead{
  margin:0 0 18px;
  text-align:center;
  font-size:15px;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--gold);
}

.species-whereFind__subhead--bottom{
  margin-bottom:14px;
}

.species-whereFind__bottom{
  padding-top:18px;
  border-top:1px solid rgba(200,162,74,.16);
}

.species-heatmap--whereFind{
  display:grid;
  gap:18px;
}

.species-heatmap--whereFind .species-heatmap__row{
  display:grid;
  grid-template-columns:150px minmax(0,1fr);
  gap:16px;
  align-items:center;
}

.species-heatmap--whereFind .species-heatmap__value{
  display:none !important;
}

.species-zone-strip--whereFind{
  display:grid;
  gap:18px;
}

.species-zone-strip--whereFind .species-zone-strip__row{
  display:grid;
  grid-template-columns:120px minmax(0,1fr);
  gap:16px;
  align-items:center;
}

.species-zone-strip--whereFind .species-zone-strip__label,
.species-heatmap--whereFind .species-heatmap__label{
  font-size:13px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:rgba(244,242,234,.84);
}

.species-dual-gauge--whereFind{
  display:flex;
  flex-direction:column;
  gap:12px;
  max-width:none;
}

.species-dual-gauge--whereFind .species-dual-gauge__track{
  height:30px;
}

.species-dual-gauge--whereFind .species-dual-gauge__labels span{
  font-size:12px;
  font-weight:900;
  letter-spacing:.14em;
}

.species-dual-gauge--whereFind .species-dual-gauge__values span{
  font-size:12px;
  font-weight:900;
}

.species-dual-gauge--whereFind .species-dual-gauge__descriptor{
  text-align:center;
  font-size:12px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:rgba(244,242,234,.62);
}

@media (max-width: 900px){
  .species-whereFind__top{
    grid-template-columns:1fr;
    gap:22px;
  }

  .species-whereFind__divider{
    display:none;
  }

  .species-whereFind__bottom{
    padding-top:16px;
  }
}

@media (max-width: 560px){
  .species-whereFind{
    gap:22px;
  }

  .species-heatmap--whereFind .species-heatmap__row{
    grid-template-columns:110px minmax(0,1fr);
    gap:12px;
  }

  .species-zone-strip--whereFind .species-zone-strip__row{
    grid-template-columns:90px minmax(0,1fr);
    gap:12px;
  }

  .species-whereFind__subhead{
    font-size:13px;
    letter-spacing:.14em;
  }
}

/* ============================================
   Where to Find — Polish Pass
   ============================================ */

.species-command-center__row--habitatUnified{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
  margin-top:8px;
}

.species-command-card--whereFind{
  overflow:hidden;
}

.species-command-card--whereFind .species-command-card__header{
  margin-bottom:10px;
  padding-bottom:6px;
}

.species-command-card--whereFind .species-command-card__kicker{
  margin-bottom:0;
  padding-bottom:10px;
}

.species-command-card--whereFind .species-command-card__body{
  padding-top:0;
}

.species-whereFind{
  display:flex;
  flex-direction:column;
  gap:16px;
}

.species-whereFind__top{
  display:grid;
  grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr);
  gap:22px;
  align-items:start;
}

.species-whereFind__divider{
  width:1px;
  height:340px;
  align-self:center;
  background:linear-gradient(
    180deg,
    rgba(200,162,74,0),
    rgba(200,162,74,.24) 14%,
    rgba(200,162,74,.55) 50%,
    rgba(200,162,74,.24) 86%,
    rgba(200,162,74,0)
  );
  box-shadow:0 0 8px rgba(200,162,74,.08);
}

.species-whereFind__col{
  min-width:0;
}

.species-whereFind__subhead{
  margin:0 0 14px;
  text-align:center;
  font-size:13px;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--gold);
}

.species-whereFind__subhead--bottom{
  margin:0 0 10px;
}

.species-heatmap--whereFind,
.species-zone-strip--whereFind{
  display:grid;
  gap:14px;
}

.species-heatmap--whereFind .species-heatmap__row{
  display:grid;
  grid-template-columns:140px minmax(0,1fr);
  gap:14px;
  align-items:center;
}

.species-zone-strip--whereFind .species-zone-strip__row{
  display:grid;
  grid-template-columns:140px minmax(0,1fr);
  gap:14px;
  align-items:center;
}

.species-heatmap--whereFind .species-heatmap__label,
.species-zone-strip--whereFind .species-zone-strip__label{
  font-size:12px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:rgba(244,242,234,.84);
}

.species-heatmap--whereFind .species-heatmap__track,
.species-zone-strip--whereFind .species-zone-strip__bar{
  height:14px;
  min-height:14px;
  border-radius:999px;
}

.species-whereFind__bottom{
  padding-top:2px;
  border-top:none;
}

.species-dual-gauge--whereFind{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.species-dual-gauge--whereFind .species-dual-gauge__labels{
  margin-bottom:2px;
}

.species-dual-gauge--whereFind .species-dual-gauge__labels span{
  font-size:12px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:rgba(244,242,234,.80);
}

.species-dual-gauge--whereFind .species-dual-gauge__track{
  height:22px;
  border-radius:999px;
}

.species-dual-gauge--whereFind .species-dual-gauge__values,
.species-dual-gauge--whereFind .species-dual-gauge__descriptor{
  display:none !important;
}

@media (max-width: 980px){
  .species-whereFind__top{
    grid-template-columns:1fr;
    gap:18px;
  }

  .species-whereFind__divider{
    display:none;
  }
}

@media (max-width: 560px){
  .species-command-card--whereFind .species-command-card__header{
    margin-bottom:8px;
    padding-bottom:4px;
  }

  .species-whereFind{
    gap:14px;
  }

  .species-whereFind__subhead{
    margin-bottom:10px;
    font-size:12px;
    letter-spacing:.14em;
  }

  .species-heatmap--whereFind .species-heatmap__row,
  .species-zone-strip--whereFind .species-zone-strip__row{
    grid-template-columns:100px minmax(0,1fr);
    gap:12px;
  }

  .species-heatmap--whereFind,
  .species-zone-strip--whereFind{
    gap:12px;
  }

  .species-heatmap--whereFind .species-heatmap__track,
  .species-zone-strip--whereFind .species-zone-strip__bar{
    height:12px;
    min-height:12px;
  }

  .species-dual-gauge--whereFind .species-dual-gauge__track{
    height:18px;
  }
}
/* ===== Where to Find Final Polish ===== */

.species-whereFind__bottom{
  margin-top:6px;
  padding-top:6px;
}

.species-dual-gauge--whereFind{
  padding:0 8px 10px;
}

.species-whereFind__subhead--bottom{
  margin-bottom:6px;
}

.species-whereFind__divider{
  height:300px;
}

.species-heatmap--whereFind,
.species-zone-strip--whereFind{
  gap:12px;
}

.species-heatmap--whereFind .species-heatmap__row,
.species-zone-strip--whereFind .species-zone-strip__row{
  grid-template-columns:150px minmax(0,1fr);
}
/* Move Cover vs Roam up tight under content */

.species-whereFind{
  gap:10px !important;
}

.species-whereFind__top{
  margin-bottom:0 !important;
}

.species-whereFind__bottom{
  margin-top:0 !important;
  padding-top:4px !important;
}

.species-dual-gauge--whereFind{
  margin-top:0 !important;
}
.species-whereFind__bottom{
  position:relative;
  top:-6px;
}
/* Move Cover vs Roam directly under the top rows */

.species-whereFind{
  gap:0 !important;
}

.species-whereFind__top{
  margin-bottom:10px !important;
}

.species-whereFind__bottom{
  position:relative !important;
  top:0 !important;
  margin-top:-14px !important;
}

.species-whereFind__subhead--bottom{
  margin:0 0 8px !important;
}

.species-dual-gauge--whereFind{
  margin-top:0 !important;
  padding:0 !important;
}

.species-whereFind{
  display:grid !important;
  grid-template-rows:auto auto !important;
  gap:10px !important;
}
.species-whereFind__top{
  margin-bottom:4px !important;
}
.species-whereFind__divider{
  height:280px !important;
}

/* Tighten Cover vs Roam spacing */

.species-whereFind__subhead--bottom{
  margin-bottom:4px !important;
}

.species-dual-gauge--whereFind{
  gap:4px !important;
  margin-top:0 !important;
}

.species-dual-gauge--whereFind .species-dual-gauge__labels{
  margin-bottom:2px !important;
}

.species-dual-gauge--whereFind .species-dual-gauge__track{
  margin-top:0 !important;
}
.species-whereFind__subhead--bottom{
  margin-bottom:2px !important;
}

.species-dual-gauge--whereFind{
  gap:2px !important;
}
/* Move Cover/Roam labels below the bar */

.species-dual-gauge--whereFind{
  display:flex;
  flex-direction:column;
}

/* Reorder elements */
.species-dual-gauge--whereFind .species-dual-gauge__track{
  order:1;
}

.species-dual-gauge--whereFind .species-dual-gauge__labels{
  order:2;
  margin-top:6px !important;
}

/* Tighten spacing above bar */
.species-whereFind__subhead--bottom{
  margin-bottom:4px !important;
}

.species-dual-gauge--whereFind{
  gap:4px !important;
}
/* ============================================
   Character Voice Selector
   ============================================ */

.species-voiceSelector{
  margin:0 0 12px;
}

.species-voiceSelector__label{
  margin:0 0 8px;
  font-size:11px;
  line-height:1;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:rgba(231,196,95,.78);
  text-align:center;
}

.species-voiceSelector__rail{
  display:flex;
  gap:8px;
  overflow-x:auto;
  padding:8px 4px 6px;
  scrollbar-width:thin;
  justify-content:flex-start;
  scroll-behavior:smooth;
}

.species-voiceSelector__rail::-webkit-scrollbar{
  height:8px;
}

.species-voiceSelector__rail::-webkit-scrollbar-thumb{
  background:rgba(212,175,55,.28);
  border-radius:999px;
}

.species-voiceCard{
  flex:0 0 auto;
  width:84px;
  appearance:none;
  -webkit-appearance:none;
  border:1px solid rgba(212,175,55,.18);
  background:
    radial-gradient(500px 200px at 50% 0%, rgba(255,255,255,.03), transparent 60%),
    linear-gradient(180deg, rgba(10,12,18,.98), rgba(6,8,12,.98));
  border-radius:18px;
  padding:9px 6px 12px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
  cursor:pointer;
  position:relative;
  overflow:visible;
  transition:
    transform .18s ease,
    border-color .18s ease,
    box-shadow .18s ease,
    opacity .18s ease,
    background .18s ease;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 10px 24px rgba(0,0,0,.28);
}

.species-voiceCard:hover{
  transform:translateY(-2px);
  border-color:rgba(212,175,55,.42);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 14px 30px rgba(0,0,0,.34),
    0 0 18px rgba(212,175,55,.08);
  z-index:10;
}

.species-voiceCard.is-active{
  border-color:rgba(212,175,55,.62);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 14px 30px rgba(0,0,0,.36),
    0 0 22px rgba(212,175,55,.14);
}

.species-voiceCard__avatarWrap{
  width:52px;
  height:52px;
  border-radius:999px;
  overflow:hidden;
  border:2px solid rgba(212,175,55,.18);
  background:#111;
  position:relative;
  z-index:2;
  transform:scale(1);
  transition:
    transform .28s cubic-bezier(.18,1,.32,1),
    border-color .18s ease,
    box-shadow .22s ease,
    filter .22s ease;
  box-shadow:0 0 0 rgba(212,175,55,0);
}

.species-voiceCard__avatar{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.species-voiceCard:hover .species-voiceCard__avatarWrap{
  transform:scale(1.55) translateY(-3px);
  border-color:rgba(212,175,55,.92);
  box-shadow:
    0 0 0 6px rgba(212,175,55,.10),
    0 0 26px rgba(212,175,55,.28),
    0 0 46px rgba(212,175,55,.14);
  filter:brightness(1.08);
}

.species-voiceCard.is-active .species-voiceCard__avatarWrap{
  transform:scale(1);
  border-color:rgba(212,175,55,.84);
  box-shadow:
    0 0 0 3px rgba(212,175,55,.10),
    0 0 16px rgba(212,175,55,.16);
}

.species-voiceCard__name{
  display:block;
  text-align:center;
  font-size:10px;
  line-height:1.1;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:rgba(244,242,234,.88);
  position:relative;
  padding-bottom:14px;
  transform:translateY(0);
  transition:
    color .18s ease,
    text-shadow .18s ease,
    transform .22s cubic-bezier(.16,1,.3,1);
}

.species-voiceCard:hover .species-voiceCard__name{
  color:#f4e0a0;
  text-shadow:0 0 10px rgba(212,175,55,.10);
  transform:translateY(10px);
}

.species-voiceCard__name::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-4px;
  width:0;
  height:3px;
  border-radius:999px;
  transform:translateX(-50%);
  background:linear-gradient(
    90deg,
    rgba(212,175,55,0) 0%,
    rgba(212,175,55,.95) 18%,
    rgba(244,221,130,1) 50%,
    rgba(212,175,55,.95) 82%,
    rgba(212,175,55,0) 100%
  );
  box-shadow:0 0 12px rgba(212,175,55,.16);
  transition:
    width .22s cubic-bezier(.16,1,.3,1),
    opacity .22s ease;
  opacity:.25;
}

.species-voiceCard:hover .species-voiceCard__name::after{
  width:36px;
  opacity:.72;
}

.species-voiceCard.is-active .species-voiceCard__name{
  color:#f3d36d;
  text-shadow:0 0 12px rgba(212,175,55,.12);
  transform:translateY(0);
}

.species-voiceCard.is-active .species-voiceCard__name::after{
  width:42px;
  opacity:1;
}

.species-voicePanels{
  position:relative;
}

.species-voicePanel{
  animation:speciesVoiceFade .18s ease;
}

@keyframes speciesVoiceFade{
  from{
    opacity:0;
    transform:translateY(6px);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}

.species-voicePlaceholder{
  border:1px solid rgba(212,175,55,.18);
  border-radius:18px;
  padding:16px 18px 14px;
  background:
    radial-gradient(500px 180px at 50% 0%, rgba(255,255,255,.03), transparent 60%),
    linear-gradient(180deg, rgba(12,14,20,.98), rgba(8,10,14,.98));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 12px 28px rgba(0,0,0,.28);
}

.species-voicePlaceholder__title{
  margin:0 0 10px;
  font-size:13px;
  line-height:1;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#e7c45f;
}

.species-voicePlaceholder p{
  margin:0;
  color:rgba(244,242,234,.84);
  line-height:1.6;
}

@media (max-width: 640px){
  .species-voiceSelector{
    margin-bottom:10px;
  }

  .species-voiceSelector__label{
    margin-bottom:6px;
    font-size:10px;
    letter-spacing:.11em;
  }

  .species-voiceSelector__rail{
    gap:8px;
    overflow-x:auto;
    padding:0 6px 10px;
  }

  .species-voiceCard{
    width:78px;
    padding:8px 6px 10px;
    border-radius:16px;
  }

  .species-voiceCard__avatarWrap{
    width:46px;
    height:46px;
  }

  .species-voiceCard:hover .species-voiceCard__avatarWrap{
    transform:scale(1.35) translateY(-2px);
  }

  .species-voiceCard__name{
    font-size:10px;
  }

  .species-voiceCard:hover .species-voiceCard__name::after{
    width:30px;
  }

  .species-voiceCard.is-active .species-voiceCard__name::after{
    width:34px;
  }

  .species-voicePlaceholder{
    padding:14px 14px 12px;
  }
}

.species-content--jp{
  font-family:
    "Noto Sans JP",
    "Hiragino Kaku Gothic ProN",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
}
.species-fact {
  display: flex;
  flex-direction: column;
  justify-content: flex-start; /* 👈 this is the key */
}