:root{
  --bg:#000;
  --price:#59c8ac;
  --label:#fcad1e;
  --height:#fe89b8;
  --mc:#1099fb;
  --sats:#fcfd90;
  --hash:#7870ce;
  --mstr:#f14d00;
  --ratio:#a78bfa;
  --neg:#ff7878;

  --ink: rgba(255,255,255,.92);
  --card: rgba(255,255,255,.03);
  --cardBorder: rgba(255,255,255,.10);
}

*{ box-sizing:border-box; }
html, body{ height:auto; min-height:100%; overflow-x:hidden; }

body{
  margin:0;
  background:var(--bg);
  color:#fff;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;
  overflow-x:hidden;
}

.wrap{
  width:100%;
  min-height:100vh;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  padding:10px max(12px, env(safe-area-inset-right)) 18px max(12px, env(safe-area-inset-left));
  gap:10px;
  text-align:center;
}

@media (max-width: 480px){
  .wrap{ gap:8px; padding-top:12px; padding-bottom:18px; }
}

.hero{
  position:relative;
  width:min(1120px, calc(100% - 2px));
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:0;
  padding-top:8px;
  isolation:isolate;
}

.heroSky{
  position:absolute;
  left:50%;
  top:-8px;
  width:100vw;
  height:clamp(340px, 54vh, 600px);
  transform:translateX(-50%);
  pointer-events:none;
  z-index:0;
  overflow:hidden;
}

.heroSky::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.06) 48%,
    rgba(0,0,0,.42) 72%,
    rgba(0,0,0,.90) 100%);
}

.heroGlow{
  position:absolute;
  left:50%;
  top:64px;
  width:min(560px, 70vw);
  height:min(420px, 46vh);
  transform:translateX(-50%);
  border-radius:50%;
  background:radial-gradient(circle,
    rgba(46,122,255,.10) 0%,
    rgba(23,114,211,.06) 24%,
    rgba(252,173,30,.05) 42%,
    rgba(0,0,0,0) 74%);
  filter:blur(14px);
  opacity:.95;
}

.starLayer{
  position:absolute;
  inset:0;
  opacity:.34;
  mix-blend-mode:screen;
  background-repeat:repeat;
  will-change:transform;
}

@keyframes starDriftSlow{
  from{ transform:translate3d(0,0,0); }
  to{ transform:translate3d(-20px, 4px, 0); }
}

@keyframes starDriftDeep{
  from{ transform:translate3d(0,8px,0) scale(1.03); }
  to{ transform:translate3d(-30px, 15px, 0) scale(1.05); }
}

@keyframes starDriftGlow{
  from{ transform:translate3d(0,16px,0) scale(1.06); }
  to{ transform:translate3d(-40px, 24px, 0) scale(1.08); }
}

.starLayer1{
  animation:starDriftSlow 95s linear infinite;

  background-image:
    radial-gradient(circle at 14% 20%, rgba(255,255,255,.92) 0 1px, transparent 1.7px),
    radial-gradient(circle at 34% 12%, rgba(137,185,255,.88) 0 1px, transparent 1.9px),
    radial-gradient(circle at 62% 18%, rgba(255,255,255,.82) 0 1px, transparent 1.8px),
    radial-gradient(circle at 82% 10%, rgba(255,222,164,.84) 0 1px, transparent 1.8px),
    radial-gradient(circle at 90% 30%, rgba(134,186,255,.78) 0 .9px, transparent 1.7px),
    radial-gradient(circle at 8% 38%, rgba(255,255,255,.70) 0 .9px, transparent 1.6px),
    radial-gradient(circle at 50% 8%, rgba(255,255,255,.55) 0 .8px, transparent 1.5px);
  background-size: 380px 180px, 440px 220px, 520px 220px, 560px 240px, 420px 190px, 500px 240px, 660px 260px;
}

.starLayer2{
  opacity:.22;
  filter:blur(.3px);
  transform:translateY(8px) scale(1.03);
  animation:starDriftDeep 125s linear infinite;
  background-image:
    radial-gradient(circle at 10% 18%, rgba(255,255,255,.74) 0 .8px, transparent 1.4px),
    radial-gradient(circle at 26% 42%, rgba(255,214,150,.68) 0 .8px, transparent 1.5px),
    radial-gradient(circle at 44% 24%, rgba(147,194,255,.72) 0 .9px, transparent 1.6px),
    radial-gradient(circle at 72% 16%, rgba(255,255,255,.70) 0 .8px, transparent 1.5px),
    radial-gradient(circle at 88% 26%, rgba(147,194,255,.70) 0 .8px, transparent 1.4px),
    radial-gradient(circle at 58% 44%, rgba(255,255,255,.54) 0 .7px, transparent 1.3px);
  background-size: 620px 260px, 520px 240px, 700px 300px, 760px 280px, 540px 220px, 680px 260px;
}

.starLayer3{
  opacity:.16;
  filter:blur(1.2px);
  transform:translateY(16px) scale(1.06);
  animation:starDriftGlow 160s linear infinite;
  background-image:
    radial-gradient(circle at 18% 18%, rgba(120,173,255,.74) 0 1.2px, transparent 2.6px),
    radial-gradient(circle at 52% 12%, rgba(255,255,255,.58) 0 1.1px, transparent 2.4px),
    radial-gradient(circle at 74% 24%, rgba(255,223,168,.62) 0 1.1px, transparent 2.5px),
    radial-gradient(circle at 90% 14%, rgba(147,194,255,.52) 0 1px, transparent 2.3px);
  background-size: 900px 320px, 980px 360px, 860px 320px, 1040px 380px;
}

#logo,
#price,
#label,
#chg,
.heroSpark,
.heroStats,
.hero .spacer{
  position:relative;
  z-index:1;
}

#logo{
  width:min(560px, 88vw);
  max-width:560px;
  max-height:28vh;
  height:auto;
  object-fit:contain;
  display:block;
  user-select:none;
  -webkit-user-drag:none;
  margin:0;
  filter: drop-shadow(0 18px 30px rgba(0,0,0,.34));
}

@media (max-width: 768px){
  .wrap{
    padding-top: calc(env(safe-area-inset-top, 0px) + 10px);
  }

  .heroSky{
    height:clamp(300px, 46vh, 460px);
  }
}

@media (max-width: 480px){
  #logo{ width:min(440px, 78vw); max-width:440px; max-height:18vh; }
}

@media (min-width: 900px){
  #logo{ width:min(520px, 40vw); max-width:520px; max-height:26vh; }
}

#price{
  font-size:clamp(44px, 10vw, 108px);
  font-weight:900;
  letter-spacing:-0.02em;
  color:var(--price);
  line-height:1.02;
  text-shadow:0 0 24px rgba(89,200,172,.06);
}

@media (max-width: 480px){
  #price{ font-size:clamp(54px, 14.5vw, 112px); }
}

#label{
  color:var(--label);
  font-size:clamp(12px, 3.0vw, 20px);
  font-weight:900;
  letter-spacing:0.08em;
  text-transform:uppercase;
  line-height:1.15;
  white-space:nowrap;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  margin-top:12px;
}

@media (max-width: 480px){
  #label{ font-size:clamp(11px, 3.2vw, 16px); letter-spacing:0.07em; }
}

#chg{
  font-size:clamp(14px, 3.6vw, 24px);
  font-weight:900;
  opacity:0.96;
  line-height:1.1;
  color:rgba(255,255,255,.94);
}

@media (max-width: 480px){
  #chg{ font-size:clamp(13px, 4.2vw, 18px); }
}

.heroSpark{
  position:relative;
  z-index:1;
  width:min(260px, 42vw);
  height:28px;
  opacity:.96;
}

#heroSparkSvg{
  width:100%;
  height:100%;
  display:block;
  overflow:visible;
}

.heroSparkBase{
  fill:none;
  stroke:rgba(255,255,255,.08);
  stroke-width:1;
}

.heroSparkGlow{
  fill:none;
  stroke:rgba(252,173,30,.14);
  stroke-width:3.2;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:blur(2.6px);
}

.heroSparkLine{
  fill:none;
  stroke:rgba(252,173,30,.94);
  stroke-width:2.1;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.heroSparkArea{
  fill:url(#heroSparkFill);
  opacity:.34;
}

.heroSparkDot{
  fill:rgba(252,173,30,.98);
  filter:drop-shadow(0 0 8px rgba(252,173,30,.34));
}

@media (max-width: 900px){
  .heroSpark{ width:min(220px, 56vw); }
}

@media (max-width: 480px){
  .heroSpark{
    width:min(200px, 58vw);
    height:24px;
    margin-top:7px;
  }
}

.spacer{ height:clamp(18px, 2.7vh, 28px); width:1px; flex:0 0 auto; }

.heroStats{
  width:min(980px, 100%);
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:14px;
  margin-top:4px;
}

.stat{
  --statTop: rgba(255,255,255,.14);
  --statTop2: rgba(255,255,255,.08);
  --statGlow: rgba(255,255,255,.10);
  position:relative;
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  min-height:84px;
  border-radius:0;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.055);
  background:linear-gradient(180deg, rgba(10,10,12,.96) 0%, rgba(3,3,4,.985) 100%);
  box-shadow:
    0 12px 24px rgba(0,0,0,.22),
    inset 0 0 0 1px rgba(255,255,255,.01);
  text-align:left;
}

.stat::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  box-shadow:0 0 0 1px rgba(255,255,255,.02);
  pointer-events:none;
  opacity:.28;
}

.statLabel,
.statValue{
  display:block;
  min-width:0;
}

.statLabel{
  padding:9px 14px 8px;
  font-size:clamp(10px, 1.02vw, 13px);
  font-weight:900;
  letter-spacing:.09em;
  text-transform:uppercase;
  color:#fff;
  background:linear-gradient(180deg, var(--statTop) 0%, var(--statTop2) 100%);
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.035);
  border-bottom:1px solid rgba(255,255,255,.05);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.statValue{
  padding:15px 14px 14px;
  font-size:clamp(18px, 2.1vw, 28px);
  font-weight:900;
  line-height:1;
  letter-spacing:0.01em;
  color:rgba(255,255,255,.98);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  text-shadow:0 0 16px rgba(255,255,255,.04);
}

.statPink{ --statTop: rgba(254,137,184,.96); --statTop2: rgba(213,39,117,.82); --statGlow: rgba(254,137,184,.24); }
.statBlue{ --statTop: rgba(16,153,251,.95); --statTop2: rgba(9,89,204,.82); --statGlow: rgba(16,153,251,.24); }
.statPurple{ --statTop: rgba(120,112,206,.96); --statTop2: rgba(72,44,156,.84); --statGlow: rgba(120,112,206,.24); }
.statGold{ --statTop: rgba(252,173,30,.96); --statTop2: rgba(188,110,0,.84); --statGlow: rgba(252,173,30,.24); }

@media (max-width: 900px){
  .heroStats{
    width:min(760px, 100%);
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 480px){
  .hero{
    padding-top:4px;
  }

  .heroSky{
    top:-2px;
    height:clamp(270px, 42vh, 390px);
  }

  .heroGlow{
    top:44px;
    width:min(420px, 94vw);
    height:260px;
    opacity:.88;
  }

  .heroStats{
    width:100%;
    gap:10px;
    }

  .stat{
    min-height:72px;
    border-radius:0;
  }

  .statLabel{
    padding:7px 10px 6px;
    font-size:10px;
    letter-spacing:.08em;
  }

  .statValue{
    padding:12px 10px 11px;
    font-size:clamp(17px, 6.7vw, 24px);
  }
}

.linkStat{
  color: var(--mstr);
  text-decoration: none;
  display: inline-block;
}
.linkStat:hover{ text-decoration: underline; }
.linkStat:visited{ color: var(--mstr); }
.linkStat .strcWhite{ color: rgba(255,255,255,.92); }

.parrotWrap{
  width:min(560px, calc(100% - 2px));
  display:flex;
  justify-content:center;
  align-items:center;
  margin-top:4px;
  margin-bottom:-6px;
  flex:0 0 auto;
  pointer-events:none;
}

#parrotSep{
  height:clamp(120px, 16vh, 240px);
  width:auto;
  display:block;
  opacity:0.96;
  user-select:none;
  -webkit-user-drag:none;
  filter: drop-shadow(0 10px 24px rgba(0,0,0,.65));
  -webkit-clip-path: inset(0 0 0 2px);
  clip-path: inset(0 0 0 2px);
}

@media (max-width: 480px){
  #parrotSep{ height:clamp(175px, 21vh, 310px); }
  .parrotWrap{ margin-top:4px; margin-bottom:4px; }
}

.tiles{
  width:min(1120px, calc(100% - 2px));
  display:grid;
  grid-template-columns: 1fr;
  gap:14px;
  align-items:stretch;
  justify-items:stretch;
  padding-bottom:8px;
}

@media (min-width: 900px){
  .tiles{ grid-template-columns: 1fr 1fr; gap:16px; }
}

@media (min-width: 1320px){
  .tiles{
    width:min(1500px, calc(100% - 2px));
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap:16px;
  }

  #newsCard{ grid-column: span 3; }
  #powerCard{ grid-column: span 3; }
  #lightningCard{ grid-column: span 6; }
  #pulseCard, #flowsCard, #strategyCard, #riverCard{ grid-column: span 6; }
}

@media (min-width: 900px) and (max-width: 1319px){
  #lightningCard{ grid-column: 1 / -1; }
  #strategyCard, #riverCard{ grid-column: 1 / -1; }
}

.card{
  border:1px solid var(--cardBorder);
  border-radius:18px;
  background:var(--card);
  backdrop-filter: blur(10px);
  overflow:hidden;
  text-align:left;
  display:flex;
  flex-direction:column;
  height:320px;
  min-height:320px;
}

@media (min-width: 1320px){
  #pulseCard,
  #flowsCard{
    height:336px;
    min-height:336px;
  }

  #strategyCard{
    height:404px;
    min-height:404px;
  }

  #riverCard{
    height:348px;
    min-height:348px;
  }
}

@media (max-width: 480px){
  .card{ height:300px; min-height:300px; }
}

.cardInner{
  padding:9px 12px 10px;
  display:flex;
  flex-direction:column;
  height:100%;
  min-height:0;
}

.cardHdr{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:10px;
  margin-bottom:8px;
  padding:0 2px;
  flex:0 0 auto;
}

.cardTitle{
  font-size:10px;
  font-weight:900;
  letter-spacing:.10em;
  text-transform:uppercase;
  color:var(--label);
  white-space:nowrap;
}

.cardUpdated{
  font-size:6px;
  font-weight:550;
  color:rgba(255,255,255,.32);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  line-height:1.2;
}

/* ===== NEWS ===== */
.newsList{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  flex:1 1 auto;
  min-height:0;
  overflow:hidden;
  gap:10px;
  padding-right:2px;
  align-content:start;
  align-items:start;
  grid-auto-rows:max-content;
}

.newsItem a{
  display:flex;
  gap:10px;
  align-items:flex-start;
  text-decoration:none;
  color:var(--ink);
}

.newsThumb{
  width:72px;
  height:48px;
  border-radius:10px;
  object-fit:cover;
  flex:0 0 auto;
  background: rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);
}

.newsText{ min-width:0; flex:1 1 auto; }

.newsTitle{
  font-size:12.5px;
  font-weight:680;
  line-height:1.17;
  letter-spacing:-0.008em;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  overflow-wrap:anywhere;
  word-break:break-word;
}

.newsMetaLine{
  margin-top:2px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:baseline;
  font-size:7px;
  font-weight:650;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:rgba(255,255,255,.42);
}

.newsSrc{ color:var(--price); opacity:.90; }
.newsAge{ color:var(--label); opacity:.88; }

.newsLoading{
  color:rgba(255,255,255,.55);
  font-size:11px;
  letter-spacing:.04em;
}

@media (max-width: 480px){
  .cardInner{ padding:8px 10px 10px; }
  .cardHdr{ margin-bottom:7px; }
  .newsList{ gap:8px; }
  .newsThumb{ width:64px; height:44px; border-radius:10px; }
  .newsTitle{ font-size:11.6px; line-height:1.15; -webkit-line-clamp:2; }
  .newsMetaLine{ font-size:6.4px; gap:8px; margin-top:2px; }
}

/* ===== POWER LAW ===== */
.plWrap{
  display:flex;
  flex-direction:column;
  height:100%;
  min-height:0;
  gap:8px;
}

.plStats{
  display:grid;
  gap:6px;
  padding:0 2px;
  flex:0 0 auto;
}

.plRow{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:baseline;
  white-space:nowrap;
}

.plK{
  font-size:9.8px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:rgba(255,255,255,.44);
  overflow:hidden;
  text-overflow:ellipsis;
}

.plV{
  font-size:10.8px;
  font-weight:780;
  letter-spacing:.01em;
  color:rgba(255,255,255,.90);
}

.plV.green { color: var(--price); }
.plV.red   { color: #9f3b3b !important; }
.plV.pink  { color: var(--height); }
.plV.gold  { color: var(--label); }
.plV.purple{ color: var(--ratio); }

.plChart{
  flex:1 1 auto;
  min-height:0;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.08);
  background: rgba(0,0,0,.20);
  overflow:hidden;
  position:relative;
}

.plChart svg{ width:100%; height:100%; display:block; }

.plHint{
  position:absolute;
  left:10px;
  top:8px;
  font-size:9px;
  letter-spacing:.10em;
  text-transform:uppercase;
  color:rgba(255,255,255,.32);
  user-select:none;
  pointer-events:none;
}

/* ===== ON-CHAIN PULSE ===== */
#pulseCard .plWrap{ gap:14px; }
#pulseCard #pulseStats{ flex: 1 1 auto; gap: 14px; }
#pulseCard #pulseStats .plRow{ padding: 10px 4px; }
#pulseCard #pulseStats .plK{ font-size: 12.1px; letter-spacing: .10em; opacity: .88; }
#pulseCard #pulseStats .plV{ font-size: 13.1px; letter-spacing: .02em; }

