/* HOWL ecosystem — October 2026. A factual, non-transactional presentation of existing game paths. */
.howl-ecosystem{
  --he-cyan:#85cadb;--he-gold:#dbb883;--he-muted:#b5c7d0;
  --he-edge:rgba(154,191,210,.27);
  position:relative;isolation:isolate;overflow:hidden;background:#09131b;
  border-block:1px solid #435361;
}
.howl-ecosystem::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(ellipse 700px 410px at 88% 12%,rgba(47,125,153,.18),transparent 70%),
    radial-gradient(ellipse 700px 480px at 4% 76%,rgba(193,131,68,.08),transparent 73%),
    linear-gradient(180deg,#0d1821,#081119 66%,#0b161e);
}
.howl-eco-head{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(245px,.7fr);gap:3rem;align-items:end;margin-bottom:2.7rem}
.howl-eco-head .eyebrow{margin-bottom:1.4rem}
.howl-eco-head h2{font-size:clamp(3.2rem,6.2vw,6.6rem);max-width:860px;margin:0}
.howl-eco-head h2 em{color:var(--he-gold)}
.howl-eco-lede{max-width:390px;padding-left:1.45rem;border-left:1px solid #886e4d}
.howl-eco-lede strong{font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;color:#e3ba7a}
.howl-eco-lede p{font-size:1.02rem;line-height:1.7;color:#c6d6dd;margin:.6rem 0 0}
.howl-eco-signal{
  display:grid;grid-template-columns:180px minmax(0,1fr) auto;
  align-items:center;gap:2rem;min-height:214px;padding:1.3rem 2.1rem;
  background:linear-gradient(102deg,rgba(30,53,66,.82),rgba(13,28,40,.86) 62%,rgba(28,54,65,.85));
  border:1px solid #547080;position:relative;overflow:hidden;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 23px 50px rgba(0,0,0,.19);
}
.howl-eco-signal::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.22;
  background-image:linear-gradient(rgba(130,174,193,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(130,174,193,.25) 1px,transparent 1px);
  background-size:42px 42px;mask-image:linear-gradient(90deg,transparent,black 38%,transparent);
}
.howl-eco-coin{width:150px;height:150px;position:relative;display:grid;place-items:center;isolation:isolate}
.howl-eco-coin::before{content:"";position:absolute;inset:7px;border:1px solid #b6925d9c;border-radius:50%;box-shadow:0 0 45px rgba(221,177,116,.13),inset 0 0 26px rgba(0,0,0,.45)}
.howl-eco-coin::after{content:"";position:absolute;inset:-8px;border:1px dashed #78919c6e;border-radius:50%}
.howl-eco-coin img{width:114px;height:114px;object-fit:contain;border-radius:50%;filter:drop-shadow(0 4px 19px rgba(0,0,0,.55))}
.howl-eco-signal-copy{position:relative;z-index:1}
.howl-eco-label{display:block;font-size:.7rem;letter-spacing:.19em;font-weight:700;text-transform:uppercase;color:var(--he-cyan);margin-bottom:.65rem}
.howl-eco-signal h3{font-size:clamp(2rem,3.4vw,3.3rem);margin:0 0 .6rem;color:#f0f3f4}
.howl-eco-signal p{margin:0;max-width:530px;color:#c4d2d9;font-size:.96rem}
.howl-eco-status{position:relative;z-index:1;border:1px solid #80c5d077;padding:.65rem .8rem;color:#a8dce5;font-weight:700;font-size:.69rem;line-height:1.4;letter-spacing:.13em;text-transform:uppercase;text-align:center}
.howl-eco-bridge{min-height:92px;display:flex;align-items:center;justify-content:center;position:relative}
.howl-eco-bridge::before{content:"";width:1px;height:100%;background:linear-gradient(180deg,#b5d3e599,#d9ba7c77)}
.howl-eco-bridge span{position:absolute;background:#09141c;padding:.45rem 1.2rem;color:#d6c39f;font-size:.7rem;letter-spacing:.17em;text-transform:uppercase;font-weight:700;text-align:center;border:1px solid #625946}
.howl-eco-rails{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}
.howl-eco-rails::before{content:"";position:absolute;top:-1px;left:25%;right:25%;height:1px;background:#657b8588;pointer-events:none}
.howl-eco-lane{position:relative;display:flex;flex-direction:column;min-width:0;min-height:395px;padding:2rem;background:linear-gradient(140deg,#152a37,#0b1821 78%);border:1px solid #416173;box-shadow:0 16px 45px #02070c42}
.howl-eco-lane::before{content:"";position:absolute;top:-17px;left:50%;height:16px;width:1px;background:#657b8588}
.howl-eco-lane--treasury{background:linear-gradient(135deg,#2a261e,#121c25 41%,#0c1821 85%);border-color:#8c7454}
.howl-eco-lane-top{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding-bottom:1.4rem;border-bottom:1px solid rgba(225,238,243,.14)}
.howl-eco-index{color:var(--he-cyan);font-weight:700;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase}
.howl-eco-lane--treasury .howl-eco-index{color:#f1ca91}
.howl-eco-lane-kind{font-size:.69rem;letter-spacing:.11em;text-transform:uppercase;color:#a8bfc9;text-align:right}
.howl-eco-lane h4{font:600 clamp(2rem,3.3vw,3.4rem)/.98 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;letter-spacing:.008em;color:#edf2f3;margin:2.1rem 0 1rem}
.howl-eco-lane>p{color:#bfcfd6;font-size:.95rem;line-height:1.75;margin:0 0 1.45rem;max-width:52ch}
.howl-eco-flow{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:auto;padding:1.1rem 0 0;border-top:1px solid rgba(219,238,246,.15)}
.howl-eco-flow span{color:#f1f4f5;font-size:.78rem;font-weight:700}
.howl-eco-flow i{font-style:normal;color:var(--he-cyan);font-size:1.05rem}
.howl-eco-lane--treasury .howl-eco-flow i{color:#e7bb80}
.howl-eco-detail{margin:1.25rem 0 0!important;font-size:.78rem!important;line-height:1.55!important;color:#9eb4bf!important}
.howl-eco-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;margin-top:1.2rem}
.howl-eco-result{min-width:0;display:flex;gap:1.25rem;align-items:flex-start;padding:1.4rem 1.65rem;background:rgba(5,14,22,.65);border:1px solid #374e5b}
.howl-eco-result svg{flex:none;width:27px;height:27px;color:#90d3df;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}
.howl-eco-result:nth-child(2) svg{color:#efc68e}
.howl-eco-result strong{display:block;color:#f0f4f5;text-transform:uppercase;font:.7rem/1.4 'DM Sans',sans-serif;font-weight:800;letter-spacing:.13em;margin-bottom:.45rem}
.howl-eco-result p{font-size:.84rem;color:#b4c7d1;line-height:1.55;margin:0}
.howl-eco-proof{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 2rem;margin-top:2rem;padding:1.5rem 0;border-top:1px solid #4b5c65;border-bottom:1px solid #4b5c65}
.howl-eco-proof span{font-size:.74rem;letter-spacing:.08em;font-weight:700;color:#bdcdd4;text-transform:uppercase}
.howl-eco-proof span::before{content:"✓";color:#a9d9df;margin-right:.7rem}
.howl-eco-footer{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding-top:2rem}
.howl-eco-footer-copy{max-width:640px}
.howl-eco-footer-copy h3{font-size:clamp(1.8rem,2.8vw,2.7rem);margin-bottom:.8rem}
.howl-eco-footer-copy p{color:#b8c9d2;font-size:.91rem;line-height:1.65;margin:0}
.howl-eco-actions{display:flex;flex-wrap:wrap;gap:.9rem;flex:none}
.howl-eco-actions .button{min-height:48px;gap:1rem;padding:.7rem 1.1rem}
.howl-eco-actions .text-link{margin:0;align-self:center;white-space:nowrap}
.howl-eco-risks{font-size:.79rem;line-height:1.6;color:#a9bbc6;max-width:920px;margin:1.5rem 0 0}
.howl-eco-risks strong{color:#d4dee1}
.howl-eco-risks a{color:#d8c2a3;text-decoration:underline;text-underline-offset:3px}
@media(max-width:1050px){
  .howl-eco-head{grid-template-columns:minmax(0,1fr) 260px;gap:1.75rem}
  .howl-eco-signal{grid-template-columns:135px minmax(0,1fr);gap:1.5rem}
  .howl-eco-coin{width:126px;height:126px}.howl-eco-coin img{width:100px;height:100px}
  .howl-eco-status{grid-column:2;justify-self:start}
  .howl-eco-footer{align-items:flex-start;flex-direction:column}
}
@media(max-width:740px){
  .howl-eco-head{grid-template-columns:1fr;gap:1.6rem;margin-bottom:2rem}
  .howl-eco-head h2{font-size:clamp(3.1rem,11vw,4.7rem)}
  .howl-eco-lede{max-width:650px}
  .howl-eco-signal{grid-template-columns:98px minmax(0,1fr);gap:1rem;padding:1.2rem}
  .howl-eco-coin{width:90px;height:90px}.howl-eco-coin::after{inset:-4px}.howl-eco-coin img{width:76px;height:76px}
  .howl-eco-signal h3{font-size:clamp(1.8rem,5vw,2.7rem)}
  .howl-eco-status{grid-column:1/-1;justify-self:start;margin-left:0}
  .howl-eco-bridge{min-height:65px}
  .howl-eco-rails,.howl-eco-results{grid-template-columns:1fr;gap:.8rem}
  .howl-eco-rails::before,.howl-eco-lane::before{display:none}
  .howl-eco-lane{min-height:0;padding:1.65rem}
  .howl-eco-lane h4{margin:1.4rem 0 .9rem}
  .howl-eco-result{padding:1.2rem}
  .howl-eco-footer{padding-top:1.6rem}
}
@media(max-width:420px){
  .howl-eco-signal{grid-template-columns:72px minmax(0,1fr)}
  .howl-eco-coin{width:70px;height:70px}.howl-eco-coin img{width:57px;height:57px}
  .howl-eco-coin::before{inset:4px}
  .howl-eco-signal h3{font-size:1.75rem}
  .howl-eco-lane{padding:1.4rem}
  .howl-eco-proof{gap:.9rem 1rem}
  .howl-eco-proof span{font-size:.7rem}
  .howl-eco-actions{width:100%}.howl-eco-actions .button{width:100%}
  .howl-eco-actions .text-link{margin-top:.3rem}
}
@media(prefers-reduced-motion:reduce){.howl-ecosystem *{animation:none!important}}


/* HOWL — evidence-first, premium archival gallery. The three visuals are real game captures. */
.howl-evidence{margin-top:clamp(4rem,7vw,7.5rem);padding-top:2rem;border-top:1px solid rgba(132,166,181,.32);position:relative}
.howl-evidence::before{content:"";position:absolute;left:0;top:-1px;width:92px;height:2px;background:linear-gradient(90deg,#69becd,#d6a966)}
.howl-evidence-intro{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);align-items:end;gap:2rem;margin-bottom:2rem}
.howl-evidence-kicker{display:inline-flex;align-items:center;gap:.65rem;margin-bottom:1.1rem;color:#9ed2db;font-size:.74rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.howl-evidence-signal{position:relative;flex:none;width:9px;height:9px;border-radius:50%;background:#7fc6d1;box-shadow:0 0 0 4px rgba(127,198,209,.12),0 0 18px rgba(127,198,209,.22)}
.howl-evidence-intro h3{font-size:clamp(2.9rem,5.3vw,5.7rem);line-height:.94;margin:0;max-width:770px}
.howl-evidence-intro h3 em{font-style:normal;color:#dbb883}
.howl-evidence-intro>p{color:#c3d2d9;line-height:1.72;font-size:.94rem;max-width:470px;margin:0;padding:0 0 .25rem}
.howl-evidence-grid{display:grid;grid-template-columns:minmax(0,1.09fr) minmax(0,.91fr);grid-template-rows:auto auto;gap:1.05rem;align-items:stretch}
.howl-evidence-card{min-width:0;position:relative;display:flex;flex-direction:column;overflow:hidden;margin:0;background:linear-gradient(155deg,#14222c,#090f17 90%);border:1px solid #465965;box-shadow:0 18px 40px rgba(0,0,0,.18);transition:border-color .22s,transform .22s}
.howl-evidence-card:hover{border-color:#829caa;transform:translateY(-2px)}
.howl-evidence-card--hunter{grid-row:1 / span 2;border-color:#3d7285;background:linear-gradient(165deg,#102736,#09111b 65%)}
.howl-evidence-card--prime{border-color:#776346}
.howl-evidence-image{position:relative;display:block;overflow:hidden;isolation:isolate;background:#080e15;min-width:0;flex:none}
.howl-evidence-image::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 56%,rgba(7,12,19,.7));opacity:.75;transition:opacity .2s}
.howl-evidence-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;transform:scale(1);transition:transform .4s;filter:saturate(.95)}
.howl-evidence-card:hover .howl-evidence-image img,.howl-evidence-image:focus-visible img{transform:scale(1.025)}
.howl-evidence-image-action{position:absolute;right:1rem;bottom:1rem;z-index:1;color:#f4f5f2;background:rgba(10,21,31,.84);border:1px solid rgba(184,213,224,.5);padding:.45rem .7rem;font-size:.68rem;font-weight:700;letter-spacing:.025em}
.howl-evidence-card--hunter .howl-evidence-image{height:clamp(370px,46vw,620px)}
.howl-evidence-card--prime .howl-evidence-image{height:clamp(180px,19vw,270px)}
.howl-evidence-card--milestones .howl-evidence-image{height:clamp(175px,17vw,230px)}
.howl-evidence-card--milestones .howl-evidence-image img{object-position:center 12%}
.howl-evidence-caption{padding:1.35rem 1.5rem 1.6rem;flex:1;border-top:1px solid rgba(154,186,198,.16)}
.howl-evidence-card--hunter .howl-evidence-caption{padding:1.7rem 1.8rem 2rem}
.howl-evidence-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem 1rem}
.howl-evidence-type{font-size:.67rem;color:#a6c6d1;font-weight:750;letter-spacing:.14em;text-transform:uppercase}
.howl-evidence-tag{border:1px solid #75674f;background:#26221c;color:#f1c993;font-size:.63rem;font-weight:800;letter-spacing:.09em;padding:.38rem .55rem;white-space:nowrap}
.howl-evidence-card--milestones .howl-evidence-tag{border-color:#547681;background:#12252b;color:#a8dce6}
.howl-evidence-caption h4{font:600 clamp(1.65rem,2.7vw,2.6rem)/1 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;letter-spacing:.015em;margin:1.1rem 0 .55rem;color:#f2f4f4}
.howl-evidence-caption p{margin:0;color:#b6cbd3;font-size:.87rem;line-height:1.65}
.howl-evidence-footnote{margin:1.4rem 0 0;padding-left:1rem;border-left:2px solid rgba(219,184,131,.75);color:#aebfc6;font-size:.8rem;line-height:1.6;max-width:980px}
@media(max-width:850px){
 .howl-evidence-intro{grid-template-columns:1fr;gap:1rem}
 .howl-evidence-intro>p{max-width:720px}
 .howl-evidence-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}
 .howl-evidence-card--hunter{grid-column:1/-1;grid-row:auto}
 .howl-evidence-card--hunter .howl-evidence-image{height:clamp(320px,61vw,475px)}
 .howl-evidence-card--prime .howl-evidence-image,.howl-evidence-card--milestones .howl-evidence-image{height:clamp(170px,29vw,260px)}
}
@media(max-width:600px){
 .howl-evidence{margin-top:3.5rem}
 .howl-evidence-intro h3{font-size:clamp(2.8rem,11.8vw,4.2rem)}
 .howl-evidence-grid{grid-template-columns:1fr;gap:.8rem}
 .howl-evidence-card--hunter{grid-column:auto}
 .howl-evidence-card--hunter .howl-evidence-image{height:clamp(315px,88vw,420px)}
 .howl-evidence-card--prime .howl-evidence-image{height:clamp(205px,64vw,300px)}
 .howl-evidence-card--milestones .howl-evidence-image{height:clamp(185px,53vw,250px)}
 .howl-evidence-card--hunter .howl-evidence-caption,.howl-evidence-caption{padding:1.25rem 1.1rem 1.4rem}
 .howl-evidence-caption h4{font-size:2rem}
 .howl-evidence-image-action{font-size:.65rem;right:.65rem;bottom:.65rem}
}
@media(prefers-reduced-motion:reduce){
 .howl-evidence-card,.howl-evidence-image img,.howl-evidence-image::after{transition:none}
 .howl-evidence-card:hover,.howl-evidence-card:hover .howl-evidence-image img{transform:none}
}


/* Holder Identity Showcase — an editorial display of captured HOWL tier fields. */
.howl-holder-proof{position:relative;margin-top:clamp(3.5rem,6vw,6.5rem);padding-top:2rem;border-top:1px solid rgba(116,164,179,.36)}
.howl-holder-proof::before{position:absolute;content:"";height:2px;width:86px;left:0;top:-1px;background:linear-gradient(90deg,#7bd0db,#a9dfe5)}
.howl-holder-proof-heading{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(230px,.7fr);align-items:end;gap:2.5rem;margin-bottom:2rem}
.howl-holder-overline{display:inline-flex;align-items:center;gap:.7rem;color:#9bd3dd;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;font-weight:750;margin-bottom:1.1rem}
.howl-holder-led{display:inline-block;width:8px;height:8px;border-radius:50%;background:#92d4dc;box-shadow:0 0 0 4px rgba(113,196,213,.11),0 0 14px rgba(113,196,213,.33)}
.howl-holder-proof-heading h3{font-size:clamp(2.8rem,5.2vw,5.5rem);line-height:.95;margin:0}
.howl-holder-proof-heading h3 em{font-style:normal;color:#c6e3e7}
.howl-holder-proof-heading>p{max-width:390px;color:#c2d2da;font-size:.94rem;line-height:1.75;margin:0 0 .2rem}
.howl-holder-proof-stage{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:1.15rem;align-items:stretch}
.howl-holder-receipt{position:relative;overflow:hidden;border:1px solid #6a8b97;background:radial-gradient(ellipse at 80% 6%,rgba(60,136,155,.17),transparent 53%),linear-gradient(143deg,#1a313e,#101c27 48%,#0a141c);box-shadow:inset 0 1px rgba(255,255,255,.07),0 15px 45px rgba(0,0,0,.22);padding:clamp(1.25rem,3vw,2.2rem)}
.howl-holder-receipt::after{content:"";position:absolute;inset:10px;border:1px solid rgba(133,189,209,.08);pointer-events:none}
.howl-holder-receipt-top{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap;padding-bottom:1.6rem;border-bottom:1px solid rgba(152,187,203,.28)}
.howl-holder-receipt-eyebrow{color:#b0c7d0;letter-spacing:.12em;font-size:.65rem;font-weight:700;text-transform:uppercase}
.howl-holder-receipt-state{color:#a2e3e9;border:1px solid rgba(132,208,219,.43);background:rgba(6,33,41,.7);padding:.46rem .6rem;font-weight:800;letter-spacing:.09em;font-size:.7rem;white-space:nowrap}
.howl-holder-receipt-state>span{font-size:.55rem;color:#a8e3df;vertical-align:2px;margin-right:.35rem}
.howl-holder-rank-row{display:flex;align-items:center;justify-content:space-between;gap:1.3rem;padding:2rem 0 1.6rem}
.howl-holder-rank-label{font-size:.7rem;color:#a2d3de;letter-spacing:.15em;font-weight:800}
.howl-holder-rank-title{display:block;font:600 clamp(1.9rem,3.1vw,3.2rem)/.98 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;letter-spacing:.02em;color:#f3f6f6;margin:.75rem 0 .4rem}
.howl-holder-rank-row p{color:#bed0d8;font-size:.82rem;line-height:1.5;margin:0;max-width:36ch}
.howl-holder-tier{height:103px;width:99px;flex:0 0 auto;border:1px solid #b58d5d;background:radial-gradient(circle at 50% 20%,rgba(220,166,96,.18),transparent 60%),#141d23;display:flex;flex-direction:column;align-items:center;justify-content:center;clip-path:polygon(13% 0,87% 0,100% 12%,100% 87%,86% 100%,14% 100%,0 86%,0 13%);box-shadow:inset 0 0 14px #9b784220}
.howl-holder-tier span{letter-spacing:.23em;font-weight:800;font-size:.65rem;color:#e2c08d}
.howl-holder-tier strong{font:600 3.2rem/1 'Barlow Condensed',Impact,sans-serif;color:#f4deb5}
.howl-holder-receipt-divider{display:flex;align-items:center;gap:1.2rem;margin:0 0 1.2rem}
.howl-holder-receipt-divider::after{content:"";height:1px;background:rgba(146,179,194,.3);flex:1}
.howl-holder-receipt-divider span{color:#8cafbd;letter-spacing:.17em;font-size:.64rem;font-weight:800}
.howl-holder-entitlements{margin:0;display:grid;gap:0}
.howl-holder-entitlements>div{display:flex;align-items:start;justify-content:space-between;gap:1rem;padding:.86rem 0;border-bottom:1px solid rgba(161,195,205,.13)}
.howl-holder-entitlements dt{font-size:.76rem;color:#a7c0ca;line-height:1.45}
.howl-holder-entitlements dd{font-size:.83rem;font-weight:700;text-align:right;line-height:1.45;color:#e7f0f1;margin:0}
.howl-holder-ready{color:#eaca94}
.howl-holder-receipt-note{margin:1.65rem 0 0;padding-left:.85rem;border-left:2px solid #6d8d9b;color:#9fb7c2;font-size:.75rem;line-height:1.55}
.howl-holder-story{position:relative;overflow:hidden;border:1px solid #435965;background:linear-gradient(155deg,#121e29 15%,#0a141d);padding:clamp(1.4rem,3vw,2.3rem);display:flex;flex-direction:column}
.howl-holder-story-watermark{position:absolute;right:.5rem;top:-3.4rem;font:600 clamp(10rem,20vw,18rem)/1 'Barlow Condensed',Impact,sans-serif;color:#8bbec20b;user-select:none;pointer-events:none}
.howl-holder-story-intro{position:relative;z-index:1}
.howl-holder-story-label{font-size:.69rem;color:#e6be82;text-transform:uppercase;font-weight:800;letter-spacing:.15em}
.howl-holder-story-intro p{font:500 clamp(1.4rem,2.5vw,2.1rem)/1.23 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;color:#f0f2f1;margin:1.2rem 0 1.9rem;max-width:390px}
.howl-holder-steps{position:relative;display:grid;gap:0;margin:0 0 1.8rem;padding:0;list-style:none}
.howl-holder-steps::before{position:absolute;content:"";left:17px;top:29px;bottom:30px;border-left:1px solid #54879596;pointer-events:none}
.howl-holder-steps li{position:relative;display:grid;grid-template-columns:35px minmax(0,1fr);gap:1rem;padding:0 0 1.8rem}
.howl-holder-steps li:last-child{padding-bottom:0}
.howl-holder-step-no{position:relative;z-index:1;width:35px;height:35px;display:flex;align-items:center;justify-content:center;background:#1b3a47;border:1px solid #639dae;color:#c6e7ed;font-size:.72rem;font-weight:800}
.howl-holder-steps li strong{display:block;font-size:.93rem;color:#ecf2f4;margin:.08rem 0 .35rem}
.howl-holder-steps li div>span{display:block;font-size:.79rem;line-height:1.55;color:#a8bfc9}
.howl-holder-no-power{margin-top:auto;padding:1rem 1.1rem;border:1px solid #6e6350;background:#26231d77;display:grid;gap:.25rem}
.howl-holder-no-power strong{font-size:.7rem;color:#f2ce9a;letter-spacing:.14em}
.howl-holder-no-power span{font-size:.8rem;color:#d8ced0;line-height:1.5}
@media(max-width:850px){
 .howl-holder-proof-heading{grid-template-columns:1fr;gap:1rem}
 .howl-holder-proof-heading>p{max-width:700px}
 .howl-holder-proof-stage{grid-template-columns:1fr}
 .howl-holder-story{min-height:440px}
}
@media(max-width:430px){
 .howl-holder-proof-heading h3{font-size:clamp(2.65rem,11vw,3.7rem)}
 .howl-holder-rank-row{gap:.9rem}
 .howl-holder-rank-title{font-size:2rem}
 .howl-holder-tier{width:75px;height:85px}
 .howl-holder-tier strong{font-size:2.6rem}
 .howl-holder-entitlements>div{gap:.65rem}
 .howl-holder-entitlements dd{font-size:.77rem;max-width:59%;overflow-wrap:break-word}
 .howl-holder-receipt{padding:1.2rem}
}


/* Final Signal Core visual pass — native CSS around the project's real token emblem. */
.howl-eco-signal--core{grid-template-columns:minmax(180px,260px) minmax(0,1fr) 142px;min-height:280px;gap:clamp(1rem,2.1vw,2rem);padding:clamp(1.15rem,3.5vw,2.5rem);border-color:#66858e;background:linear-gradient(115deg,#142c39 0%,#10222d 38%,#0b1821 74%,#19242a 100%);box-shadow:inset 0 1px 0 #ffffff19,0 20px 55px #0004}
.howl-eco-signal--core::after{content:"";position:absolute;inset:11px;border:1px solid #adcbd213;pointer-events:none}
.howl-core-visual{position:relative;isolation:isolate;height:232px;display:flex;align-items:center;justify-content:center;min-width:0;background:radial-gradient(circle,#669eae17 0,#14303a05 51%,transparent 74%)}
.howl-core-visual::before,.howl-core-visual::after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.howl-core-visual::before{width:183px;height:183px;border:1px solid #9ed2d56e;box-shadow:0 0 43px #64a9b61c,inset 0 0 30px #6ba8af21}
.howl-core-visual::after{width:226px;height:226px;border:1px solid #6e93a24d}
.howl-core-orbit{position:absolute;pointer-events:none;border-radius:50%;aspect-ratio:1;display:block}
.howl-core-orbit--inner{width:207px;border:1px dashed #c6a16e63;animation:howl-core-spin 36s linear infinite}
.howl-core-orbit--outer{width:247px;border-top:2px solid #a4d4da9f;border-bottom:2px solid #d7ab6d66;border-left:1px solid transparent;border-right:1px solid transparent;animation:howl-core-spin 48s linear infinite reverse}
.howl-core-hardware{position:absolute;bottom:0;left:0;right:0;text-align:center;color:#a5c6ca;font-weight:750;letter-spacing:.21em;font-size:.56rem}
.howl-eco-signal--core .howl-eco-coin{position:relative;z-index:1;width:152px;height:152px}
.howl-eco-signal--core .howl-eco-coin img{width:144px;height:144px;object-fit:contain;filter:drop-shadow(0 12px 22px #020b12a9) drop-shadow(0 0 18px #b88e5031)}
.howl-eco-signal--core .howl-eco-coin::before{inset:3px;border-color:#d4b47ba3}
.howl-eco-signal--core .howl-eco-coin::after{display:none}
.howl-eco-signal--core .howl-eco-signal-copy{padding:.1rem 0}
.howl-eco-signal--core .howl-eco-label{font-size:.66rem;letter-spacing:.17em;margin-bottom:.9rem}
.howl-eco-signal--core .howl-eco-signal-copy h3{font-size:clamp(2rem,3.8vw,4.3rem);line-height:.97;letter-spacing:.012em;margin-bottom:1rem}
.howl-eco-signal--core .howl-eco-signal-copy h3 em{font-style:normal;color:#e2c28e}
.howl-eco-signal--core .howl-eco-signal-copy p{font-size:.92rem;line-height:1.65;max-width:56ch}
.howl-core-flags{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-top:1.25rem}
.howl-core-flags span{font-size:.61rem;letter-spacing:.11em;color:#c8d6db;border:1px solid #91a8ab69;padding:.38rem .52rem;background:#06121a69;font-weight:750}
.howl-core-readout{align-self:stretch;position:relative;display:flex;flex-direction:column;justify-content:center;min-width:0;padding:1rem .1rem 1rem 1.3rem;border-left:1px solid #7494a35c}
.howl-core-readout span{color:#98b2be;font-size:.6rem;letter-spacing:.13em;font-weight:750;white-space:nowrap}
.howl-core-readout strong{color:#c7e7e9;font-family:'Barlow Condensed',Impact,sans-serif;font-size:1.21rem;font-weight:600;letter-spacing:.055em;margin:.1rem 0 .7rem}
.howl-core-readout i{height:1px;width:60%;margin:0 0 .75rem;background:linear-gradient(90deg,#6ca4af6e,transparent)}
.howl-eco-quicknav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #46606b;border-top:0;background:#0d1a23}
.howl-eco-quicknav a{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.3rem .8rem;min-height:79px;padding:1rem 1.3rem;transition:background .18s ease,color .18s ease;min-width:0}
.howl-eco-quicknav a+a{border-left:1px solid #46606b}
.howl-eco-quicknav a:hover,.howl-eco-quicknav a:focus-visible{background:#1a303a}
.howl-eco-quicknav a span:first-child{grid-column:1/-1;letter-spacing:.17em;color:#c19c6b;font-weight:800;font-size:.59rem}
.howl-eco-quicknav a strong{font:600 clamp(1.05rem,1.6vw,1.4rem)/1.15 'Barlow Condensed',Impact,sans-serif;letter-spacing:.015em;text-transform:uppercase;color:#e9f0f2}
.howl-eco-quicknav a span:last-child{font-size:1.2rem;color:#9fcbd6}
.howl-eco-quicknav a:focus-visible{outline:2px solid #f0cc96;outline-offset:-3px}
.howl-eco-bridge{min-height:82px}
.howl-eco-lane{min-height:320px}
.howl-eco-lane h4{margin:1.6rem 0 .85rem}
.howl-eco-lane>p{line-height:1.65;margin-bottom:1.1rem}
.howl-eco-head{margin-bottom:2.2rem}
.howl-holder-proof,.howl-evidence{scroll-margin-top:90px}
#howl-holder-proof-title,#howl-evidence-title{scroll-margin-top:96px}
@keyframes howl-core-spin{to{transform:rotate(360deg)}}
@media(max-width:1100px){
 .howl-eco-signal--core{grid-template-columns:200px minmax(0,1fr)}
 .howl-core-visual{height:216px}
 .howl-core-readout{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem 1rem;align-items:center;justify-content:stretch;padding:.85rem 0 0;border-left:0;border-top:1px solid #7494a35c}
 .howl-core-readout span{grid-row:1}
 .howl-core-readout strong{grid-row:2;font-size:1.15rem;margin:0}
 .howl-core-readout i{display:none}
}
@media(max-width:760px){
 .howl-eco-signal--core{grid-template-columns:150px minmax(0,1fr);gap:1rem}
 .howl-core-visual{height:200px}
 .howl-core-visual::before{width:139px;height:139px}
 .howl-core-visual::after{width:163px;height:163px}
 .howl-core-orbit--inner{width:155px}
 .howl-core-orbit--outer{width:181px}
 .howl-eco-signal--core .howl-eco-coin{width:115px;height:115px}
 .howl-eco-signal--core .howl-eco-coin img{width:109px;height:109px}
 .howl-core-hardware{font-size:.49rem;letter-spacing:.1em}
 .howl-eco-signal--core .howl-eco-signal-copy h3{font-size:clamp(1.7rem,4.8vw,2.8rem)}
 .howl-eco-quicknav a{padding:.85rem .85rem;min-height:74px}
}
@media(max-width:600px){
 .howl-eco-signal--core{grid-template-columns:1fr;gap:1.15rem}
 .howl-core-visual{height:211px}
 .howl-core-visual::before{width:162px;height:162px}
 .howl-core-visual::after{width:190px;height:190px}
 .howl-core-orbit--inner{width:176px}
 .howl-core-orbit--outer{width:210px}
 .howl-eco-signal--core .howl-eco-coin{width:140px;height:140px}
 .howl-eco-signal--core .howl-eco-coin img{width:132px;height:132px}
 .howl-eco-signal--core .howl-eco-signal-copy h3{font-size:clamp(2rem,9vw,3.3rem)}
 .howl-core-readout{grid-template-columns:repeat(3,minmax(0,1fr));gap:.2rem .35rem}
 .howl-core-readout span{white-space:normal;letter-spacing:.07em;font-size:.55rem}
 .howl-core-readout strong{font-size:1rem}
 .howl-eco-quicknav{grid-template-columns:1fr}
 .howl-eco-quicknav a{grid-template-columns:1fr auto;min-height:57px;padding:.65rem 1rem}
 .howl-eco-quicknav a+a{border-left:0;border-top:1px solid #46606b}
 .howl-eco-quicknav a span:first-child{grid-column:auto;grid-row:1;align-self:end;font-size:.57rem}
 .howl-eco-quicknav a strong{grid-column:1;grid-row:2;font-size:1.3rem}
 .howl-eco-quicknav a span:last-child{grid-column:2;grid-row:1 / span 2}
 .howl-eco-lane{min-height:0}
}
@media(prefers-reduced-motion:reduce){
 .howl-core-orbit--inner,.howl-core-orbit--outer{animation:none!important}
 .howl-eco-quicknav a{transition:none!important}
}

/* Bespoke site graphics: source-backed SVGs, separate from the official token mark. */
.howl-core-visual{isolation:isolate}
.howl-core-relay-asset{position:absolute;inset:50% auto auto 50%;width:min(100%,268px);height:auto;aspect-ratio:1;max-width:none;transform:translate(-50%,-50%);z-index:0;pointer-events:none}
.howl-eco-signal--core .howl-eco-coin{z-index:2}
.howl-core-orbit{opacity:.3}
.howl-holder-tier--art{border:0;background:none;clip-path:none;box-shadow:none;width:106px;height:122px}
.howl-holder-tier--art img{display:block;width:100%;height:100%;object-fit:contain}
.howl-treasury-art{margin:clamp(3rem,6vw,5.5rem) 0 2rem;padding-top:2rem;border-top:1px solid #52727f}
.howl-treasury-art-head{display:grid;grid-template-columns:1.1fr .9fr;align-items:end;gap:2rem;margin-bottom:1.5rem}
.howl-treasury-art-head h3{font-size:clamp(2.5rem,4.3vw,4.9rem);line-height:1;margin:0}
.howl-treasury-art-head h3 em{font-style:normal;color:#dbb883}
.howl-treasury-art-head>p{font-size:.94rem;color:#c0d0d8;line-height:1.65;max-width:460px;margin:0}
.howl-treasury-flow-picture{display:block}
.howl-treasury-flow-picture img{display:block;width:100%;height:auto}
.howl-treasury-art-note{font-size:.77rem;color:#a9bec7;margin:1rem 0 0;line-height:1.5}
@media(max-width:760px){.howl-treasury-art-head{grid-template-columns:1fr;gap:1rem}}
@media(max-width:600px){.howl-holder-tier--art{width:83px;height:96px}.howl-core-relay-asset{width:235px}.howl-treasury-art-head h3{font-size:3rem}}

/* Visual QA pass (user's phone screenshots, Oct 23, 2026): more readable mobile copy,
   less repeated content and tighter editorial rhythm. Scoped to the HOWL section only. */
.howl-ecosystem .howl-eco-lede p,
.howl-ecosystem .howl-eco-signal-copy p,
.howl-ecosystem .howl-eco-lane>p,
.howl-ecosystem .howl-holder-proof-heading>p,
.howl-ecosystem .howl-holder-rank-row p,
.howl-ecosystem .howl-evidence-intro>p,
.howl-ecosystem .howl-evidence-caption p,
.howl-ecosystem .howl-treasury-art-head>p,
.howl-ecosystem .howl-eco-footer-copy p {color:#d1dee4}
.howl-ecosystem .howl-holder-steps li div>span,
.howl-ecosystem .howl-eco-detail,
.howl-ecosystem .howl-holder-receipt-note,
.howl-ecosystem .howl-holder-entitlements dt,
.howl-ecosystem .howl-evidence-footnote,
.howl-ecosystem .howl-treasury-art-note,
.howl-ecosystem .howl-eco-risks {color:#bed0da!important}
.howl-ecosystem .howl-evidence-image img{filter:brightness(1.085) saturate(1.1)}
.howl-ecosystem .howl-evidence-image::after{opacity:.34}
@media(max-width:600px){
 .howl-ecosystem.section{padding-block:3.2rem}
 .howl-ecosystem .howl-eco-head{gap:1rem;margin-bottom:1.4rem}
 .howl-ecosystem .howl-eco-head h2{font-size:clamp(2.75rem,11.5vw,4.25rem)}
 .howl-ecosystem .howl-eco-lede{padding-left:1rem}
 .howl-ecosystem .howl-eco-lede p{font-size:.98rem;line-height:1.55}
 .howl-ecosystem .howl-eco-signal--core{gap:.75rem;padding:1.1rem}
 .howl-ecosystem .howl-core-visual{height:188px}
 .howl-ecosystem .howl-eco-signal--core .howl-eco-signal-copy h3{font-size:clamp(2rem,9.2vw,3.05rem);margin-bottom:.65rem}
 .howl-ecosystem .howl-eco-signal--core .howl-eco-signal-copy p{font-size:.97rem;line-height:1.55}
 .howl-ecosystem .howl-core-flags{gap:.38rem;margin-top:.95rem}
 .howl-ecosystem .howl-core-flags span{font-size:.7rem;padding:.4rem .5rem;letter-spacing:.055em;color:#e2eef1}
 .howl-ecosystem .howl-core-readout{display:none}
 .howl-ecosystem .howl-eco-quicknav a{min-height:51px;padding:.5rem .9rem}
 .howl-ecosystem .howl-eco-quicknav a span:first-child{font-size:.66rem;color:#e1bd89}
 .howl-ecosystem .howl-eco-quicknav a strong{font-size:1.3rem}
 .howl-ecosystem .howl-eco-bridge{min-height:52px}
 .howl-ecosystem .howl-eco-bridge span{font-size:.65rem;letter-spacing:.105em;padding:.36rem .72rem}
 .howl-ecosystem .howl-eco-rails{gap:.7rem}
 .howl-ecosystem .howl-eco-lane{min-height:0;padding:1.3rem}
 .howl-ecosystem .howl-eco-lane-top{padding-bottom:.85rem}
 .howl-ecosystem .howl-eco-index{font-size:.73rem}
 .howl-ecosystem .howl-eco-lane-kind{font-size:.69rem;color:#c1d0d6}
 .howl-ecosystem .howl-eco-lane h4{font-size:clamp(2rem,9vw,2.65rem);margin:1.05rem 0 .7rem}
 .howl-ecosystem .howl-eco-lane>p{font-size:.97rem;line-height:1.55;margin-bottom:.8rem}
 .howl-ecosystem .howl-eco-flow{margin-top:.45rem;padding-top:.8rem;gap:.4rem}
 .howl-ecosystem .howl-eco-flow span{font-size:.79rem;color:#eaf2f3}
 .howl-ecosystem .howl-eco-detail{font-size:.86rem!important;line-height:1.55!important;margin-top:.85rem!important}
 .howl-ecosystem .howl-holder-proof{margin-top:2.7rem;padding-top:1.4rem}
 .howl-ecosystem .howl-holder-proof-heading{gap:.8rem;margin-bottom:1.25rem}
 .howl-ecosystem .howl-holder-proof-heading h3{font-size:clamp(2.6rem,10.8vw,3.55rem)}
 .howl-ecosystem .howl-holder-proof-heading>p{font-size:.97rem;line-height:1.55}
 .howl-ecosystem .howl-holder-proof-stage{gap:.75rem}
 .howl-ecosystem .howl-holder-receipt{padding:1.2rem}
 .howl-ecosystem .howl-holder-receipt-top{padding-bottom:1rem}
 .howl-ecosystem .howl-holder-rank-row{padding:1.2rem 0}
 .howl-ecosystem .howl-holder-rank-title{font-size:2.15rem}
 .howl-ecosystem .howl-holder-rank-row p{font-size:.86rem}
 .howl-ecosystem .howl-holder-entitlements>div{padding:.72rem 0}
 .howl-ecosystem .howl-holder-entitlements dt,.howl-ecosystem .howl-holder-entitlements dd{font-size:.87rem}
 .howl-ecosystem .howl-holder-receipt-note{font-size:.82rem;margin-top:1.1rem}
 .howl-ecosystem .howl-holder-story{min-height:0;padding:1.25rem}
 .howl-ecosystem .howl-holder-story-intro p{font-size:1.48rem;margin:.75rem 0 1.45rem}
 .howl-ecosystem .howl-holder-steps{margin-bottom:1.4rem}
 .howl-ecosystem .howl-holder-steps li{padding-bottom:1.15rem}
 .howl-ecosystem .howl-holder-steps li strong{font-size:.96rem}
 .howl-ecosystem .howl-holder-steps li div>span{font-size:.87rem;line-height:1.5}
 .howl-ecosystem .howl-holder-no-power span{font-size:.87rem;color:#e4d8ce}
 .howl-ecosystem .howl-evidence{margin-top:2.9rem;padding-top:1.35rem}
 .howl-ecosystem .howl-evidence-intro{gap:.8rem;margin-bottom:1.2rem}
 .howl-ecosystem .howl-evidence-intro h3{font-size:clamp(2.85rem,10.5vw,3.75rem)}
 .howl-ecosystem .howl-evidence-intro>p{font-size:.97rem;line-height:1.55}
 .howl-ecosystem .howl-evidence-caption p{font-size:.94rem;line-height:1.55}
 .howl-ecosystem .howl-evidence-footnote{font-size:.84rem}
 .howl-ecosystem .howl-treasury-art{margin:2.8rem 0 1.3rem;padding-top:1.3rem}
 .howl-ecosystem .howl-treasury-art-head h3{font-size:clamp(2.6rem,10.5vw,3.55rem)}
 .howl-ecosystem .howl-treasury-art-head>p{font-size:.94rem;line-height:1.55}
 .howl-ecosystem .howl-eco-results{display:none}
 .howl-ecosystem .howl-eco-proof{margin-top:1.6rem;padding-block:1.05rem;display:grid;grid-template-columns:1fr 1fr;gap:.55rem}
 .howl-ecosystem .howl-eco-proof span{font-size:.7rem;line-height:1.5;letter-spacing:.035em}
 .howl-ecosystem .howl-eco-footer{padding-top:1.55rem;gap:1.1rem}
 .howl-ecosystem .howl-eco-footer-copy h3{font-size:2.15rem}
 .howl-ecosystem .howl-eco-footer-copy p{font-size:.96rem}
 .howl-ecosystem .howl-eco-risks{font-size:.85rem;line-height:1.6}
}

/* Premium signal network — replaces the former rectangle/arrow HOWL utility lanes. */
.howl-network{padding-top:clamp(3rem,5vw,5.25rem)}
.howl-network-head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:2rem;align-items:end;margin-bottom:1.6rem}
.howl-network-head h3{font-size:clamp(2.8rem,4.8vw,5rem);line-height:.97;margin:0}
.howl-network-head h3 em{font-style:normal;color:#dbb883}
.howl-network-head>p{font-size:1rem;line-height:1.65;color:#d5e1e5;max-width:470px;margin:0}
.howl-network-art{display:block;isolation:isolate;position:relative;background:#07121d;border:1px solid #5c8291;box-shadow:0 24px 65px #0006}
.howl-network-art img{display:block;width:100%;height:auto;object-fit:contain}
.howl-network-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #4d7180;border-top:0}
.howl-network-links a{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:62px;padding:1rem 1.25rem;color:#e6eef1;font-weight:700;font-size:.85rem;line-height:1.4;background:#0d222d}
.howl-network-links a+a{border-left:1px solid #4d7180}
.howl-network-links a:hover,.howl-network-links a:focus-visible{background:#193340;color:#fff}
.howl-network-links a span{color:#dfb780;font-size:1.15rem;flex:none}
.howl-network-foot{font-size:.8rem;color:#b7cbd3;line-height:1.6;margin:1rem 0 0}
@media(max-width:850px){.howl-network-head{grid-template-columns:1fr;gap:1rem}.howl-network-links a{padding:.8rem;font-size:.79rem}}
@media(max-width:720px){.howl-network-links{grid-template-columns:1fr}.howl-network-links a+a{border-left:0;border-top:1px solid #4d7180}.howl-network-links a{min-height:51px;padding:.65rem 1rem;font-size:.91rem}}
@media(max-width:600px){.howl-network{padding-top:2rem}.howl-network-head{margin-bottom:1.15rem}.howl-network-head h3{font-size:clamp(2.55rem,10.5vw,3.6rem)}.howl-network-head>p{font-size:.96rem;line-height:1.55}.howl-network-foot{font-size:.81rem}}

/* Premium network v2 — real Alpha Husky game art + accessible HTML nodes. */
.howl-network-live{background:radial-gradient(ellipse at 50% 5%,#2364782e,transparent 55%),#081721;border:1px solid #466c7a;padding:clamp(1rem,3vw,2.5rem);overflow:hidden}
.howl-network-live-top{display:flex;justify-content:center;align-items:center;gap:1.3rem;position:relative}
.howl-network-live-top>img{width:clamp(110px,15vw,195px);height:auto;filter:drop-shadow(0 10px 35px #27a4c246)}
.howl-network-live-top strong{display:block;font:700 clamp(1.65rem,3.4vw,3.25rem)/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:.03em;color:#f3f6f6}
.howl-network-live-top p,.howl-live-branch-head p{margin:.5rem 0 0;color:#cadce3;font-size:.93rem}
.howl-live-id{display:block;font:800 .71rem/1.4 'DM Sans',sans-serif;letter-spacing:.17em;color:#9bdce7;margin-bottom:.65rem}
.howl-network-live-fork{height:65px;display:flex;justify-content:center;align-items:flex-end;position:relative}
.howl-network-live-fork:before{content:"";position:absolute;top:0;bottom:32px;left:50%;width:2px;background:linear-gradient(#88dae0,#d4a76a)}
.howl-network-live-fork:after{content:"";position:absolute;bottom:14px;left:25%;right:25%;height:19px;border:2px solid #609aa6;border-bottom:0;border-radius:26px 26px 0 0}
.howl-network-live-fork i{width:8px;height:8px;background:#dfbb86;position:absolute;bottom:25px;left:calc(50% - 4px);border-radius:50%;box-shadow:0 0 16px #dcb980}
.howl-live-branches{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}
.howl-live-branch{min-width:0;position:relative;background:linear-gradient(150deg,#142d3a,#081723 75%);border:1px solid #508997;padding:1.45rem}
.howl-live-treasury{background:linear-gradient(140deg,#292820,#0a1721 62%);border-color:#95734a}
.howl-live-branch:before{content:"";position:absolute;top:0;left:50%;width:2px;height:22px;transform:translateY(-100%);background:#5ca6b8}
.howl-live-treasury:before{background:#d4a66f}
.howl-live-branch-head{display:flex;align-items:center;gap:1rem;padding-bottom:1.2rem;border-bottom:1px solid #7296a34b}
.howl-live-branch-head img{height:auto;width:clamp(83px,10vw,134px);object-fit:contain;filter:drop-shadow(0 5px 18px #0ac1e832)}
.howl-live-treasury .howl-live-branch-head img{filter:drop-shadow(0 4px 17px #d5944b45)}
.howl-live-treasury .howl-live-id{color:#e8bf85}
.howl-live-branch-head h4{font:700 clamp(1.45rem,2.3vw,2.15rem)/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:.02em;color:#eef6f6;margin:0}
.howl-live-branch-head p{font-size:.82rem}
.howl-live-stages{padding:1.5rem 0 0;margin:0;list-style:none}
.howl-live-stages li{position:relative;display:grid;grid-template-columns:45px 1fr;align-items:center;min-height:76px;gap:.95rem}
.howl-live-stages li:not(:last-child):before{content:"";position:absolute;top:46px;bottom:-12px;left:22px;border-left:2px dotted #57a1b78c}
.howl-live-treasury .howl-live-stages li:not(:last-child):before{border-color:#daa96e9b}
.howl-live-marker{display:grid;place-items:center;width:45px;height:45px;position:relative;z-index:1;border:1px solid #6cbac9;background:radial-gradient(circle,#295564,#122b36);clip-path:polygon(22% 0,78% 0,100% 22%,100% 78%,78% 100%,22% 100%,0 78%,0 22%);font:.8rem 'DM Sans',sans-serif;font-weight:800;color:#c5e9f0}
.howl-live-treasury .howl-live-marker{border-color:#ddb27d;background:radial-gradient(circle,#54412c,#211d1a);color:#f0d2a5}
.howl-live-stages strong{display:block;font:700 clamp(1.35rem,2vw,1.78rem)/1.15 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;color:#f2f5f5}
.howl-live-stages small{display:block;font:.82rem/1.5 'DM Sans',sans-serif;color:#c6d7df;margin-top:.2rem}
.howl-live-end strong{color:#9ce0e8}
.howl-live-treasury .howl-live-end strong{color:#edc28b}
.howl-network-live-foot{margin-top:1.2rem;border-top:1px solid #55707b69;padding:1rem .7rem 0;display:flex;align-items:center;justify-content:center;gap:.9rem}
.howl-network-live-foot img{width:58px;height:auto}
.howl-network-live-foot strong{display:block;color:#e6edec;font-size:.74rem;letter-spacing:.15em}
.howl-network-live-foot span{display:block;color:#bccdd5;font-size:.74rem;margin-top:.25rem}
@media(max-width:720px){
 .howl-network-live{padding:1rem}
 .howl-network-live-top{gap:.55rem}
 .howl-network-live-top>img{width:112px}
 .howl-network-live-top strong{font-size:1.85rem}
 .howl-network-live-top p{font-size:.83rem}
 .howl-live-branches{grid-template-columns:1fr;gap:1.1rem}
 .howl-network-live-fork{height:34px}
 .howl-network-live-fork:before{bottom:0}
 .howl-network-live-fork:after{display:none}
 .howl-live-branch{padding:1rem}
 .howl-live-branch:before{height:0}
 .howl-live-branch-head img{width:100px}
 .howl-live-branch-head h4{font-size:2rem}
 .howl-live-stages{padding-top:.7rem}
 .howl-live-stages li{min-height:69px}
 .howl-live-stages strong{font-size:1.6rem}
 .howl-live-stages small{font-size:.84rem}
 .howl-network-live-foot{gap:.5rem;justify-content:flex-start}
 .howl-network-live-foot img{width:45px}
}
@media(max-width:390px){
 .howl-network-live-top>img{width:91px}
 .howl-network-live-top strong{font-size:1.55rem}
 .howl-live-branch-head img{width:83px}
 .howl-live-branch-head h4{font-size:1.7rem}
}


/* SIGNAL NETWORK V2.1 — real-device mobile art direction pass, 23 Oct 2026.
   Larger in-game hardware, readable labels, a continuous signal spine,
   and chamfered industrial surfaces instead of generic diagram cards. */
.howl-network-live{
  position:relative;
  isolation:isolate;
  background:
    radial-gradient(ellipse 57% 24% at 50% 7%,#237a9b40,transparent 85%),
    radial-gradient(ellipse 44% 32% at 15% 53%,#19748b16,transparent 85%),
    radial-gradient(ellipse 45% 31% at 86% 60%,#bd814d13,transparent 85%),
    #06121d;
  border-color:#527a8a;
  box-shadow:inset 0 0 0 8px #07111a,0 18px 55px #0008;
}
.howl-network-live::before{
  content:"";
  position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    linear-gradient(90deg,transparent 0 17%,#5ca5b40e 17% 17.12%,transparent 17.12% 82.88%,#5ca5b40e 82.88% 83%,transparent 83%),
    repeating-linear-gradient(0deg,transparent 0 47px,#6fa3b00c 48px,transparent 49px);
  mask-image:linear-gradient(180deg,#000,transparent 95%);
}
.howl-network-live-top{
  min-height:206px;
  gap:clamp(1.15rem,3vw,2.7rem);
  justify-content:center;
  padding:.2rem 1.2rem .6rem;
}
.howl-network-live-top::before{
  content:"";position:absolute;
  width:245px;height:190px;
  background:radial-gradient(ellipse,#44b3d336,transparent 69%);
  left:calc(50% - 240px);top:2px;
  filter:blur(8px);pointer-events:none;
}
.howl-network-live-top>img{
  position:relative;z-index:1;
  flex:none;
  width:clamp(170px,19vw,236px);
  max-width:38%;
  height:auto;
  filter:drop-shadow(0 8px 24px #3dadd06e) drop-shadow(0 12px 23px #02070bdb);
}
.howl-network-live-top strong{
  font-size:clamp(2.1rem,4vw,4.2rem);
  letter-spacing:.055em;
}
.howl-network-live-top p{font-size:.99rem;line-height:1.45}
.howl-network-live-fork{height:71px}
.howl-network-live-fork::before{background:linear-gradient(#6bd6e4 0%,#70cad7 35%,#d9b078 90%)}
.howl-network-live-fork::after{border-top-color:#67b8c7;border-left-color:#67b8c7;border-right-color:#c99a61}
.howl-live-branches{gap:1.3rem}
.howl-live-branch{
  border:1px solid #5f9aa9;
  position:relative;
  padding:1.3rem;
  background:
    radial-gradient(ellipse 95% 23% at 20% 1%,#237c9539,transparent 80%),
    linear-gradient(148deg,#102f3d 0%,#081822 63%,#06121b 100%);
  clip-path:polygon(0 0,calc(100% - 17px) 0,100% 17px,100% 100%,17px 100%,0 calc(100% - 17px));
}
.howl-live-treasury{
  border-color:#a98556;
  background:
    radial-gradient(ellipse 90% 24% at 20% 1%,#cb9b553b,transparent 78%),
    linear-gradient(148deg,#29261f 0%,#151b21 49%,#0a141c 100%);
}
.howl-live-branch::after{
  content:"";position:absolute;right:20px;top:15px;
  width:44px;height:1px;background:#83cee0;
  transform:rotate(-45deg);transform-origin:right;
  opacity:.7;pointer-events:none;
}
.howl-live-treasury::after{background:#d6aa6a}
.howl-live-branch-head{
  display:grid;grid-template-columns:minmax(126px,33%) minmax(0,1fr);
  min-height:175px;gap:.4rem;align-items:center;
  padding:.6rem 0 1.05rem;
  border-bottom:1px solid #a3cbd33f;
  position:relative;
}
.howl-live-branch-head::after{
  content:"";position:absolute;bottom:-1px;left:0;width:88px;height:2px;
  background:linear-gradient(90deg,#7ac8da,transparent);
}
.howl-live-treasury .howl-live-branch-head::after{
  background:linear-gradient(90deg,#f0bd79,transparent);
}
.howl-live-branch-head img{
  width:100%;
  max-width:176px;
  height:auto;
  justify-self:center;
  filter:drop-shadow(0 6px 23px #52c4e34a) drop-shadow(0 9px 12px #020a1080);
}
.howl-live-treasury .howl-live-branch-head img{
  filter:drop-shadow(0 6px 21px #d49d4d57) drop-shadow(0 9px 12px #050605ad);
}
.howl-live-id{font-size:.76rem;line-height:1.45;letter-spacing:.125em;color:#abe1eb}
.howl-live-treasury .howl-live-id{color:#f4c993}
.howl-live-branch-head h4{
  font-size:clamp(1.9rem,2.9vw,3rem);line-height:.96;
  max-width:11ch;
  text-shadow:0 2px 10px #07131acc;
}
.howl-live-branch-head p{
  font-size:.9rem;line-height:1.4;
  color:#d8e4e7;
}
.howl-live-stages{padding:1.4rem .2rem .25rem}
.howl-live-stages li{
  grid-template-columns:49px minmax(0,1fr);
  min-height:75px;
  gap:1.2rem;
}
.howl-live-stages li:not(:last-child):before{
  border-left:2px solid #72b7c594;
  left:24px;top:52px;bottom:-4px;
  box-shadow:0 0 6px #3ba3b72b;
}
.howl-live-treasury .howl-live-stages li:not(:last-child):before{
  border-color:#cda16f9e;
}
.howl-live-marker{
  width:49px;height:49px;
  color:#e0f9fa;
  background:linear-gradient(135deg,#326473,#0d2934 70%);
  border-color:#8cd4df;
  box-shadow:0 0 0 4px #4f9aab13,inset 0 0 14px #1a87982b;
  font-size:.86rem;
}
.howl-live-treasury .howl-live-marker{
  color:#ffe4bc;
  background:linear-gradient(135deg,#795738,#221c19 70%);
  border-color:#e4b276;
  box-shadow:0 0 0 4px #cf9c5c14,inset 0 0 14px #d18e421a;
}
.howl-live-stages strong{
  font-size:clamp(1.55rem,2.2vw,2rem);
  letter-spacing:.035em;
}
.howl-live-stages small{font-size:.9rem;line-height:1.5;color:#d0dee4}
.howl-live-end{margin-top:.4rem}
.howl-live-end .howl-live-marker{
  transform:scale(1.08);
}
.howl-network-live-foot{
  border-top:1px solid #80949c56;
  margin-top:1.4rem;padding-top:1.25rem;
}
.howl-network-live-foot img{width:75px;filter:drop-shadow(0 0 11px #67c6de66)}
.howl-network-live-foot strong{font-size:.85rem;letter-spacing:.12em}
.howl-network-live-foot span{font-size:.86rem;color:#d0dfe4}
@media(max-width:760px){
 .howl-network-live{padding:1.05rem}
 .howl-network-live-top{
   min-height:181px;gap:.8rem;
   padding:0 .05rem .3rem;
   justify-content:flex-start;
 }
 .howl-network-live-top::before{left:0;width:185px;height:170px}
 .howl-network-live-top>img{
   width:150px;max-width:46%;filter:drop-shadow(0 5px 17px #49bed16c);
 }
 .howl-network-live-top strong{font-size:clamp(1.8rem,6.3vw,2.85rem)}
 .howl-network-live-top p{font-size:.9rem}
 .howl-network-live-fork{height:47px}
 .howl-network-live-fork:before{bottom:0}
 .howl-live-branches{gap:.9rem}
 .howl-live-branch{padding:1rem 1.05rem 1.2rem}
 .howl-live-branch-head{
   grid-template-columns:132px minmax(0,1fr);
   min-height:171px;gap:.25rem;
   padding:.25rem 0 .95rem;
 }
 .howl-live-branch-head img{max-width:150px;width:100%}
 .howl-live-branch-head h4{font-size:clamp(2rem,7.4vw,2.7rem)}
 .howl-live-branch-head p{font-size:.92rem}
 .howl-live-stages{padding:1rem .2rem .15rem}
 .howl-live-stages li{min-height:69px;grid-template-columns:49px minmax(0,1fr);gap:1rem}
 .howl-live-stages strong{font-size:1.65rem}
 .howl-live-stages small{font-size:.92rem}
 .howl-network-live-foot{padding:1rem 0 0;margin-top:1rem}
 .howl-network-live-foot img{width:65px}
 .howl-network-live-foot strong{font-size:.79rem}
 .howl-network-live-foot span{font-size:.83rem}
}
@media(max-width:430px){
 .howl-network-live{padding:.9rem}
 .howl-network-live-top{
   min-height:160px;gap:.3rem;
 }
 .howl-network-live-top>img{width:136px;max-width:49%}
 .howl-network-live-top strong{font-size:1.9rem;line-height:1.05}
 .howl-live-branch-head{grid-template-columns:minmax(125px,42%) minmax(0,1fr);min-height:165px;gap:.2rem}
 .howl-live-branch-head h4{font-size:clamp(1.95rem,8vw,2.3rem);max-width:9ch}
 .howl-live-branch-head img{width:100%;max-width:148px}
 .howl-live-branch-head p{font-size:.86rem}
 .howl-live-id{font-size:.68rem;letter-spacing:.085em}
 .howl-live-stages li{gap:.85rem}
}
@media(max-width:360px){
 .howl-network-live-top>img{width:120px}
 .howl-network-live-top strong{font-size:1.7rem}
 .howl-live-branch-head{grid-template-columns:113px minmax(0,1fr)}
 .howl-live-branch-head h4{font-size:1.85rem}
 .howl-live-stages strong{font-size:1.5rem}
 .howl-live-stages small{font-size:.85rem}
}
@media(prefers-reduced-motion:reduce){
 .howl-live-marker,.howl-network-live-top>img{transition:none!important}
}