/* MangledPool Pool Statistics — isolated wow redesign.
   Every selector is scoped to .page-stats-wow so other pages remain unchanged. */
.page-stats-wow {
  --wow-bg: #020814;
  --wow-panel: rgba(7, 19, 37, .92);
  --wow-panel-2: rgba(10, 25, 47, .94);
  --wow-line: rgba(80, 164, 255, .20);
  --wow-blue: #16a4ff;
  --wow-cyan: #14e7ff;
  --wow-purple: #ad68ff;
  --wow-green: #84f416;
  --wow-orange: #ff9d00;
  --wow-muted: #8397b5;
  color: #f5f9ff;
  background:
    radial-gradient(circle at 82% 8%, rgba(31, 84, 190, .14), transparent 34%),
    radial-gradient(circle at 12% 48%, rgba(0, 140, 255, .08), transparent 30%),
    #020814;
}
.page-stats-wow .mp-wow-stats-shell {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  padding: 22px 26px 40px !important;
}
.page-stats-wow .mp-wow-stats-hero {
  position: relative;
  min-height: 148px;
  margin-bottom: 16px;
  padding: 28px 32px;
  display: flex;
  align-items: center;
  overflow: hidden;
  isolation: isolate;
  border: 1px solid rgba(42, 137, 255, .24);
  border-radius: 18px;
  background: linear-gradient(110deg, rgba(7, 24, 48, .98), rgba(3, 11, 25, .95) 58%, rgba(10, 24, 52, .92));
  box-shadow: inset 0 1px rgba(255,255,255,.04), 0 24px 70px rgba(0,0,0,.28);
}
.page-stats-wow .mp-wow-hero-grid {
  position: absolute;
  inset: 0;
  z-index: -2;
  opacity: .25;
  background-image:
    linear-gradient(rgba(42, 135, 255, .12) 1px, transparent 1px),
    linear-gradient(90deg, rgba(42, 135, 255, .12) 1px, transparent 1px);
  background-size: 44px 44px;
  mask-image: linear-gradient(90deg, transparent, #000 45%, #000);
}
.page-stats-wow .mp-wow-hero-glow { position:absolute; z-index:-1; border-radius:50%; filter:blur(12px); }
.page-stats-wow .mp-wow-hero-glow-blue { width:420px; height:260px; right:90px; top:-145px; background:rgba(0,126,255,.23); }
.page-stats-wow .mp-wow-hero-glow-purple { width:280px; height:240px; right:-90px; bottom:-150px; background:rgba(149,57,255,.18); }
.page-stats-wow .mp-wow-stats-copy { position:relative; z-index:3; max-width:700px; }
.page-stats-wow .mp-wow-eyebrow { margin-bottom:6px; color:#55beff; font-size:11px; font-weight:800; letter-spacing:.17em; }
.page-stats-wow .mp-wow-live-dot { width:7px; height:7px; margin-right:8px; display:inline-block; border-radius:50%; background:#23e57d; box-shadow:0 0 14px #23e57d; }
.page-stats-wow .mp-wow-stats-copy h1 { margin:0 !important; color:#fff !important; font-size:clamp(34px,4vw,56px) !important; font-weight:800 !important; letter-spacing:-.04em; text-shadow:0 0 30px rgba(61,163,255,.25); }
.page-stats-wow .mp-wow-stats-copy > p { margin:5px 0 13px; color:#aab9d0 !important; font-size:14px; }
.page-stats-wow .mp-wow-meta-row { display:flex; flex-wrap:wrap; gap:9px; }
.page-stats-wow .mp-wow-meta-row span { padding:7px 10px; display:inline-flex; align-items:center; gap:7px; border:1px solid rgba(83,157,255,.15); border-radius:8px; color:#7489a9; background:rgba(9,25,46,.6); font-size:11px; }
.page-stats-wow .mp-wow-meta-row i { color:#27aaff; }
.page-stats-wow .mp-wow-meta-row strong { color:#d9e8fb; font-weight:650; }
.page-stats-wow .mp-wow-coin-stage { position:absolute; right:110px; top:0; width:290px; height:148px; display:grid; place-items:center; }
.page-stats-wow .mp-wow-coin-stage img { position:relative; z-index:4; width:88px; height:88px; object-fit:contain; filter:drop-shadow(0 0 14px rgba(37,181,255,.8)) drop-shadow(0 20px 30px rgba(0,0,0,.5)); animation:mp-wow-float 4s ease-in-out infinite; }
.page-stats-wow .mp-wow-coin-halo { position:absolute; z-index:1; width:132px; height:132px; border-radius:35%; transform:rotate(30deg); border:1px solid rgba(37,181,255,.45); background:linear-gradient(135deg,rgba(13,162,255,.22),rgba(89,37,255,.16)); box-shadow:0 0 45px rgba(13,148,255,.34), inset 0 0 35px rgba(53,139,255,.18); }
.page-stats-wow .mp-wow-orbit { position:absolute; z-index:0; border:1px solid rgba(62,157,255,.22); border-radius:50%; transform:rotateX(72deg); }
.page-stats-wow .mp-wow-orbit-one { width:250px; height:130px; }
.page-stats-wow .mp-wow-orbit-two { width:190px; height:94px; border-color:rgba(170,94,255,.28); }
.page-stats-wow .mp-wow-coin-plinth { position:absolute; bottom:10px; width:165px; height:22px; border-radius:50%; background:radial-gradient(ellipse,rgba(0,174,255,.58),rgba(20,76,210,.14) 45%,transparent 72%); filter:blur(5px); }
@keyframes mp-wow-float { 0%,100%{transform:translateY(-3px)} 50%{transform:translateY(6px)} }
.page-stats-wow .mp-wow-live-badge { position:absolute; z-index:6; right:18px; top:16px; min-height:34px; padding:0 11px; display:flex; align-items:center; gap:7px; border:1px solid rgba(39,232,132,.25); border-radius:9px; color:#91a5bf; background:rgba(3,21,27,.72); font-size:10px; }
.page-stats-wow .mp-wow-live-badge > span { width:7px; height:7px; border-radius:50%; background:#28e483; box-shadow:0 0 10px #28e483; }
.page-stats-wow .mp-wow-live-badge b { color:#28e483; letter-spacing:.08em; }
.page-stats-wow .mp-wow-live-badge i { color:#28e483; }
.page-stats-wow .mp-wow-chart-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.page-stats-wow .mp-wow-chart-grid-top { margin-bottom:12px; }
.page-stats-wow .mp-wow-chart-grid-bottom { margin-top:12px; }
.page-stats-wow .mp-wow-chart-card {
  position:relative;
  min-width:0;
  overflow:hidden;
  border:1px solid rgba(42,143,255,.34);
  border-radius:15px;
  background:linear-gradient(145deg,rgba(10,27,52,.98),rgba(4,14,30,.98));
  box-shadow:inset 0 1px rgba(255,255,255,.035),0 18px 50px rgba(0,0,0,.22);
}
.page-stats-wow .mp-wow-chart-card::after { content:""; position:absolute; left:16%; right:16%; bottom:-24px; height:45px; border-radius:50%; background:rgba(0,176,255,.22); filter:blur(22px); pointer-events:none; }
.page-stats-wow .mp-wow-chart-card-purple { border-color:rgba(161,91,255,.40); }
.page-stats-wow .mp-wow-chart-card-purple::after { background:rgba(159,73,255,.22); }
.page-stats-wow .mp-wow-chart-card > header { min-height:58px; padding:12px 16px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid rgba(115,164,226,.08); }
.page-stats-wow .mp-wow-card-heading { display:flex; align-items:center; gap:10px; }
.page-stats-wow .mp-wow-card-heading .mp-wow-icon { width:32px; height:32px; display:grid; place-items:center; border-radius:8px; color:#20b1ff; background:linear-gradient(145deg,rgba(8,132,255,.22),rgba(15,65,160,.12)); box-shadow:0 0 20px rgba(0,140,255,.12); }
.page-stats-wow .mp-wow-chart-card-purple .mp-wow-icon { color:#c47aff; background:linear-gradient(145deg,rgba(166,64,255,.22),rgba(91,28,174,.12)); }
.page-stats-wow .mp-wow-card-heading small { display:block; margin-bottom:1px; color:#637998; font-size:8px; font-weight:800; letter-spacing:.12em; }
.page-stats-wow .mp-wow-card-heading h2 { margin:0 !important; color:#f4f8ff !important; font-size:14px !important; font-weight:700 !important; }
.page-stats-wow .mp-wow-period { padding:6px 9px; border:1px solid rgba(92,150,224,.24); border-radius:7px; color:#c7d6ea; background:rgba(3,12,27,.62); font-size:10px; }
.page-stats-wow .mp-wow-period i { margin-left:5px; color:#7289a7; font-size:8px; }
.page-stats-wow .mp-wow-chart-body { position:relative; height:190px; padding:8px 8px 0; }
.page-stats-wow .mp-wow-chart-body .ct-chart { height:178px; }
.page-stats-wow .mp-wow-chart-card > footer { min-height:62px; padding:9px 18px 11px; display:flex; align-items:flex-end; justify-content:space-between; border-top:1px solid rgba(102,160,225,.08); background:linear-gradient(180deg,transparent,rgba(8,26,51,.55)); }
.page-stats-wow .mp-wow-chart-card footer small { display:block; color:#8495ae; font-size:10px; }
.page-stats-wow .mp-wow-chart-card footer strong { display:block; color:#fff; font-family:var(--mp-mono); font-size:24px; font-weight:500; line-height:1.1; }
.page-stats-wow .mp-wow-trend-wrap { display:flex; align-items:center; gap:7px; }
.page-stats-wow .mp-wow-trend { min-width:49px; padding:5px 7px; display:inline-flex; justify-content:center; border:1px solid rgba(33,225,220,.27); border-radius:7px; color:#1be4dc; background:rgba(0,143,148,.09); font-family:var(--mp-mono); font-size:10px; }
.page-stats-wow .mp-wow-trend.is-negative { color:#ff7180; border-color:rgba(255,82,105,.28); background:rgba(190,28,53,.09); }
.page-stats-wow .mp-wow-trend.is-neutral { color:#a976ff; border-color:rgba(169,93,255,.25); background:rgba(137,48,226,.08); }
.page-stats-wow .mp-wow-metric-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
.page-stats-wow .mp-wow-metric-card {
  position:relative;
  min-width:0;
  min-height:76px;
  padding:10px 13px;
  display:flex;
  align-items:center;
  gap:12px;
  overflow:hidden;
  border:1px solid rgba(91,148,219,.22);
  border-radius:12px;
  background:linear-gradient(145deg,rgba(12,29,52,.98),rgba(5,15,30,.98));
  box-shadow:inset 0 1px rgba(255,255,255,.025),0 10px 25px rgba(0,0,0,.14);
}
.page-stats-wow .mp-wow-metric-card::before { content:""; position:absolute; left:0; top:0; width:42%; height:1px; background:linear-gradient(90deg,var(--tone),transparent); box-shadow:0 0 12px var(--tone); }
.page-stats-wow .mp-wow-metric-icon { flex:0 0 48px; width:48px; height:48px; display:grid; place-items:center; border-radius:11px; color:var(--tone); background:color-mix(in srgb,var(--tone) 14%,transparent); font-size:23px; box-shadow:0 0 20px color-mix(in srgb,var(--tone) 16%,transparent); }
.page-stats-wow .mp-wow-metric-card > div { min-width:0; }
.page-stats-wow .mp-wow-metric-card small { display:block; margin-bottom:3px; color:#93a3bb; font-size:9px; font-weight:650; text-transform:uppercase; letter-spacing:.035em; }
.page-stats-wow .mp-wow-metric-card strong { display:block; max-width:100%; color:#f6f9ff; font-family:var(--mp-mono); font-size:17px; font-weight:500; line-height:1.28; overflow-wrap:anywhere; }
.page-stats-wow .mp-wow-metric-card-detail strong { font-family:var(--mp-font); font-size:11px; line-height:1.45; }
.page-stats-wow .tone-orange { --tone:#ff9c00; } .page-stats-wow .tone-blue { --tone:#2498ff; } .page-stats-wow .tone-yellow { --tone:#ffd20b; }
.page-stats-wow .tone-cyan { --tone:#12d8ff; } .page-stats-wow .tone-green { --tone:#82f118; } .page-stats-wow .tone-purple { --tone:#b269ff; }
.page-stats-wow .tone-teal { --tone:#13e4d4; } .page-stats-wow .tone-gold { --tone:#ffb800; } .page-stats-wow .tone-lime { --tone:#91f524; }
/* Chartist neon treatment, scoped to the stats page only. */
.page-stats-wow .ct-label { color:#647b9b !important; fill:#647b9b !important; font-size:9px !important; }
.page-stats-wow .ct-grid { stroke:rgba(104,152,213,.10) !important; stroke-dasharray:2px; }
.page-stats-wow .ct-series-a .ct-line,.page-stats-wow .ct-series-a .ct-point { stroke:#1aa8ff !important; }
.page-stats-wow .ct-series-a .ct-line { stroke-width:2px !important; filter:drop-shadow(0 0 5px rgba(20,174,255,.9)); }
.page-stats-wow .ct-series-a .ct-point { stroke-width:5px !important; filter:drop-shadow(0 0 4px rgba(20,174,255,.9)); }
.page-stats-wow .ct-series-a .ct-area { fill:#0a8cff !important; fill-opacity:.16 !important; }
.page-stats-wow .ct-series-b .ct-line,.page-stats-wow .ct-series-b .ct-point { stroke:#c276ff !important; }
.page-stats-wow .ct-series-b .ct-line { stroke-width:2px !important; filter:drop-shadow(0 0 5px rgba(186,102,255,.8)); }
.page-stats-wow .ct-series-b .ct-point { stroke-width:5px !important; }
.page-stats-wow .ct-series-b .ct-area { fill:#a04dff !important; fill-opacity:.10 !important; }
.page-stats-wow .mp-wow-chart-card-purple .ct-series-a .ct-line,.page-stats-wow .mp-wow-chart-card-purple .ct-series-a .ct-point { stroke:#bd76ff !important; }
.page-stats-wow .mp-wow-chart-card-purple .ct-series-a .ct-area { fill:#a14cff !important; fill-opacity:.15 !important; }
@media (max-width:1200px) {
  .page-stats-wow .mp-wow-coin-stage { right:65px; opacity:.8; transform:scale(.88); }
  .page-stats-wow .mp-wow-metric-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:900px) {
  .page-stats-wow .mp-wow-stats-shell { padding:14px 14px 30px !important; }
  .page-stats-wow .mp-wow-stats-hero { padding:24px; }
  .page-stats-wow .mp-wow-coin-stage { opacity:.28; right:0; }
  .page-stats-wow .mp-wow-live-badge { display:none; }
  .page-stats-wow .mp-wow-chart-grid { grid-template-columns:1fr; }
  .page-stats-wow .mp-wow-metric-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:540px) {
  .page-stats-wow .mp-wow-stats-hero { min-height:175px; align-items:flex-end; }
  .page-stats-wow .mp-wow-stats-copy h1 { font-size:38px !important; }
  .page-stats-wow .mp-wow-meta-row { display:none; }
  .page-stats-wow .mp-wow-coin-stage { right:-60px; top:-5px; }
  .page-stats-wow .mp-wow-metric-grid { grid-template-columns:1fr; }
  .page-stats-wow .mp-wow-chart-card footer strong { font-size:20px; }
}
/* Fallback for browsers without color-mix. */
@supports not (background: color-mix(in srgb, red 10%, transparent)) {
  .page-stats-wow .mp-wow-metric-icon { background:rgba(25,115,200,.13); }
}

/* Working Stats time-range controls */
.page-stats-wow .mp-wow-period-control {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-width: 66px;
  margin: 0;
}
.page-stats-wow .mp-wow-period-select {
  width: 100%;
  height: 30px;
  padding: 0 26px 0 10px;
  border: 1px solid rgba(92,150,224,.28);
  border-radius: 8px;
  outline: none;
  color: #d7e5f7;
  background: rgba(3,12,27,.82);
  font-family: var(--mp-mono);
  font-size: 10px;
  font-weight: 600;
  line-height: 30px;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  transition: border-color .18s ease, background .18s ease, box-shadow .18s ease;
}
.page-stats-wow .mp-wow-period-select:hover,
.page-stats-wow .mp-wow-period-select:focus {
  border-color: rgba(58,170,255,.7);
  background: rgba(6,22,45,.96);
  box-shadow: 0 0 0 3px rgba(26,145,255,.10);
}
.page-stats-wow .mp-wow-period-select option {
  color: #e8f3ff;
  background: #08162a;
}
.page-stats-wow .mp-wow-period-control > i {
  position: absolute;
  right: 9px;
  top: 50%;
  z-index: 2;
  pointer-events: none;
  transform: translateY(-50%);
  color: #7893b4;
  font-size: 8px;
}