@media (max-width: 480px){
  #pulseCard #pulseStats{ gap: 16px; }
  #pulseCard #pulseStats .plRow{ padding: 12px 2px; }
  #pulseCard #pulseStats .plK{ font-size: 13px; }
  #pulseCard #pulseStats .plV{ font-size: 14px; }
}

/* ===== CAPITAL FLOWS ===== */
#flowsCard .plWrap{ gap:14px; }
#flowsCard #flowsStats{ flex:1 1 auto; gap:14px; }

#flowsCard #flowsStats .plRow{
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  align-items:center;
  gap:10px;
  padding:10px 4px;
  white-space:normal; /* override global .plRow nowrap */
}

#flowsCard #flowsStats .plK{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:12.1px;
  letter-spacing:.10em;
  opacity:.88;
}

#flowsCard #flowsStats .plV{
  justify-self:end;
  text-align:right;
  white-space:nowrap;
  padding-left:8px;
  font-size:13.1px;
  letter-spacing:.02em;
}

@media (max-width: 480px){
  #flowsCard #flowsStats{ gap:14px; }

  #flowsCard #flowsStats .plRow{
    gap:8px;
    padding:12px 0 12px 2px;
  }

  #flowsCard #flowsStats .plK{
    font-size:12px;
  }

  #flowsCard #flowsStats .plV{
    font-size:12.5px;
    letter-spacing:.01em;
  }
}

/* ===== LIGHTNING NETWORK ===== */
#lightningCard{
  position:relative;
  height:352px;
  min-height:352px;
  overflow:hidden;
  border-color:rgba(122,214,255,.16);
  background:
    radial-gradient(circle at 12% 16%, rgba(252,173,30,.09), transparent 28%),
    radial-gradient(circle at 86% 18%, rgba(16,153,251,.13), transparent 34%),
    linear-gradient(180deg, rgba(6,7,11,.96) 0%, rgba(3,4,8,.985) 100%);
  box-shadow:
    0 16px 36px rgba(0,0,0,.34),
    inset 0 0 0 1px rgba(255,255,255,.014);
}

#lightningCard::before,
#lightningCard::after{
  content:"";
  position:absolute;
  pointer-events:none;
  filter:blur(28px);
  opacity:.72;
}

#lightningCard::before{
  left:-48px;
  top:44px;
  width:180px;
  height:180px;
  background:radial-gradient(circle, rgba(252,173,30,.20) 0%, rgba(252,173,30,.08) 36%, transparent 72%);
}

#lightningCard::after{
  right:-58px;
  top:20px;
  width:210px;
  height:210px;
  background:radial-gradient(circle, rgba(16,153,251,.18) 0%, rgba(16,153,251,.08) 34%, transparent 72%);
}

#lightningCard .cardInner{
  position:relative;
  z-index:1;
}

#lightningCard .cardTitle{
  color:#f7d97a;
}

#lightningCard .cardHdr{
  margin-bottom:10px;
}

.lnWrap{
  display:flex;
  flex-direction:column;
  gap:12px;
  min-height:0;
  flex:1 1 auto;
}

.lnHeadline{
  display:flex;
  flex-direction:column;
  gap:3px;
  padding:0 2px;
}

.lnEyebrow{
  font-size:9px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:rgba(255,255,255,.48);
}

.lnCap{
  font-size:clamp(31px, 4.1vw, 48px);
  font-weight:900;
  line-height:.98;
  letter-spacing:-.03em;
  color:rgba(255,245,226,.98);
  text-shadow:
    0 0 18px rgba(252,173,30,.10),
    0 0 24px rgba(16,153,251,.08);
}

.lnSub{
  font-size:10.6px;
  line-height:1.24;
  color:rgba(255,255,255,.66);
}

.lnViz{
  position:relative;
  height:124px;
  min-height:124px;
  flex:0 0 auto;
  border-radius:16px;
  border:1px solid rgba(122,214,255,.14);
  background:linear-gradient(180deg, rgba(4,8,12,.92) 0%, rgba(3,4,8,.985) 100%);
  overflow:hidden;
}

.lnViz::before,
.lnViz::after{
  content:"";
  position:absolute;
  pointer-events:none;
  filter:blur(22px);
  opacity:.74;
}

.lnViz::before{
  left:-20px;
  bottom:-56px;
  width:180px;
  height:140px;
  background:radial-gradient(circle, rgba(252,173,30,.18) 0%, rgba(252,173,30,.05) 42%, transparent 72%);
}

.lnViz::after{
  right:-22px;
  top:-38px;
  width:210px;
  height:154px;
  background:radial-gradient(circle, rgba(16,153,251,.18) 0%, rgba(16,153,251,.06) 42%, transparent 72%);
}

#lnSvg{
  position:relative;
  z-index:1;
  width:100%;
  height:100%;
  display:block;
  overflow:visible;
}

#lnSvg .lnLink{
  fill:none;
  stroke:rgba(255,255,255,.12);
  stroke-width:1.8;
  stroke-linecap:round;
}

#lnSvg .lnLink.isWarm{ stroke:rgba(252,173,30,.16); }
#lnSvg .lnLink.isCool{ stroke:rgba(122,214,255,.16); }

#lnSvg .lnNode{
  stroke:rgba(0,0,0,.52);
  stroke-width:1.35;
  vector-effect:non-scaling-stroke;
}

#lnSvg .lnNode.isCore{ stroke-width:1.7; }
#lnSvg .lnNode.isTor{ fill:rgba(252,173,30,.94); }
#lnSvg .lnNode.isClear{ fill:rgba(122,214,255,.92); }
#lnSvg .lnNode.isHybrid{ fill:rgba(143,231,200,.92); }
#lnSvg .lnNode.isGhost{ fill:rgba(255,255,255,.52); }

#lnSvg .lnPulse{
  opacity:.76;
  filter:drop-shadow(0 0 8px rgba(255,255,255,.18));
}

#lnSvg .lnPulse.isWarm{ fill:rgba(252,173,30,.96); }
#lnSvg .lnPulse.isCool{ fill:rgba(122,214,255,.96); }

.lnStats{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:10px;
  margin-top:2px;
}

.lnMini{
  min-width:0;
  min-height:66px;
  padding:12px 10px 13px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.03);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.012);
}

.lnMiniK{
  font-size:8.3px;
  font-weight:760;
  letter-spacing:.10em;
  text-transform:uppercase;
  color:rgba(255,255,255,.44);
}

.lnMiniV{
  margin-top:7px;
  font-size:17px;
  line-height:1.08;
  font-weight:820;
  color:rgba(255,255,255,.95);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.lnMiniVCool{ color:rgba(122,214,255,.96); }


/* ===== STRATEGY ===== */
#strategyCard{
  position:relative;
  height:auto;
  min-height:404px;
  border-color:rgba(255,106,0,.20);
  background:
    radial-gradient(circle at 84% 14%, rgba(255,106,0,.08), transparent 24%),
    radial-gradient(circle at 12% 88%, rgba(255,170,92,.035), transparent 20%),
    linear-gradient(180deg, rgba(11,11,11,.985) 0%, rgba(7,7,7,.992) 100%);
  box-shadow:
    0 14px 34px rgba(0,0,0,.28),
    inset 0 0 0 1px rgba(255,106,0,.035);
}

#strategyCard::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  box-shadow:inset 0 0 0 1px rgba(255,140,52,.07);
}

#strategyCard .cardInner{ overflow:hidden; padding-bottom:14px; }
#strategyCard a,
#strategyCard a:visited{ color:inherit; }

#strategyCard .cardTitle{
  color:#ff7a1a !important;
  text-transform:none;
  letter-spacing:-.03em;
  text-shadow:0 0 18px rgba(255,106,0,.10);
}

.strategyWordmark{
  font-size:19px !important;
  font-weight:950;
  line-height:1;
}

.strategyWordmarkB{
  display:inline-block;
  margin-left:1px;
  transform:translateY(-0.14em);
  font-size:.72em;
  color:#ffbf7a;
}

.strategyWrap{
  display:flex;
  flex-direction:column;
  gap:7px;
  flex:1 1 auto;
  min-height:0;
}

.strategyTop{
  display:flex;
  flex-direction:column;
  gap:0;
  padding:0 1px 2px;
  flex:0 0 auto;
}

.strategyBtns{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}

#strategyCard .strategyBtn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:32px;
  padding:0 11px;
  border-radius:999px;
  border:1px solid rgba(255,140,52,.28);
  text-decoration:none;
  font-size:8.1px;
  font-weight:780;
  letter-spacing:.06em;
  text-transform:uppercase;
  transition:transform .16s ease, border-color .16s ease, background-color .16s ease, color .16s ease;
}

#strategyCard .strategyBtn:hover{ transform:translateY(-1px); }

#strategyCard .strategyBtnPrimary{
  background:linear-gradient(180deg, rgba(255,106,0,.24) 0%, rgba(255,106,0,.12) 100%);
  color:rgba(255,245,232,.98);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);
}

#strategyCard .strategyBtnGhost{
  background:rgba(255,255,255,.02);
  color:rgba(255,174,110,.96);
}

.strategyLanes{
  display:flex;
  flex-direction:column;
  gap:7px;
  flex:1 1 auto;
  min-height:0;
}

#strategyCard .strategyLane{
  display:flex;
  flex-direction:column;
  gap:8px;
  min-height:0;
  flex:1 1 auto;
  padding:9px 10px;
  border-radius:16px;
  border:1px solid rgba(255,140,52,.16);
  background:
    linear-gradient(180deg, rgba(255,255,255,.03) 0%, rgba(255,255,255,.015) 100%),
    radial-gradient(circle at 100% 0%, rgba(255,106,0,.08), transparent 34%);
  color:inherit;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);
  overflow:hidden;
}

.strategyLaneTop{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

.strategyLaneEyebrow{
  font-size:7px;
  font-weight:820;
  letter-spacing:.11em;
  text-transform:uppercase;
  color:rgba(255,174,110,.90);
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.strategyLanePrice{
  font-size:17px;
  line-height:1;
  font-weight:860;
  letter-spacing:-.02em;
  color:rgba(255,232,210,.97);
  white-space:nowrap;
  text-shadow:0 0 16px rgba(255,106,0,.08);
}

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

.strategyMini{
  min-width:0;
  min-height:54px;
  padding:9px 8px 8px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.06);
  background:rgba(255,255,255,.025);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.012);
}

.strategyMiniK{
  font-size:6.4px;
  font-weight:680;
  letter-spacing:.09em;
  text-transform:uppercase;
  color:rgba(255,255,255,.44);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.strategyMiniV{
  margin-top:5px;
  font-size:11.8px;
  line-height:1.08;
  font-weight:760;
  color:rgba(255,255,255,.95);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.strategyMiniVWarm{
  color:rgba(255,192,128,.98);
}


/* ===== RIVER ===== */
#riverCard{
  position:relative;
  border-color:rgba(197,159,99,.26);
  background:
    radial-gradient(circle at 84% 14%, rgba(197,159,99,.095), transparent 26%),
    radial-gradient(circle at 8% 86%, rgba(197,159,99,.05), transparent 20%),
    linear-gradient(180deg, rgba(11,11,11,.985) 0%, rgba(7,7,7,.992) 100%);
  box-shadow:
    0 14px 34px rgba(0,0,0,.28),
    inset 0 0 0 1px rgba(197,159,99,.06);
}

#riverCard::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  box-shadow:inset 0 0 0 1px rgba(197,159,99,.11);
}

#riverCard .cardTitle,
#riverCard .cardHdr .cardTitle{ color:#c59f63 !important; line-height:1.06; text-shadow:0 0 18px rgba(197,159,99,.08); }
#riverCard a,
#riverCard a:visited{ color:inherit; }
#riverCard .cardInner{ overflow:hidden; }

.riverWrap{
  display:flex;
  flex-direction:column;
  gap:6px;
  flex:1 1 auto;
  min-height:0;
}

.riverTop{
  display:flex;
  flex-direction:column;
  gap:0;
  padding:0 1px 2px;
  flex:0 0 auto;
}

.riverKicker{
  font-size:8px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:rgba(197,159,99,.86);
}

.riverLead{
  font-size:11.2px;
  line-height:1.22;
  color:rgba(255,255,255,.78);
  max-width:38ch;
}

.riverBtns{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}

#riverCard .riverBtn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:32px;
  padding:0 11px;
  border-radius:999px;
  border:1px solid rgba(197,159,99,.28);
  text-decoration:none;
  font-size:8.1px;
  font-weight:780;
  letter-spacing:.06em;
  text-transform:uppercase;
  transition:transform .16s ease, border-color .16s ease, background-color .16s ease, color .16s ease;
}

#riverCard .riverBtn:hover{ transform:translateY(-1px); }

#riverCard .riverBtnPrimary{
  background:linear-gradient(180deg, rgba(197,159,99,.17) 0%, rgba(197,159,99,.10) 100%);
  color:rgba(255,244,228,.98);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);
}

#riverCard .riverBtnGhost{
  background:rgba(255,255,255,.02);
  color:rgba(197,159,99,.92);
}

#riverCard .riverFeature{
  display:flex;
  flex-direction:column;
  gap:6px;
  min-height:0;
  flex:1 1 auto;
  padding:10px;
  border-radius:16px;
  border:1px solid rgba(197,159,99,.18);
  background:
    linear-gradient(180deg, rgba(255,255,255,.03) 0%, rgba(255,255,255,.015) 100%),
    radial-gradient(circle at 100% 0%, rgba(197,159,99,.07), transparent 34%);
  text-decoration:none;
  color:inherit;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);
  overflow:hidden;
}

.riverFeatureBody{
  display:grid;
  grid-template-columns:minmax(0,1fr) 92px;
  gap:8px;
  min-height:0;
  align-items:stretch;
  flex:1 1 auto;
}

.riverFeatureCopy{
  min-width:0;
  min-height:0;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  gap:5px;
  flex:1 1 auto;
}

.riverFeatureTop{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

.riverFeatureEyebrow{
  font-size:7.6px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:rgba(197,159,99,.9);
}

.riverFeatureDate{
  font-size:7.4px;
  font-weight:800;
  letter-spacing:.10em;
  text-transform:uppercase;
  color:rgba(255,255,255,.42);
  white-space:nowrap;
}

.riverFeatureTitle{
  font-size:12.8px;
  line-height:1.18;
  font-weight:760;
  letter-spacing:-.015em;
  color:rgba(255,248,236,.98);
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  padding-bottom:3px;
}

.riverFeatureBlurb{
  font-size:9.2px;
  line-height:1.28;
  font-weight:430;
  color:rgba(255,255,255,.68);
  display:-webkit-box;
  -webkit-line-clamp:4;
  -webkit-box-orient:vertical;
  overflow:hidden;
  min-height:calc(1.3em * 4);
  flex:1 1 auto;
}

.riverThumbWrap{
  display:flex;
  min-width:0;
  min-height:82px;
  border-radius:14px;
  overflow:hidden;
  background:linear-gradient(180deg, rgba(197,159,99,.15) 0%, rgba(255,255,255,.03) 100%);
  border:1px solid rgba(197,159,99,.18);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);
}

.riverThumbWrap.isEmpty{ display:none; }
#riverCard .riverFeature.noThumb .riverFeatureBody{ grid-template-columns:1fr; }

.riverThumb{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  background:rgba(255,255,255,.04);
}

.riverFeatureMeta{
  margin-top:auto;
  min-height:16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  font-size:8px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  padding-top:2px;
}

.riverFeatureSource{ color:rgba(197,159,99,.92); }
.riverFeatureArrow{ color:rgba(255,255,255,.62); }

.riverFoot{
  display:none;
  flex-direction:column;
  gap:7px;
  flex:0 0 auto;
}

.riverDots{
  display:flex;
  gap:6px;
}

.riverDot{
  width:6px;
  height:6px;
  border-radius:999px;
  background:rgba(255,255,255,.16);
}

.riverDot.isActive{ background:rgba(197,159,99,.96); }

.riverProgress{
  height:4px;
  border-radius:999px;
  overflow:hidden;
  background:rgba(255,255,255,.07);
}

#riverProgressBar{
  display:block;
  width:0;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg, rgba(197,159,99,.96) 0%, rgba(255,228,176,.98) 100%);
}

@keyframes riverProgressFill{
  from{ width:0; }
  to{ width:100%; }
}

@media (max-width: 900px){
  #lightningCard{
    height:362px;
    min-height:362px;
  }
}

@media (max-width: 640px){
  .lnViz{
    height:112px;
    min-height:112px;
  }

  .lnStats{
    gap:8px;
  }

  .lnMini{
    min-height:62px;
    padding:10px 8px 12px;
  }

  .lnMiniV{
    font-size:16px;
  }
}

@media (max-width: 480px){
  #lightningCard{
    height:348px;
    min-height:348px;
  }

  .lnCap{
    font-size:30px;
  }

  .lnSub{
    font-size:10.8px;
  }


  .lnMiniK,
  .riverKicker,
  .riverFeatureEyebrow,
  .riverFeatureDate{
    font-size:7.4px;
  }

  .strategyWordmark{
    font-size:17px !important;
  }

  #strategyCard{
    height:368px;
    min-height:368px;
  }

  #strategyCard .strategyBtn{
    min-height:32px;
    padding:0 10px;
    font-size:9px;
  }

  .strategyLanePrice{
    font-size:16px;
  }

  .strategyMiniGrid{
    gap:6px;
  }

  .strategyMini{
    min-height:50px;
    padding:8px 7px 7px;
  }

  .strategyMiniK{
    font-size:6.8px;
  }

  .strategyMiniV{
    font-size:11.8px;
  }

  .riverLead,
  .riverFeatureBlurb{
    font-size:10.4px;
  }

  .riverFeatureTitle{
    font-size:14px;
  }

  .riverFeatureBody{
    grid-template-columns:1fr;
  }

  .riverThumbWrap{
    display:none;
  }

  #riverCard .riverBtn{
    min-height:32px;
    padding:0 10px;
    font-size:9px;
  }
}

