/* ============================================================
   WolfBrain — front-end styles
   Night hunt. Chakra Petch for identity,
   JetBrains Mono for the data feed. Ember amber is the signal.
   ============================================================ */
:root{
  --bg:#0c0906; --bg-2:#12100b; --panel:#161009; --panel-2:#1e160c;
  --line:rgba(240,224,198,.09); --line-2:rgba(240,224,198,.17);
  --text:#f4efe6; --muted:#a99e8b; --muted-2:#6d6455;
  --accent:#cda878; --accent-2:#e7d2af; --accent-lo:#9a7749; --accent-glow:rgba(205,168,120,.5);
  --gold:#ffb02e;  /* the glow on the tool icons + live pulse */
  --cyan:#d9c3a0;  /* warm eyebrow */
  --sol:#5ec8b0;   /* Solana */
  --rh:#9a86ff;    /* Robinhood */
  --good:#e2b56a;  /* a wolf buy */
  --sell:#6d6455;
  --font:"Inter",system-ui,sans-serif; --display:"Archivo","Inter",sans-serif; --script:"Caveat",cursive; --mono:"JetBrains Mono",ui-monospace,monospace;
  --maxw:1320px; --gut:clamp(18px,4vw,64px); --radius:14px;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-weight:400;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden;}
html,body{overflow-x:clip;}
a{color:inherit;text-decoration:none;}
h1,h2,h3,h4{margin:0;font-family:var(--display);font-weight:800;line-height:1;letter-spacing:-.015em;}
code{font-family:var(--mono);font-size:.85em;color:var(--accent);}
::selection{background:var(--accent);color:#fff;}

/* scrollbars */
@media(hover:hover) and (pointer:fine){
  *{scrollbar-width:thin;scrollbar-color:var(--accent-lo) transparent;}
  ::-webkit-scrollbar{width:11px;height:11px;}
  ::-webkit-scrollbar-track{background:#06090f;}
  ::-webkit-scrollbar-thumb{border-radius:999px;border:3px solid #06090f;background:linear-gradient(180deg,#ffc27a,#c9641c);}
  .feed::-webkit-scrollbar-track{background:var(--panel);}
  .feed{scrollbar-color:var(--accent-lo) var(--panel);}
}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;gap:.6em;font-family:var(--font);font-weight:600;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;padding:.95em 1.5em;cursor:pointer;border:0;}
.btn-ghost{color:var(--text);background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid var(--line-2);box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
  clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);transition:border-color .2s,color .2s,box-shadow .2s,transform .15s;}
.btn-ghost:hover{border-color:var(--accent);color:#fff;transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 0 22px -8px var(--accent-glow);}
.btn-shiny{position:relative;isolation:isolate;overflow:hidden;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.6em;padding:1.02em 1.9em;border:0;border-radius:999px;font-family:var(--font);font-weight:700;font-size:.86rem;letter-spacing:.06em;text-transform:uppercase;line-height:1;color:#fff;
  background:linear-gradient(180deg,#ffc27a 0%,#ff9f43 46%,#c9641c 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -12px 22px -10px rgba(0,26,80,.85),0 10px 30px -6px var(--accent-glow),0 3px 10px rgba(0,0,0,.45);
  transition:transform .15s,box-shadow .25s,filter .2s;}
.btn-shiny::before{content:"";position:absolute;inset:1px 1px auto 1px;height:48%;z-index:0;border-radius:999px 999px 60% 60%/999px 999px 100% 100%;background:linear-gradient(180deg,rgba(255,255,255,.5),rgba(255,255,255,0));opacity:.85;pointer-events:none;}
.btn-shiny::after{content:"";position:absolute;top:-20%;left:-70%;width:45%;height:140%;z-index:1;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-18deg);pointer-events:none;animation:sheen 5s ease-in-out infinite;}
.btn-shiny>span{position:relative;z-index:2;display:inline-flex;align-items:center;}
.btn-shiny .btn-ico{display:grid;place-items:center;width:1.7em;height:1.7em;border-radius:999px;background:rgba(0,0,0,.22);font-size:.9em;box-shadow:inset 0 1px 0 rgba(255,255,255,.25);}
.btn-shiny:hover{transform:translateY(-1px);filter:brightness(1.06);}
.btn-shiny:active{transform:translateY(1px) scale(.99);filter:brightness(.97);box-shadow:inset 0 2px 6px rgba(0,20,60,.7),0 4px 14px -6px var(--accent-glow);}
.btn-ghost:active{transform:translateY(1px);}
.btn-shiny.nav-cta{padding:.72em 1.25em;font-size:.74rem;}
@keyframes sheen{0%{left:-70%;}26%{left:130%;}100%{left:130%;}}
@media(prefers-reduced-motion:reduce){.btn-shiny::after{animation:none;opacity:0;}.btn-shiny:hover,.btn-shiny:active,.btn-ghost:hover,.btn-ghost:active{transform:none;}}
/* keyboard-visible focus rings across every control (accessibility) */
.btn-shiny:focus-visible,.btn-ghost:focus-visible,.nav-cta:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--accent-2);}
.nav-links a:focus-visible,.foot-cols a:focus-visible,.brand:focus-visible{outline:none;border-radius:6px;box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--accent-2);}
.seg button:focus-visible,.presets button:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px rgba(255,159,67,.35);}
.seg button:active,.presets button:active{transform:translateY(1px);}
.section-title{font-size:clamp(1.4rem,3.5vw,2.3rem);text-transform:uppercase;letter-spacing:.02em;}
.eyebrow{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--mono);font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--cyan);}
.eyebrow::before{content:"";width:26px;height:1px;background:linear-gradient(90deg,transparent,var(--cyan));}
.hero .eyebrow{color:#ffe1b3;font-weight:500;text-shadow:0 1px 10px rgba(0,0,0,.7);}
.hero .eyebrow::before{background:linear-gradient(90deg,transparent,#ffe1b3);}

/* ============================ NAV ============================ */
.nav{position:fixed;inset:0 0 auto 0;z-index:50;display:flex;align-items:center;gap:2rem;padding:1.1rem var(--gut);transition:background .3s,border-color .3s,backdrop-filter .3s;border-bottom:1px solid transparent;}
.nav.scrolled{background:rgba(4,6,12,.82);backdrop-filter:blur(14px);border-bottom-color:var(--line);}
.brand{display:inline-flex;align-items:center;gap:.7rem;color:var(--text);}
.brand-mark{width:34px;height:34px;filter:drop-shadow(0 2px 10px rgba(255,159,67,.55));}
/* coin-style logo: the wolf's head on a dark ember disc, next to the wordmark */
/* the WolfBrain mark (assets/logo-*.png): wolf head with the glowing brain on a cream disc, amber ring baked in */
.brand-logo{position:relative;flex:none;width:46px;height:46px;display:block;filter:drop-shadow(0 3px 10px rgba(0,0,0,.6)) drop-shadow(0 0 12px rgba(255,150,50,.35));transition:transform .2s,filter .25s;}
.brand-logo img{width:100%;height:100%;display:block;}
.brand:hover .brand-logo{transform:translateY(-1px) scale(1.06);filter:drop-shadow(0 4px 12px rgba(0,0,0,.6)) drop-shadow(0 0 18px rgba(255,150,50,.6));}
.brand-name{font-weight:700;font-size:1.18rem;letter-spacing:.02em;}
.brand-name span{color:var(--accent);}
.nav-links{display:flex;gap:1.9rem;margin-left:auto;}
.nav-links a{font-size:.82rem;font-weight:500;letter-spacing:.04em;color:var(--muted);transition:color .2s;}
.nav-links a:hover{color:var(--text);}
.nav-cta{margin-left:1.6rem;}
@media(max-width:860px){.nav-links{display:none;}.nav-cta{margin-left:auto;}}

/* ============================ HERO (wolf) ============================ */
.hero{position:relative;min-height:100svh;overflow:hidden;background:var(--bg);}
/* deep night with a warm ember glow rising behind the wolf (embers.js draws the drifting sparks) */
.hero::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(60% 55% at 70% 48%,rgba(255,140,40,.22),transparent 70%),
    radial-gradient(45% 40% at 22% 30%,rgba(255,170,80,.07),transparent 70%),
    radial-gradient(80% 60% at 50% 110%,rgba(120,50,10,.35),transparent 70%),
    linear-gradient(180deg,#0a0705 0%,#090604 55%,var(--bg) 100%);}
.embers{position:absolute;inset:0;width:100%;height:100%;z-index:1;display:block;pointer-events:none;mix-blend-mode:screen;}
.hero-fade{position:absolute;left:0;right:0;bottom:0;height:30%;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,transparent,var(--bg));}
.hero-inner{position:relative;z-index:2;max-width:var(--maxw);margin:0 auto;min-height:100svh;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(2rem,5vw,4rem);padding:7rem var(--gut) 4rem;}
.hero-copy{position:relative;z-index:3;}
.hero-title{display:flex;flex-direction:column;font-size:clamp(2.9rem,7.2vw,5.8rem);line-height:.9;letter-spacing:-.01em;text-transform:uppercase;margin-top:1.1rem;text-shadow:0 2px 34px rgba(2,10,28,.55);}
.hero-title .l2{color:transparent;-webkit-text-stroke:1.6px var(--accent-2);text-shadow:0 0 46px var(--accent-glow);}
.hero-sub{max-width:46ch;margin:1.6rem 0 0;color:#d6e4f5;font-size:clamp(1rem,1.4vw,1.14rem);font-weight:300;line-height:1.65;text-shadow:0 1px 16px rgba(2,10,28,.55);}
.hero-sub b{color:#fff;font-weight:600;}
.hero-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem;}
.hero-metrics{display:flex;gap:2rem;margin-top:2.4rem;flex-wrap:wrap;}
.hero-metrics div{display:flex;flex-direction:column;gap:.25rem;}
.hero-metrics b{font-size:1.6rem;font-weight:700;line-height:1;text-shadow:0 1px 14px rgba(2,10,28,.5);}
.hero-metrics span{font-size:.68rem;color:#a9bcd6;letter-spacing:.06em;text-transform:uppercase;}

/* --- the wolf: hovering it lights up the brain inside --- */
.hero-scope{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:1.1rem;}
.wolf-stage{position:relative;width:min(38vw,470px,50svh);aspect-ratio:1136/1385;cursor:crosshair;}
.wolf-glow{position:absolute;inset:-14% -18% -10% -18%;z-index:0;pointer-events:none;border-radius:50%;
  background:radial-gradient(50% 50% at 52% 46%,rgba(255,150,50,.34),rgba(255,120,30,.10) 45%,transparent 72%);
  filter:blur(18px);transition:opacity .6s ease;opacity:.55;}
.wolf-stage.lit .wolf-glow{opacity:1;}
.wolf-img,.wolf-brain img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom;display:block;
  -webkit-mask-image:linear-gradient(180deg,#000 82%,transparent 100%);mask-image:linear-gradient(180deg,#000 82%,transparent 100%);}
.wolf-img{z-index:1;filter:drop-shadow(0 24px 50px rgba(0,0,0,.65));transition:filter .35s ease;}
/* x-ray layer, like the fox: dark tissue + the live 3D brain, cut to the wolf silhouette AND to the
   cursor spotlight (xray.js drives --x/--y/--r), so the brain only shows where you point, inside the wolf */
.wolf-brain{position:absolute;inset:0;z-index:2;pointer-events:none;
  -webkit-mask-image:radial-gradient(circle var(--r,0px) at var(--x,50%) var(--y,42%),#000 40%,rgba(0,0,0,.75) 60%,rgba(0,0,0,.35) 78%,transparent 100%),url(wolf.webp);
          mask-image:radial-gradient(circle var(--r,0px) at var(--x,50%) var(--y,42%),#000 40%,rgba(0,0,0,.75) 60%,rgba(0,0,0,.35) 78%,transparent 100%),url(wolf.webp);
  -webkit-mask-size:100% 100%,100% 100%;mask-size:100% 100%,100% 100%;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-position:center,center;mask-position:center,center;
  -webkit-mask-composite:source-in;mask-composite:intersect;}
.xray-tint{position:absolute;inset:0;background:radial-gradient(42% 34% at 53% 31%,rgba(70,30,8,.55),rgba(10,6,3,.92) 70%);}
.wolf-stage.lit .wolf-img{filter:brightness(.86) drop-shadow(0 24px 50px rgba(0,0,0,.65));}
/* the live 3D connectome (brain3d.js) sits inside the skull, tilted with the muzzle */
.wolf-brain canvas{position:absolute;left:29%;top:13%;width:46%;height:34%;display:block;transform:rotate(-8deg);
  filter:drop-shadow(0 0 14px rgba(255,150,50,.55));}
.scope-tag{position:absolute;left:50%;bottom:4%;transform:translateX(-50%);z-index:3;font-family:var(--mono);font-size:.58rem;letter-spacing:.24em;text-transform:uppercase;color:var(--cyan);opacity:.9;pointer-events:none;transition:opacity .3s;white-space:nowrap;padding:.42em .9em;border-radius:999px;background:rgba(8,5,3,.62);border:1px solid rgba(255,190,120,.22);backdrop-filter:blur(6px);}
.wolf-stage:hover .scope-tag{opacity:0;}
.scope-read{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);}
.scope-read i{width:8px;height:8px;border-radius:999px;background:#37d67a;box-shadow:0 0 10px rgba(55,214,122,.8);flex:none;}
.scope-read .lbl{color:var(--muted-2);}
.scope-read b{color:var(--accent-2);font-weight:700;}
.scope-read .who{color:var(--muted);text-transform:none;letter-spacing:0;font-size:.68rem;}
.scope-read.flash i{animation:dotpulse .7s ease;}
.scope-read.flash b{animation:chipflash .7s ease;}
@keyframes dotpulse{0%{box-shadow:0 0 0 0 rgba(55,214,122,.7);}100%{box-shadow:0 0 0 11px rgba(55,214,122,0);}}
@keyframes chipflash{0%,30%{color:#fff;}100%{color:var(--accent-2);}}
/* live sonar pings fired by real buys (see hero.js) — ripple out around the wolf */
.ping{position:absolute;left:50%;top:50%;width:14%;aspect-ratio:1;margin:-7% 0 0 -7%;border-radius:50%;
  border:1.5px solid rgba(255,159,67,.7);pointer-events:none;z-index:1;
  animation:ping 1.6s cubic-bezier(.2,.6,.2,1) forwards;}
@keyframes ping{0%{opacity:.75;transform:scale(.22);}100%{opacity:0;transform:scale(var(--pmax,6));}}
@media(prefers-reduced-motion:reduce){.ping{display:none;}}
.hero-hint{position:absolute;left:50%;bottom:1.4rem;transform:translateX(-50%);z-index:2;font-family:var(--mono);font-size:.64rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted-2);display:flex;flex-direction:column;align-items:center;gap:.4rem;pointer-events:none;}
.hero-hint span{width:1px;height:26px;background:linear-gradient(var(--accent),transparent);animation:hint 1.8s ease-in-out infinite;}
@keyframes hint{0%,100%{opacity:.3;transform:scaleY(.6);}50%{opacity:1;transform:scaleY(1);}}
@media(max-width:980px){.hero-inner{grid-template-columns:1fr;gap:2rem;padding-top:6rem;}.hero-scope{order:2;}.wolf-stage{width:min(86vw,460px,60svh);}.hero-hint{display:none;}}

/* ============================ BOARD / CONSOLE ============================ */
.board{max-width:var(--maxw);margin:0 auto;padding:clamp(3rem,7vw,6rem) var(--gut);}
.board-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.conn{display:flex;align-items:center;gap:1.1rem;font-size:.74rem;color:var(--muted);flex-wrap:wrap;}
.conn-dot{display:inline-flex;align-items:center;gap:.45rem;letter-spacing:.03em;}
.conn-dot i{width:8px;height:8px;border-radius:999px;background:var(--muted-2);transition:background .3s,box-shadow .3s;}
.conn-dot.live i{background:#37d67a;box-shadow:0 0 10px rgba(55,214,122,.7);}
.conn-dot.warn i{background:#ffb020;box-shadow:0 0 10px rgba(255,176,32,.6);}
.conn-dot.err i{background:var(--rh);box-shadow:0 0 10px rgba(138,123,255,.7);}
.conn-price{font-family:var(--mono);color:var(--muted);}
.filters{display:flex;flex-wrap:wrap;gap:1.4rem 2rem;margin:2rem 0;padding:1.4rem 1.5rem;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);}
.f-group{display:flex;flex-direction:column;gap:.55rem;}
.f-group>label{font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-2);}
.f-search{flex:1 1 220px;}
.range-inputs{display:flex;align-items:center;gap:.5rem;}
.range-inputs span{color:var(--muted-2);}
.filters input{color:var(--text);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(0,0,0,.15)),var(--bg-2);border:1px solid var(--line);box-shadow:inset 0 1px 2px rgba(0,0,0,.4);font-family:var(--mono);font-size:.82rem;padding:.55rem .7rem;border-radius:9px;width:100%;min-width:0;outline:none;transition:border-color .15s,box-shadow .2s;}
.range-inputs input{width:92px;}
.filters input:focus{border-color:var(--accent);box-shadow:inset 0 1px 2px rgba(0,0,0,.4),0 0 0 3px rgba(255,159,67,.18);}
.filters input::placeholder{color:var(--muted-2);}
.filters input[type=number]{-moz-appearance:textfield;appearance:textfield;}
.filters input[type=number]::-webkit-outer-spin-button,.filters input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
.presets{display:flex;gap:.4rem;}
.presets button,.seg button{font-family:var(--font);font-size:.72rem;font-weight:600;letter-spacing:.03em;color:var(--muted);background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015));border:1px solid var(--line);box-shadow:inset 0 1px 0 rgba(255,255,255,.05);padding:.52rem .78rem;border-radius:9px;cursor:pointer;transition:transform .12s,color .15s,border-color .15s,background .15s;}
.presets button:hover,.seg button:hover{color:var(--text);border-color:var(--line-2);transform:translateY(-1px);}
.seg{display:inline-flex;gap:.3rem;}
.seg button.on{color:#fff;border-color:transparent;background:linear-gradient(180deg,#ffc27a 0%,#ff9f43 50%,#c9641c 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 4px 16px -6px var(--accent-glow);}
.toggles{display:flex;flex-direction:column;gap:.5rem;}
.chk{display:inline-flex;align-items:center;gap:.55rem;font-size:.78rem;color:var(--muted);cursor:pointer;transition:color .15s;}
.chk:hover{color:var(--text);}
.chk input{appearance:none;-webkit-appearance:none;flex:none;position:relative;cursor:pointer;width:18px;height:18px;min-width:18px;margin:0;border-radius:6px;border:1px solid var(--line-2);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.015));transition:border-color .15s,background .15s;}
.chk input:checked{border-color:transparent;background:linear-gradient(180deg,#ffc27a,#c9641c);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 3px 12px -4px var(--accent-glow);}
.chk input:checked::after{content:"";position:absolute;left:5px;top:1px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);}

.board-grid{display:grid;grid-template-columns:1fr 340px;gap:1.5rem;align-items:start;}
@media(max-width:1040px){.board-grid{grid-template-columns:1fr;}}
.feed-wrap{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;position:relative;min-height:420px;}
.feed-head,.row{display:grid;grid-template-columns:74px minmax(150px,1.4fr) 96px 1fr 128px 96px;align-items:center;gap:.8rem;padding:.7rem 1.2rem;}
.feed-head{font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2);border-bottom:1px solid var(--line);background:var(--panel-2);}
.feed{list-style:none;margin:0;padding:0;max-height:620px;overflow-y:auto;}
.row{font-family:var(--mono);font-size:.8rem;border-bottom:1px solid rgba(255,255,255,.04);cursor:pointer;transition:background .15s;animation:rowin .32s ease both;}
@keyframes rowin{from{opacity:0;transform:translateY(-6px);}to{opacity:1;transform:none;}}
@media(prefers-reduced-motion:reduce){.row{animation:none;}}
.row:hover{background:rgba(255,255,255,.03);}
.row.big{background:linear-gradient(90deg,rgba(255,159,67,.16),transparent 60%);}
.c-time{color:var(--muted);}
.c-token{display:flex;align-items:center;gap:.6rem;min-width:0;}
.tok-img{width:26px;height:26px;border-radius:999px;flex:none;object-fit:cover;background:var(--panel-2);display:grid;place-items:center;font-family:var(--font);font-size:.7rem;color:var(--muted);border:1px solid var(--line);overflow:hidden;}
img.tok-img{box-shadow:0 0 0 1px rgba(255,255,255,.06) inset;}
.tok-av{color:#fff;font-weight:700;font-size:.58rem;letter-spacing:.03em;text-shadow:0 1px 2px rgba(0,0,0,.55);border:0;}
.av-0{background:linear-gradient(135deg,#ffc27a,#1a4a9c);}
.av-1{background:linear-gradient(135deg,#16d6c4,#146b66);}
.av-2{background:linear-gradient(135deg,#8a7bff,#3b2c9c);}
.av-3{background:linear-gradient(135deg,#42c7ff,#155e8c);}
.av-4{background:linear-gradient(135deg,#6ce0b0,#1e6b4a);}
.av-5{background:linear-gradient(135deg,#b58bff,#5a2aa3);}
.av-6{background:linear-gradient(135deg,#4f7bff,#22308c);}
.av-7{background:linear-gradient(135deg,#37c6e0,#12566b);}
.av-8{background:linear-gradient(135deg,#7ad0ff,#1f5c9c);}
.av-9{background:linear-gradient(135deg,#9d8bff,#3a2a8c);}
.av-10{background:linear-gradient(135deg,#8fd3ff,#2f6aa3);}
.av-11{background:linear-gradient(135deg,#39e0c8,#127a66);}
.row sub,.row-detail sub{font-size:.68em;line-height:0;vertical-align:-.22em;opacity:.9;}
.tok-meta{min-width:0;}
.tok-sym{font-family:var(--font);font-weight:600;font-size:.84rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tok-chain{display:flex;align-items:center;gap:.35rem;font-size:.62rem;color:var(--muted-2);letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;}
.tok-chain i{flex:none;width:6px;height:6px;border-radius:999px;}
.tok-chain.solana i{background:var(--sol);}
.tok-chain.robinhood i{background:var(--rh);}
.c-usd{font-weight:700;font-size:.86rem;}
.row[data-side=buy] .c-usd{color:var(--good);}
.row[data-side=sell] .c-usd{color:var(--sell);}
.c-amt{color:var(--text);}
.c-buyer{color:var(--sol);}
.c-price{color:var(--muted);text-align:right;}
.side-tag{font-family:var(--font);font-size:.58rem;letter-spacing:.08em;padding:.12em .5em;border-radius:4px;margin-left:.5rem;vertical-align:middle;}
.side-tag.buy{background:rgba(255,159,67,.18);color:var(--good);}
.side-tag.sell{background:rgba(107,107,116,.2);color:var(--sell);}
.row-detail{grid-column:1/-1;margin:.6rem -1.2rem -.7rem;padding:.9rem 1.2rem;background:var(--bg-2);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.8rem 1.4rem;font-size:.74rem;}
.row-detail div span{display:block;color:var(--muted-2);font-size:.64rem;letter-spacing:.08em;text-transform:uppercase;}
.row-detail div b{font-weight:500;color:var(--text);word-break:break-all;}
.row-detail a{color:var(--accent);}
.feed-empty{position:absolute;inset:0;display:grid;place-content:center;text-align:center;gap:.4rem;padding:2rem;color:var(--muted);pointer-events:none;}
.feed-empty.hidden{display:none;}
.feed-empty p{margin:.4rem 0 0;font-size:1rem;color:var(--text);}
.feed-empty small{color:var(--muted-2);max-width:34ch;}
.pulseline{display:flex;gap:.4rem;justify-content:center;}
.pulseline i{width:5px;height:22px;background:var(--accent);border-radius:3px;animation:pl 1s ease-in-out infinite;}
.pulseline i:nth-child(2){animation-delay:.15s;}.pulseline i:nth-child(3){animation-delay:.3s;}
@keyframes pl{0%,100%{transform:scaleY(.4);opacity:.4;}50%{transform:scaleY(1);opacity:1;}}

/* side panels */
.side{display:flex;flex-direction:column;gap:1.5rem;}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1.3rem;}
.panel-title{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:1rem;}
.pulse-panel canvas{width:100%;height:auto;display:block;}
.pulse-legend{display:flex;gap:1.2rem;margin-top:.8rem;font-size:.72rem;color:var(--muted);}
.pulse-legend i{display:inline-block;width:8px;height:8px;border-radius:999px;margin-right:.4rem;}
.pulse-legend .sol{background:var(--sol);}.pulse-legend .rh{background:var(--rh);}
.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border-radius:10px;overflow:hidden;}
.stat-grid>div{background:var(--panel);padding:.9rem 1rem;display:flex;flex-direction:column;gap:.2rem;}
.stat-grid b{font-size:1.5rem;font-weight:700;line-height:1;}
.stat-grid span{font-size:.68rem;color:var(--muted);letter-spacing:.04em;}
.top-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.2rem;}
.top-item{display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:.7rem;padding:.55rem .3rem;border-bottom:1px solid rgba(255,255,255,.04);}
.top-item:last-child{border-bottom:0;}
.top-rank{font-family:var(--mono);font-size:.72rem;color:var(--muted-2);}
.top-name{display:flex;align-items:center;gap:.5rem;min-width:0;}
.top-name>span:last-child{display:flex;flex-direction:column;min-width:0;line-height:1.2;}
.top-name .tok-img{width:22px;height:22px;}
.top-sym{font-weight:600;font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.top-sub{font-size:.62rem;color:var(--muted-2);}
.top-usd{font-family:var(--mono);font-size:.8rem;font-weight:700;color:var(--good);text-align:right;}
.panel-empty{font-size:.76rem;color:var(--muted-2);line-height:1.5;}
.panel-empty.hidden{display:none;}

/* ---------- big wallets ---------- */
.panel-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:1rem;flex-wrap:wrap;}
.panel-head .panel-title{margin-bottom:0;}
.seg-sm{gap:.25rem;}
.seg-sm button{font-size:.64rem;letter-spacing:.02em;padding:.34rem .55rem;border-radius:7px;}
.wallet-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.2rem;}
.wallet-item{display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:.7rem;padding:.55rem .45rem;border-bottom:1px solid rgba(255,255,255,.04);border-radius:9px;cursor:pointer;transition:background .15s,box-shadow .15s;outline:none;}
.wallet-item:last-child{border-bottom:0;}
.wallet-item:hover{background:rgba(255,255,255,.035);}
.wallet-item:focus-visible{box-shadow:0 0 0 2px var(--accent);}
.wallet-item.following{background:linear-gradient(90deg,rgba(255,159,67,.16),transparent 70%);box-shadow:inset 2px 0 0 var(--accent);}
.w-rank{font-family:var(--mono);font-size:.72rem;color:var(--muted-2);}
.w-id{display:flex;flex-direction:column;min-width:0;line-height:1.25;}
.w-addr{font-family:var(--mono);font-weight:600;font-size:.82rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.w-sub{display:flex;align-items:center;gap:.4rem;font-size:.62rem;color:var(--muted-2);}
.w-chain{flex:none;width:6px;height:6px;border-radius:999px;}
.w-chain.solana{background:var(--sol);}
.w-chain.robinhood{background:var(--rh);}
.w-val{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--mono);font-size:.8rem;font-weight:700;color:var(--good);text-align:right;white-space:nowrap;}
.w-ext{flex:none;display:grid;place-items:center;width:1.4em;height:1.4em;border-radius:6px;font-size:.72rem;color:var(--muted-2);background:rgba(255,255,255,.04);border:1px solid var(--line);transition:color .15s,border-color .15s,background .15s;}
.w-ext:hover{color:#fff;border-color:var(--accent);background:rgba(255,159,67,.18);}
.wallet-clear{margin-top:.9rem;width:100%;font-family:var(--font);font-size:.72rem;font-weight:600;letter-spacing:.03em;color:var(--accent-2);cursor:pointer;padding:.55rem .7rem;border-radius:9px;border:1px solid rgba(255,159,67,.35);background:rgba(255,159,67,.1);transition:background .15s,border-color .15s;}
.wallet-clear:hover{background:rgba(255,159,67,.2);border-color:var(--accent);}
.wallet-clear b{font-family:var(--mono);color:#fff;}
.wallet-clear.hidden{display:none;}

/* ============================ HOW ============================ */
.how{max-width:var(--maxw);margin:0 auto;padding:clamp(3rem,7vw,6rem) var(--gut);border-top:1px solid var(--line);}
.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2.5rem;}
.how article{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1.8rem;}
.how h3{font-size:1.15rem;margin:1.1rem 0 .7rem;}
.how p{color:var(--muted);font-size:.9rem;font-weight:300;margin:0;line-height:1.6;}
.how-dot{display:inline-block;width:12px;height:12px;border-radius:999px;}
.how-dot.rh{background:var(--rh);box-shadow:0 0 14px rgba(138,123,255,.6);}
.how-dot.sol{background:var(--sol);box-shadow:0 0 14px rgba(22,214,196,.6);}
.how-dot.gk{background:var(--accent);box-shadow:0 0 14px var(--accent-glow);}
@media(max-width:820px){.how-grid{grid-template-columns:1fr;}}

/* ============================ CTA / FOOTER ============================ */
.cta{position:relative;border-top:1px solid var(--line);overflow:hidden;}
.cta-glow{position:absolute;z-index:0;pointer-events:none;left:20%;bottom:-40%;width:70vw;height:80vh;background:radial-gradient(closest-side,rgba(255,159,67,.2),transparent 70%);}
.cta-inner{position:relative;z-index:1;max-width:var(--maxw);margin:0 auto;padding:clamp(4rem,9vw,8rem) var(--gut) clamp(3rem,6vw,5rem);}
.cta-title{font-size:clamp(2.6rem,8vw,6rem);text-transform:uppercase;line-height:.95;}
.cta-note{color:var(--muted);font-weight:300;max-width:52ch;margin:1.4rem 0 2rem;line-height:1.7;}
.footer{position:relative;z-index:1;max-width:var(--maxw);margin:0 auto;padding:2.5rem var(--gut) 3rem;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:2rem;flex-wrap:wrap;}
.foot-brand .brand-name{font-size:1.4rem;}
.foot-logo{display:inline-flex;align-items:center;gap:.6rem;}
.foot-brand p{color:var(--muted);font-size:.85rem;margin:.5rem 0 0;}
.foot-cols{display:flex;gap:3.5rem;}
.foot-cols h4{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-2);margin-bottom:.9rem;font-weight:600;}
.foot-cols a{display:block;color:var(--muted);font-size:.84rem;padding:.28rem 0;transition:color .15s;}
.foot-cols a:hover{color:var(--text);}

/* ---------- narrow feed ---------- */
@media(max-width:640px){
  .feed-head,.row{grid-template-columns:60px 1fr 88px;gap:.6rem;padding:.7rem .9rem;}
  .c-amt,.c-buyer,.c-price{display:none;}
}

/* ---------- update bar ---------- */
.update-bar{position:fixed;left:50%;bottom:max(18px,env(safe-area-inset-bottom));z-index:60;transform:translateX(-50%);display:flex;align-items:center;gap:.9rem;max-width:calc(100vw - 32px);padding:.55rem .6rem .55rem 1.1rem;border-radius:999px;background:rgba(10,14,26,.92);backdrop-filter:blur(12px);border:1px solid var(--line-2);box-shadow:0 12px 40px rgba(0,0,0,.5);font-size:.82rem;color:var(--text);}
.update-go{font:700 .74rem/1 var(--font);letter-spacing:.06em;text-transform:uppercase;color:#fff;cursor:pointer;padding:.6em 1.1em;border:0;border-radius:999px;background:linear-gradient(180deg,#ffc27a,#c9641c);}
.update-x{background:none;border:0;color:var(--muted);font-size:1.1rem;cursor:pointer;padding:.2rem .4rem;}

/* ============================ WOLF INTELLIGENCE ============================ */
/* dock next to the wolf */
.tools{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;width:min(40vw,520px);margin-top:.2rem;}
.tool{position:relative;display:flex;align-items:center;gap:.7rem;text-align:left;padding:.62rem .8rem;border-radius:12px;cursor:pointer;color:var(--text);font-family:var(--font);
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.015));border:1px solid var(--line-2);box-shadow:inset 0 1px 0 rgba(255,255,255,.05);transition:border-color .2s,transform .15s,box-shadow .2s;}
.tool:hover{border-color:var(--accent);transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 22px -8px var(--accent-glow);}
.tool:active{transform:translateY(1px);}
.tool:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--accent-2);}
.tool>i{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:rgba(255,159,67,.14);color:var(--accent-2);font-style:normal;font-size:1rem;}
.tool b{display:block;font-size:.82rem;font-weight:600;letter-spacing:.02em;line-height:1.2;}
.tool small{display:block;font-size:.64rem;color:var(--muted);line-height:1.3;}
.tool .live{position:absolute;top:.42rem;right:.6rem;font-family:var(--mono);font-style:normal;font-size:.6rem;color:#37d67a;white-space:nowrap;opacity:0;transition:opacity .3s;}
.tool .live.on{opacity:1;}
.tool .live.on::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#37d67a;margin-right:.35em;box-shadow:0 0 8px rgba(55,214,122,.8);}
/* section + tabs */
.intel{max-width:var(--maxw);margin:0 auto;padding:clamp(3rem,6vw,5rem) var(--gut) 0;scroll-margin-top:70px;}
.intel-head{display:flex;align-items:end;justify-content:space-between;gap:1.2rem;flex-wrap:wrap;margin-bottom:1.4rem;}
.intel-sub{color:var(--muted);font-size:.86rem;max-width:60ch;margin:.6rem 0 0;font-weight:300;line-height:1.6;}
.tabs{display:inline-flex;gap:.3rem;padding:.3rem;border-radius:12px;background:var(--panel);border:1px solid var(--line);max-width:100%;overflow-x:auto;}
.tabs button{font-family:var(--font);font-weight:600;font-size:.76rem;letter-spacing:.03em;color:var(--muted);background:none;border:0;padding:.55rem .95rem;border-radius:9px;cursor:pointer;white-space:nowrap;transition:color .15s,background .15s;}
.tabs button:hover{color:var(--text);}
.tabs button.on{color:#1a0e04;background:linear-gradient(180deg,#ffc27a,#ff9f43);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 4px 16px -6px var(--accent-glow);}
.tabs button:focus-visible{outline:none;box-shadow:0 0 0 2px var(--accent-2);}
.ipanel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1.3rem;display:none;min-height:230px;}
.ipanel.on{display:block;animation:rowin .3s ease both;}
.intel-empty{display:grid;place-content:center;text-align:center;gap:.4rem;padding:2.4rem 1rem;color:var(--muted);}
.intel-empty.hidden{display:none;}
.intel-empty p{margin:.4rem 0 0;font-size:1rem;color:var(--text);}
.intel-empty small{color:var(--muted-2);max-width:44ch;}
.src{font-family:var(--mono);font-size:.58rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-2);padding:.22em .6em;border:1px solid var(--line);border-radius:999px;margin-left:.6rem;white-space:nowrap;}
.src.ai{color:#1a0e04;background:linear-gradient(180deg,#ffc27a,#ff9f43);border-color:transparent;}
/* packs */
.pack{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;padding:1rem;border:1px solid var(--line);border-radius:12px;margin-bottom:.7rem;background:linear-gradient(90deg,rgba(255,159,67,.10),transparent 55%);animation:rowin .32s ease both;}
.pack:last-child{margin-bottom:0;}
.pack.lo{background:linear-gradient(90deg,rgba(255,255,255,.03),transparent 55%);}
.pack-n{font-size:1.7rem;font-weight:700;line-height:1;color:var(--accent-2);text-align:center;min-width:54px;}
.pack-n small{display:block;font-size:.54rem;letter-spacing:.14em;color:var(--muted);font-weight:500;margin-top:.3rem;}
.pack-body{min-width:0;}
.pack h4{display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:500;margin-bottom:.4rem;line-height:1.3;}
.pack h4 b{color:var(--accent-2);font-weight:700;}
.pack h4 .tok-img{width:22px;height:22px;}
.pack h4 em{margin-left:auto;font-style:normal;font-family:var(--mono);font-size:.6rem;color:var(--muted-2);white-space:nowrap;}
.pack p{margin:0;font-size:.78rem;color:var(--muted);line-height:1.5;}
.chips{display:flex;gap:.35rem;flex-wrap:wrap;margin-top:.6rem;align-items:center;}
.chip{font-family:var(--mono);font-size:.66rem;color:var(--sol);padding:.28em .65em;border-radius:6px;background:rgba(22,214,196,.08);border:1px solid transparent;cursor:pointer;transition:border-color .15s,background .15s;}
button.chip:hover{border-color:var(--sol);background:rgba(22,214,196,.14);}
.chip.tok{color:var(--accent-2);background:rgba(255,159,67,.10);}
button.chip.tok:hover{border-color:var(--accent);}
.chip.more{cursor:default;color:var(--muted);background:rgba(255,255,255,.04);}
.chip.follow{color:var(--text);background:rgba(255,255,255,.06);}
.chip em{font-style:normal;color:var(--muted);margin-left:.3em;}
.ptag{font-family:var(--mono);font-size:.62rem;color:#1a0e04;background:var(--accent-2);padding:.22em .6em;border-radius:6px;}
.ptag.dim{color:var(--muted);background:rgba(255,255,255,.05);}
.prob{display:flex;flex-direction:column;align-items:flex-end;gap:.3rem;font-family:var(--mono);text-align:right;}
.prob b{font-size:1.35rem;line-height:1;}
.prob>span:not(.src){font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2);}
.prob .src{margin-left:0;}
.pack.hi .prob b{color:#37d67a;}.pack.mid .prob b{color:#ffb020;}.pack.lo .prob b{color:var(--muted);}
.scan{font-family:var(--font);font-size:.66rem;font-weight:600;letter-spacing:.03em;color:#1a0e04;background:linear-gradient(180deg,#ffc27a,#ff9f43);border:0;border-radius:7px;padding:.4rem .7rem;cursor:pointer;transition:filter .15s,transform .12s;}
.scan:hover{filter:brightness(1.08);}.scan:active{transform:translateY(1px);}
.scan.ghost{color:var(--muted);background:none;border:1px solid var(--line);}
.scan.ghost:hover{color:var(--text);border-color:var(--line-2);filter:none;}
/* picks */
.picks{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;margin-bottom:1.1rem;padding-bottom:1rem;border-bottom:1px solid var(--line);}
.pick-lbl{font-family:var(--mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2);}
/* cards: DNA + sniff + report */
.two{display:grid;grid-template-columns:1.15fr .85fr;gap:1rem;}
.card{border:1px solid var(--line);border-radius:12px;padding:1.15rem;background:var(--bg-2);min-width:0;}
.card h4{display:flex;align-items:center;flex-wrap:wrap;gap:.2rem;font-size:.68rem;letter-spacing:.16em;color:var(--muted);margin-bottom:.9rem;font-weight:600;}
.card h4 a{color:var(--accent-2);font-family:var(--mono);letter-spacing:.04em;margin-left:.35rem;}
.verdict-type{display:flex;align-items:baseline;gap:.7rem;flex-wrap:wrap;}
.verdict-type b{font-size:1.7rem;font-weight:700;color:var(--accent-2);line-height:1;}
.conf{font-family:var(--mono);font-size:.64rem;color:var(--muted-2);}
.vline{margin:.5rem 0 0;font-size:.8rem;color:var(--muted);line-height:1.55;font-weight:300;}
.copy{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.7rem;margin:1rem 0;font-family:var(--mono);font-size:.68rem;color:var(--muted);}
.copy u,.gauge u{display:block;height:8px;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden;text-decoration:none;}
.copy u i,.gauge u i{display:block;height:100%;border-radius:999px;background:var(--accent);transition:width .6s cubic-bezier(.2,.7,.2,1);}
.copy b{font-family:var(--font);font-size:.76rem;}
.copy.ok b{color:#37d67a;}.copy.ok u i{background:#37d67a;}
.copy.mid b{color:#ffb020;}.copy.mid u i{background:#ffb020;}
.copy.bad b{color:#ff6b6b;}.copy.bad u i{background:#ff6b6b;}
.facts{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line);border-radius:10px;overflow:hidden;}
.facts.wide{grid-template-columns:repeat(auto-fit,minmax(86px,1fr));}
.facts>div{background:var(--bg-2);padding:.6rem .5rem;display:flex;flex-direction:column;gap:.15rem;min-width:0;}
.facts b{font-size:.95rem;font-weight:700;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.facts span{font-size:.58rem;color:var(--muted-2);letter-spacing:.06em;text-transform:uppercase;}
.radar-card{display:grid;place-items:center;}
.radar{width:100%;max-width:330px;height:auto;overflow:visible;}
.radar .rg{fill:none;stroke:rgba(255,255,255,.09);stroke-width:1;}
.radar .rv{fill:rgba(255,159,67,.22);stroke:var(--accent);stroke-width:1.6;stroke-linejoin:round;filter:drop-shadow(0 0 8px rgba(255,159,67,.45));}
.radar .rl{fill:var(--muted);font-family:var(--mono);font-size:8.5px;}
.radar .rn{fill:var(--accent-2);font-weight:700;}
.risk-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.9rem;}
.risk-row .tok-img{width:38px;height:38px;font-size:.8rem;}
.risk-row b{font-size:2.1rem;font-weight:700;line-height:1;}
.risk-row b small{font-size:.7rem;color:var(--muted-2);font-weight:500;}
.gauge span{display:block;margin-top:.4rem;font-size:.74rem;font-weight:600;}
.risk-row.bad b,.risk-row.bad .gauge span{color:#ff6b6b;}.risk-row.bad .gauge u i{background:linear-gradient(90deg,#ffb020,#ff6b6b);}
.risk-row.mid b,.risk-row.mid .gauge span{color:#ffb020;}.risk-row.mid .gauge u i{background:#ffb020;}
.risk-row.ok b,.risk-row.ok .gauge span{color:#37d67a;}.risk-row.ok .gauge u i{background:#37d67a;}
.flags{list-style:none;margin:1rem 0 0;padding:0;font-size:.78rem;}
.flags li{display:flex;justify-content:space-between;gap:.8rem;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.04);color:var(--muted);}
.flags li:last-child{border-bottom:0;}
.flags li span::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:.6em;vertical-align:.05em;}
.flags li.bad span{color:var(--text);}.flags li.bad span::before{background:#ff6b6b;box-shadow:0 0 8px rgba(255,107,107,.6);}
.flags li.mid span::before{background:#ffb020;}.flags li.ok span::before{background:#37d67a;}
.flags li em{font-style:normal;font-family:var(--mono);font-size:.68rem;color:var(--muted-2);}
.report{margin:0;font-family:var(--mono);font-size:.8rem;line-height:1.75;white-space:pre-wrap;color:var(--text);border:1px dashed var(--line-2);border-radius:12px;padding:1.1rem;background:var(--bg-2);min-height:190px;}
.ipanel .hero-actions{margin-top:1.1rem;}
.ipanel .btn-shiny:disabled,.ipanel .btn:disabled{opacity:.45;cursor:not-allowed;}
/* intel buttons inside the feed, Top Bought and Big Wallets */
.intel-btn,.w-dna,.t-sniff{font-family:var(--font);font-size:.62rem;font-weight:600;letter-spacing:.04em;color:var(--accent-2);background:rgba(255,159,67,.10);border:1px solid rgba(255,159,67,.28);border-radius:6px;padding:.28em .6em;cursor:pointer;transition:background .15s,border-color .15s;}
.intel-btn:hover,.w-dna:hover,.t-sniff:hover{background:rgba(255,159,67,.22);border-color:var(--accent);}
.intel-btn+.intel-btn{margin-left:.4rem;}
.top-usd{display:inline-flex;align-items:center;gap:.45rem;}
@media(max-width:980px){.tools{width:min(86vw,460px);}}
@media(max-width:820px){.two{grid-template-columns:1fr;}.pack{grid-template-columns:auto 1fr;}.prob{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap;}.facts{grid-template-columns:repeat(3,1fr);}}
@media(max-width:480px){.tools{grid-template-columns:1fr;}}

.gauge .ptag{font-style:normal;margin-left:.5em;vertical-align:.08em;}

/* pack filters + whale watch */
.pfilters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1rem 1.6rem;margin-bottom:1.1rem;padding-bottom:1.1rem;border-bottom:1px solid var(--line);}
.pfilters .chk{min-height:30px;}
.pf-count{margin-left:auto;align-self:center;font-family:var(--mono);font-size:.64rem;letter-spacing:.06em;color:var(--muted-2);white-space:nowrap;}
.whale-n{display:block;margin-top:.45rem;font-family:var(--mono);font-size:.54rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#0b1220;background:linear-gradient(180deg,#8fe9ff,#38bdf8);border-radius:999px;padding:.22em .55em;white-space:nowrap;}
.chip.whale{color:#7dd3fc;background:rgba(56,189,248,.12);border-color:rgba(56,189,248,.35);}
.chip.whale::before{content:"\25C6";margin-right:.4em;font-size:.7em;}
button.chip.whale:hover{border-color:#38bdf8;background:rgba(56,189,248,.2);}
@media(max-width:820px){.pf-count{margin-left:0;width:100%;}}

/* ---------- lookup ---------- */
.lookup{margin-bottom:1.3rem;}
.lookup-lbl{display:block;font-size:1rem;font-weight:500;color:var(--text);margin-bottom:.7rem;letter-spacing:.005em;}
.lookup-row{display:flex;gap:.6rem;}
#lookupInput{flex:1;min-width:0;font-family:var(--mono);font-size:.9rem;color:var(--text);background:var(--bg-2);border:1px solid var(--line-2);border-radius:11px;padding:.85rem 1rem;outline:none;transition:border-color .18s,box-shadow .18s;}
#lookupInput::placeholder{color:var(--muted-2);font-family:var(--font);}
#lookupInput:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(255,159,67,.16);}
.lookup-go{flex:none;font-family:var(--font);font-weight:600;font-size:.85rem;letter-spacing:.01em;color:#1a0e04;background:linear-gradient(180deg,#ffc27a,#ff9f43);border:0;border-radius:11px;padding:0 1.5rem;cursor:pointer;transition:filter .15s,transform .12s;}
.lookup-go:hover{filter:brightness(1.06);}.lookup-go:active{transform:translateY(1px);}
.lookup .picks{margin:1rem 0 0;padding:0;border:0;}
.lk-empty{padding:2.4rem 1rem;text-align:center;color:var(--muted);}
.lk-empty p{margin:0;font-size:1.02rem;color:var(--text);}
.lk-empty small{display:block;max-width:52ch;margin:.7rem auto 0;color:var(--muted-2);line-height:1.6;font-size:.82rem;}
.lk-head{display:flex;align-items:center;gap:.9rem;padding-bottom:1.1rem;border-bottom:1px solid var(--line);}
.lk-face .tok-img{width:44px;height:44px;font-size:.9rem;}
.lk-title{min-width:0;flex:1;}
.lk-title h3{font-size:1.5rem;font-weight:600;line-height:1.1;letter-spacing:-.01em;}
.lk-title .lk-sub{font-size:.9rem;font-weight:400;color:var(--muted);letter-spacing:0;}
.lk-tag,.lk-title .lk-tag{display:inline-block;font-size:.62rem;font-weight:600;color:#0b1220;background:linear-gradient(180deg,#8fe9ff,#38bdf8);border-radius:999px;padding:.15em .6em;vertical-align:.18em;letter-spacing:.02em;}
.lk-addr{display:inline-block;margin-top:.25rem;font-family:var(--mono);font-size:.74rem;color:var(--accent-2);}
.lk-head .scan{flex:none;align-self:center;}
.lk-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line);border-radius:11px;overflow:hidden;margin:1.1rem 0 .3rem;}
.lk-stats>div{background:var(--panel);padding:.8rem .7rem;display:flex;flex-direction:column;gap:.2rem;min-width:0;}
.lk-stats b{font-size:1.15rem;font-weight:600;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.lk-stats span{font-size:.68rem;color:var(--muted-2);}
.lk-cap{margin:1.2rem 0 .5rem;font-size:.82rem;color:var(--muted);}
.lk-list{list-style:none;margin:0;padding:0;position:relative;}
.lk-list::before{content:"";position:absolute;left:9px;top:12px;bottom:12px;width:1px;background:linear-gradient(180deg,transparent,var(--line-2) 8%,var(--line-2) 92%,transparent);}
.lk-row{display:grid;grid-template-columns:20px 92px 1fr auto auto;align-items:center;gap:.9rem;padding:.62rem .2rem;position:relative;border-bottom:1px solid rgba(255,255,255,.035);}
.lk-row:last-child{border-bottom:0;}
.lk-rank{font-family:var(--mono);font-size:.72rem;color:var(--muted-2);text-align:center;z-index:1;background:var(--panel);border-radius:50%;width:20px;height:20px;line-height:20px;}
.lk-row.whale .lk-rank{color:#38bdf8;}
.lk-time{display:flex;flex-direction:column;line-height:1.2;}
.lk-time b{font-family:var(--mono);font-size:.82rem;font-weight:500;color:var(--text);}
.lk-time em{font-style:normal;font-size:.64rem;color:var(--muted-2);}
.lk-wallet{display:inline-flex;align-items:center;gap:.4rem;justify-self:start;font-family:var(--mono);font-size:.82rem;color:var(--sol);background:none;border:0;padding:.2em .1em;cursor:pointer;border-bottom:1px dashed transparent;transition:border-color .15s,color .15s;}
.lk-wallet:hover{border-bottom-color:currentColor;}
.lk-wallet .wh{font-style:normal;color:#38bdf8;font-size:.7em;}
.lk-wallet.tok{color:var(--text);}
.lk-wallet.tok .tok-img{width:20px;height:20px;}
.lk-size{font-family:var(--mono);font-size:.82rem;font-weight:600;color:var(--good);text-align:right;white-space:nowrap;}
.lk-size em{font-style:normal;font-weight:400;font-size:.68rem;color:var(--muted-2);}
.lk-status,.lk-side{font-size:.68rem;font-weight:500;padding:.2em .6em;border-radius:6px;white-space:nowrap;text-align:center;}
.lk-status.in{color:#7fe0a8;background:rgba(55,214,122,.12);}
.lk-status.trim{color:#ffcc6a;background:rgba(255,176,32,.12);}
.lk-status.out{color:#9aa3b2;background:rgba(255,255,255,.05);}
.lk-side.buy{color:var(--good);background:rgba(255,159,67,.1);}
.lk-side.sell{color:#9aa3b2;background:rgba(255,255,255,.05);}
.lk-more{margin:.9rem 0 0;font-size:.74rem;color:var(--muted-2);text-align:center;}
.lk-list.moves{grid-template-columns:none;}
.lk-list.moves::before{display:none;}
.lk-list.moves .lk-row{grid-template-columns:92px 1fr auto auto;}
@media(max-width:640px){.lk-stats{grid-template-columns:repeat(3,1fr);}.lk-row{grid-template-columns:18px 74px 1fr auto;}.lk-status{display:none;}.lk-list.moves .lk-row{grid-template-columns:74px 1fr auto;}}

/* ============================================================
   REDESIGN 2026-09-20 — warm, editorial hero (overrides earlier hero rules)
   ============================================================ */
::selection{background:var(--accent);color:#241a0e;}
body{font-family:var(--font);}
.section-title{font-family:var(--display);font-weight:800;letter-spacing:-.02em;text-transform:none;}

/* ---- nav ---- */
.nav{gap:2rem;}
.nav.scrolled{background:rgba(12,9,6,.86);border-bottom-color:var(--line);}
.nav .brand-logo{width:42px;height:42px;display:block;filter:drop-shadow(0 2px 12px rgba(255,150,40,.4));}
.brand-name{font-family:var(--display);font-weight:800;font-size:1.2rem;letter-spacing:-.01em;}
.brand-name span{color:var(--accent);}
.nav-links{flex:1;justify-content:center;gap:2.1rem;margin:0;}
.nav-links a{font-family:var(--font);font-size:.88rem;font-weight:500;letter-spacing:0;color:var(--muted);}
.nav-links a:hover{color:var(--text);}
.nav-right{display:flex;align-items:center;gap:1rem;}
.nav-search{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:none;border:1px solid var(--line-2);color:var(--muted);cursor:pointer;transition:color .2s,border-color .2s,transform .15s;}
.nav-search svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;}
.nav-search:hover{color:var(--text);border-color:var(--accent);}
.nav-search:active{transform:scale(.94);}
.btn-app{display:inline-flex;align-items:center;gap:.5em;font-family:var(--display);font-weight:600;font-size:.86rem;color:#241a0e;background:linear-gradient(180deg,#e7d2af,#cda878);padding:.72em 1.35em;border-radius:999px;box-shadow:0 8px 22px -10px rgba(205,168,120,.8),inset 0 1px 0 rgba(255,255,255,.45);transition:transform .15s,filter .2s;}
.btn-app:hover{transform:translateY(-1px);filter:brightness(1.05);}
.btn-app span{font-family:var(--font);opacity:.7;}
.nav-search:focus-visible,.btn-app:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--accent-2);}
@media(max-width:900px){.nav-links{display:none;}.nav-right{margin-left:auto;}}

/* ---- hero shell ---- */
.hero::before{background:
  radial-gradient(58% 52% at 74% 42%,rgba(255,150,40,.16),transparent 70%),
  radial-gradient(42% 38% at 20% 26%,rgba(205,168,120,.06),transparent 70%),
  radial-gradient(90% 60% at 50% 116%,rgba(120,70,20,.32),transparent 72%),
  linear-gradient(180deg,#0d0a06 0%,#0b0805 56%,var(--bg) 100%);}
.hero-grid{position:relative;z-index:2;max-width:var(--maxw);margin:0 auto;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:clamp(1.5rem,4vw,3.4rem);padding:7.4rem var(--gut) .5rem;min-height:58svh;}
.hero-copy{position:relative;z-index:3;}

/* eyebrow */
.eyebrow{display:inline-flex;align-items:center;gap:.75rem;font-family:var(--font);font-weight:500;font-size:.74rem;letter-spacing:.24em;text-transform:uppercase;color:var(--accent-2);}
.eyebrow::before{content:"";width:34px;height:1px;background:linear-gradient(90deg,var(--accent),transparent);}
.hero .eyebrow{color:var(--accent-2);text-shadow:none;}
.hero .eyebrow::before{background:linear-gradient(90deg,var(--accent),transparent);}

/* headline */
.hero-title{display:flex;flex-direction:column;font-family:var(--display);font-weight:900;font-size:clamp(3rem,7.6vw,6rem);line-height:.9;letter-spacing:-.03em;text-transform:uppercase;margin:1.15rem 0 0;color:var(--text);text-shadow:none;}
.hero-title .hl{color:var(--accent);-webkit-text-stroke:0;text-shadow:none;}
.hero-sub{max-width:44ch;margin:1.6rem 0 0;font-family:var(--font);font-weight:400;font-size:clamp(1rem,1.25vw,1.12rem);line-height:1.62;color:var(--muted);text-shadow:none;}
.hero-sub b{color:var(--text);font-weight:600;}
.hero-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2.2rem;}
.btn-primary{display:inline-flex;align-items:center;gap:.55em;font-family:var(--display);font-weight:600;font-size:.96rem;color:#241a0e;background:linear-gradient(180deg,#ecd8b6,#cda878);padding:.95em 1.75em;border-radius:999px;box-shadow:0 12px 30px -12px rgba(205,168,120,.7),inset 0 1px 0 rgba(255,255,255,.45);transition:transform .15s,filter .2s;}
.btn-primary:hover{transform:translateY(-2px);filter:brightness(1.05);}
.btn-primary:active{transform:translateY(0);}
.btn-primary span{font-family:var(--font);opacity:.8;}
.btn-quiet{display:inline-flex;align-items:center;font-family:var(--display);font-weight:600;font-size:.96rem;color:var(--text);padding:.95em 1.6em;border-radius:999px;border:1px solid var(--line-2);transition:border-color .2s,background .2s;}
.btn-quiet:hover{border-color:var(--accent);background:rgba(205,168,120,.06);}
.btn-primary:focus-visible,.btn-quiet:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--accent-2);}

/* ---- hero visual ---- */
.hero-visual{position:relative;display:flex;align-items:center;justify-content:center;min-height:58svh;}
.wolf-stage{position:relative;width:min(42vw,520px);aspect-ratio:1136/1385;max-height:74svh;cursor:crosshair;}
.scribble{position:absolute;top:4%;right:1%;z-index:4;font-family:var(--script);font-weight:600;font-size:clamp(1.1rem,1.8vw,1.7rem);line-height:1.1;text-align:center;color:var(--accent-2);transform:rotate(-7deg);opacity:.88;pointer-events:none;}
.hero-meta{position:absolute;right:0;bottom:3%;z-index:4;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem;}
.hero-meta li{display:flex;align-items:center;gap:.65rem;font-family:var(--font);font-size:.72rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);}
.hero-meta .dot{width:8px;height:8px;border-radius:50%;flex:none;}
.hero-meta .dot.sol{background:var(--sol);}
.hero-meta .dot.rh{background:var(--rh);}
.hero-meta .dot.rt{background:var(--gold);box-shadow:0 0 9px rgba(255,176,46,.9);}
@media(max-width:1040px){.scribble,.hero-meta{display:none;}}

/* ---- tool dock (hover to expand) ---- */
.tool-dock{display:grid;grid-template-columns:repeat(4,1fr);gap:.9rem;max-width:var(--maxw);margin:1.4rem auto 0;padding:0 var(--gut);position:relative;z-index:2;align-items:start;}
.tool{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.85rem;text-align:left;padding:1rem 1.05rem;border-radius:16px;cursor:pointer;color:var(--text);font-family:var(--font);
  background:linear-gradient(180deg,rgba(255,247,235,.045),rgba(255,247,235,.012));border:1px solid var(--line);box-shadow:none;transition:border-color .25s,transform .2s,background .25s;}
.tool:hover{transform:translateY(-3px);border-color:rgba(205,168,120,.5);background:linear-gradient(180deg,rgba(205,168,120,.09),rgba(255,247,235,.01));}
.tool:active{transform:translateY(-1px);}
.tool-ic{width:46px;height:46px;object-fit:contain;flex:none;filter:drop-shadow(0 2px 10px rgba(255,150,40,.45));}
.tool-main{min-width:0;}
.tool-main b{display:block;font-family:var(--display);font-weight:700;font-size:.98rem;letter-spacing:-.01em;line-height:1.15;}
.tool-main small{display:block;font-size:.75rem;color:var(--muted);margin-top:.12rem;}
.tool-live{grid-column:3;justify-self:end;align-self:start;font-family:var(--mono);font-style:normal;font-size:.6rem;color:#7fe0a8;opacity:0;transition:opacity .3s;white-space:nowrap;}
.tool-live.on{opacity:1;}
.tool-live.on::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#7fe0a8;margin-right:.35em;box-shadow:0 0 8px rgba(127,224,168,.9);}
.tool-more{grid-column:1/-1;max-height:0;opacity:0;overflow:hidden;font-size:.8rem;line-height:1.5;color:var(--muted);transition:max-height .35s ease,opacity .3s,margin-top .35s;}
.tool:hover .tool-more,.tool:focus-visible .tool-more{max-height:140px;opacity:1;margin-top:.7rem;}
.tool:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(205,168,120,.28);}
@media(max-width:900px){.tool-dock{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.tool-dock{grid-template-columns:1fr;}}

/* ---- hero status bar ---- */
.hero-status{max-width:var(--maxw);margin:1.5rem auto 0;padding:1.4rem var(--gut) 0;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;position:relative;z-index:2;border-top:1px solid var(--line);}
.hero-status .scope-read{margin:0;}
.hs-tag{font-family:var(--font);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2);}
.hero-hint{display:none;}

/* ---- warm up the in-app CTAs so they match ---- */
.btn-shiny{background:linear-gradient(180deg,#ecd8b6 0%,#cda878 55%,#9a7749 100%);color:#241a0e;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 10px 30px -8px rgba(205,168,120,.5),0 3px 10px rgba(0,0,0,.4);}
.btn-shiny .btn-ico{background:rgba(0,0,0,.14);}
.btn-ghost:hover{border-color:var(--accent);color:var(--text);}

/* ---------- feed: pause-to-read bar + a touch larger, clearer coins ---------- */
.feed-pause{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;font-family:var(--font);font-size:.75rem;font-weight:500;letter-spacing:.01em;color:#241a0e;cursor:pointer;border:0;padding:.55rem 1rem;background:linear-gradient(180deg,#e7d2af,#cda878);position:relative;z-index:3;}
.feed-pause.hidden{display:none;}
.feed-pause i{width:8px;height:8px;border-radius:50%;background:#241a0e;flex:none;animation:pausepulse 1.2s ease-in-out infinite;}
.feed-pause b{font-weight:700;}
@keyframes pausepulse{0%,100%{opacity:.45;}50%{opacity:1;}}
@media(prefers-reduced-motion:reduce){.feed-pause i{animation:none;}}
.feed-head,.row{padding-top:.82rem;padding-bottom:.82rem;}
.row{font-size:.86rem;}
.tok-img{width:32px;height:32px;}
img.tok-img{box-shadow:0 0 0 1px rgba(255,255,255,.08) inset,0 2px 6px rgba(0,0,0,.35);}
.tok-sym{font-size:.92rem;}
.tok-chain{font-size:.64rem;}
.c-usd{font-size:.94rem;}
.c-amt,.c-buyer,.c-price{font-size:.82rem;}
.feed-head{font-size:.66rem;}
.top-name .tok-img,.wallet-item .tok-img{width:26px;height:26px;}

/* ---------- larger, comfier terminal (dashboard only — hero untouched) ---------- */
.board .conn{font-size:.82rem;}
.conn-price{font-size:.8rem;}
.f-group>label{font-size:.72rem;}
.filters input{font-size:.9rem;padding:.62rem .8rem;}
.range-inputs input{width:104px;}
.presets button,.seg button{font-size:.8rem;padding:.58rem .85rem;}
.chk{font-size:.85rem;}
.chk input{width:20px;height:20px;min-width:20px;}
.feed-head{font-size:.72rem;}
.row{font-size:.9rem;}
.tok-sym{font-size:1rem;}
.tok-chain{font-size:.68rem;}
.c-usd{font-size:1.02rem;}
.c-amt,.c-buyer,.c-price{font-size:.88rem;}
.c-time{font-size:.82rem;}
.feed .tok-img,.row .tok-img{width:34px;height:34px;}
.panel{padding:1.5rem;}
.panel-title{font-size:.78rem;}
.stat-grid b{font-size:1.75rem;}
.stat-grid span{font-size:.74rem;}
.top-item{padding:.66rem .3rem;}
.top-rank,.w-rank{font-size:.8rem;}
.top-sym{font-size:.92rem;}
.top-sub{font-size:.68rem;}
.top-usd{font-size:.9rem;}
.top-name .tok-img,.wallet-item .tok-img{width:28px;height:28px;}
.w-addr{font-size:.9rem;}
.w-sub{font-size:.68rem;}
.w-val{font-size:.9rem;}
.wallet-item{padding:.64rem .5rem;}
.pulse-legend{font-size:.78rem;}
.panel-empty{font-size:.82rem;}
/* intelligence panel a touch bigger too */
.intel-sub{font-size:.94rem;}
.tabs button{font-size:.82rem;padding:.6rem 1.05rem;}
.lookup-lbl{font-size:1.08rem;}
#lookupInput{font-size:.95rem;}
.lk-row{font-size:.9rem;}

/* ---------- terminal size, step 2 (bigger still; dashboard only) ---------- */
.board .conn{font-size:.9rem;}
.conn-price{font-size:.88rem;}
.section-title{font-size:clamp(1.7rem,3.8vw,2.7rem);}
.f-group>label{font-size:.78rem;}
.filters input{font-size:1rem;padding:.72rem .9rem;}
.presets button,.seg button{font-size:.88rem;padding:.66rem .95rem;}
.chk{font-size:.94rem;}
.chk input{width:22px;height:22px;min-width:22px;}
.feed-head{font-size:.78rem;}
.row{font-size:1rem;}
.c-time{font-size:.9rem;}
.tok-sym{font-size:1.1rem;}
.tok-chain{font-size:.74rem;}
.c-usd{font-size:1.14rem;}
.c-amt,.c-buyer,.c-price{font-size:.96rem;}
.feed .tok-img,.row .tok-img{width:38px;height:38px;}
.side-tag{font-size:.66rem;}
.panel-title{font-size:.84rem;}
.stat-grid b{font-size:2rem;}
.stat-grid span{font-size:.8rem;}
.top-sym{font-size:1rem;}
.top-sub{font-size:.74rem;}
.top-usd{font-size:1rem;}
.top-rank,.w-rank{font-size:.86rem;}
.top-name .tok-img,.wallet-item .tok-img{width:30px;height:30px;}
.w-addr{font-size:1rem;}
.w-sub{font-size:.74rem;}
.w-val{font-size:1rem;}
.pulse-legend{font-size:.84rem;}
.panel-empty{font-size:.88rem;}
.intel-sub{font-size:1.02rem;}
.tabs button{font-size:.9rem;padding:.66rem 1.15rem;}
.lookup-lbl{font-size:1.16rem;}
#lookupInput{font-size:1.02rem;}
.lk-row{font-size:1rem;}
.lk-stats b{font-size:1.3rem;}