/* DOGECAT /stats page. Builds on css/style.css tokens and nav. */
.stats-page{background:radial-gradient(ellipse at 50% -10%, rgba(255,47,176,.10), transparent 55%), var(--bg);min-height:100vh;}
.stats-wrap{max-width:1160px;margin:0 auto;padding:32px 20px 80px;}
.stats-section{margin-top:28px;scroll-margin-top:80px;}

/* ---------- header ---------- */
.stats-hero{position:relative;overflow:hidden;padding:44px 24px 40px;text-align:center;
  background:
    radial-gradient(ellipse at 18% 20%, rgba(160,111,255,.22), transparent 55%),
    radial-gradient(ellipse at 85% 80%, rgba(255,47,176,.16), transparent 55%),
    linear-gradient(180deg,#07080f,#0a0c16 70%,#05060a);
  border-bottom:1px solid var(--card-border);}
.stats-hero-inner{position:relative;z-index:2;max-width:1000px;margin:0 auto;}
.stats-eyebrow{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--pink2);font-size:20px;margin:0 0 6px;}
.stats-title-row{display:flex;align-items:center;justify-content:center;gap:18px;margin-bottom:12px;}
.stats-title{font-family:var(--font-mono);font-weight:400;font-size:clamp(46px,9vw,104px);line-height:1;margin:0;letter-spacing:.04em;
  background:linear-gradient(180deg,#fff6c9 0%,var(--gold) 55%,#ff9d2f 100%);-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(3px 3px 0 #b3007a) drop-shadow(0 0 22px rgba(255,47,176,.4));}
.stats-mascot{width:clamp(64px,9vw,104px);height:auto;filter:drop-shadow(0 8px 14px rgba(0,0,0,.55));animation:heroFloat 5s ease-in-out infinite;}
.stats-subline{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 16px;margin:0 0 18px;}
.stats-subline .stats-sub{margin:0;}
.stats-sub{font-family:var(--font-mono);letter-spacing:.14em;color:var(--pink2);max-width:600px;margin:0 auto 16px;font-size:clamp(20px,3vw,28px);line-height:1.2;text-shadow:0 0 12px rgba(255,110,199,.5);}
.trust-chips{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;}
.trust-chips li{font-size:12px;font-weight:700;color:#bfffe0;background:rgba(0,255,136,.1);border:1px solid rgba(0,255,136,.45);border-radius:999px;padding:5px 12px;}
.mood-chip{font-family:var(--font-comic);font-weight:700;font-size:14px;color:var(--gold);background:rgba(255,210,63,.1);border:1px dashed var(--gold);border-radius:999px;padding:3px 12px;}
.deco{position:absolute;z-index:1;pointer-events:none;opacity:.9;animation:capFloat 4s ease-in-out infinite;}
.deco-a{width:34px;top:22%;left:9%;}
.deco-b{width:54px;top:58%;left:5%;animation-delay:.8s;}
.deco-c{width:28px;top:18%;right:10%;animation-delay:1.4s;}
.deco-d{width:56px;top:60%;right:6%;animation-delay:.4s;}
@media (max-width:700px){.deco-b,.deco-d{display:none;}}

.stats-ticker{margin-bottom:0;}
.stats-status{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:18px;flex-wrap:wrap;}
.live-pill{font-family:var(--font-mono);font-size:16px;letter-spacing:.08em;color:var(--green);border:1px solid var(--green);border-radius:999px;padding:3px 14px;}
.live-pill.small{font-size:13px;padding:2px 10px;}
.live-pill.pending{color:var(--gold);border-color:var(--gold);}
.live-pill.offline{color:var(--red);border-color:var(--red);}
.live-pill:not(.pending):not(.offline){animation:pulseAlert 1.8s ease-in-out infinite;}
.stats-updated{font-family:var(--font-mono);color:var(--muted);font-size:16px;}

.stats-ca{display:inline-flex;background:rgba(17,20,31,.85);align-items:center;gap:10px;flex-wrap:wrap;justify-content:center;background:var(--card);border:1px solid var(--card-border);border-radius:12px;padding:10px 14px;max-width:100%;}
.stats-ca-label{font-family:var(--font-mono);color:var(--gold);letter-spacing:.14em;font-size:15px;}
.stats-ca-value{font-family:var(--font-mono);font-size:19px;word-break:break-all;}
.stats-ca-copy{background:var(--gold);color:#3a2900;border:none;border-radius:8px;font-family:var(--font-display);font-weight:700;font-size:12px;padding:7px 12px;}
.stats-ca-copy.copied{background:var(--green);color:#001a0d;}
.stats-links{display:flex;gap:10px 18px;justify-content:center;flex-wrap:wrap;margin-top:14px;}
.stats-links a{text-shadow:0 1px 6px rgba(0,0,0,.9);color:var(--pink2);text-decoration:none;font-size:14px;font-weight:500;}
.stats-links a:hover{text-decoration:underline;}

.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
@media (max-width:900px){.kpi-grid{grid-template-columns:repeat(2,1fr);}}
.kpi{background:var(--card);border:1px solid var(--card-border);border-radius:16px;padding:18px 18px 16px;display:flex;flex-direction:column;gap:4px;min-width:0;}
.kpi-label{font-family:var(--font-mono);color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:15px;}
.kpi-value{font-family:var(--font-mono);font-size:clamp(24px,3.2vw,34px);color:var(--ink);font-weight:400;overflow-wrap:anywhere;}
.kpi-sub{color:var(--muted);font-size:12px;min-height:16px;}
.kpi-value.up,.up{color:var(--green);}
.kpi-value.down,.down{color:var(--red);}

.panel{background:var(--card);border:1px solid var(--card-border);border-radius:20px;padding:24px;}
.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px;}
.panel-title{font-family:var(--font-display);font-size:20px;margin:0;}
.panel-note{color:var(--muted);font-size:12px;font-style:italic;margin:14px 0 0;line-height:1.5;}

.range-toggle{display:flex;gap:6px;}
.range-btn{background:#14161f;color:var(--muted);border:1px solid var(--card-border);border-radius:999px;font-family:var(--font-display);font-weight:700;font-size:13px;padding:6px 16px;}
.range-btn:hover{color:var(--ink);border-color:var(--pink2);}
.range-btn.active{background:linear-gradient(135deg,var(--pink),var(--pink2));color:#fff;border-color:transparent;}

.chart-box{position:relative;height:340px;}
@media (max-width:600px){.chart-box{height:260px;}}
#price-canvas{width:100%;height:100%;display:block;}
.chart-tip{position:absolute;pointer-events:none;background:rgba(5,6,10,.94);border:1px solid var(--card-border);border-radius:10px;padding:8px 10px;font-family:var(--font-mono);font-size:15px;line-height:1.3;white-space:nowrap;z-index:2;}
.chart-tip b{color:var(--gold);font-weight:400;}
.chart-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--muted);font-family:var(--font-mono);font-size:20px;}
.chart-stats{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:14px;}
@media (max-width:800px){.chart-stats{grid-template-columns:repeat(3,1fr);}}
.chart-stats div,.facts-grid div,.locks-summary div{display:flex;flex-direction:column;gap:2px;min-width:0;}
.chart-stats span,.facts-grid span,.locks-summary span{font-family:var(--font-mono);color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:14px;}
.chart-stats strong,.facts-grid strong,.locks-summary strong{font-family:var(--font-mono);font-weight:400;font-size:20px;overflow-wrap:anywhere;}

.table-scroll{overflow-x:auto;}
.stats-table{width:100%;border-collapse:collapse;font-size:14px;min-width:560px;}
.stats-table th{font-family:var(--font-mono);font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:14px;text-align:left;padding:8px 10px;border-bottom:1px solid var(--card-border);white-space:nowrap;}
.stats-table td{padding:10px;border-bottom:1px solid rgba(36,40,65,.6);white-space:nowrap;font-variant-numeric:tabular-nums;}
.stats-table tr:last-child td{border-bottom:none;}
.stats-table a{color:var(--pink2);text-decoration:none;}
.stats-table a:hover{text-decoration:underline;}
.col-bar{width:160px;}
.ratio-bar{display:flex;height:10px;border-radius:999px;overflow:hidden;background:#1a1d2c;min-width:120px;}
.ratio-bar i{display:block;height:100%;}
.ratio-bar .buy{background:var(--green);}
.ratio-bar .sell{background:var(--red);}
.tag{font-family:var(--font-mono);font-size:14px;letter-spacing:.06em;border-radius:999px;padding:1px 10px;border:1px solid;}
.tag.buy{color:var(--green);border-color:var(--green);}
.tag.sell{color:var(--red);border-color:var(--red);}

.supply-bar{display:flex;height:34px;border-radius:12px;overflow:hidden;background:#1a1d2c;margin-bottom:16px;}
.supply-bar i{display:block;height:100%;min-width:2px;transition:width .6s ease;}
.supply-legend{list-style:none;margin:0 0 4px;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:8px 24px;}
@media (max-width:700px){.supply-legend{grid-template-columns:1fr;}}
.supply-legend li{display:flex;align-items:center;gap:10px;font-size:14px;min-width:0;}
.supply-legend .sw{width:12px;height:12px;border-radius:50%;flex-shrink:0;}
.supply-legend .nm{flex:1;min-width:0;}
.supply-legend .am{font-family:var(--font-mono);font-size:17px;color:var(--ink);}
.supply-legend .pc{font-family:var(--font-mono);font-size:17px;color:var(--muted);width:60px;text-align:right;}
.facts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px;padding-top:20px;border-top:1px solid var(--card-border);}
@media (max-width:700px){.facts-grid{grid-template-columns:repeat(2,1fr);}}

.locks-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;}
@media (max-width:700px){.locks-summary{grid-template-columns:repeat(2,1fr);}}
.locks-summary strong{font-size:clamp(20px,3vw,28px);color:var(--green);}
.lock-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
@media (max-width:960px){.lock-grid{grid-template-columns:1fr;}}
.lock-card{background:#0e0f16;border:1px solid var(--card-border);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:12px;min-width:0;}
.lock-card-top{display:flex;flex-direction:column;align-items:flex-start;gap:8px;}
.lock-card-name{font-family:var(--font-display);font-weight:700;font-size:16px;}
.lock-status{font-family:var(--font-mono);font-size:13px;letter-spacing:.08em;color:var(--green);border:1px solid var(--green);border-radius:999px;padding:2px 10px;white-space:nowrap;}
.lock-status.unlocked{color:var(--red);border-color:var(--red);}
.lock-amount{font-family:var(--font-mono);font-size:clamp(26px,3vw,34px);color:var(--pink2);line-height:1;}
.lock-amount small{font-size:15px;color:var(--muted);margin-left:6px;}
.lock-meter{height:8px;border-radius:999px;background:#1a1d2c;overflow:hidden;}
.lock-meter i{display:block;height:100%;border-radius:999px;}
.lock-rows{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:13px;margin:0;}
.lock-rows dt{color:var(--muted);}
.lock-rows dd{margin:0;text-align:right;font-family:var(--font-mono);font-size:16px;overflow-wrap:anywhere;}
.lock-rows a{color:var(--pink2);text-decoration:none;}
.lock-rows a:hover{text-decoration:underline;}
.lock-verify{align-self:flex-start;margin-top:auto;font-size:13px;color:var(--gold);text-decoration:none;border:1px solid var(--gold);border-radius:8px;padding:6px 12px;font-weight:700;}
.lock-verify:hover{background:rgba(255,210,63,.1);}

.trade-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;}
@media (max-width:800px){.trade-summary{grid-template-columns:repeat(2,1fr);}}
.trade-summary div{background:#0e0f16;border:1px solid var(--card-border);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:2px;min-width:0;}
.trade-summary span{font-family:var(--font-mono);color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:14px;}
.trade-summary strong{font-family:var(--font-mono);font-weight:400;font-size:20px;}

.stats-foot{text-align:center;color:var(--muted);font-size:13px;margin-top:48px;}
.stats-foot a{color:var(--pink2);text-decoration:none;font-size:15px;}

.loading-cell{color:var(--muted);font-family:var(--font-mono);font-size:17px;text-align:center;padding:18px 0;margin:0;grid-column:1 / -1;}


/* ---------- fun layer ---------- */
.kpi{position:relative;overflow:hidden;transition:transform .15s ease,border-color .15s ease;}
.kpi:hover{transform:translateY(-3px);border-color:var(--pink2);}
.kpi-sticker{position:absolute;top:10px;right:10px;width:46px;height:46px;object-fit:contain;transform:rotate(8deg);transition:transform .2s ease;pointer-events:none;}
.kpi:hover .kpi-sticker{transform:rotate(-8deg) scale(1.18);}
.kpi-label{padding-right:48px;}

.panel{position:relative;}
.panel-titlebox{display:flex;align-items:center;gap:14px;min-width:0;}
.panel-sticker{width:62px;height:62px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 6px 10px rgba(0,0,0,.45));}
.panel-title{font-size:clamp(20px,2.6vw,26px);}
.panel-tag{margin:3px 0 0;color:var(--pink2);font-family:var(--font-comic);font-size:13px;}
.peek-cat{position:absolute;top:-52px;right:34px;width:96px;height:auto;pointer-events:none;z-index:1;}
@media (max-width:600px){.peek-cat{width:72px;top:-40px;right:16px;}.panel-sticker{width:48px;height:48px;}}

.lock-card{position:relative;}
.lock-card-id{display:flex;align-items:center;gap:10px;min-width:0;}
.lock-sticker{width:52px;height:52px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5));}
.lock-card .lock-rows{padding-right:0;}

.stats-foot{position:relative;padding-top:20px;}
.foot-cat{width:110px;margin:0 auto 6px;animation:heroFloat 4s ease-in-out infinite;}
.stats-foot p{max-width:620px;margin:8px auto;line-height:1.5;}

.supply-legend .lock-tag{color:var(--green);font-family:var(--font-mono);font-size:15px;letter-spacing:.04em;white-space:nowrap;}


/* glowing, pulsing "Supply Locked" tile */
.kpi-glow{border-color:rgba(0,255,136,.65);background:linear-gradient(160deg,rgba(0,255,136,.08),var(--card) 60%);animation:lockedPulse 2.6s ease-in-out infinite;}
.kpi-glow .kpi-value{color:var(--green);text-shadow:0 0 14px rgba(0,255,136,.65);}
.kpi-glow .kpi-sticker{width:56px;height:56px;animation:heroFloat 3.2s ease-in-out infinite;}
.kpi-glow:hover .kpi-sticker{animation:none;}
@keyframes lockedPulse{
  0%,100%{box-shadow:0 0 14px rgba(0,255,136,.25),0 0 0 0 rgba(0,255,136,.35),inset 0 0 18px rgba(0,255,136,.05);}
  50%{box-shadow:0 0 30px rgba(0,255,136,.5),0 0 0 9px rgba(0,255,136,0),inset 0 0 26px rgba(0,255,136,.12);}
}
@media (prefers-reduced-motion:reduce){.kpi-glow,.kpi-glow .kpi-sticker{animation:none;}}