/* ===== PULSE MODAL ===== */
.pulseModal{
  position:fixed;
  inset:0;
  z-index:999999;
  display:none;
  background:rgba(0,0,0,.62);
  backdrop-filter: blur(10px);
}
.pulseModal.isOpen{ display:block; }

.pulseModalCard{
  position:fixed;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
  width:min(520px, 94vw);
  border:1px solid rgba(255,255,255,.14);
  border-radius:18px;
  background:rgba(10,10,10,.86);
  box-shadow: 0 18px 60px rgba(0,0,0,.65);
  padding:14px 14px 12px;
  color:rgba(255,255,255,.92);
}

.pulseModalTop{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:8px;
}

.pulseModalTitle{
  font-size:12px;
  font-weight:900;
  letter-spacing:.10em;
  text-transform:uppercase;
  color:rgba(255,255,255,.95);
  line-height:1.2;
}

.pulseModalClose{
  appearance:none;
  border:0;
  background:transparent;
  color:rgba(255,255,255,.85);
  font-size:22px;
  line-height:1;
  cursor:pointer;
  padding:0 4px;
}

.pulseModalBody{
  font-size:13px;
  line-height:1.35;
  color:rgba(255,255,255,.85);
}

.pulseModalBody .hint{
  margin-top:10px;
  font-size:11px;
  color:rgba(255,255,255,.55);
}

/* ===== MEMPOOL ===== */
.blockSection{
  width:min(1120px, calc(100% - 2px));
  display:flex;
  flex-direction:column;
  gap:8px;
  margin-top:-4px;
  margin-bottom:2px;
}

@media (min-width: 1320px){
  .blockSection{ width:min(1500px, calc(100% - 2px)); }
}

.blockHead{
  min-height:0 !important;
  margin:0 0 0 !important;
  padding:0 2px !important;
  justify-content:flex-end !important;
  align-items:center !important;
}

.blockHeadText{
  min-width:0;
  flex:1 1 auto;
}

.blockTitle{
  font-size:11px;
  font-weight:900;
  letter-spacing:.13em;
  text-transform:uppercase;
  color:rgba(252,173,30,.98);
}

.blockSub{
  margin-top:4px;
  font-size:11.5px;
  line-height:1.24;
  color:rgba(255,255,255,.74);
  max-width:760px;
}

.blockMeta{
  display:flex;
  align-items:center;
  gap:8px;
  white-space:nowrap;
  font-size:10px;
  font-weight:800;
  letter-spacing:.09em;
  text-transform:uppercase;
  color:rgba(255,255,255,.72);
}

.blockLiveDot{
  width:7px;
  height:7px;
  border-radius:999px;
  background:var(--price);
  box-shadow:0 0 0 0 rgba(89,200,172,.55);
  animation:blockPulse 1.9s infinite;
}

@keyframes blockPulse{
  0%   { box-shadow:0 0 0 0 rgba(89,200,172,.45); }
  70%  { box-shadow:0 0 0 8px rgba(89,200,172,0); }
  100% { box-shadow:0 0 0 0 rgba(89,200,172,0); }
}

.blockLiveText{ color:rgba(255,255,255,.82); }
.blockStat{ color:rgba(255,255,255,.58); }

.blockBand{
  position:relative;
  width:100%;
  height:186px;
  overflow:hidden;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.08);
  background:#000;
  box-shadow:
    0 14px 34px rgba(0,0,0,.30),
    inset 0 0 0 1px rgba(255,255,255,.015);
}

.blockDrift,
.blockLanes{
  display:none;
}

.blockStage{
  position:absolute;
  inset:0;
  overflow:hidden;
  z-index:2;
  pointer-events:none;
}

.blockForge{
  position:absolute;
  top:10px;
  right:10px;
  bottom:10px;
  width:min(58%, 700px);
  border-radius:18px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(0,0,0,.98);
  box-shadow:
    0 10px 24px rgba(0,0,0,.28),
    inset 0 0 0 1px rgba(255,255,255,.015);
  z-index:3;
}

.blockForge::before{
  content:"";
  position:absolute;
  inset:10px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.05);
  pointer-events:none;
}

.blockGrid{
  position:absolute;
  inset:14px;
  z-index:2;
  overflow:hidden;
  border-radius:10px;
}

.blockPlaced{
  position:absolute;
  appearance:none;
  border:1px solid rgba(10,10,10,.82);
  border-radius:2px;
  padding:0;
  margin:0;
  cursor:pointer;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 0 0 1px rgba(0,0,0,.14);
}

.blockPlaced:focus-visible{
  outline:1px solid rgba(255,255,255,.28);
  outline-offset:1px;
}

.blockTx{
  position:absolute;
  left:0;
  top:0;
  transform:translate(-9999px,-9999px);
  padding:0;
  opacity:0;
  pointer-events:none;
  touch-action:none;
  border-radius:2px;
  border:1px solid rgba(10,10,10,.82);
  box-shadow:
    0 1px 0 rgba(255,255,255,.06),
    0 8px 18px rgba(0,0,0,.24);
}

.blockTx::after,
.blockPlaced::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 -1px 0 rgba(0,0,0,.18);
  pointer-events:none;
}

.blockTx.isPink,
.blockPlaced.isPink{ background:#fe89b8; }

.blockTx.isBlue,
.blockPlaced.isBlue{ background:#1099fb; }

.blockTx.isPurple,
.blockPlaced.isPurple{ background:#7870ce; }

.blockTx.isYellow,
.blockPlaced.isYellow{ background:#d8c800; }

.blockTx.isOrange,
.blockPlaced.isOrange{ background:#f14d00; }

.blockTx.isWhite,
.blockPlaced.isWhite{ background:#ebebeb; }

.blockComplete{
  position:absolute;
  inset:auto 16px 16px auto;
  z-index:4;
  padding:7px 10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(0,0,0,.86);
  color:rgba(255,245,226,.96);
  font-size:10px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  opacity:0;
  transform:translateY(8px) scale(.98);
  transition:opacity .22s ease, transform .22s ease;
  pointer-events:none;
}

.blockComplete.isVisible{
  opacity:1;
  transform:translateY(0) scale(1);
}

.blockBand.isComplete{
  border-color:rgba(255,255,255,.10);
  box-shadow:
    0 14px 34px rgba(0,0,0,.30),
    inset 0 0 0 1px rgba(255,255,255,.03);
}

.blockBand.isComplete .blockForge{
  border-color:rgba(255,255,255,.10);
  box-shadow:
    0 10px 24px rgba(0,0,0,.28),
    inset 0 0 0 1px rgba(255,255,255,.03);
}

.blockTooltip{
  position:absolute;
  left:12px;
  bottom:10px;
  z-index:5;
  max-width:calc(100% - 24px);
  padding:8px 10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(5,8,10,.84);
  color:rgba(255,255,255,.92);
  font-size:11px;
  line-height:1.1;
  backdrop-filter:blur(12px);
  box-shadow:0 12px 30px rgba(0,0,0,.28);
  opacity:0;
  transform:translateY(8px);
  transition:opacity .18s ease, transform .18s ease;
  pointer-events:none;
}

.blockTooltip.isVisible{
  opacity:1;
  transform:translateY(0);
}

.blockTipAmt{
  color:var(--label);
  font-weight:900;
}

.blockTipDot{
  color:rgba(255,255,255,.34);
  margin:0 6px;
}

@media (max-width: 640px){
  #strcLink{ margin-bottom:8px; }

  .blockSection{
    margin-top:12px;
    gap:8px;
  }

  .blockHead{
    padding:0 2px;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:4px;
    text-align:center;
  }

  .blockHeadText{ width:100%; }

  .blockTitle{
    font-size:10px;
    letter-spacing:.10em;
  }

  .blockSub{
    font-size:8.7px;
    line-height:1.14;
    max-width:285px;
    margin:2px auto 0;
    text-align:center;
  }

  .blockMeta{
    width:100%;
    justify-content:center;
    flex-wrap:wrap;
    white-space:normal;
    font-size:7.6px;
    gap:5px;
    line-height:1.08;
  }

  .blockLiveDot{
    width:6px;
    height:6px;
  }

  .blockStat{
    display:inline-block;
    max-width:100%;
    text-align:center;
    overflow-wrap:anywhere;
  }

  .blockBand{
    height:188px;
    border-radius:22px;
  }

  .blockForge{
    top:10px;
    right:10px;
    bottom:10px;
    width:min(46%, 210px);
    border-radius:14px;
  }

  .blockGrid{
    inset:12px;
  }
}

@media (max-width: 480px){
  .blockSection{
    gap:6px;
    }

  .blockTitle{
    font-size:10px;
    letter-spacing:.10em;
  }

  .blockSub{
    font-size:8.2px;
    max-width:260px;
    margin:2px auto 0;
  }

  .blockMeta{
    font-size:7.1px;
    gap:4px;
  }

  .blockTooltip{
    left:10px;
    right:10px;
    max-width:none;
    font-size:10px;
    padding:7px 9px;
  }

  .blockComplete{
    right:10px;
    bottom:10px;
    font-size:9px;
    padding:6px 8px;
  }
}

#pulseStats .plRow,
#flowsStats .plRow{
  cursor:pointer;
}

@media (max-width: 720px){
  .riverFeatureBlurb{
    -webkit-line-clamp:3;
    min-height:calc(1.3em * 3);
  }
}


/* ===== STRATEGY ATM ===== */
#strategyCard .strategyLane{
  gap:8px;
  padding:9px 10px;
}

#strategyCard .strategyMiniGrid{
  gap:7px;
}

#strategyCard .strategyMini{
  min-height:52px;
  padding:9px 8px 8px;
}

#strategyCard .strategyMiniV{
  font-size:13.4px;
}

.strategyLaneStrc{ position:relative; }

.strategyAtm{
  margin-top:1px;
  padding:7px 8px 8px;
  border-radius:12px;
  border:1px solid rgba(255,171,92,.16);
  background:
    linear-gradient(180deg, rgba(255,255,255,.028) 0%, rgba(255,255,255,.012) 100%),
    radial-gradient(circle at 100% 0%, rgba(255,122,26,.07), transparent 36%);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.02),
    0 0 0 1px rgba(0,0,0,.06);
}

.strategyAtmTop{
  display:flex;
  gap:6px;
  align-items:center;
  justify-content:flex-start;
}

.strategyAtmLabel{
  font-size:6.5px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:rgba(255,255,255,.48);
  white-space:nowrap;
}

.strategyAtmSignal{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-width:0;
  flex-wrap:wrap;
}

.strategyAtmDot{
  width:8px;
  height:8px;
  border-radius:999px;
  flex:0 0 auto;
  background:rgba(255,207,93,.86);
  box-shadow:0 0 0 1px rgba(255,207,93,.16), 0 0 10px rgba(255,207,93,.24);
}

.strategyAtmStatus{
  font-size:11px;
  font-weight:760;
  color:rgba(255,244,228,.96);
  white-space:nowrap;
}

.strategyAtmEstimate{
  display:inline-block;
  min-width:0;
  font-size:10.1px;
  font-weight:700;
  color:rgba(255,213,166,.90);
  white-space:nowrap;
}

.strategyAtmMeta{
  margin-top:3px;
  font-size:5.2px;
  font-weight:560;
  letter-spacing:.04em;
  text-transform:none;
  color:rgba(255,255,255,.28);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.strategyAtmBand{
  position:relative;
  margin-top:8px;
  height:18px;
  border-radius:999px;
  border:1px solid rgba(255,171,92,.12);
  background:
    linear-gradient(180deg, rgba(255,255,255,.035) 0%, rgba(255,255,255,.012) 100%),
    rgba(0,0,0,.24);
  overflow:hidden;
}

.strategyAtmFill{
  position:absolute;
  inset:0 auto 0 0;
  width:0%;
  border-radius:inherit;
  background:
    linear-gradient(90deg, rgba(255,199,94,.20) 0%, rgba(255,150,60,.36) 100%);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.03),
    0 0 18px rgba(255,170,60,.10);
  transition:width .9s ease;
}

.strategyAtmCoins{
  position:absolute;
  inset:0;
  overflow:hidden;
  pointer-events:none;
}

.strategyAtmCoin{
  position:absolute;
  top:0;
  left:0;
  width:9px;
  height:9px;
  margin:-4.5px 0 0 -4.5px;
  border-radius:999px;
  background:
    radial-gradient(circle at 35% 35%, rgba(255,250,224,.98) 0%, rgba(255,208,82,.96) 34%, rgba(255,162,34,.96) 72%, rgba(197,102,0,.92) 100%);
  box-shadow:
    0 0 0 1px rgba(255,214,112,.08),
    0 0 12px rgba(255,176,36,.18);
  opacity:.12;
}

#strategyAtm[data-active="true"] .strategyAtmDot{
  background:rgba(110,255,166,.96);
  box-shadow:
    0 0 0 1px rgba(110,255,166,.16),
    0 0 14px rgba(110,255,166,.50),
    0 0 28px rgba(110,255,166,.20);
}

#strategyAtm[data-active="true"] .strategyAtmStatus{
  color:rgba(214,255,228,.98);
}

#strategyAtm[data-active="true"] .strategyAtmEstimate{
  color:rgba(182,255,208,.95);
  text-shadow:0 0 14px rgba(110,255,166,.10);
}

#strategyAtm[data-active="true"] .strategyAtmFill{
  background:
    linear-gradient(90deg, rgba(72,219,126,.26) 0%, rgba(110,255,166,.42) 100%);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.03),
    0 0 18px rgba(110,255,166,.18);
}

@media (max-width: 640px){
  #strategyCard{
    height:380px;
    min-height:380px;
  }

  #riverCard{
    height:334px;
    min-height:334px;
  }

  #strategyCard .strategyLane{
    padding:8px 9px;
    gap:6px;
  }

  #strategyCard .strategyMini{
    min-height:46px;
    padding:7px 7px 6px;
  }

  #strategyCard .strategyMiniV{
    font-size:11.4px;
  }

  .strategyAtmTop{
    gap:6px;
  }

  .strategyAtmLabel{
    font-size:6.5px;
  }

  .strategyAtmStatus{
    font-size:10.6px;
  }

  .strategyAtmEstimate{
    font-size:10px;
  }

  .strategyAtmMeta{
    font-size:7px;
  }
}

/* ===== STRATEGY SPACING FIX ===== */
#strategyCard{
  height:392px;
  min-height:392px;
}

#strategyCard .cardInner{
  padding-bottom:12px;
}

#strategyCard .strategyWrap,
#strategyCard .strategyLanes{
  gap:7px;
}

#strategyCard .strategyLane{
  gap:7px;
  padding:8px 10px;
}

#strategyCard .strategyLanePrice{
  font-size:18px;
}

#strategyCard .strategyMiniGrid{
  gap:7px;
}

#strategyCard .strategyMini{
  min-height:50px;
  padding:8px 7px 7px;
}

#strategyCard .strategyMiniK{
  font-size:6.7px;
}

#strategyCard .strategyMiniV{
  margin-top:4px;
  font-size:12.4px;
}

#strategyCard .strategyAtm{
  margin-top:1px;
  padding:7px 8px 8px;
}

#strategyCard .strategyAtmTop{
  gap:6px;
}

#strategyCard .strategyAtmLabel{
  font-size:6px;
}

#strategyCard .strategyAtmStatus{
  font-size:10.1px;
}

#strategyCard .strategyAtmEstimate{
  font-size:10.1px;
}

#strategyCard .strategyAtmMeta{
  margin-top:3px;
  font-size:8.4px;
}

#strategyCard .strategyAtmBand{
  margin-top:8px;
  height:18px;
}

@media (min-width: 1320px){
  #strategyCard{
    height:408px;
    min-height:408px;
  }
}

@media (max-width: 640px){
  #strategyCard{
    height:380px;
    min-height:380px;
  }

  #strategyCard .strategyLane{
    gap:6px;
    padding:8px 9px;
  }

  #strategyCard .strategyLanePrice{
    font-size:16px;
  }

  #strategyCard .strategyMini{
    min-height:46px;
    padding:7px 7px 6px;
  }

  #strategyCard .strategyMiniV{
    font-size:11.2px;
  }

  #strategyCard .strategyAtmStatus{
    font-size:10.2px;
  }

  #strategyCard .strategyAtmEstimate{
    font-size:9.8px;
  }
}

@media (max-width: 480px){
  #strategyCard{
    height:370px;
    min-height:370px;
  }
}


/* ===== TYPOGRAPHY PASS 1 ===== */
#newsCard .newsTitle,
#riverCard .riverFeatureTitle{
  font-synthesis-weight:none;
}

#pulseCard #pulseStats .plRow,
#flowsCard #flowsStats .plRow{
  align-items:center;
}

#powerCard .plK,
#pulseCard .plK,
#flowsCard .plK{
  color:rgba(255,255,255,.42);
}

#powerCard .plV,
#pulseCard .plV,
#flowsCard .plV{
  color:rgba(255,255,255,.88);
}

#lightningCard .lnSub,
#riverCard .riverFeatureBlurb{
  font-weight:500;
}

#strategyCard .strategyAtmLabel{
  color:rgba(255,255,255,.38);
}

#strategyCard .strategyMini,
#strategyCard .strategyAtm{
  backdrop-filter:none;
}

/* ===== APP SHELL LAYOUT PASS ===== */
.appWrap{
  align-items:stretch;
  text-align:left;
  padding:14px max(18px, env(safe-area-inset-right)) 26px max(18px, env(safe-area-inset-left));
  gap:14px;
}

.heroRail,
.blockSectionRail,
.contentShell{
  width:min(1540px, calc(100% - 2px));
  margin:0 auto;
}

.heroRail{
  position:relative;
  padding:14px 16px 8px;
  display:block;
}

.heroRail .heroSky{
  left:0;
  transform:none;
  width:100%;
  height:clamp(200px, 26vw, 320px);
}

.topBand{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0, 560px) minmax(0, 1fr);
  gap:18px;
  align-items:start;
}

.heroBrandCluster{
  display:flex;
  align-items:flex-start;
  gap:18px;
  min-width:0;
}

#logo{
  width:clamp(170px, 14vw, 235px);
  max-width:100%;
  margin:0;
  flex:0 0 auto;
}

.heroPriceCluster{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-width:0;
  padding-top:4px;
}

#price{
  margin:0;
  text-align:left;
  line-height:.92;
  font-size:clamp(50px, 5.6vw, 84px);
}

.heroPriceMeta{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  margin-top:8px;
}

#label{
  text-align:left;
  font-size:11.5px;
  letter-spacing:.16em;
  opacity:.84;
}

#chg{
  text-align:left;
  margin:0;
  font-size:14px;
  letter-spacing:.01em;
}

.heroRail .heroSpark{
  width:min(360px, 100%);
  height:50px;
  margin:8px 0 0;
}

.heroStatsBorder{
  width:100%;
  margin:0;
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:10px;
  align-self:start;
  padding-top:4px;
}

.heroStatsBorder .stat{
  min-height:76px;
  padding:12px 13px 10px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.09);
  background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.018));
  box-shadow:0 12px 28px rgba(0,0,0,.22);
  justify-content:space-between;
  align-items:flex-start;
  text-align:left;
}

.heroStatsBorder .statLabel{
  font-size:10.5px;
  letter-spacing:.12em;
  opacity:.58;
}

.heroStatsBorder .statValue{
  font-size:14px;
  letter-spacing:.01em;
  font-weight:700;
}

.blockSectionRail{
  margin-top:2px;
}

.contentShell{
  display:grid;
  grid-template-columns:260px minmax(0, 1fr);
  gap:18px;
  align-items:start;
}

.leftRail{
  min-width:0;
}

.parrotWrapRail{
  position:sticky;
  top:16px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
  margin:0;
  min-height:420px;
  width:min(100%, 300px);
  padding-top:8px;
}

.parrotWrapRail #parrotSep{
  width:clamp(220px, 17vw, 305px);
  max-width:100%;
  height:auto;
  margin:0;
  filter:drop-shadow(0 18px 36px rgba(0,0,0,.38));
}

.tilesRail{
  width:100%;
  display:grid;
  grid-template-columns:repeat(12, minmax(0, 1fr));
  gap:16px;
  align-items:start;
}

#newsCard,
#powerCard{ grid-column:span 3; }
#lightningCard{ grid-column:span 6; }
#pulseCard,
#flowsCard,
#strategyCard,
#riverCard{ grid-column:span 6; }

.tilesRail .card{
  width:100%;
  min-width:0;
}

.card{
  border-radius:22px;
}

.cardInner{
  padding:12px 14px 14px;
}

.cardHdr{
  margin-bottom:10px;
}

.cardTitle{
  font-size:12.5px;
  line-height:1.05;
  letter-spacing:.13em;
}

.cardUpdated{
  font-size:6px;
  letter-spacing:.04em;
  opacity:.34;
  line-height:1.2;
}

#newsCard{ min-height:350px; height:350px; }
#powerCard{ min-height:350px; height:350px; }
#lightningCard{ min-height:352px; height:352px; }
#pulseCard,
#flowsCard{ min-height:330px; height:330px; }
#strategyCard{ min-height:398px; height:auto; }
#riverCard{ min-height:286px; height:auto; }

#newsCard .newsTitle{
  font-size:11.8px;
  line-height:1.14;
  font-weight:680;
}

#newsCard .newsMetaLine{
  font-size:6.4px;
  letter-spacing:.08em;
  opacity:.82;
}

#powerCard .plK,
#pulseCard .plK,
#flowsCard .plK,
#strategyCard .strategyMiniK,
#strategyCard .strategyAtmLabel,
#strategyCard .strategyAtmMeta,
#lightningCard .lnEyebrow,
#lightningCard .lnMiniK,
#riverCard .riverFeatureEyebrow,
#riverCard .riverFeatureDate{
  color:rgba(255,255,255,.40);
  font-weight:560;
  letter-spacing:.07em;
}

#powerCard .plV,
#pulseCard .plV,
#flowsCard .plV,
#lightningCard .lnMiniV,
#strategyCard .strategyMiniV,
#riverCard .riverFeatureTitle,
#riverCard .riverFeatureBlurb{
  letter-spacing:.01em;
}

#pulseCard .plWrap,
#flowsCard .plWrap{ gap:12px; }

#pulseCard #pulseStats,
#flowsCard #flowsStats{ gap:12px; }

#pulseCard #pulseStats .plRow,
#flowsCard #flowsStats .plRow{
  padding:8px 2px;
}

#lightningCard .lnCap{
  font-size:clamp(34px, 3.6vw, 58px);
  line-height:.95;
}

#lightningCard .lnSub{
  font-size:12px;
  color:rgba(255,255,255,.70);
}
#lightningCard .lnSub .lnSubLite{ color:rgba(255,255,255,.46); }
#lightningCard .lnSub em{ font-style:italic; font-weight:500; }

#lightningCard .lnMini{
  padding:12px 14px;
}

#strategyCard .strategyWrap{ gap:10px; }
#strategyCard .strategyLane{ padding:10px 12px; }
#strategyCard .strategyLaneEyebrow{ font-size:11px; letter-spacing:.12em; }
#strategyCard .strategyLanePrice{ font-size:16px; }
#strategyCard .strategyMini{ min-height:58px; padding:10px 10px 8px; }
#strategyCard .strategyMiniK{ font-size:9.8px; }
#strategyCard .strategyMiniV{ font-size:13px; }
#strategyCard .strategyAtm{ margin-top:6px; padding:9px 10px 10px; }
#strategyCard .strategyAtmStatus,
#strategyCard .strategyAtmEstimate{ font-size:12px; }
#strategyCard .strategyAtmMeta{ font-size:8px; letter-spacing:.10em; opacity:.44; }
#strategyCard .strategyAtmBand{ height:14px; }

#riverCard .riverWrap{ gap:10px; }
#riverCard .riverFeatureTitle{ font-size:14px; }
#riverCard .riverFeatureBlurb{ font-size:12.5px; color:rgba(255,255,255,.68); }
#riverCard .riverBtn{ font-size:11px; letter-spacing:.07em; }

@media (max-width: 1400px){
  .contentShell{ grid-template-columns:220px minmax(0, 1fr); }
  .parrotWrapRail #parrotSep{ width:clamp(190px, 15vw, 260px); }
  #newsCard,
  #powerCard{ grid-column:span 4; }
  #lightningCard{ grid-column:span 8; }
}

@media (max-width: 1180px){
  .topBand{ grid-template-columns:1fr; gap:14px; }
  .heroStatsBorder{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
  .contentShell{ grid-template-columns:1fr; gap:12px; }
  .parrotWrapRail{
    position:relative;
    top:auto;
    min-height:0;
    justify-content:flex-start;
    padding:0 0 6px;
  }
  .parrotWrapRail #parrotSep{ width:230px; }
}

@media (max-width: 980px){
  .tilesRail{ grid-template-columns:repeat(2, minmax(0, 1fr)); gap:14px; }
  #newsCard,
  #powerCard,
  #lightningCard,
  #pulseCard,
  #flowsCard,
  #strategyCard,
  #riverCard{ grid-column:span 1; height:auto; min-height:0; }
  #lightningCard .lnCap{ font-size:42px; }
}

@media (max-width: 720px){
  .appWrap{ padding-left:max(12px, env(safe-area-inset-left)); padding-right:max(12px, env(safe-area-inset-right)); }
  .heroBrandCluster{ flex-direction:column; gap:10px; }
  .heroPriceMeta{ gap:8px; }
  .heroStatsBorder{ grid-template-columns:1fr 1fr; gap:8px; }
  .tilesRail{ grid-template-columns:1fr; }
  .parrotWrapRail{ justify-content:center; }
  .parrotWrapRail #parrotSep{ width:210px; }
  #label{ font-size:10.5px; }
  #chg{ font-size:13px; }
}


/* ===== LAYOUT POLISH PASS ===== */
.cardUpdated{
  font-size:6.8px !important;
  letter-spacing:.08em !important;
  opacity:.38 !important;
}

.heroStatsBorder{
  gap:8px 10px !important;
  padding-top:6px !important;
  align-items:start !important;
}

.heroStatsBorder .stat{
  min-height:74px !important;
  padding:0 !important;
  border:1px solid rgba(255,255,255,.055) !important;
  background:linear-gradient(180deg, rgba(10,11,14,.9) 0%, rgba(4,4,6,.97) 100%) !important;
  box-shadow:
    0 10px 22px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.015) !important;
  border-radius:16px !important;
  overflow:hidden !important;
}

.heroStatsBorder .stat::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  width:100% !important;
  height:3px !important;
  border-radius:16px 16px 0 0 !important;
  opacity:.88 !important;
}

.heroStatsBorder .statLabel{
  display:block !important;
  width:100% !important;
  max-width:none !important;
  padding:10px 12px 0 !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  white-space:nowrap !important;
  opacity:.92 !important;
}

.heroStatsBorder .statValue{
  padding:8px 12px 11px !important;
  font-size:14px !important;
  font-weight:780 !important;
  color:rgba(255,255,255,.94) !important;
  text-shadow:none !important;
}

.blockSectionRail{
  margin-top:0 !important;
}

.blockHead{
  padding:0 2px 0 4px !important;
}

.blockMeta{
  font-size:9px !important;
}

.blockBand{
  height:186px !important;
  border-radius:24px !important;
}

.blockForge{
  top:10px !important;
  right:10px !important;
  bottom:10px !important;
  width:min(43%, 640px) !important;
}

.blockGrid{
  inset:12px !important;
}

.blockTooltip{
  font-size:10px !important;
}

#lightningCard{
  min-height:360px !important;
  height:360px !important;
}

#lightningCard .cardInner{
  padding-bottom:16px !important;
}

#lightningCard .lnWrap{
  gap:10px !important;
}

#lightningCard .lnViz{
  height:110px !important;
  min-height:110px !important;
}

#lightningCard .lnStats{
  gap:8px !important;
  margin-top:0 !important;
}

#lightningCard .lnMini{
  min-height:58px !important;
  padding:10px 12px 11px !important;
}

#lightningCard .lnMiniK{
  font-size:8px !important;
}

#lightningCard .lnMiniV{
  margin-top:5px !important;
  font-size:16px !important;
}

#strategyCard{
  min-height:352px !important;
  height:352px !important;
}

#strategyCard .cardInner{
  padding-bottom:14px !important;
}

#strategyCard .strategyWrap,
#strategyCard .strategyLanes{
  gap:8px !important;
}

#strategyCard .strategyLane{
  padding:10px 12px 9px !important;
}

#strategyCard .strategyMini{
  min-height:54px !important;
  padding:9px 10px 8px !important;
}

#strategyCard .strategyMiniK{
  font-size:9px !important;
}

#strategyCard .strategyMiniV{
  font-size:12.6px !important;
}

#strategyCard .strategyAtm{
  margin-top:6px !important;
  padding:8px 10px 9px !important;
}

#strategyCard .strategyAtmTop{
  gap:8px !important;
}

#strategyCard .strategyAtmStatus,
#strategyCard .strategyAtmEstimate{
  font-size:11.5px !important;
}

#strategyCard .strategyAtmMeta{
  font-size:7px !important;
  letter-spacing:.08em !important;
  opacity:.36 !important;
  text-transform:none !important;
  font-weight:500 !important;
}

#strategyCard .strategyAtmBand{
  height:12px !important;
}

#riverCard .cardTitle,
#riverCard .cardHdr .cardTitle{
  letter-spacing:.11em !important;
}

.riverProgress,
#riverProgressBar{
  display:none !important;
}

.riverFoot{
  min-height:8px !important;
  padding-top:2px !important;
}

.riverDots{
  gap:6px !important;
}

.riverDot{
  width:5px !important;
  height:5px !important;
  opacity:.34 !important;
}

.riverDot.isActive{
  transform:none !important;
  opacity:.68 !important;
}

@media (max-width: 1180px){
  .heroStatsBorder{
    gap:8px 10px !important;
  }

  .heroStatsBorder .statLabel{
    padding:6px 12px 5px !important;
    font-size:9px !important;
  }

  .heroStatsBorder .statValue{
    padding-top:8px !important;
    font-size:13px !important;
  }
}

@media (max-width: 980px){
  #lightningCard,
  #strategyCard,
  #riverCard{
    height:auto !important;
    min-height:0 !important;
  }

  .blockBand{
    height:178px !important;
  }
}

@media (max-width: 720px){
  .heroStatsBorder{
    gap:8px !important;
  }

  .heroStatsBorder .stat{
    padding-right:4px !important;
  }

  .heroStatsBorder .statLabel{
    padding:6px 10px 5px !important;
    font-size:8.5px !important;
  }

  .heroStatsBorder .statValue{
    font-size:12.5px !important;
    padding-top:7px !important;
  }

  .blockBand{
    height:172px !important;
  }

  .blockForge{
    width:min(46%, 216px) !important;
  }
}


/* ===== WIDE LAYOUT TUNE V3 ===== */
.topBand{
  grid-template-columns:minmax(0, 560px) minmax(0, 1fr) !important;
  gap:32px !important;
  align-items:end !important;
}

.heroStatsBorder{
  display:flex !important;
  flex-wrap:nowrap !important;
  justify-content:flex-end !important;
  align-items:flex-start !important;
  width:100% !important;
  gap:2px !important;
  margin:0 0 0 clamp(34px, 4vw, 74px) !important;
  padding-top:8px !important;
}

.heroStatsBorder .stat{
  flex:1 1 0 !important;
  min-width:0 !important;
  min-height:74px !important;
  padding:0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  border:1px solid rgba(255,255,255,.055) !important;
  border-radius:16px !important;
  background:linear-gradient(180deg, rgba(10,11,14,.90) 0%, rgba(4,4,6,.97) 100%) !important;
  box-shadow:
    0 10px 22px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.015) !important;
  overflow:hidden !important;
  position:relative !important;
}

.heroStatsBorder .statLabel{
  display:block !important;
  width:100% !important;
  max-width:none !important;
  padding:10px 12px 0 !important;
  font-size:8.6px !important;
  letter-spacing:.11em !important;
  box-shadow:none !important;
  opacity:.90 !important;
}

.heroStatsBorder .statValue{
  padding:8px 2px 0 !important;
  font-size:13px !important;
  font-weight:760 !important;
  line-height:1.05 !important;
}

.cardHdr{
  gap:6px !important;
  align-items:baseline !important;
}

.cardTitle{
  flex:1 1 auto;
  min-width:0;
}

.cardUpdated{
  flex:0 0 auto;
  font-size:5.4px !important;
  letter-spacing:.05em !important;
  opacity:.34 !important;
}

.contentShell{
  display:grid !important;
  grid-template-columns:260px minmax(0, 1fr) !important;
  grid-template-areas:
    "left top"
    "wide wide"
    "lower lower" !important;
  gap:10px 18px !important;
  align-items:start !important;
}

.leftRail{ grid-area:left !important; }

.tilesRailTop{
  grid-area:top !important;
  width:100% !important;
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:16px !important;
  align-items:start !important;
}

.tilesRailLower{
  grid-area:lower !important;
  width:100% !important;
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:16px !important;
  align-items:start !important;
}

.contentShell > #lightningCard,
.contentShell > .railWideCard,
#lightningCard.railWideCard{
  grid-area:wide !important;
  width:100% !important;
  max-width:none !important;
}

.tilesRailTop .card,
.tilesRailLower .card{
  width:100% !important;
  min-width:0 !important;
}

.tilesRailTop #newsCard,
.tilesRailTop #powerCard{
  grid-column:auto !important;
  min-height:364px !important;
  height:364px !important;
}

.tilesRailLower #pulseCard,
.tilesRailLower #flowsCard{
  min-height:330px !important;
  height:330px !important;
}

.tilesRailLower #strategyCard{
  min-height:328px !important;
  height:auto !important;
}

#lightningCard{
  min-height:354px !important;
  height:354px !important;
}

#lightningCard .cardInner{
  padding-bottom:14px !important;
}

#lightningCard .lnWrap{
  gap:9px !important;
}

#lightningCard .lnViz{
  height:112px !important;
  min-height:112px !important;
}

#lightningCard .lnStats{
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:8px !important;
}

#lightningCard .lnMini{
  min-height:60px !important;
  padding:10px 12px !important;
}

#pulseCard .plV.green,
#flowsCard .plV.green{ color:var(--price) !important; }

#pulseCard .plV.pink{ color:var(--height) !important; }
#pulseCard .plV.gold,
#flowsCard .plV.gold{ color:var(--label) !important; }
#pulseCard .plV.purple,
#flowsCard .plV.purple{ color:var(--ratio) !important; }

#newsCard .newsList{
  gap:7px !important;
}

#newsCard .newsTitle{
  font-size:12.1px !important;
  line-height:1.14 !important;
}

#newsCard .newsMetaLine{
  font-size:6.3px !important;
  gap:7px !important;
}

#strategyCard .strategyBtn,
#riverCard .riverBtn{
  min-height:30px !important;
  padding:0 10px !important;
  font-size:8.3px !important;
  font-weight:760 !important;
  letter-spacing:.08em !important;
}

#strategyCard .strategyWrap{
  gap:8px !important;
}

#strategyCard .strategyLane{
  padding:9px 11px 8px !important;
}

#strategyCard .strategyLaneEyebrow{
  font-size:10px !important;
  letter-spacing:.10em !important;
}

#strategyCard .strategyLanePrice{
  font-size:15px !important;
}

#strategyCard .strategyMiniGrid{
  gap:6px !important;
}

#strategyCard .strategyMini{
  min-height:52px !important;
  padding:8px 9px 7px !important;
}

#strategyCard .strategyMiniK{
  font-size:8.7px !important;
  letter-spacing:.07em !important;
  font-weight:680 !important;
}

#strategyCard .strategyMiniV{
  margin-top:4px !important;
  font-size:11.8px !important;
  font-weight:760 !important;
}

#strategyCard .strategyAtm{
  margin-top:4px !important;
  padding:8px 10px 8px !important;
}

#strategyCard .strategyAtmTop{
  gap:6px !important;
  align-items:baseline !important;
}

#strategyCard .strategyAtmMeta{
  font-size:12px !important;
  line-height:1.12 !important;
  opacity:.84 !important;
}

#strategyCard .strategyAtmStatus{
  font-size:10px !important;
  font-weight:700 !important;
  opacity:.72 !important;
}

#strategyCard .strategyAtmEstimate{
  font-size:12px !important;
  font-weight:820 !important;
  color:rgba(255,244,228,.98) !important;
}

#strategyCard .strategyAtmMeta{
  font-size:6.1px !important;
  letter-spacing:.05em !important;
  opacity:.28 !important;
  text-transform:none !important;
}

#strategyCard .strategyAtmBand{
  height:11px !important;
}

#riverCard .riverFeatureTitle{
  font-size:13.2px !important;
  font-weight:760 !important;
}

#riverCard .riverFeatureBlurb{
  font-size:11.2px !important;
  line-height:1.22 !important;
  color:rgba(255,255,255,.62) !important;
}

#riverCard .riverFeatureEyebrow,
#riverCard .riverFeatureDate{
  font-size:7.5px !important;
  font-weight:650 !important;
  letter-spacing:.06em !important;
}

.blockBand{
  height:164px !important;
  border-radius:24px !important;
}

.blockForge{
  top:8px !important;
  right:8px !important;
  bottom:8px !important;
  width:min(52%, 760px) !important;
}

.blockGrid{
  inset:10px !important;
}

.blockMeta{
  font-size:8.6px !important;
}

.blockStat{
  font-size:inherit !important;
}

@media (max-width: 1280px){
  .contentShell{
    grid-template-columns:220px minmax(0, 1fr) !important;
  }

  .parrotWrapRail #parrotSep{
    width:clamp(180px, 16vw, 250px) !important;
  }
}

@media (max-width: 1180px){
  .topBand{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }

  .heroStatsBorder{
    margin-left:0 !important;
  }

  .contentShell{
    grid-template-columns:1fr !important;
    grid-template-areas:
      "left"
      "top"
      "wide"
      "lower" !important;
  }

  .parrotWrapRail{
    position:relative !important;
    top:auto !important;
    min-height:0 !important;
    justify-content:flex-start !important;
    padding-bottom:4px !important;
  }
}

@media (max-width: 980px){
  .tilesRailTop,
  .tilesRailLower{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }

  .tilesRailTop #newsCard,
  .tilesRailTop #powerCard,
  .tilesRailLower #pulseCard,
  .tilesRailLower #flowsCard,
  .tilesRailLower #strategyCard,
  .tilesRailLower #riverCard,
  #lightningCard{
    height:auto !important;
    min-height:0 !important;
  }

  #lightningCard .lnStats{
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  }

  .heroStatsBorder{
    gap:6px !important;
  }

  .heroStatsBorder .statLabel{
    padding:6px 9px 5px !important;
    font-size:8.3px !important;
  }

  .heroStatsBorder .statValue{
    font-size:12px !important;
  }
}

@media (max-width: 720px){
  .heroStatsBorder{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
    margin-left:0 !important;
  }

  .heroStatsBorder .stat{
    padding-right:0 !important;
  }

  .blockBand{
    height:158px !important;
  }

  .blockForge{
    width:min(50%, 236px) !important;
  }
}


.riverWordmark{
  display:flex;
  align-items:center;
}
.riverWordmark img{
  display:block;
  width:auto;
  height:18px;
}

@keyframes strategyStatusPulse{
  0%,100%{ transform:scale(1); box-shadow:0 0 0 1px rgba(255,207,93,.16), 0 0 10px rgba(255,207,93,.24); }
  50%{ transform:scale(1.08); box-shadow:0 0 0 1px rgba(255,207,93,.20), 0 0 16px rgba(255,207,93,.34), 0 0 28px rgba(255,207,93,.12); }
}
.strategyAtmDot{ animation:strategyStatusPulse 2.2s ease-in-out infinite; }
#strategyAtm[data-active="true"] .strategyAtmDot{ animation-duration:1.7s; }

#pulseCard #pulseStats .plRow,
#flowsCard #flowsStats .plRow{
  position:relative;
  overflow:hidden;
}
#pulseCard #pulseStats .plRow::after,
#flowsCard #flowsStats .plRow::after{
  content:"";
  position:absolute;
  left:0;
  right:34%;
  bottom:6px;
  height:1px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(var(--sig-rgb),0) 0%, rgba(var(--sig-rgb),.16) 16%, rgba(var(--sig-rgb),.05) 58%, rgba(var(--sig-rgb),0) 100%);
  opacity:.6;
}
#pulseCard #pulseStats .plRow::before,
#flowsCard #flowsStats .plRow::before{
  content:"";
  position:absolute;
  left:-26%;
  bottom:5px;
  width:26%;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(var(--sig-rgb),0) 0%, rgba(var(--sig-rgb),.28) 46%, rgba(var(--sig-rgb),0) 100%);
  animation:slowSignal 11s linear infinite;
  opacity:.42;
}
#pulseCard #pulseStats .plRow:nth-child(2)::before,
#flowsCard #flowsStats .plRow:nth-child(2)::before{ animation-duration:13s; }
#pulseCard #pulseStats .plRow:nth-child(3)::before,
#flowsCard #flowsStats .plRow:nth-child(3)::before{ animation-duration:15s; }
#pulseCard #pulseStats .plRow:nth-child(4)::before,
#flowsCard #flowsStats .plRow:nth-child(4)::before{ animation-duration:12s; }
#pulseCard #pulseStats .plRow:nth-child(5)::before,
#flowsCard #flowsStats .plRow:nth-child(5)::before{ animation-duration:14s; }
#pulseCard #pulseStats .plRow:nth-child(1), #flowsCard #flowsStats .plRow:nth-child(1){ --sig-rgb: 89,200,172; }
#pulseCard #pulseStats .plRow:nth-child(2), #flowsCard #flowsStats .plRow:nth-child(2){ --sig-rgb: 169,131,255; }
#pulseCard #pulseStats .plRow:nth-child(3){ --sig-rgb: 252,173,30; }
#flowsCard #flowsStats .plRow:nth-child(3){ --sig-rgb: 255,255,255; }
#pulseCard #pulseStats .plRow:nth-child(4), #flowsCard #flowsStats .plRow:nth-child(4){ --sig-rgb: 254,137,184; }
#pulseCard #pulseStats .plRow:nth-child(5){ --sig-rgb: 140,176,255; }
#flowsCard #flowsStats .plRow:nth-child(5){ --sig-rgb: 89,200,172; }
#flowsCard #flowsStats .plRow.isNegative{ --sig-rgb: 255,120,120 !important; }
@keyframes slowSignal{
  0%{ transform:translateX(-120%); }
  100%{ transform:translateX(520%); }
}

@media (max-width: 980px){
  .topBand{ grid-template-columns:1fr; gap:14px; }
  .heroStatsBorder{ justify-self:stretch; width:100%; }
}
@media (max-width: 760px){
  .heroStatsBorder{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:8px;
    background:none;
    border:none;
    box-shadow:none;
    overflow:visible;
  }
  .heroStatsBorder .stat{
    border:1px solid rgba(255,255,255,.08);
    border-radius:18px;
    box-shadow:0 10px 24px rgba(0,0,0,.16);
  }
}


/* v1044 tune: news fit, river trim, tighter wide gap */
.contentShell{ row-gap:10px !important; column-gap:18px !important; }
.tilesRailTop #newsCard,
.tilesRailTop #powerCard{ min-height:372px !important; height:372px !important; }
#newsCard .cardInner{ padding-bottom:10px !important; }
#newsCard .newsList{ gap:6px !important; }
#newsCard .newsItem a{ gap:9px !important; }
#newsCard .newsThumb{ width:70px !important; height:46px !important; }
#newsCard .newsTitle{ font-size:11.6px !important; line-height:1.12 !important; -webkit-line-clamp:2 !important; }
#newsCard .newsMetaLine{ margin-top:1px !important; font-size:6.0px !important; gap:6px !important; }
#newsCard .cardHdr{ margin-bottom:8px !important; }
#newsCard .cardUpdated,
#powerCard .cardUpdated,
#lightningCard .cardUpdated,
#pulseCard .cardUpdated,
#flowsCard .cardUpdated,
#strategyCard .cardUpdated,
#riverCard .cardUpdated{ font-size:10px !important; letter-spacing:.04em !important; opacity:.40 !important; }
#lightningCard{ margin-top:-2px !important; }
#riverCard{ min-height:236px !important; }
#riverCard .cardInner{ padding-bottom:8px !important; }
#riverCard .riverWrap{ gap:8px !important; }
#riverCard .riverTop{ padding-bottom:0 !important; }
#riverCard .riverFeature{ padding:9px 10px 8px !important; gap:5px !important; }
#riverCard .riverFeatureBody{ gap:6px !important; }
#riverCard .riverFeatureCopy{ gap:4px !important; }
#riverCard .riverFeatureBlurb{ -webkit-line-clamp:3 !important; min-height:calc(1.22em * 3) !important; }
#riverCard .riverFeatureMeta{ margin-top:0 !important; min-height:14px !important; padding-top:0 !important; }
@media (min-width: 981px){
 
}


/* ===== POWER LAW HOVER / BRIGHTER RAINBOW ===== */
#powerCard .plChart{
  overflow: visible;
}
#powerCard .plHint{
  opacity:.28;
}
.plHover{
  position:absolute;
  z-index:14;
  top:10px;
  left:10px;
  padding:10px 11px 9px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(180deg, rgba(7,10,18,.96), rgba(4,7,13,.92));
  box-shadow:0 12px 28px rgba(0,0,0,.42);
  backdrop-filter: blur(10px);
  pointer-events:none;
}
.plHover[hidden]{ display:none; }
.plHoverDate{
  font-size:10px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:rgba(255,255,255,.68);
  margin-bottom:6px;
}
.plHoverRow{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  font-size:11px;
  line-height:1.25;
  margin:3px 0;
}
.plHoverRow span{
  display:flex;
  align-items:center;
  gap:7px;
  color:rgba(255,255,255,.82);
  white-space:nowrap;
}
.plHoverRow strong{
  color:#fff;
  font-size:11px;
  font-weight:780;
  letter-spacing:.01em;
}
.plHoverRow i{
  display:inline-block;
  width:8px;
  height:8px;
  border-radius:999px;
  box-shadow:0 0 10px currentColor;
}
.plHoverPrice{
  margin-bottom:6px;
  padding-bottom:6px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.plHoverPrice span{
  color:rgba(255,255,255,.64);
}
.plHoverPrice strong{
  color:rgba(255,255,255,.98);
}

/* ===== PARROT QUOTE ===== */
.parrotQuoteShell{
  display:flex;
  align-items:center;
  flex-wrap:nowrap;
  gap:6px;
  margin-top:4px;
  margin-left:10px;
  width:min(100%, 290px);
  max-width:290px;
  min-height:18px;
  color:rgba(119, 255, 189, .88);
  font:500 11px/1.35 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  letter-spacing:.01em;
  white-space:nowrap;
  overflow:hidden;
}

.parrotQuotePrompt{
  color:rgba(252,173,30,.86);
  flex:0 0 auto;
  line-height:1.35;
}

.parrotQuoteText{
  display:block;
  flex:1 1 auto;
  min-width:0;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:clip;
  line-height:1.35;
}

.parrotQuoteCursor{
  display:inline-block;
  flex:0 0 auto;
  width:7px;
  height:13px;
  border-radius:1px;
  background:rgba(119,255,189,.9);
  box-shadow:0 0 10px rgba(119,255,189,.55);
  animation:parrotCursorBlink 1.05s steps(1,end) infinite;
}

@keyframes parrotCursorBlink{
  0%, 46% { opacity:1; }
  47%, 100% { opacity:.12; }
}

@media (max-width: 900px){
  .parrotQuoteShell{
    margin-top:4px;
    margin-left:8px;
    font-size:11px;
    max-width:230px;
    width:min(100%, 230px);
  }
}

/* ===== STRATEGY PRICE BOXES ===== */
#strategyCard .strategyLanePrice{
  display:none !important;
}
#strategyCard .strategyMiniGrid{
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
}
#strategyCard .strategyMiniPriceBox{
  border-color:rgba(252,173,30,.14);
  background:linear-gradient(180deg, rgba(255,152,26,.04), rgba(255,152,26,.015));
}
#strategyCard .strategyMiniKPrice{
  color:rgba(252,173,30,.9) !important;
  opacity:1 !important;
}
#strategyCard .strategyMiniVPrice{
  color:rgba(255,244,228,.98);
}
@media (max-width: 980px){
  #strategyCard .strategyMiniGrid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
}


/* v1046 mobile + hover polish */
#powerCard{ overflow:visible !important; }
#powerCard .cardInner,
#powerCard .plWrap,
#powerCard .plChart{ overflow:visible !important; }
#powerCard .plChart{ touch-action:none; }
.plHover{ max-width:min(228px, calc(100% - 12px)); }
.plHoverDate{ font-size:9px; margin-bottom:5px; }
.plHoverRow{ font-size:10px; line-height:1.18; margin:2px 0; gap:8px; }
.plHoverRow strong{ font-size:10px; }
.plHoverRow span{ gap:6px; }
.plHoverRow i{ width:7px; height:7px; }
.plHoverDot{
  position:absolute;
  z-index:13;
  width:8px;
  height:8px;
  margin-left:-4px;
  margin-top:-4px;
  border-radius:999px;
  background:#ffc629;
  box-shadow:0 0 0 2px rgba(255,198,41,.18), 0 0 12px rgba(255,198,41,.55), 0 0 24px rgba(255,198,41,.24);
  pointer-events:none;
}
#newsCard{ min-height:388px !important; height:388px !important; }
#powerCard{ min-height:388px !important; height:388px !important; }
#riverCard,
.tilesRailLower #riverCard{ min-height:198px !important; }
#riverCard .cardInner{ padding-bottom:6px !important; }
#riverCard .riverWrap{ gap:6px !important; }
#riverCard .riverFeature{ padding:9px 10px 7px !important; }
#riverCard .riverFeatureBlurb{ -webkit-line-clamp:2 !important; min-height:calc(1.22em * 2) !important; }
#riverCard .riverFoot{ display:none !important; }
@media (max-width: 720px){
  .heroRail{ padding-top:2px !important; }
  #logo{ margin-top:0 !important; }
  #newsCard{ height:auto !important; min-height:0 !important; }
  #newsCard .cardInner{ padding-bottom:8px !important; }
  #newsCard .newsList{ gap:5px !important; }
  #newsCard .newsTitle{ font-size:11.2px !important; line-height:1.1 !important; }
  #newsCard .newsMetaLine{ font-size:5.8px !important; }
  .plHover{ display:block !important; padding:8px 9px 8px; }
  .plHoverDate{ font-size:8px; }
  .plHoverRow{ font-size:9px; }
  .plHoverRow strong{ font-size:9px; }
  .plHoverDot{ width:7px; height:7px; margin-left:-3.5px; margin-top:-3.5px; }
  .parrotQuoteShell{ display:flex !important; margin-top:4px; margin-left:6px; font-size:10px; max-width:220px; width:min(100%, 220px); }
  .parrotQuoteText{ max-width:188px; }
  #riverCard, .tilesRailLower #riverCard{ min-height:186px !important; }
}


/* v1049 parrot quote + power law tracker */
.contentShell{
  grid-template-columns:300px minmax(0, 1fr) !important;
}
.leftRail,
.parrotWrapRail{
  overflow:visible !important;
}
.parrotWrapRail{
  width:min(100%, 320px) !important;
}
.parrotQuoteShell{
  margin-top:2px !important;
  margin-left:6px !important;
  width:min(100%, 312px) !important;
  max-width:312px !important;
}
.parrotQuoteText{
  max-width:286px !important;
}
@media (max-width: 1280px){
  .contentShell{ grid-template-columns:260px minmax(0, 1fr) !important; }
}
@media (max-width: 1180px){
  .contentShell{ grid-template-columns:1fr !important; }
}
@media (max-width: 900px){
  .parrotQuoteShell{
    width:min(100%, 236px) !important;
    max-width:236px !important;
    margin-left:6px !important;
  }
  .parrotQuoteText{ max-width:202px !important; }
}


/* v1050 quote visibility + flows label safeguard */
.leftRail{ position:relative !important; z-index:6 !important; }
.parrotWrapRail{ position:relative !important; z-index:6 !important; }
.parrotQuoteShell{ z-index:7 !important; width:max-content !important; max-width:none !important; }
.parrotQuoteText{ max-width:none !important; }
@media (min-width:1181px) and (max-width:1420px){
  .contentShell{ grid-template-columns:272px minmax(0,1fr) !important; }
  .parrotQuoteShell{ font-size:10px !important; letter-spacing:0 !important; }
}
@media (min-width:1421px){
  .parrotQuoteShell{ font-size:11px !important; }
}
#flowsCard #flowsStats .plRow:nth-child(3) .plK{ color:rgba(255,255,255,.46) !important; opacity:1 !important; }


/* v1051 quote containment + flow color polish */
.leftRail{
  padding-bottom: 12px !important;
}
.parrotWrapRail{
  width:min(100%, 300px) !important;
}
.parrotQuoteShell{
  position:relative !important;
  z-index:7 !important;
  margin-top:-14px !important;
  margin-left:2px !important;
  width:100% !important;
  max-width:100% !important;
  padding-right:10px !important;
  overflow:hidden !important;
  font-size:10px !important;
}
.parrotQuoteText{
  flex:1 1 auto !important;
  min-width:0 !important;
  max-width:none !important;
  overflow:hidden !important;
}
.parrotQuoteCursor{
  flex:0 0 auto !important;
}
@media (min-width:1181px) and (max-width:1420px){
  .contentShell{ grid-template-columns:286px minmax(0,1fr) !important; }
  .parrotQuoteShell{ font-size:9.5px !important; }
}
@media (min-width:1421px){
  .contentShell{ grid-template-columns:300px minmax(0,1fr) !important; }
  .parrotQuoteShell{ font-size:10px !important; }
}
@media (max-width:1180px){
  .parrotQuoteShell{
    margin-top:-8px !important;
    width:min(100%, 248px) !important;
    max-width:248px !important;
    padding-right:0 !important;
  }
}


/* v1054 parrot quote safe two-line layout */
.leftRail{
  align-items:flex-start !important;
}
.parrotWrapRail{
  width:min(100%, 300px) !important;
  align-items:center !important;
}
.parrotWrapRail #parrotSep{
  margin:0 auto !important;
}
.parrotQuoteShell{
  position:relative !important;
  z-index:8 !important;
  display:flex !important;
  align-items:flex-start !important;
  justify-content:center !important;
  gap:4px !important;
  margin:-8px auto 0 !important;
  width:min(100%, 210px) !important;
  max-width:210px !important;
  min-height:30px !important;
  padding:0 !important;
  overflow:visible !important;
  font-size:clamp(9px, 0.72vw, 10.5px) !important;
  line-height:1.22 !important;
  letter-spacing:0 !important;
  text-align:left !important;
}
.parrotQuotePrompt{
  flex:0 0 auto !important;
  margin-top:0.05em !important;
}
.parrotQuoteText{
  flex:0 1 auto !important;
  display:block !important;
  white-space:pre-line !important;
  overflow:visible !important;
  max-width:170px !important;
  min-width:0 !important;
}
.parrotQuoteCursor{
  flex:0 0 auto !important;
  align-self:flex-end !important;
  margin-left:1px !important;
}
@media (min-width:1421px){
  .contentShell{ grid-template-columns:300px minmax(0,1fr) !important; }
  .parrotQuoteShell{ width:min(100%, 220px) !important; max-width:220px !important; }
  .parrotQuoteText{ max-width:178px !important; }
}
@media (min-width:1181px) and (max-width:1420px){
  .contentShell{ grid-template-columns:286px minmax(0,1fr) !important; }
  .parrotQuoteShell{ width:min(100%, 202px) !important; max-width:202px !important; font-size:clamp(8.5px, 0.78vw, 9.8px) !important; }
  .parrotQuoteText{ max-width:162px !important; }
}
@media (max-width:1180px){
  .parrotQuoteShell{
    margin:-4px auto 0 !important;
    width:min(100%, 196px) !important;
    max-width:196px !important;
    font-size:clamp(8.5px, 2.3vw, 10px) !important;
  }
  .parrotQuoteText{ max-width:156px !important; }
}

/* v1055 parrot quote closer to talons */
@media (min-width: 1181px){
  .parrotWrapRail{
    position: sticky !important;
  }
  .parrotQuoteShell{
    margin: -86px auto 0 !important;
    width: min(100%, 214px) !important;
    max-width: 214px !important;
  }
  .parrotQuoteText{
    max-width: 176px !important;
  }
}
@media (min-width: 1421px){
  .parrotQuoteShell{
    margin-top: -92px !important;
  }
}

/* merged medium-width parrot fix from v1057 */
@media (min-width: 1181px) and (max-width: 1500px){
  .contentShell{
    grid-template-columns: 320px minmax(0, 1fr) !important;
    column-gap: 18px !important;
  }

  .leftRail,
  .parrotWrapRail{
    width: 320px !important;
    max-width: 320px !important;
  }

  .parrotWrapRail{
    position: relative !important;
    align-items: center !important;
    min-height: 360px !important;
    padding-bottom: 58px !important;
  }

  .parrotQuoteShell{
    position: absolute !important;
    left: 50% !important;
    bottom: 10px !important;
    transform: translateX(-50%) !important;
    margin: 0 !important;
    width: 206px !important;
    max-width: 206px !important;
    font-size: 9.2px !important;
    line-height: 1.18 !important;
  }

  .parrotQuoteText{
    max-width: 168px !important;
  }
}


/* v1058 parrot quote text color + cursor alignment */
.parrotQuotePrompt{ color:#f2a31f !important; }
.parrotQuoteText{ color:rgba(255,255,255,.97) !important; text-shadow:0 0 8px rgba(255,255,255,.04) !important; }
.parrotQuoteCursor{ background:rgba(135,255,220,.92) !important; box-shadow:0 0 12px rgba(120,255,215,.28) !important; align-self:flex-end !important; margin-left:2px !important; margin-bottom:0.14em !important; transform:none !important; }
@media (max-width: 900px){
  .parrotQuoteCursor{ margin-bottom:0.18em !important; }
}
/* ===== STRATEGY ATM FINAL MOBILE FIT ===== */
#strategyCard .strategyAtmEstimate{
  font-size: clamp(18px, 2.2vw, 28px) !important;
  line-height: 0.98 !important;
}

@media (min-width: 1200px){
  #strategyCard .strategyAtmEstimate{
    font-size: 30px !important;
  }
}

@media (max-width: 640px){
  #strategyCard{
    height: 458px !important;
    min-height: 458px !important;
  }

  #strategyCard .strategyLane.strategyLaneStrc{
    padding-bottom: 16px !important;
  }

  #strategyCard .strategyAtm{
    min-height: 196px !important;
    padding: 13px 12px 12px !important;
  }

  #strategyCard .strategyAtmSignal{
    display: flex !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    gap: 8px 10px !important;
    align-items: center !important;
  }

  #strategyCard .strategyAtmStatus{
    font-size: 15px !important;
    line-height: 1.04 !important;
    white-space: nowrap !important;
  }

  #strategyCard .strategyAtmEstimate{
    display: block !important;
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    order: 3 !important;
    margin-top: 6px !important;
    font-size: 30px !important;
    line-height: 0.96 !important;
    letter-spacing: -0.045em !important;
    white-space: nowrap !important;
  }

  #strategyCard .strategyAtmMeta{
    margin-top: 10px !important;
  }
}

@media (max-width: 480px){
  #strategyCard{
    height: 474px !important;
    min-height: 474px !important;
  }

  #strategyCard .strategyAtm{
    min-height: 208px !important;
    padding: 13px 10px 12px !important;
  }

  #strategyCard .strategyAtmStatus{
    font-size: 14px !important;
  }

  #strategyCard .strategyAtmEstimate{
    font-size: 25px !important;
    line-height: 0.98 !important;
    letter-spacing: -0.05em !important;
  }
}

@media (max-width: 390px){
  #strategyCard .strategyAtmEstimate{
    font-size: 22px !important;
  }
}


/* v1059 parrot quote cleanup */
.leftRail{
  overflow:visible !important;
}

.parrotWrapRail{
  position:sticky !important;
  top:16px !important;
  align-items:center !important;
  justify-content:flex-start !important;
  min-height:332px !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
  overflow:visible !important;
}

.parrotWrapRail #parrotSep{
  margin:0 auto !important;
}

.parrotQuoteShell{
  position:absolute !important;
  left:50% !important;
  bottom:58px !important;
  transform:translateX(-50%) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:4px !important;
  margin:0 !important;
  width:232px !important;
  max-width:232px !important;
  min-height:14px !important;
  padding:0 !important;
  overflow:hidden !important;
  font-size:9.15px !important;
  line-height:1.16 !important;
  letter-spacing:0 !important;
  text-align:left !important;
  white-space:nowrap !important;
}

.parrotQuotePrompt{
  flex:0 0 auto !important;
  line-height:1.16 !important;
  margin-top:0 !important;
}

.parrotQuoteText{
  flex:0 1 auto !important;
  display:block !important;
  white-space:nowrap !important;
  max-width:188px !important;
  min-width:0 !important;
  min-height:0 !important;
  overflow:hidden !important;
  text-overflow:clip !important;
  line-height:1.16 !important;
  color:rgba(255,255,255,.98) !important;
  text-shadow:0 0 8px rgba(255,255,255,.04) !important;
}

.parrotQuoteCursor{
  flex:0 0 auto !important;
  width:7px !important;
  height:13px !important;
  background:rgba(255,255,255,.92) !important;
  box-shadow:0 0 10px rgba(255,255,255,.18) !important;
  align-self:center !important;
  margin-left:2px !important;
  margin-bottom:0 !important;
  transform:none !important;
}

@media (min-width: 1501px){
  .parrotWrapRail{
    min-height:346px !important;
  }

  .parrotQuoteShell{
    bottom:62px !important;
    width:214px !important;
    max-width:214px !important;
    font-size:9.35px !important;
  }

  .parrotQuoteText{
  max-width:194px !important;
  }
}

@media (min-width: 1181px) and (max-width: 1500px){
  .parrotWrapRail{
    min-height:324px !important;
    padding-bottom:0 !important;
  }

  .parrotQuoteShell{
    bottom:50px !important;
    width:198px !important;
    max-width:198px !important;
    font-size:8.9px !important;
  }

  .parrotQuoteText{
    max-width:180px !important;
  }
}

@media (max-width: 1180px){
  .parrotWrapRail{
    position:relative !important;
    top:auto !important;
    min-height:262px !important;
    justify-content:flex-start !important;
    padding-bottom:0 !important;
  }

  .parrotQuoteShell{
    bottom:18px !important;
    width:214px !important;
    max-width:214px !important;
    font-size:10px !important;
  }

  .parrotQuoteText{
    max-width:194px !important;
  }
}

@media (max-width: 640px){
  .parrotWrapRail{
    min-height:248px !important;
  }

  .parrotQuoteShell{
    bottom:12px !important;
    width:206px !important;
    max-width:206px !important;
    font-size:10px !important;
  }

  .parrotQuoteText{
    max-width:186px !important;
  }

  .parrotQuoteCursor{
    margin-bottom:0.16em !important;
  }
}

@media (max-width: 420px){
  .parrotWrapRail{
    min-height:238px !important;
  }

  .parrotQuoteShell{
    bottom:10px !important;
    width:196px !important;
    max-width:196px !important;
    font-size:9.7px !important;
  }

  .parrotQuoteText{
    max-width:178px !important;
  }
}


/* v1061 google news theme thumb tune + slightly brighter hero stars */
.starLayer{ opacity:.37 !important; }
.starLayer2{ opacity:.25 !important; }
.starLayer3{ opacity:.18 !important; }

.newsThumbGoogle{
  box-shadow:0 10px 18px rgba(0,0,0,.16);
}

.newsThumbGoogleTheme{
  display:block;
  background-color:#040404 !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 208'%3E%3Cdefs%3E%3ClinearGradient id='bg' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop stop-color='%23030304'/%3E%3Cstop offset='1' stop-color='%230a0a0d'/%3E%3C/linearGradient%3E%3CradialGradient id='glow' cx='0.32' cy='0.38' r='0.72'%3E%3Cstop offset='0' stop-color='%23f2a31f' stop-opacity='.16'/%3E%3Cstop offset='.54' stop-color='%23786be0' stop-opacity='.09'/%3E%3Cstop offset='1' stop-color='%23000000' stop-opacity='0'/%3E%3C/radialGradient%3E%3ClinearGradient id='bone' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop stop-color='%23f6e5b0' stop-opacity='.95'/%3E%3Cstop offset='1' stop-color='%23d8b159' stop-opacity='.88'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='320' height='208' rx='18' fill='url(%23bg)'/%3E%3Crect x='1.5' y='1.5' width='317' height='205' rx='16.5' fill='url(%23glow)'/%3E%3Cg opacity='.92'%3E%3Cpath d='M72 147 L153 76' stroke='url(%23bone)' stroke-width='14' stroke-linecap='round'/%3E%3Cpath d='M72 76 L153 147' stroke='url(%23bone)' stroke-width='14' stroke-linecap='round'/%3E%3Ccircle cx='67' cy='152' r='8.5' fill='%23f6e5b0'/%3E%3Ccircle cx='159' cy='71' r='8.5' fill='%23d8b159'/%3E%3Ccircle cx='67' cy='71' r='8.5' fill='%23f6e5b0'/%3E%3Ccircle cx='159' cy='152' r='8.5' fill='%23d8b159'/%3E%3C/g%3E%3Cg transform='translate(114 112) scale(1.22)'%3E%3Ccircle r='30' fill='rgba(12,14,20,.74)' stroke='rgba(255,255,255,.14)'/%3E%3Ccircle cy='-5' r='24' fill='%23f7f1df'/%3E%3Crect x='-14' y='10' width='28' height='15' rx='6' fill='%23f7f1df'/%3E%3Ccircle cx='-8' cy='-7' r='4.6' fill='%2308090d'/%3E%3Ccircle cx='8' cy='-7' r='4.6' fill='%2308090d'/%3E%3Cpath d='M0 -1 L-4 6 H4 Z' fill='%2308090d'/%3E%3Cpath d='M-10 11 Q0 18 10 11' stroke='%2308090d' stroke-width='3.2' fill='none' stroke-linecap='round'/%3E%3C/g%3E%3Cg opacity='.9'%3E%3Ccircle cx='242' cy='58' r='2.1' fill='%23ffffff'/%3E%3Ccircle cx='268' cy='90' r='1.5' fill='%23f6e5b0'/%3E%3Ccircle cx='229' cy='103' r='1.7' fill='%23a8ccff'/%3E%3Ccircle cx='282' cy='62' r='1.4' fill='%23ffffff'/%3E%3C/g%3E%3Ccircle cx='254' cy='147' r='31' fill='rgba(242,163,31,.11)'/%3E%3Ctext x='254' y='157' text-anchor='middle' font-size='33' font-weight='700' fill='%23f2a31f' font-family='Arial,Helvetica,sans-serif'%3E%E2%82%BF%3C/text%3E%3C/svg%3E");
  background-size:cover;
  background-position:center;
  border-color:rgba(255,255,255,.06) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.022),
    0 10px 18px rgba(0,0,0,.18);
}


/* ===== FINAL BOTTOM CLEANUP PASS ===== */

:root{
  --shellMax: 1560px;
  --shellPadX: clamp(12px, 2vw, 22px);
  --shellGap: clamp(8px, 1vw, 12px);
}

/* ---------- shell ---------- */

html, body{
  overflow-x:hidden;
}

.appWrap{
  width:100% !important;
  max-width:none !important;
  align-items:stretch !important;
  gap:var(--shellGap) !important;
  padding:
    clamp(12px, 1.6vw, 18px)
    max(12px, env(safe-area-inset-right))
    clamp(24px, 3vw, 34px)
    max(12px, env(safe-area-inset-left)) !important;
}

.heroRail,
.blockSectionRail,
.contentShell{
  width:min(var(--shellMax), 100%) !important;
  max-width:var(--shellMax) !important;
  margin-inline:auto !important;
}

/* ---------- hero ---------- */

.heroRail{
  display:block !important;
  width:min(var(--shellMax), 100%) !important;
  padding:
    clamp(10px, 1.2vw, 16px)
    var(--shellPadX)
    clamp(8px, 1vw, 12px) !important;
}

.heroRail .heroSky{
  left:0 !important;
  width:100% !important;
  transform:none !important;
  height:clamp(220px, 26vw, 330px) !important;
}

.topBand{
  display:grid !important;
  grid-template-columns:minmax(0, 520px) minmax(0, 1fr) !important;
  gap:clamp(18px, 2vw, 28px) !important;
  align-items:end !important;
}

.heroBrandCluster{
  display:flex !important;
  align-items:flex-start !important;
  gap:14px !important;
  min-width:0 !important;
}

#logo{
  width:clamp(162px, 13vw, 220px) !important;
  max-width:100% !important;
  height:auto !important;
  margin:0 !important;
}

.heroPriceCluster{
  min-width:0 !important;
  padding-top:2px !important;
  align-items:flex-start !important;
}

#price{
  margin:0 !important;
  text-align:left !important;
  line-height:.92 !important;
  font-size:clamp(52px, 5.2vw, 80px) !important;
}

.heroPriceMeta{
  display:flex !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  margin-top:7px !important;
}

#label{
  text-align:left !important;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
  font-size:clamp(11px, .84vw, 12px) !important;
}

#chg{
  margin:0 !important;
  text-align:left !important;
  font-size:clamp(13px, .95vw, 16px) !important;
}

.heroRail .heroSpark{
  width:min(332px, 100%) !important;
  height:46px !important;
  margin:7px 0 0 !important;
}

/* premium stat cards */
.heroStatsBorder{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  justify-content:stretch !important;
  align-items:stretch !important;
  gap:10px !important;
  margin:0 0 0 clamp(18px, 2.4vw, 34px) !important;
  padding-top:4px !important;
  width:100% !important;
}

.heroStatsBorder .stat{
  position:relative !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:flex-start !important;
  min-height:74px !important;
  padding:0 !important;
  border:1px solid rgba(255,255,255,.05) !important;
  border-radius:16px !important;
  background:linear-gradient(180deg, rgba(10,11,14,.88) 0%, rgba(4,4,6,.975) 100%) !important;
  box-shadow:
    0 10px 22px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.015) !important;
  overflow:hidden !important;
  min-width:0 !important;
}

.heroStatsBorder .stat::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  width:100% !important;
  height:3px !important;
  border-radius:16px 16px 0 0 !important;
  opacity:.92 !important;
}

.heroStatsBorder .statLabel{
  display:block !important;
  width:100% !important;
  max-width:none !important;
  padding:10px 12px 0 !important;
  background:none !important;
  border:0 !important;
  box-shadow:none !important;
  font-size:8.5px !important;
  font-weight:750 !important;
  letter-spacing:.11em !important;
  line-height:1.05 !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  opacity:.88 !important;
}

.heroStatsBorder .statValue{
  padding:8px 12px 11px !important;
  font-size:clamp(13px, 1.12vw, 16px) !important;
  font-weight:800 !important;
  line-height:1.04 !important;
  letter-spacing:0 !important;
  color:rgba(255,255,255,.94) !important;
  text-shadow:none !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

.heroStatsBorder .statPink .statLabel{ color:rgba(254,137,184,.94) !important; }
.heroStatsBorder .statBlue .statLabel{ color:rgba(105,190,255,.96) !important; }
.heroStatsBorder .statPurple .statLabel{ color:rgba(165,154,255,.95) !important; }
.heroStatsBorder .statGold .statLabel{ color:rgba(252,213,112,.96) !important; }

.heroStatsBorder .statPink::before{
  background:linear-gradient(90deg, rgba(254,137,184,.90), rgba(213,39,117,.70)) !important;
  box-shadow:0 0 18px rgba(254,137,184,.28) !important;
}
.heroStatsBorder .statBlue::before{
  background:linear-gradient(90deg, rgba(16,153,251,.92), rgba(9,89,204,.72)) !important;
  box-shadow:0 0 18px rgba(16,153,251,.28) !important;
}
.heroStatsBorder .statPurple::before{
  background:linear-gradient(90deg, rgba(120,112,206,.94), rgba(72,44,156,.74)) !important;
  box-shadow:0 0 18px rgba(120,112,206,.28) !important;
}
.heroStatsBorder .statGold::before{
  background:linear-gradient(90deg, rgba(252,173,30,.94), rgba(188,110,0,.76)) !important;
  box-shadow:0 0 18px rgba(252,173,30,.28) !important;
}

/* readable updated stamps */
.cardUpdated{
  font-size:clamp(9px, .64vw, 10px) !important;
  line-height:1.2 !important;
  letter-spacing:.05em !important;
  opacity:.30 !important;
  white-space:nowrap !important;
}

/* ---------- mempool ---------- */

.blockSectionRail{
  margin-top:2px !important;
  padding:0 var(--shellPadX) !important;
}

.blockHead{
  min-height:0 !important;
  margin:0 0 0 !important;
  padding:0 2px !important;
  justify-content:space-between !important;
  align-items:center !important;
}

.blockMeta{
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:flex-end !important;
  align-items:center !important;
  gap:6px !important;
  font-size:clamp(11px, .8vw, 13px) !important;
  line-height:1.15 !important;
}

.blockLiveText,
.blockStat{
  color:rgba(255,255,255,.78) !important;
}

.blockBand{
  margin-top:0 !important;
  position:relative !important;
  height:112px !important;
  min-height:112px !important;
  border-radius:22px !important;
  overflow:hidden !important;
}

.blockWatermark{
  position:absolute !important;
  left:20px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:min(34%, 260px) !important;
  z-index:1 !important;
  pointer-events:none !important;
  user-select:none !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
}

.blockWatermark .blockTitle,
.blockWatermark .blockSub{
  text-align:left !important;
  text-shadow:none !important;
}

.blockWatermark .blockTitle{
  font-size:20px !important;
  line-height:1 !important;
  letter-spacing:.16em !important;
  color:rgba(252,173,30,.24) !important;
}

.blockWatermark .blockSub{
  display:block !important;
  margin:6px 0 0 !important;
  max-width:none !important;
  font-size:12px !important;
  line-height:1.12 !important;
  letter-spacing:.04em !important;
  color:rgba(255,255,255,.22) !important;
  white-space:nowrap !important;
}

.blockForge{
  top:8px !important;
  right:8px !important;
  bottom:8px !important;
  width:min(49%, 620px) !important;
}

.blockGrid{
  inset:10px !important;
}

.blockTooltip{
  bottom:10px !important;
}

/* ---------- main content shell ---------- */

.contentShell{
  display:grid !important;
  grid-template-columns:minmax(220px, 280px) minmax(0, 1fr) !important;
  grid-template-areas:
    "left top"
    "left lightning"
    "left lower" !important;
  column-gap:clamp(14px, 1.5vw, 20px) !important;
  row-gap:var(--shellGap) !important;
  align-items:start !important;
  padding:0 var(--shellPadX) !important;
}

.leftRail{
  grid-area:left !important;
  min-width:0 !important;
}

.tilesRailTop{
  grid-area:top !important;
}

.contentShell > #lightningCard{
  grid-area:lightning !important;
  width:100% !important;
  max-width:none !important;
}

.tilesRailLower{
  grid-area:lower !important;
}

.parrotWrapRail{
  position:sticky !important;
  top:18px !important;
  width:min(100%, 300px) !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  align-items:flex-start !important;
  justify-content:flex-start !important;
}

.parrotWrapRail #parrotSep{
  width:clamp(200px, 18vw, 300px) !important;
  height:auto !important;
  max-width:100% !important;
  margin:0 !important;
}

.parrotQuoteShell{
  position:relative !important;
  left:auto !important;
  bottom:auto !important;
  width:100% !important;
  margin-top:-2px !important;
}

.tilesRailTop,
.tilesRailLower{
  width:100% !important;
  display:grid !important;
  align-items:stretch !important;
  gap:clamp(12px, 1.2vw, 16px) !important;
}

.tilesRailTop{
  grid-template-columns:repeat(auto-fit, minmax(min(100%, 300px), 1fr)) !important;
}

.tilesRailLower{
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
}

/* ---------- card sizing ---------- */

.card{
  height:auto !important;
  min-height:0 !important;
  border-radius:22px !important;
}

.cardInner{
  height:100% !important;
  min-height:0 !important;
}

.tilesRailTop .card,
.tilesRailLower .card,
.contentShell > #lightningCard{
  width:100% !important;
  min-width:0 !important;
  height:auto !important;
}

.tilesRailTop #newsCard,
.tilesRailTop #powerCard{
  min-height:360px !important;
}

.contentShell > #lightningCard{
  min-height:300px !important;
  margin-top:0 !important;
}

.tilesRailLower #pulseCard,
.tilesRailLower #flowsCard{
  min-height:320px !important;
}

.tilesRailLower #strategyCard{
  grid-column:1 / -1 !important;
  min-height:390px !important;
}


/* ---------- lightning ---------- */

#lightningCard{
  border-radius:22px !important;
  border-color:rgba(255,255,255,.07) !important;
  background:
    radial-gradient(circle at 14% 18%, rgba(252,173,30,.10), transparent 24%),
    radial-gradient(circle at 86% 18%, rgba(16,153,251,.14), transparent 28%),
    linear-gradient(180deg, rgba(6,8,12,.985) 0%, rgba(2,3,6,.998) 100%) !important;
  box-shadow:
    0 16px 34px rgba(0,0,0,.28),
    inset 0 0 0 1px rgba(255,255,255,.012) !important;
  overflow:hidden !important;
}

#lightningCard .cardInner{
  padding:10px 12px 12px !important;
}

#lightningCard .cardHdr{
  margin-bottom:8px !important;
  padding:0 2px 6px !important;
  border-bottom:1px solid rgba(255,255,255,.05) !important;
}

#lightningCard .cardTitle{
  color:#f3d67c !important;
  letter-spacing:.16em !important;
  font-size:11px !important;
}

#lightningCard .lnWrap{
  gap:10px !important;
}

#lightningCard .lnCap{
  font-size:clamp(24px, 2.7vw, 36px) !important;
  line-height:.92 !important;
  letter-spacing:-.05em !important;
  color:rgba(255,247,233,.98) !important;
}

#lightningCard .lnSub{
  font-size:9.8px !important;
  line-height:1.14 !important;
  color:rgba(255,255,255,.58) !important;
}

#lightningCard .lnViz{
  position:relative !important;
  height:84px !important;
  min-height:84px !important;
  border-radius:14px !important;
  border:1px solid rgba(255,255,255,.06) !important;
  overflow:hidden !important;
}

#lightningCard .lnStats{
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:8px !important;
}

#lightningCard .lnMini{
  min-height:48px !important;
  padding:8px 10px !important;
  border-radius:14px !important;
}

#lightningCard .lnMiniK{
  font-size:8px !important;
}

#lightningCard .lnMiniV{
  margin-top:4px !important;
  font-size:13px !important;
}

/* ---------- breakpoints ---------- */

@media (max-width: 1320px){
  .contentShell{
    grid-template-columns:minmax(200px, 240px) minmax(0, 1fr) !important;
  }
}

@media (max-width: 1180px){
  .topBand{
    grid-template-columns:1fr !important;
    align-items:start !important;
  }

  .heroStatsBorder{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    margin-left:0 !important;
  }

  .heroStatsBorder .stat{
    min-height:76px !important;
  }

  .heroStatsBorder .statLabel{
    padding:11px 11px 0 !important;
    font-size:8.6px !important;
  }

  .heroStatsBorder .statValue{
    padding:9px 11px 11px !important;
    font-size:15px !important;
  }

  .blockBand{
    height:108px !important;
    min-height:108px !important;
  }

  .blockForge{
    width:min(50%, 420px) !important;
  }

  .blockWatermark{
    width:min(36%, 220px) !important;
  }

  .blockWatermark .blockTitle{
    font-size:18px !important;
  }

  .blockWatermark .blockSub{
    font-size:11px !important;
  }

  .contentShell{
    grid-template-columns:1fr !important;
    grid-template-areas:
      "left"
      "top"
      "lightning"
      "lower" !important;
  }

  .parrotWrapRail{
    position:relative !important;
    top:auto !important;
    width:100% !important;
    align-items:center !important;
    justify-content:center !important;
  }

  .parrotWrapRail #parrotSep{
    width:clamp(200px, 28vw, 280px) !important;
  }

  .parrotQuoteShell{
    text-align:center !important;
    margin-top:-4px !important;
  }
}

@media (max-width: 900px){
  .heroBrandCluster{
    flex-direction:column !important;
    gap:12px !important;
  }

  .blockHead{
    justify-content:center !important;
  }

  .blockMeta{
    justify-content:center !important;
    text-align:center !important;
  }

  .tilesRailTop{
    grid-template-columns:1fr 1fr !important;
  }

  .tilesRailLower{
    grid-template-columns:1fr 1fr !important;
  }

  .tilesRailLower #riverCard{
    max-width:none !important;
    width:100% !important;
  }
}

@media (max-width: 720px){
  .appWrap{
    padding-left:max(12px, env(safe-area-inset-left)) !important;
    padding-right:max(12px, env(safe-area-inset-right)) !important;
  }

  .heroRail{
    padding-top:max(40px, calc(env(safe-area-inset-top) + 28px)) !important;
    padding-inline:0 !important;
  }

  #logo{
    margin-top:8px !important;
  }

  .blockSectionRail,
  .contentShell{
    padding-inline:0 !important;
  }

  .heroStatsBorder{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:8px !important;
  }

  .heroStatsBorder .stat{
    min-height:74px !important;
    border-radius:14px !important;
  }

  .heroStatsBorder .stat::before{
    border-radius:14px 14px 0 0 !important;
  }

  .heroStatsBorder .statLabel{
    padding:10px 10px 0 !important;
    font-size:8px !important;
  }

  .heroStatsBorder .statValue{
    padding:8px 10px 10px !important;
    font-size:13px !important;
  }

  .blockBand{
    height:118px !important;
    min-height:118px !important;
    border-radius:20px !important;
  }

  .blockWatermark{
    left:16px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    width:min(40%, 150px) !important;
  }

  .blockWatermark .blockTitle{
    font-size:15px !important;
    letter-spacing:.14em !important;
  }

  .blockWatermark .blockSub{
    display:block !important;
    font-size:10px !important;
    line-height:1.06 !important;
    margin-top:4px !important;
    white-space:nowrap !important;
  }

  .blockForge{
    width:min(52%, 230px) !important;
  }

  .parrotWrapRail{
    margin-top:-12px !important;
    min-height:210px !important;
  }

  .parrotWrapRail #parrotSep{
    width:198px !important;
  }

  .parrotQuoteShell{
    margin-top:-2px !important;
    bottom:auto !important;
  }

  .tilesRailTop,
  .tilesRailLower{
    grid-template-columns:1fr !important;
  }

  .tilesRailTop #newsCard,
  .tilesRailTop #powerCard,
  .contentShell > #lightningCard,
  .tilesRailLower #pulseCard,
  .tilesRailLower #flowsCard,
  .tilesRailLower #strategyCard,
  .tilesRailLower #riverCard{
    min-height:0 !important;
  }

  .tilesRailLower #riverCard{
    max-width:none !important;
    width:100% !important;
  }
}

@media (max-width: 480px){
  .heroRail{
    padding-top:max(46px, calc(env(safe-area-inset-top) + 32px)) !important;
  }

  #logo{
    margin-top:10px !important;
  }

  #price{
    font-size:clamp(50px, 14vw, 68px) !important;
  }

  .heroRail .heroSpark{
    width:min(220px, 66vw) !important;
    height:32px !important;
  }

  .heroStatsBorder .stat{
    min-height:72px !important;
  }

  .heroStatsBorder .statLabel{
    padding:9px 9px 0 !important;
    font-size:7.8px !important;
  }

  .heroStatsBorder .statValue{
    padding:8px 9px 10px !important;
    font-size:12.5px !important;
  }

  .blockMeta{
    font-size:10px !important;
    gap:4px !important;
  }

  .blockBand{
    height:114px !important;
    min-height:114px !important;
  }

  .blockWatermark{
    width:min(46%, 170px) !important;
  }

  .blockWatermark .blockSub{
    display:block !important;
    font-size:9px !important;
    line-height:1.08 !important;
    margin-top:4px !important;
    white-space:nowrap !important;
  }

  .blockForge{
    width:min(54%, 185px) !important;
  }

  .parrotWrapRail{
    min-height:202px !important;
  }

  .parrotWrapRail #parrotSep{
    width:192px !important;
  }
}

@media (max-width: 380px){
  .blockWatermark .blockSub{
    display:none !important;
  }
}
/* ===== v1070b force Pulse+Flows 2-up + one-line close parrot quote ===== */

/* make lower rail a real 2-column grid sooner */
@media (min-width: 960px){
  .tilesRailLower{
    display:grid !important;
    grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) !important;
    gap:clamp(12px, 1.2vw, 16px) !important;
    align-items:start !important;
  }

  .tilesRailLower #pulseCard{
    grid-column:1 !important;
    grid-row:1 !important;
    width:100% !important;
  }

  .tilesRailLower #flowsCard{
    grid-column:2 !important;
    grid-row:1 !important;
    width:100% !important;
  }

  .tilesRailLower #strategyCard{
    grid-column:1 / -1 !important;
    grid-row:2 !important;
  }

  .tilesRailLower .riverSentimentRow{
    grid-column:1 / -1 !important;
    grid-row:3 !important;
    display:grid !important;
    grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) !important;
    gap:clamp(12px, 1.2vw, 16px) !important;
    align-items:start !important;
    width:100% !important;
  }

  .tilesRailLower .riverSentimentRow > #sentimentCard,
  .tilesRailLower .riverSentimentRow > #riverCard{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    margin:0 !important;
    min-height:236px !important;
    height:auto !important;
  }
}

/* force quote closer to feet and keep it one line */
.parrotWrapRail{
  position:relative !important;
}

@media (min-width: 1181px){
  .parrotWrapRail{
    position:sticky !important;
    top:18px !important;
    min-height:300px !important;
    padding-bottom:0 !important;
    align-items:center !important;
  }

  .parrotQuoteShell{
    position:absolute !important;
    left:50% !important;
    bottom:74px !important;
    transform:translateX(-50%) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:4px !important;
    margin:0 !important;
    width:max-content !important;
    max-width:none !important;
    min-height:0 !important;
    white-space:nowrap !important;
    text-align:center !important;
    overflow:visible !important;
  }

  .parrotQuoteText{
    display:inline !important;
    white-space:nowrap !important;
    max-width:none !important;
    overflow:visible !important;
    flex:0 0 auto !important;
  }

  .parrotQuotePrompt,
  .parrotQuoteCursor{
    flex:0 0 auto !important;
  }
}

/* still tighter on tablet/mobile, but not absolute */
@media (max-width: 1180px){
  .parrotWrapRail{
    min-height:188px !important;
  }

  .parrotQuoteShell{
    position:relative !important;
    left:auto !important;
    bottom:auto !important;
    transform:none !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:4px !important;
    margin:-18px auto 0 !important;
    width:max-content !important;
    max-width:none !important;
    min-height:0 !important;
    white-space:nowrap !important;
    text-align:center !important;
    overflow:visible !important;
  }

  .parrotQuoteText{
    display:inline !important;
    white-space:nowrap !important;
    max-width:none !important;
    overflow:visible !important;
    flex:0 0 auto !important;
  }
}
/* ===== v1070c mobile parrot prompt/cursor alignment ===== */
@media (max-width: 720px){
  .parrotQuoteShell{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex-wrap:nowrap !important;
    white-space:nowrap !important;
    gap:4px !important;
  }

  .parrotQuotePrompt,
  .parrotQuoteText,
  .parrotQuoteCursor{
    align-self:center !important;
    line-height:1 !important;
  }

  .parrotQuotePrompt{
    margin-top:0 !important;
  }

  .parrotQuoteText{
    display:inline-block !important;
    white-space:nowrap !important;
    min-height:0 !important;
  }

  .parrotQuoteCursor{
    margin-bottom:0 !important;
    margin-top:0 !important;
    transform:none !important;
  }
}
/* ===== v1070d desktop parrot cursor alignment ===== */
@media (min-width: 1181px){
  .parrotQuoteShell{
    align-items:center !important;
  }

  .parrotQuoteCursor{
    align-self:center !important;
    margin-bottom:0 !important;
    margin-top:0 !important;
    transform:none !important;
  }
}
/* ===== v1071 lightning headline inside animation test ===== */

/* desktop / tablet only — leave mobile looking how it does now */
@media (min-width: 721px){
  #lightningCard{
    min-height:236px !important;
    height:auto !important;
  }

  #lightningCard .cardInner{
    padding-bottom:6px !important;
  }

  #lightningCard .lnWrap{
    display:grid !important;
    grid-template-columns:1fr !important;
    grid-template-areas:
      "viz"
      "stats" !important;
    gap:4px !important;
  }

  #lightningCard .lnViz{
    grid-area:viz !important;
    position:relative !important;
    height:82px !important;
    min-height:82px !important;
    overflow:hidden !important;
  }

  #lightningCard .lnHeadline{
    grid-area:viz !important;
    align-self:start !important;
    justify-self:start !important;
    position:relative !important;
    z-index:4 !important;
    margin:0 !important;
    padding:8px 10px !important;
    max-width:320px !important;
    pointer-events:none !important;
    border-radius:12px !important;
    background:
      radial-gradient(circle at left center, rgba(0,0,0,.10) 0%, rgba(0,0,0,.06) 32%, rgba(0,0,0,.02) 58%, rgba(0,0,0,0) 86%),
      linear-gradient(90deg, rgba(0,0,0,.10) 0%, rgba(0,0,0,.05) 38%, rgba(0,0,0,.015) 68%, rgba(0,0,0,0) 100%) !important;
    backdrop-filter:blur(1px) !important;
    -webkit-backdrop-filter:blur(1px) !important;
    box-shadow:none !important;
  }

  #lightningCard .lnEyebrow{
    font-size:7.4px !important;
    letter-spacing:.18em !important;
  }

  #lightningCard .lnCap{
    font-size:clamp(21px, 2.1vw, 29px) !important;
    line-height:.92 !important;
  }

  #lightningCard .lnSub{
    font-size:8.4px !important;
    line-height:1.06 !important;
    white-space:nowrap !important;
  }

  #lightningCard .lnStats{
    grid-area:stats !important;
    margin-top:0 !important;
    gap:5px !important;
  }

  #lightningCard .lnMini{
    min-height:34px !important;
    padding:5px 8px !important;
    border-radius:10px !important;
  }

  #lightningCard .lnMiniK{
    font-size:6.6px !important;
    letter-spacing:.14em !important;
  }

  #lightningCard .lnMiniV{
    margin-top:2px !important;
    font-size:10.8px !important;
    line-height:1.04 !important;
  }
}
/* ===== v1071f desktop lightning final tighten ===== */
@media (min-width: 721px){
  .contentShell > #lightningCard{
    min-height:224px !important;
    height:auto !important;
  }

  #lightningCard .lnViz{
    height:84px !important;
    min-height:84px !important;
  }

  #lightningCard .lnHeadline{
    max-width:340px !important;
    padding:8px 10px !important;
  }

  #lightningCard .lnCap{
    font-size:24px !important;
    line-height:.92 !important;
  }

  #lightningCard .lnSub{
    font-size:8.2px !important;
    line-height:1.04 !important;
    white-space:nowrap !important;
  }

  #lightningCard .lnWrap{
    gap:2px !important;
  }

  #lightningCard .lnStats{
    gap:4px !important;
    margin-top:0 !important;
  }

  #lightningCard .lnMini{
    min-height:30px !important;
    padding:4px 8px 5px !important;
  }

  #lightningCard .lnMiniV{
    margin-top:1px !important;
    line-height:1 !important;
  }
}

/* ===== 2026-03-11 site footer ===== */
.siteFooter{
  width:min(1540px, calc(100% - 2px));
  margin:18px auto 0;
  padding:8px 10px 0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin-top:auto;
  text-align:center;
}

.siteFooterNav,
.siteFooterActions{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:10px;
}

.siteFooterNav{
  font:500 clamp(11px, .86vw, 13px)/1.2 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  letter-spacing:.01em;
}

.siteFooterNav a,
.siteFooterNav span,
.siteTipStatus{
  color:rgba(255,255,255,.42);
}

.siteFooterNav a{
  text-decoration:none;
  transition:color .16s ease, opacity .16s ease;
}

.siteFooterNav a:hover{
  color:rgba(255,255,255,.70);
}

.siteTipBtn{
  appearance:none;
  border:1px solid rgba(252,173,30,.12);
  border-radius:999px;
  background:linear-gradient(180deg, rgba(252,173,30,.13) 0%, rgba(128,78,10,.15) 100%);
  color:rgba(255,196,110,.98);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);
  min-height:34px;
  padding:0 14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font:700 12px/1 SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  letter-spacing:.02em;
  cursor:pointer;
  transition:transform .16s ease, border-color .16s ease, color .16s ease, background-color .16s ease;
}

.siteTipBtn:hover{
  transform:translateY(-1px);
  border-color:rgba(252,173,30,.22);
  color:rgba(255,214,145,.98);
}

.siteTipBtnIcon{
  font-size:15px;
  line-height:1;
}

.siteTipStatus{
  font:500 11px/1.2 SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  min-height:1.2em;
}

@media (max-width: 900px){
  .siteFooter{
    margin-top:14px;
    gap:8px;
    padding-top:4px;
  }
}

@media (max-width: 640px){
  .siteFooter{
    width:100%;
    padding:6px 8px 0;
    gap:8px;
  }

  .siteFooterNav{
    gap:8px;
    font-size:11px;
  }

  .siteTipBtn{
    min-height:32px;
    padding:0 12px;
    font-size:11px;
  }

  .siteTipStatus{
    flex-basis:100%;
    text-align:center;
    font-size:10px;
  }
}
/* ===== FINAL OVERRIDE: STRATEGY ATM META SIZE ===== */
#strategyCard .strategyAtmMeta{
  font-size:12px !important;
  line-height:1.14 !important;
  opacity:.88 !important;
  letter-spacing:.02em !important;
  font-weight:600 !important;
  text-transform:none !important;
}
/* ===== FINAL OVERRIDE: STRATEGY ATM STATUS SIZE ===== */
#strategyCard .strategyAtmStatus{
  font-size:11.5px !important;
  line-height:1.12 !important;
  opacity:.82 !important;
  font-weight:720 !important;
}
/* ===== FINAL OVERRIDE: HERO TOP STAT TILES ===== */
.heroStats .stat{
  min-height:78px !important;
  border-radius:16px !important;
  border:1px solid rgba(255,255,255,.05) !important;
  background:linear-gradient(180deg, rgba(9,10,13,.94) 0%, rgba(3,3,5,.985) 100%) !important;
  box-shadow:
    0 10px 22px rgba(0,0,0,.18),
    inset 0 0 0 1px rgba(255,255,255,.012) !important;
}

.heroStats .statLabel{
  padding:8px 13px 6px !important;
  font-size:8.4px !important;
  font-weight:820 !important;
  letter-spacing:.11em !important;
  opacity:.86 !important;
  border-bottom:1px solid rgba(255,255,255,.04) !important;
}

.heroStats .statValue{
  padding:13px 13px 12px !important;
  font-size:clamp(19px, 2.0vw, 29px) !important;
  font-weight:920 !important;
  letter-spacing:0 !important;
  color:rgba(255,255,255,.985) !important;
  text-shadow:none !important;
}

@media (max-width: 480px){
  .heroStats .stat{
    min-height:70px !important;
    border-radius:14px !important;
  }

  .heroStats .statLabel{
    padding:7px 10px 5px !important;
    font-size:8px !important;
  }

  .heroStats .statValue{
    padding:11px 10px 10px !important;
    font-size:clamp(17px, 6.4vw, 24px) !important;
  }
}
/* ===== BLOCK HEIGHT LIVE CLOCK ===== */
#height .statValue{
  display:flex !important;
  align-items:baseline !important;
  justify-content:flex-start !important;
  gap:8px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
}

#heightNumber{
  display:inline-block;
  font:inherit;
  color:rgba(255,255,255,.98);
  line-height:1;
}

#heightMeta{
  display:inline-flex;
  align-items:baseline;
  gap:5px;
  flex:0 0 auto;
}

#heightDivider{
  color:var(--height);
  font-size:.72em;
  font-weight:900;
  line-height:1;
  opacity:.96;
}

#heightClock{
  color:rgba(255,255,255,.56);
  font-size:.56em;
  font-weight:760;
  letter-spacing:.02em;
  line-height:1;
}

@media (max-width: 720px){
  #height .statValue{
    gap:6px !important;
  }

  #heightDivider{
    font-size:.68em;
  }

  #heightClock{
    font-size:.54em;
  }
}
/* ===== FEAR & GREED SENTIMENT ===== */
#sentimentCard{
  position:relative;
  border-color:rgba(255,194,92,.18);
  background:
    radial-gradient(circle at 84% 16%, rgba(255,107,95,.11), transparent 26%),
    radial-gradient(circle at 12% 88%, rgba(255,107,95,.05), transparent 22%),
    linear-gradient(180deg, rgba(11,11,11,.985) 0%, rgba(7,7,7,.992) 100%);
  box-shadow:
    0 14px 34px rgba(0,0,0,.28),
    inset 0 0 0 1px rgba(255,194,92,.05);
  transition:border-color .25s ease, box-shadow .25s ease, background .25s ease;
  --sent-accent:#f5c15c;
  --sent-accent-soft:rgba(245,193,92,.12);
  --sent-accent-glow:rgba(245,193,92,.22);
}

#sentimentCard::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);
}

#sentimentCard.isFear{
  --sent-accent:#ff6b5f;
  --sent-accent-soft:rgba(255,107,95,.14);
  --sent-accent-glow:rgba(255,107,95,.24);
  border-color:rgba(255,107,95,.22);
  background:
    radial-gradient(circle at 84% 16%, rgba(255,107,95,.11), transparent 26%),
    radial-gradient(circle at 12% 88%, rgba(255,107,95,.05), transparent 22%),
    linear-gradient(180deg, rgba(11,11,11,.985) 0%, rgba(7,7,7,.992) 100%);
}

#sentimentCard.isGreed{
  --sent-accent:#4fe08f;
  --sent-accent-soft:rgba(79,224,143,.12);
  --sent-accent-glow:rgba(79,224,143,.24);
  border-color:rgba(79,224,143,.22);
  background:
    radial-gradient(circle at 84% 16%, rgba(79,224,143,.11), transparent 26%),
    radial-gradient(circle at 12% 88%, rgba(79,224,143,.05), transparent 22%),
    linear-gradient(180deg, rgba(11,11,11,.985) 0%, rgba(7,7,7,.992) 100%);
}

#sentimentCard .cardTitle{
  color:var(--sent-accent) !important;
  letter-spacing:.08em !important;
  text-shadow:0 0 18px var(--sent-accent-soft);
}

#sentimentCard .cardUpdated{
  font-size:10px !important;
  letter-spacing:.04em !important;
  opacity:.40 !important;
}

.sentimentWrap{
  display:flex;
  flex-direction:column;
  gap:10px;
  min-height:0;
  height:100%;
}

.sentimentTop{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}

.sentimentEyebrow{
  font-size:11px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:rgba(255,255,255,.42);
}

.sentimentRegime{
  font-size:10px;
  font-weight:760;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--sent-accent);
  white-space:nowrap;
}

.sentimentGaugeCard{
  display:grid;
  grid-template-columns:140px minmax(0,1fr);
  gap:14px;
  align-items:center;
  min-height:0;
  padding:10px 12px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.06);
  background:
    linear-gradient(180deg, rgba(255,255,255,.03) 0%, rgba(255,255,255,.015) 100%),
    radial-gradient(circle at 100% 0%, var(--sent-accent-soft), transparent 34%);
}

.sentimentGauge{
  position:relative;
  width:126px;
  height:72px;
  margin:0 auto;
}

.sentimentGaugeArc{
  position:absolute;
  inset:0;
  border-radius:126px 126px 0 0;
  overflow:hidden;
}

.sentimentGaugeArc::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:
    conic-gradient(from 180deg,
      #ff5f57 0deg 45deg,
      #ff9f43 45deg 90deg,
      #f5c15c 90deg 135deg,
      #63d28a 135deg 180deg);
  -webkit-mask: radial-gradient(circle at 50% 100%, transparent 0 43px, #000 44px);
          mask: radial-gradient(circle at 50% 100%, transparent 0 43px, #000 44px);
}

.sentimentGaugeMask{
  position:absolute;
  left:10px;
  right:10px;
  bottom:-2px;
  height:48px;
  border-radius:80px 80px 0 0;
  background:linear-gradient(180deg, rgba(12,12,12,.98) 0%, rgba(8,8,8,.995) 100%);
  border-top:1px solid rgba(255,255,255,.03);
}

.sentimentNeedle{
  position:absolute;
  left:50%;
  bottom:5px;
  width:2px;
  height:52px;
  background:linear-gradient(180deg, rgba(255,255,255,.96) 0%, var(--sent-accent) 100%);
  border-radius:999px;
  transform-origin:50% calc(100% - 2px);
  transform:translateX(-50%) rotate(-90deg);
  box-shadow:0 0 12px var(--sent-accent-glow);
}

.sentimentNeedle::after{
  content:"";
  position:absolute;
  left:50%;
  top:-3px;
  width:10px;
  height:10px;
  margin-left:-5px;
  border-radius:50%;
  background:var(--sent-accent);
  box-shadow:0 0 12px var(--sent-accent-glow);
}

.sentimentGaugeCore{
  position:absolute;
  left:50%;
  bottom:0;
  width:12px;
  height:12px;
  margin-left:-6px;
  border-radius:50%;
  background:rgba(255,245,232,.98);
  box-shadow:0 0 0 3px rgba(0,0,0,.78), 0 0 10px rgba(255,255,255,.12);
}

.sentimentScoreWrap{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:2px;
}

.sentimentScore{
  font-size:52px;
  line-height:.9;
  font-weight:900;
  letter-spacing:-.05em;
  color:rgba(255,248,239,.98);
}

.sentimentLabel{
  font-size:22px;
  line-height:1;
  font-weight:840;
  color:var(--sent-accent);
}

.sentimentDelta{
  margin-top:6px;
  font-size:11px;
  line-height:1.2;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:rgba(255,255,255,.48);
}

.sentimentMeta{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:8px 12px;
  align-items:center;
  padding:0 2px;
}

.sentimentMetaLabel{
  font-size:9px;
  font-weight:760;
  letter-spacing:.11em;
  text-transform:uppercase;
  color:rgba(255,255,255,.40);
}

.sentimentMetaValue{
  font-size:13px;
  font-weight:700;
  color:rgba(255,255,255,.82);
}

.riverSentimentRow{
  grid-column:1 / -1 !important;
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:stretch !important;
  gap:16px !important;
  width:100% !important;
}

.riverSentimentRow > #sentimentCard,
.riverSentimentRow > #riverCard{
  flex:1 1 0 !important;
  width:calc(50% - 8px) !important;
  max-width:calc(50% - 8px) !important;
  min-width:0 !important;
  margin:0 !important;
  min-height:236px !important;
  height:236px !important;
  align-self:stretch !important;
}

.riverSentimentRow > #sentimentCard .cardInner,
.riverSentimentRow > #riverCard .cardInner{
  height:100% !important;
}

.riverSentimentRow > #riverCard .riverWrap,
.riverSentimentRow > #sentimentCard .sentimentWrap{
  height:100% !important;
}

.riverSentimentRow > #riverCard .riverFeature{
  flex:1 1 auto !important;
  min-height:0 !important;
}

.riverSentimentRow > #riverCard .riverFeatureBlurb{
  -webkit-line-clamp:2 !important;
  min-height:calc(1.22em * 2) !important;
}

.riverSentimentRow > #riverCard .riverThumbWrap{
  display:none !important;
}

.riverSentimentRow > #riverCard .riverFeatureBody{
  grid-template-columns:1fr !important;
}

.riverSentimentRow > #riverCard .riverFoot{
  display:none !important;
}

.riverSentimentRow > #sentimentCard .sentimentGaugeCard{
  min-height:0 !important;
}

@media (max-width: 980px){
  .riverSentimentRow{
    display:flex !important;
    flex-direction:column !important;
    gap:16px !important;
  }

  .riverSentimentRow > #sentimentCard,
  .riverSentimentRow > #riverCard{
    width:100% !important;
    max-width:none !important;
    height:auto !important;
    min-height:0 !important;
  }
}

@media (max-width: 980px){
  .riverSentimentRow{
    grid-template-columns:1fr !important;
  }
}

@media (max-width: 720px){
  .sentimentGaugeCard{
    grid-template-columns:1fr;
    gap:10px;
    padding:10px;
  }

  .sentimentTop{
    gap:10px;
    flex-direction:column;
  }

  .sentimentRegime{
    white-space:normal;
  }

  .sentimentScore{
    font-size:42px;
    text-align:center;
  }

  .sentimentLabel,
  .sentimentDelta,
  .sentimentMetaValue{
    text-align:center;
  }

  .sentimentMeta{
    grid-template-columns:1fr;
    gap:4px;
  }
}

/* ===== FINAL RIVER + SENTIMENT ROW FIX ===== */
.riverSentimentRow{
  grid-column:1 / -1 !important;
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:16px !important;
  width:100% !important;
  align-items:stretch !important;
}

.riverSentimentRow > #sentimentCard,
.riverSentimentRow > #riverCard{
  grid-column:auto !important;
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  min-height:236px !important;
  height:236px !important;
  margin:0 !important;
  justify-self:stretch !important;
  align-self:stretch !important;
}

.riverSentimentRow > #sentimentCard .cardInner,
.riverSentimentRow > #riverCard .cardInner{
  height:100% !important;
}

.riverSentimentRow > #riverCard .riverWrap,
.riverSentimentRow > #sentimentCard .sentimentWrap{
  height:100% !important;
}

.riverSentimentRow > #riverCard .riverFeature{
  flex:1 1 auto !important;
  min-height:0 !important;
}

.riverSentimentRow > #riverCard .riverFeatureBlurb{
  -webkit-line-clamp:2 !important;
  min-height:calc(1.22em * 2) !important;
}

.riverSentimentRow > #riverCard .riverThumbWrap{
  display:none !important;
}

.riverSentimentRow > #riverCard .riverFeatureBody{
  grid-template-columns:1fr !important;
}

.riverSentimentRow > #riverCard .riverFoot{
  display:none !important;
}

.riverSentimentRow > #sentimentCard .sentimentGaugeCard{
  min-height:0 !important;
}

@media (max-width: 980px){
  .riverSentimentRow{
    grid-column:auto !important;
    grid-template-columns:1fr !important;
  }

  .riverSentimentRow > #sentimentCard,
  .riverSentimentRow > #riverCard{
    height:auto !important;
    min-height:0 !important;
  }
}