/* WC26 shared styles */
:root{
  --bg:#070605;--bg2:#0c0a07;--surface:#131210;--surface2:#1c1a16;
  --line:rgba(255,255,255,.07);--line2:rgba(201,162,75,.22);
  --txt:#f5f3ee;--muted:#b0a892;--gold:#c9a24b;--gold2:#9c7a32;
  --purple:#e0c074;--purple2:#c9a24b;
  --up:#00c853;--up-dim:rgba(0,200,83,.14);--down:#ff3b3b;--down-dim:rgba(255,59,59,.14);
  --shadow:0 30px 70px -25px rgba(0,0,0,.85);
  --header-h:76px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:var(--header-h);scrollbar-gutter:stable}
body{font-family:'Sora',sans-serif;background:var(--bg);color:var(--txt);min-height:100vh;overflow-x:clip;position:relative;padding-top:var(--header-h)}
.glow{position:fixed;inset:0;z-index:-4;pointer-events:none;
  background:radial-gradient(50% 40% at 78% -8%,rgba(201,162,75,.035),transparent 60%),radial-gradient(55% 45% at 12% 0%,rgba(201,162,75,.05),transparent 62%),linear-gradient(180deg,#040403,var(--bg2));
  animation:drift 20s ease-in-out infinite alternate}
@keyframes drift{0%{transform:translateY(0) scale(1)}100%{transform:translateY(-2%) scale(1.05)}}
.net{position:fixed;inset:0;z-index:-3;pointer-events:none;opacity:.22;
  background-image:linear-gradient(rgba(201,162,75,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(201,162,75,.06) 1px,transparent 1px);
  background-size:48px 48px;mask-image:radial-gradient(130% 80% at 50% 0%,#000 30%,transparent 82%)}
/* animated waves */
.waves{position:fixed;left:0;right:0;bottom:0;height:60vh;z-index:-3;pointer-events:none;opacity:.25}
.waves svg{position:absolute;bottom:0;width:200%;height:100%}
.waves .w{animation:waveMove linear infinite}
.waves .w1{animation-duration:18s;opacity:.5}
.waves .w2{animation-duration:26s;opacity:.35}
.waves .w3{animation-duration:34s;opacity:.22}
@keyframes waveMove{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.spot{position:fixed;top:-50%;left:-30%;width:55%;height:200%;z-index:-2;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(201,162,75,.05),transparent);animation:sweep 11s linear infinite;will-change:transform}
/* sweep via transform (not `left`) — animating `left` registered as continuous CLS in Lighthouse */
@keyframes sweep{0%{transform:rotate(9deg) translateX(-30%)}100%{transform:rotate(9deg) translateX(330%)}}

.wrap{max-width:min(1640px,95vw);margin:0 auto;padding:0 22px}
.gold-text{background:linear-gradient(180deg,#f3e3b3,var(--gold) 45%,var(--gold2));-webkit-background-clip:text;background-clip:text;color:transparent}

header{position:fixed;top:0;left:0;right:0;width:100%;z-index:60;backdrop-filter:blur(16px);background:linear-gradient(180deg,rgba(8,7,5,.92),rgba(8,7,5,.5));border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 22px;max-width:1240px;margin:0 auto;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:12px}
.crest{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-size:23px;background:radial-gradient(circle at 30% 25%,#1a1712,#0a0805);border:1.5px solid rgba(201,162,75,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 0 24px -6px rgba(201,162,75,.7);overflow:hidden}
.crest img{width:100%;height:100%;object-fit:contain;display:block}
.brand h1{font-family:'Unbounded';font-weight:900;font-size:21px;letter-spacing:-.5px;line-height:1}
.brand span{display:block;font-size:10px;letter-spacing:3px;color:var(--muted);text-transform:uppercase;margin-top:4px}
.pill{display:flex;align-items:center;gap:8px;font-size:11.5px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);border:1px solid rgba(201,162,75,.3);background:rgba(201,162,75,.06);padding:8px 14px;border-radius:30px}
.dot{width:8px;height:8px;border-radius:50%;background:var(--up);box-shadow:0 0 0 0 rgba(0,200,83,.6);animation:pulse 1.8s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(0,200,83,.5)}70%{box-shadow:0 0 0 9px rgba(0,200,83,0)}100%{box-shadow:0 0 0 0 rgba(0,200,83,0)}}

.hero{padding:30px 0 26px;text-align:left;position:relative;overflow:hidden}
/* FIFA-style split hero: text left · trophy center (bg) · next-match card right */
.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) clamp(180px,22vw,360px) minmax(0,1fr);gap:20px;align-items:center;min-height:clamp(380px,62vh,600px)}
.hero-left{grid-column:1;display:flex;flex-direction:column;align-items:flex-start;gap:0;padding-left:clamp(10px,3.5vw,60px)}
.hero-right{grid-column:3;display:flex;justify-content:flex-end}
.kick{display:inline-flex;align-items:center;gap:9px;font-size:12px;letter-spacing:3px;text-transform:uppercase;color:var(--purple);border:1px solid var(--line2);background:rgba(201,162,75,.08);padding:8px 16px;border-radius:30px}
.hero h2{font-family:'Unbounded';font-weight:900;font-size:clamp(38px,6vw,82px);line-height:.9;letter-spacing:-1px;margin:20px 0 0;text-transform:uppercase}
.hero h2 .gold-text{background:linear-gradient(180deg,#fff6da,#f3d27a 55%,#e0b85a);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}
.hero p{color:var(--muted);max-width:520px;margin:18px 0 0;font-size:15.5px;line-height:1.65}
/* next-match card (right column) */
.nextcard{width:100%;max-width:340px;background:linear-gradient(165deg,rgba(20,18,14,.9),rgba(10,9,7,.82));backdrop-filter:blur(10px);border:1px solid var(--line2);border-radius:20px;padding:22px 22px 20px;box-shadow:0 30px 70px -28px rgba(0,0,0,.9)}
.nextcard .nm-label{font-size:10.5px;letter-spacing:3px;text-transform:uppercase;color:var(--gold)}
.nextcard .nm-title{font-family:'Unbounded';font-weight:700;font-size:22px;letter-spacing:-.5px;text-transform:uppercase;margin-top:6px}
.nextcard .nm-sub{font-size:12px;color:var(--muted);margin-top:8px;line-height:1.6}
.count{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0 0}
.ctile{background:linear-gradient(180deg,var(--surface2),var(--surface));border:1px solid var(--line2);border-radius:12px;padding:11px 4px;text-align:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.ctile .n{font-family:'JetBrains Mono';font-weight:700;font-size:25px;line-height:1;letter-spacing:-1px}
.ctile .l{font-size:8.5px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-top:6px}
.count-cap{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-top:13px}
.nm-live{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding-top:13px;border-top:1px solid var(--line)}
.nm-live .k{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--muted)}
.nm-live .v{font-family:'JetBrains Mono';font-weight:700;font-size:17px;color:var(--up)}
.live-banner{font-family:'Unbounded';font-weight:900;font-size:clamp(32px,6.5vw,68px);letter-spacing:-1px;text-transform:uppercase;margin:30px 0 6px;
  background:linear-gradient(90deg,var(--gold),#ffffff,var(--purple),var(--gold));background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;
  animation:shimmer 3s linear infinite;filter:drop-shadow(0 0 22px rgba(201,162,75,.45))}
@keyframes shimmer{to{background-position:300% 0}}
.live-sub{display:inline-flex;align-items:center;gap:9px;font-size:12px;letter-spacing:3px;text-transform:uppercase;color:var(--up)}
.cta{display:flex;justify-content:flex-start;gap:12px;margin-top:28px;flex-wrap:wrap}

.btn{display:inline-flex;align-items:center;gap:8px;font-family:'Sora';font-weight:700;font-size:14px;letter-spacing:.4px;cursor:pointer;border:0;border-radius:13px;padding:14px 24px;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s}
.btn-gold{background:linear-gradient(90deg,var(--gold),var(--gold2));color:#231400;box-shadow:0 12px 30px -10px rgba(201,162,75,.6)}
.btn-gold:hover{transform:translateY(-2px)}
.btn-ghost{background:rgba(201,162,75,.1);color:var(--txt);border:1px solid var(--line2)}
.btn-ghost:hover{background:rgba(201,162,75,.18)}
.btn.dis{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}
.btn-sm{padding:9px 16px;font-size:12.5px;border-radius:10px}

.shead{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:54px 0 18px;flex-wrap:wrap}
.shead h3{font-family:'Unbounded';font-weight:700;font-size:clamp(22px,3.4vw,32px);letter-spacing:-.5px;text-transform:uppercase}
.shead small{display:block;font-family:'Sora';font-weight:500;font-size:12px;letter-spacing:2px;color:var(--muted);text-transform:uppercase;margin-top:6px}

.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:4px}
.scard{background:linear-gradient(140deg,var(--surface2),var(--surface));border:1px solid var(--line);border-radius:16px;padding:18px 20px;position:relative;overflow:hidden}
.scard::before{content:"";position:absolute;inset:0;background:radial-gradient(70% 100% at 0% 0%,rgba(201,162,75,.12),transparent 60%)}
.scard .k{font-size:10.5px;letter-spacing:2px;text-transform:uppercase;color:var(--muted)}
.scard .v{font-family:'JetBrains Mono';font-weight:700;font-size:26px;margin-top:8px;letter-spacing:-1px}
.scard .v.g{color:var(--gold)}

/* FIFA-style bottom stat bar — Treasury is the centered, enlarged hero stat */
.statbar{display:grid;grid-template-columns:1fr 1.5fr 1fr;align-items:stretch;margin-top:26px;border:1px solid var(--line2);border-radius:20px;background:linear-gradient(180deg,rgba(16,15,12,.86),rgba(9,8,6,.86));backdrop-filter:blur(10px);overflow:hidden;box-shadow:0 30px 70px -30px rgba(0,0,0,.9)}
.sb-cell{padding:22px 26px;display:flex;flex-direction:column;justify-content:center;gap:8px;border-left:1px solid var(--line)}
.sb-cell:first-child{border-left:0}
.sb-cell .k{font-size:10.5px;letter-spacing:2px;text-transform:uppercase;color:var(--muted)}
.sb-cell .v{font-family:'JetBrains Mono';font-weight:700;font-size:26px;letter-spacing:-1px}
.sb-cell .v.g{color:var(--gold)}
.sb-main{align-items:center;text-align:center;background:radial-gradient(120% 130% at 50% 0%,rgba(201,162,75,.14),transparent 70%)}
.sb-main .k{color:var(--gold);font-size:11.5px}
.sb-main .v{font-size:clamp(34px,4.6vw,52px);background:linear-gradient(180deg,#f3e3b3,var(--gold) 55%,var(--gold2));-webkit-background-clip:text;background-clip:text;color:transparent}
@media(max-width:760px){.statbar{grid-template-columns:1fr}.sb-cell{border-left:0;border-top:1px solid var(--line);text-align:center;align-items:center}.sb-cell:first-child{border-top:0}}

/* ── live coin price ticker (homepage) ── */
.cointicker{margin-top:22px;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,rgba(16,15,12,.7),rgba(9,8,6,.7));padding:11px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.ct-track{display:inline-flex;gap:30px;white-space:nowrap;animation:ctScroll 55s linear infinite;will-change:transform}
.cointicker:hover .ct-track{animation-play-state:paused}
@keyframes ctScroll{to{transform:translateX(-50%)}}
.ct-item{font-family:'JetBrains Mono';font-size:12.5px;color:var(--muted);display:inline-flex;align-items:center;gap:7px}
.ct-item b{color:var(--gold);font-weight:700}
.ct-item .up{color:var(--up)}.ct-item .down{color:var(--down)}
/* ── value flash on change (drop-shadow works on gradient text too) ── */
.flash-up{animation:flashUp .9s ease-out}
.flash-down{animation:flashDown .9s ease-out}
@keyframes flashUp{0%{filter:drop-shadow(0 0 13px rgba(0,200,83,.85))}100%{filter:none}}
@keyframes flashDown{0%{filter:drop-shadow(0 0 13px rgba(255,59,59,.85))}100%{filter:none}}
@media(prefers-reduced-motion:reduce){.ct-track{animation:none}.flash-up,.flash-down{animation:none}}

/* hero stacks on narrow screens */
@media(max-width:880px){.hero-grid{grid-template-columns:1fr;gap:26px;min-height:0}.hero-left,.hero-right{grid-column:auto}.hero-left{align-items:center;text-align:center;padding-left:0}.hero .cta{justify-content:center}.hero p{margin-left:auto;margin-right:auto}.hero-right{justify-content:center}.nextcard{max-width:380px}}

.flag-card{margin-top:16px;display:grid;grid-template-columns:1.1fr .9fr;border:1px solid var(--line2);border-radius:22px;overflow:hidden;background:linear-gradient(135deg,var(--surface2),var(--surface));box-shadow:var(--shadow);position:relative}
.fc-l{padding:30px 32px;position:relative;background-size:cover;background-position:center}
.fc-l .ov{position:absolute;inset:0;background:linear-gradient(135deg,rgba(26,16,48,.86),rgba(12,14,18,.92));pointer-events:none}
.fc-l>*{position:relative}
.fc-badge{display:inline-block;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#231400;background:linear-gradient(90deg,var(--gold),var(--gold2));padding:5px 13px;border-radius:20px;font-weight:700}
.fc-name{display:flex;align-items:center;gap:16px;margin-top:18px}
.fc-emoji{font-size:54px;filter:drop-shadow(0 6px 14px rgba(0,0,0,.5))}
.fc-emoji img{width:54px;height:54px;border-radius:14px;object-fit:cover}
.fc-name h4{font-family:'Unbounded';font-weight:900;font-size:34px;line-height:1}
.fc-name .tk{font-family:'JetBrains Mono';color:var(--gold);font-size:13px;margin-top:6px}
.fc-price{font-family:'JetBrains Mono';font-weight:700;font-size:40px;margin-top:20px;letter-spacing:-1px}
.fc-row{display:flex;gap:24px;margin-top:16px;flex-wrap:wrap}
.fc-cell .k{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--muted)}
.fc-cell .v{font-family:'JetBrains Mono';font-weight:700;font-size:17px;margin-top:3px}
.fc-actions{margin-top:24px;display:flex;gap:11px;flex-wrap:wrap}
.fc-r{border-left:1px solid var(--line);min-height:330px;position:relative;background:#0a0512;padding:14px}
.fc-r canvas{position:absolute!important;inset:14px;width:calc(100% - 28px)!important;height:calc(100% - 28px)!important}
.chart-empty{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font-size:13px;text-align:center;padding:20px}

.chg{font-family:'JetBrains Mono';font-weight:700;padding:3px 9px;border-radius:8px;font-size:13px;display:inline-block}
.chg.up{background:var(--up-dim);color:var(--up)}.chg.down{background:var(--down-dim);color:var(--down)}

.movers{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.mv{display:flex;align-items:center;gap:16px;border:1px solid var(--line2);border-radius:18px;padding:20px 22px;position:relative;overflow:hidden;background-size:cover;background-position:center}
.mv .ov{position:absolute;inset:0;background:linear-gradient(120deg,rgba(26,16,48,.93) 40%,rgba(26,16,48,.7));pointer-events:none}
.mv>*{position:relative}
.mv .tag{position:absolute;top:14px;right:16px;font-size:10px;letter-spacing:2px;text-transform:uppercase;font-weight:700}
.mv.gain .tag{color:var(--up)} .mv.lose .tag{color:var(--down)}
.mv .fl{font-size:46px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.5))}
.mv .fl img{width:46px;height:46px;border-radius:12px;object-fit:cover}
.mv .nm{font-family:'Unbounded';font-weight:700;font-size:20px}
.mv .tk{font-family:'JetBrains Mono';color:var(--gold);font-size:12px;margin-top:3px}
.mv .big{font-family:'JetBrains Mono';font-weight:700;font-size:30px;margin-top:8px;letter-spacing:-1px}
.mv .sub{font-family:'JetBrains Mono';font-size:12px;color:var(--muted);margin-top:2px}

.fixtures{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.fx{border:1px solid var(--line2);border-radius:18px;padding:18px 20px;background:linear-gradient(135deg,var(--surface2),var(--surface));box-shadow:var(--shadow)}
.fx-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.fx-tag{font-size:10px;letter-spacing:2px;text-transform:uppercase;font-weight:700;color:var(--gold);background:rgba(201,162,75,.1);border:1px solid rgba(201,162,75,.25);padding:4px 10px;border-radius:20px}
.fx-tag.live{color:var(--up);background:var(--up-dim);border-color:rgba(0,200,83,.4);display:inline-flex;align-items:center;gap:6px}
.fx-tag.live .dot{width:7px;height:7px;background:var(--up)}
.fx-meta{font-size:11px;color:var(--muted);text-align:right;line-height:1.4}
.fx-vs{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}
.fx-team{text-align:center;border-radius:12px;padding:8px 4px;background-size:cover;background-position:center;position:relative;overflow:hidden}
.fx-team .ov{position:absolute;inset:0;background:rgba(12,14,18,.62)}
.fx-team>*{position:relative}
.fx-team .fl{font-size:38px;line-height:1}
.fx-team .fl img{width:38px;height:38px;border-radius:11px;object-fit:cover}
.fx-team .nm{font-weight:700;font-size:13.5px;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fx-team .tk{font-family:'JetBrains Mono';color:var(--gold);font-size:11px;display:inline-flex;align-items:center;gap:5px;justify-content:center}
.fx-team .pr{font-family:'JetBrains Mono';font-weight:700;font-size:13.5px;margin-top:7px}
.fx-team .mc{font-family:'JetBrains Mono';font-size:11px;color:var(--muted)}
.fx-vs .v{font-family:'Unbounded';font-weight:900;font-size:18px;color:var(--purple);opacity:.85}
.fx-vs .score{font-family:'Unbounded';font-weight:900;font-size:24px;line-height:1;white-space:nowrap}
.wl{font-family:'Unbounded';font-weight:900;font-size:11px;width:18px;height:18px;border-radius:6px;display:inline-grid;place-items:center}
.wl.W{background:var(--up);color:#04130c}.wl.L{background:var(--down);color:#2a0008}.wl.D{background:var(--muted);color:#1a1030}

.allmatches{margin-top:14px;border:1px solid var(--line);border-radius:18px;background:var(--surface);overflow:hidden;max-height:0;transition:max-height .4s ease}
.allmatches.open{max-height:4000px}
.am-inner{padding:18px 20px}
.am-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:16px}
.chips{display:flex;gap:7px;flex-wrap:wrap}
.chip{background:var(--surface2);border:1px solid var(--line2);color:var(--muted);font-family:'Sora';font-weight:600;font-size:12px;border-radius:9px;padding:7px 12px;cursor:pointer;transition:.15s}
.chip.on{background:var(--purple2);color:#fff}
.toggle{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted);cursor:pointer;margin-left:auto;user-select:none}
.toggle input{accent-color:var(--purple)}
.am-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.am-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;background:var(--surface2);border:1px solid var(--line);border-radius:13px;padding:11px 14px}
.am-row .side{display:flex;align-items:center;gap:9px;min-width:0}
.am-row .side.r{justify-content:flex-end}
.am-row .fl{font-size:24px}.am-row .fl img{width:24px;height:24px;border-radius:7px;object-fit:cover}
.am-row .tk{font-family:'JetBrains Mono';font-weight:700;font-size:12.5px;color:var(--gold)}
.am-row .mid{font-family:'Unbounded';font-weight:900;font-size:13px;color:var(--purple);text-align:center;white-space:nowrap}
.am-row .gl{font-size:10px;color:var(--muted);text-align:center;margin-top:2px}

.board{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--surface);box-shadow:var(--shadow)}
.controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.search{display:flex;align-items:center;gap:9px;background:var(--surface);border:1px solid var(--line2);border-radius:11px;padding:10px 14px}
.search input{background:none;border:0;outline:0;color:var(--txt);font-family:'Sora';font-size:14px;width:160px}
.search input::placeholder{color:var(--muted)}
.seg{display:flex;background:var(--surface);border:1px solid var(--line2);border-radius:11px;overflow:hidden}
.seg button{background:none;border:0;color:var(--muted);font-family:'Sora';font-weight:600;font-size:12px;letter-spacing:1px;text-transform:uppercase;padding:10px 14px;cursor:pointer;transition:.15s}
.seg button.on{background:var(--purple2);color:#fff}
.thead,.trow{display:grid;grid-template-columns:54px 1fr 116px 96px 120px 96px 130px 96px;align-items:center}
.thead{padding:15px 22px;border-bottom:1px solid var(--line);background:rgba(201,162,75,.05)}
.thead div{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);cursor:pointer;user-select:none;display:flex;align-items:center;gap:5px}
.thead .ar{opacity:0;font-size:9px}.thead div.act{color:var(--gold)}.thead div.act .ar{opacity:1}
.rtxt-r{justify-content:flex-end;text-align:right}
.trow{padding:13px 22px;border-bottom:1px solid var(--line);transition:background .15s;cursor:pointer}
.trow:last-child{border-bottom:0}.trow:hover{background:rgba(201,162,75,.05)}
.rank{font-family:'Unbounded';font-weight:900;font-size:18px;color:var(--muted);text-align:center}
.rank.top{color:var(--gold)}
.team{display:flex;align-items:center;gap:13px;min-width:0}
.flag{font-size:29px;line-height:1;filter:drop-shadow(0 3px 6px rgba(0,0,0,.4))}
.team .nm{font-weight:700;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:7px}
.team .meta{font-family:'JetBrains Mono';font-size:11px;color:var(--muted)}
.team .tkr{color:var(--gold);font-weight:700}
.cell-num{font-family:'JetBrains Mono';font-weight:700;font-size:14px;text-align:right}
.cell-mut{font-family:'JetBrains Mono';font-size:13px;text-align:right;color:var(--muted)}
.trez .v{font-family:'JetBrains Mono';font-weight:700;font-size:14px;color:var(--gold);text-align:right}
.trez .b{font-size:10px;color:var(--muted);font-family:'JetBrains Mono';text-align:right}
.mini-buy{font-family:'Sora';font-weight:700;font-size:12px;letter-spacing:.5px;text-transform:uppercase;background:rgba(201,162,75,.12);color:var(--gold);border:1px solid rgba(201,162,75,.3);border-radius:9px;padding:8px 13px;text-decoration:none;transition:.15s;float:right}
.mini-buy:hover{background:var(--gold);color:#231400}
.mini-buy.dis{background:rgba(255,255,255,.04);color:var(--muted);border-color:var(--line);pointer-events:none}
.tba{font-size:11px;color:var(--muted);font-family:'JetBrains Mono'}
.expand{grid-column:1/-1;overflow:hidden;max-height:0;transition:max-height .35s ease}
.expand.open{max-height:420px}
.expand-inner{padding:0 22px 20px}
.chartbox{height:360px;border:1px solid var(--line);border-radius:14px;background:#0a0512;margin-top:4px;position:relative;padding:12px}
.sk{display:inline-block;height:14px;width:60px;border-radius:5px;background:linear-gradient(90deg,#241640,#33205c,#241640);background-size:200% 100%;animation:sh 1.3s infinite}
@keyframes sh{0%{background-position:200% 0}100%{background-position:-200% 0}}

.note{margin-top:16px;padding:16px 20px;border:1px dashed rgba(201,162,75,.35);border-radius:14px;background:rgba(201,162,75,.05);font-size:13.5px;color:#f0e2b8;line-height:1.6}
.note b{color:var(--gold)}
footer{margin:64px 0 44px;padding-top:26px;border-top:1px solid var(--line);color:var(--muted);font-size:12.5px;line-height:1.7;text-align:center}
footer b{color:var(--txt)}
.disclaimer{max-width:780px;margin:18px auto 0;padding-top:15px;border-top:1px solid var(--line);font-size:11.5px;line-height:1.7;color:var(--muted);opacity:.9}
.disclaimer b{color:var(--txt)}
.last-update{margin-top:12px;font-size:11px;letter-spacing:.4px;opacity:.6}

@media(max-width:900px){
  .stats{grid-template-columns:1fr 1fr}
  .flag-card{grid-template-columns:1fr}.fc-r{border-left:0;border-top:1px solid var(--line);min-height:280px}
  .movers,.fixtures,.am-grid{grid-template-columns:1fr}
  .thead{display:none}
  .trow{grid-template-columns:38px auto 1fr auto;grid-template-areas:"r t t a" "r m c a";row-gap:4px;column-gap:12px;padding:13px 16px}
  .trow .rank{grid-area:r}.trow .team{grid-area:t}
  .col-price,.col-hold,.trow .trez{display:none}      /* mobile table: only mcap + 24h% (scope .trez to the row, NOT the Treasury .hl-tile.trez) */
  .col-mc{grid-area:m;display:block;text-align:left;font-size:15px;align-self:center}
  .col-chg{grid-area:c;display:block;text-align:left;justify-self:start;align-self:center}
  .act-cell{grid-area:a}
}

/* ===== shared top nav (MAIN / WC26 / NATIONS / MATCH) ===== */
.brand{text-decoration:none;color:inherit}
.mainnav{display:flex;gap:4px;align-items:center;flex-wrap:wrap}
.mainnav a{font-family:'Sora';font-weight:700;font-size:12.5px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);text-decoration:none;padding:9px 14px;border-radius:10px;transition:.15s}
.mainnav a:hover{color:var(--txt);background:rgba(201,162,75,.1)}
.mainnav a.active{color:var(--gold);background:rgba(201,162,75,.1);border:1px solid rgba(201,162,75,.28)}
@media(max-width:680px){.mainnav a{padding:8px 10px;font-size:11px;letter-spacing:1px}}
/* header wraps to extra rows on narrow screens — give body more top room so content isn't covered */
@media(max-width:860px){:root{--header-h:132px}}
@media(max-width:480px){:root{--header-h:160px}}

/* ===== sub-page hero ===== */
.pagehead{padding:46px 0 6px}
.pagehead h2{font-family:'Unbounded';font-weight:900;font-size:clamp(30px,6vw,58px);letter-spacing:-1px;text-transform:uppercase;line-height:.95}
.pagehead p{color:var(--muted);margin-top:14px;font-size:14.5px;max-width:640px;line-height:1.6}
.pagehead .tz{color:var(--gold);font-family:'JetBrains Mono';font-size:12.5px}

/* ===== matches page ===== */
.daysec{margin-top:24px}
.dayhdr{font-family:'Unbounded';font-weight:700;font-size:15px;letter-spacing:.5px;color:var(--gold);text-transform:uppercase;padding:0 4px 10px;border-bottom:1px solid var(--line);margin-bottom:12px}
.mrow{display:grid;grid-template-columns:92px 1fr 220px;align-items:center;gap:14px;background:linear-gradient(135deg,var(--surface2),var(--surface));border:1px solid var(--line);border-radius:14px;padding:13px 16px;margin-bottom:10px}
.mtime{font-family:'JetBrains Mono';font-weight:700;font-size:15px}
.mtime .grp{display:inline-block;margin-top:6px;font-family:'Sora';font-weight:700;font-size:10px;letter-spacing:1px;color:var(--gold);background:rgba(201,162,75,.1);border:1px solid rgba(201,162,75,.25);border-radius:14px;padding:2px 8px}
.mteams{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px}
.mside{display:flex;align-items:center;gap:9px;min-width:0}.mside.r{justify-content:flex-end;text-align:right}
.mside .fl{font-size:26px;line-height:1}.mside .fl img{width:26px;height:26px;border-radius:8px;object-fit:cover}
.mside .nm{font-weight:700;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mside .tk{font-family:'JetBrains Mono';font-size:11px;color:var(--gold)}
.mside .pr{font-family:'JetBrains Mono';font-size:11.5px;color:var(--muted)}
.mmid{font-family:'Unbounded';font-weight:900;font-size:15px;color:var(--purple);text-align:center;white-space:nowrap;min-width:54px}
.mmid.live{color:var(--up)}.mmid .ll{display:block;font-family:'Sora';font-size:9px;letter-spacing:1px;color:var(--up);margin-top:2px}
.mven{font-size:11.5px;color:var(--muted);text-align:right;line-height:1.4}
.empty{text-align:center;color:var(--muted);padding:40px;font-size:14px}
@media(max-width:760px){.mrow{grid-template-columns:1fr;gap:10px}.mven{text-align:left}.mtime{display:flex;align-items:center;gap:10px}.mtime .grp{margin-top:0}}

/* ===== hover animations ===== */
.scard,.mv,.fx,.fx-team,.trow,.mrow,.flag-card,.btn,.mini-buy,.soc,.chip,.crest{transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease}
.scard:hover{transform:translateY(-4px);box-shadow:0 18px 40px -20px rgba(201,162,75,.55);border-color:var(--line2)}
.mv:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 24px 52px -22px rgba(0,0,0,.7)}
.fx:hover{transform:translateY(-3px);border-color:var(--line2);box-shadow:0 16px 36px -22px rgba(201,162,75,.5)}
.fx-team:hover{transform:translateY(-2px)}
.mrow:hover{transform:translateX(3px);border-color:var(--line2);box-shadow:0 14px 30px -22px rgba(201,162,75,.45)}
.flag-card:hover{box-shadow:0 34px 80px -34px rgba(201,162,75,.5)}
.btn:hover{transform:translateY(-2px)}
.btn-gold:hover{box-shadow:0 12px 30px -10px rgba(245,182,46,.6)}
.mini-buy:hover{transform:scale(1.07)}
.chip:hover{transform:translateY(-1px)}
.brand:hover .crest{transform:rotate(-8deg) scale(1.06)}

/* ===== floating music widget ===== */
.music{position:fixed;left:18px;bottom:18px;z-index:80;display:flex;align-items:center;gap:6px;background:rgba(12,14,18,.86);backdrop-filter:blur(12px);border:1px solid var(--line2);border-radius:40px;padding:7px 12px 7px 8px;box-shadow:0 14px 36px -16px rgba(0,0,0,.8);max-width:330px}
.music .m-btn{background:rgba(201,162,75,.16);border:1px solid var(--line2);color:var(--txt);width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:12px;display:grid;place-items:center;transition:.15s;flex:0 0 auto}
.music .m-btn:hover{background:var(--purple2);transform:scale(1.12)}
.music .m-play{background:linear-gradient(180deg,var(--gold),var(--gold2));color:#241600;border-color:transparent;font-size:13px}
.music .m-title{font-size:11px;color:var(--muted);font-family:'JetBrains Mono';white-space:nowrap;overflow:hidden;max-width:128px;min-width:40px}
.music .m-title span{display:inline-block;white-space:nowrap;will-change:transform}
.music .m-title.scroll span{animation:mTitleScroll 7s ease-in-out infinite}
@keyframes mTitleScroll{0%,14%{transform:translateX(0)}54%,66%{transform:translateX(var(--md,0))}100%{transform:translateX(0)}}
.music .m-vol{-webkit-appearance:none;appearance:none;width:64px;height:4px;border-radius:3px;background:var(--line2);outline:0;cursor:pointer;flex:0 0 auto}
.music .m-vol::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:13px;height:13px;border-radius:50%;background:var(--gold);cursor:pointer;border:0}
.music .m-vol::-moz-range-thumb{width:13px;height:13px;border:0;border-radius:50%;background:var(--gold);cursor:pointer}
@media(max-width:600px){.music .m-title,.music .m-vol{display:none}.music{left:12px;bottom:12px;padding:6px}}

/* ===== footer social links ===== */
.socials{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:16px 0 4px}
.soc{font-family:'Sora';font-weight:700;font-size:12.5px;color:var(--txt);text-decoration:none;border:1px solid var(--line2);background:rgba(201,162,75,.1);padding:9px 16px;border-radius:11px}
.soc:hover{background:rgba(201,162,75,.22);transform:translateY(-2px);color:var(--gold)}
.soc-empty{font-size:12px;color:var(--muted)}

/* ===== admin console ===== */
.adm-sec{background:linear-gradient(135deg,var(--surface2),var(--surface));border:1px solid var(--line);border-radius:16px;padding:18px 20px;margin-top:18px}
.adm-sec h3{font-family:'Unbounded';font-weight:700;font-size:15px;color:var(--gold);margin-bottom:14px;letter-spacing:.5px}
.adm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.adm-f{display:flex;flex-direction:column;gap:5px}
.adm-f label{font-size:11px;color:var(--muted);font-weight:600;letter-spacing:.5px}
.adm-f input{background:var(--bg);border:1px solid var(--line2);border-radius:9px;padding:9px 11px;color:var(--txt);font-family:'JetBrains Mono';font-size:12px;outline:0}
.adm-f input:focus{border-color:var(--purple)}
.adm-tbl{width:100%;border-collapse:collapse;font-size:12px}
.adm-tbl th{text-align:left;color:var(--muted);font-weight:600;padding:6px 8px;position:sticky;top:0;background:var(--surface)}
.adm-tbl td{padding:4px 6px;border-top:1px solid var(--line)}
.adm-tbl input{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:7px;padding:6px 8px;color:var(--txt);font-family:'JetBrains Mono';font-size:11px;outline:0}
.adm-tbl input:focus{border-color:var(--purple)}
.adm-scroll{max-height:440px;overflow:auto;border:1px solid var(--line);border-radius:12px}
.hcard{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--bg);border:1px solid var(--line);border-radius:11px;padding:12px 14px;margin-bottom:8px}
.hcard .nm{font-weight:700;font-size:13px}.hcard .ep{font-family:'JetBrains Mono';font-size:10.5px;color:var(--muted);margin-top:3px}
.hcard .fb{font-family:'Sora';font-size:10px;color:var(--muted);margin-top:4px;opacity:.8}
.hstat{font-family:'Sora';font-weight:700;font-size:12px;padding:6px 12px;border-radius:9px;white-space:nowrap}
.hstat.ok{background:var(--up-dim);color:var(--up)}.hstat.bad{background:var(--down-dim);color:var(--down)}.hstat.wait{background:rgba(201,162,75,.14);color:var(--purple)}
.adm-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.adm-note{font-size:12px;color:var(--muted);line-height:1.6;margin-top:10px}
.adm-out{width:100%;min-height:120px;background:var(--bg);border:1px solid var(--line2);border-radius:11px;color:var(--up);font-family:'JetBrains Mono';font-size:11px;padding:12px;margin-top:12px;white-space:pre;overflow:auto}

/* ===== animated "live vibe" widget (coin pages) ===== */
.vibe{margin-top:22px;background:linear-gradient(135deg,var(--surface2),var(--surface));border:1px solid var(--line2);border-radius:16px;padding:16px 18px;overflow:hidden;position:relative}
.vibe.up{box-shadow:inset 0 0 80px -36px var(--up)}
.vibe.down{box-shadow:inset 0 0 80px -36px var(--down)}
.vibe-head{display:flex;align-items:center;gap:9px;font-family:'Unbounded';font-weight:700;font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--gold);margin-bottom:12px}
.pulse{width:10px;height:10px;border-radius:50%;background:var(--up);animation:pulseG 1.4s infinite}
.vibe.down .pulse{background:var(--down);animation:pulseR 1.4s infinite}
@keyframes pulseG{0%{box-shadow:0 0 0 0 rgba(0,200,83,.6)}70%{box-shadow:0 0 0 13px rgba(0,200,83,0)}100%{box-shadow:0 0 0 0 rgba(0,200,83,0)}}
@keyframes pulseR{0%{box-shadow:0 0 0 0 rgba(255,59,59,.6)}70%{box-shadow:0 0 0 13px rgba(255,59,59,0)}100%{box-shadow:0 0 0 0 rgba(255,59,59,0)}}
.eq{display:flex;align-items:flex-end;gap:4px;height:48px;margin-bottom:13px}
.eq-bar{flex:1;height:100%;border-radius:3px;transform-origin:bottom;transform:scaleY(.3);background:linear-gradient(180deg,var(--purple),var(--purple2));animation:eq 1s ease-in-out infinite}
.vibe.up .eq-bar{background:linear-gradient(180deg,var(--up),#188a5e)}
.vibe.down .eq-bar{background:linear-gradient(180deg,var(--down),#9c2138)}
@keyframes eq{0%,100%{transform:scaleY(.22)}50%{transform:scaleY(1)}}
.ticker{overflow:hidden;white-space:nowrap;border-top:1px solid var(--line);padding-top:11px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.ticker-track{display:inline-flex;gap:28px;animation:tscroll 20s linear infinite;will-change:transform}
.ticker:hover .ticker-track{animation-play-state:paused}
@keyframes tscroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.tk-i{font-family:'JetBrains Mono';font-size:12.5px;color:var(--muted)}
.tk-i b{color:var(--gold);font-weight:700;margin-right:5px}
@media(prefers-reduced-motion:reduce){.eq-bar,.ticker-track,.pulse{animation:none}.eq-bar{transform:scaleY(.6)}}

/* ===== highlight stat widget (Treasury / Burn / Airdrop) ===== */
.hl{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}
.hl-tile{position:relative;overflow:hidden;border-radius:20px;padding:22px 24px;
  background:radial-gradient(120% 80% at 0% 0%,rgba(201,162,75,.10),transparent 55%),linear-gradient(150deg,var(--surface2),var(--surface) 72%,#0c0b08);
  border:1px solid rgba(201,162,75,.20);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 18px 40px -28px rgba(0,0,0,.9);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.hl-tile .hl-ic{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;font-size:23px;line-height:1;margin-bottom:14px;transition:transform .22s ease;
  background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.10),rgba(201,162,75,.08) 42%,rgba(8,7,5,.55));
  border:1px solid rgba(201,162,75,.28);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 6px 18px -8px rgba(201,162,75,.55)}
.hl-tile .hl-k{font-size:10.5px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);font-weight:700}
.hl-tile .hl-v{font-family:'Unbounded';font-weight:900;font-size:clamp(24px,4.6vw,34px);margin-top:7px;line-height:1;letter-spacing:-.5px}
.hl-tile .hl-sub{font-size:11px;color:var(--muted);margin-top:11px;letter-spacing:.3px}
.hl-tile.trez .hl-v{background:linear-gradient(180deg,#fff7e0,var(--gold) 58%,#9c7a32);-webkit-background-clip:text;background-clip:text;color:transparent}
.hl-tile.burn .hl-v{background:linear-gradient(180deg,#ffd9a0,#ff6a2b 52%,#ff3b3b);-webkit-background-clip:text;background-clip:text;color:transparent}
.hl-tile.air  .hl-v{background:linear-gradient(180deg,#fff,var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}
.hl-tile.burn{border-color:rgba(255,90,50,.22);background:radial-gradient(120% 80% at 0% 0%,rgba(255,90,40,.10),transparent 55%),linear-gradient(150deg,var(--surface2),var(--surface) 72%,#0c0b08)}
.hl-tile.burn .hl-ic{border-color:rgba(255,90,50,.3);background:radial-gradient(circle at 32% 28%,rgba(255,200,160,.14),rgba(255,80,40,.10) 42%,rgba(8,7,5,.55));box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 6px 18px -8px rgba(255,70,40,.6)}
.hl-tile:hover{transform:translateY(-5px);border-color:rgba(201,162,75,.4);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 26px 54px -26px rgba(201,162,75,.45)}
.hl-tile.burn:hover{border-color:rgba(255,90,50,.42);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 26px 54px -26px rgba(255,80,40,.5)}
.hl-tile:hover .hl-ic{transform:scale(1.06)}
.hl-tile::after{content:"";position:absolute;right:-40px;top:-40px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(201,162,75,.2),transparent 70%);pointer-events:none}
.hl-tile.burn::after{background:radial-gradient(circle,rgba(255,70,40,.22),transparent 70%)}
.hl-tile.air::after{background:radial-gradient(circle,rgba(201,162,75,.2),transparent 70%)}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@media(max-width:560px){.hl{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.hl-tile .hl-ic{animation:none}}

/* ===== tokenomics / how-it-works ===== */
.tk-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.tk-card{background:linear-gradient(135deg,var(--surface2),var(--surface));border:1px solid var(--line);border-radius:16px;padding:18px 20px;transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease}
.tk-card:hover{transform:translateY(-3px);border-color:var(--line2);box-shadow:0 20px 44px -26px rgba(201,162,75,.5)}
.tk-h{display:flex;align-items:center;gap:9px;font-family:'Unbounded';font-weight:700;font-size:14.5px;margin-bottom:12px}
.tk-emoji{font-size:20px}
.tk-p{font-size:12.5px;color:var(--muted);line-height:1.55;margin-bottom:12px}
.tk-note{font-size:11.5px;color:var(--gold);margin-top:11px;opacity:.9}
.tk-list{list-style:none;display:flex;flex-direction:column;gap:8px}
.tk-list li{font-size:12.5px;color:var(--txt);padding-left:20px;position:relative}
.tk-list li::before{content:"▸";position:absolute;left:2px;color:var(--purple)}
.tk-bar{display:flex;height:16px;border-radius:8px;overflow:hidden;background:var(--bg);border:1px solid var(--line)}
.tk-seg{height:100%;animation:tkgrow 1.1s cubic-bezier(.2,.8,.2,1) both}
@keyframes tkgrow{from{width:0!important}}
.tk-legend{display:flex;flex-wrap:wrap;gap:10px 16px;margin-top:11px}
.tk-leg{font-size:11.5px;color:var(--muted);display:flex;align-items:center;gap:6px}
.tk-leg b{color:var(--txt);font-family:'JetBrains Mono'}
.tk-dot{width:9px;height:9px;border-radius:3px;flex:0 0 auto}
.tk-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:13px}
.tk-chip{font-family:'JetBrains Mono';font-size:11px;font-weight:700;color:var(--gold);background:rgba(201,162,75,.1);border:1px solid rgba(201,162,75,.25);border-radius:8px;padding:3px 9px}
.tk-flow{grid-column:1 / -1}
/* Value Flow — staged money trail */
.vflow{position:relative;display:flex;flex-direction:column;align-items:center;gap:30px;padding:8px 0 4px}
.vf-group{position:relative;display:flex;flex-direction:column;align-items:center;width:100%}
.vf-group::before{content:"";position:absolute;top:48px;bottom:14px;left:50%;width:2px;transform:translateX(-50%);background:linear-gradient(180deg,transparent,rgba(201,162,75,.45) 14%,rgba(201,162,75,.45) 86%,transparent);z-index:0}
.vf-source+.vf-trigger{margin-top:16px}
.vf-source{position:relative;z-index:1;display:inline-flex;flex-direction:column;align-items:center;gap:2px;padding:11px 28px;border-radius:14px;border:1px solid rgba(201,162,75,.45);background:radial-gradient(130% 160% at 50% 0,rgba(201,162,75,.22),rgba(201,162,75,.05));box-shadow:0 0 34px -12px rgba(201,162,75,.6),inset 0 1px 0 rgba(255,255,255,.08)}
.vf-tag{font-size:9px;letter-spacing:3px;text-transform:uppercase;color:var(--gold)}
.vf-srcname{font-family:'Unbounded';font-weight:700;font-size:14px;color:var(--txt)}
.vf-stage{position:relative;z-index:1;display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin:17px 0;width:100%}
.vf-node{position:relative;flex:1 1 150px;max-width:210px;display:flex;flex-direction:column;gap:6px;padding:14px 16px;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:linear-gradient(165deg,rgba(28,26,22,.92),rgba(15,13,10,.88));transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.vf-node::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--c,var(--gold))}
.vf-node:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--c,var(--gold)) 55%,transparent);box-shadow:0 20px 40px -24px var(--c,rgba(201,162,75,.7))}
.vf-pct{font-family:'Unbounded';font-weight:800;font-size:27px;line-height:1;letter-spacing:-1px;color:var(--c,var(--gold))}
.vf-lbl{font-size:11.5px;line-height:1.45;color:var(--muted)}
.vf-lbl b{color:var(--txt);font-weight:700}
.vf-node.alt{--c:var(--down);border-color:rgba(255,59,59,.3);background:linear-gradient(165deg,rgba(255,59,59,.12),rgba(255,59,59,.03))}
.vf-node.gold{--c:var(--gold);border-color:rgba(201,162,75,.4);background:linear-gradient(165deg,rgba(201,162,75,.2),rgba(201,162,75,.04))}
.vf-node.gold .vf-pct{background:linear-gradient(180deg,#f8ecc4,var(--gold) 55%,var(--gold2));-webkit-background-clip:text;background-clip:text;color:transparent}
.vf-node.gold .vf-lbl{color:#e8dcc0}
.vf-trigger{position:relative;z-index:1;display:inline-flex;align-items:center;gap:10px;margin:3px 0;padding:7px 16px;border-radius:30px;font-family:'Unbounded';font-weight:700;font-size:10px;letter-spacing:2.5px;text-transform:uppercase;color:var(--muted);background:var(--surface);border:1px solid var(--line2)}
.vf-trigger::before,.vf-trigger::after{content:"";width:20px;height:1px;background:rgba(201,162,75,.45)}
.vf-trigger.gold{color:var(--gold);border-color:rgba(201,162,75,.55);box-shadow:0 0 24px -10px rgba(201,162,75,.75)}
@media(max-width:560px){.vf-node{flex-basis:calc(50% - 6px)}.vf-pct{font-size:23px}}
.tk-tagline{text-align:center;font-family:'Unbounded';font-weight:700;font-size:clamp(16px,3vw,22px);margin:26px 0 6px;color:var(--txt)}
@media(max-width:680px){.tk-grid{grid-template-columns:1fr}}

/* ===== tokenomics v2 — alternating rows + donut ===== */
.tk-flowwrap{position:relative;display:flex;flex-direction:column;gap:30px;margin-top:8px;padding:8px 0 4px}
.tk-flowwrap::before{content:"";position:absolute;left:50%;top:12px;bottom:12px;width:2px;transform:translateX(-50%);background:linear-gradient(180deg,transparent,rgba(201,162,75,.28),rgba(201,162,75,.28),transparent)}
.tk-row{position:relative;display:flex;align-items:center;gap:30px;z-index:1}
.tk-row.right{flex-direction:row-reverse}
.tk-vis{flex:0 0 auto;display:flex;justify-content:center}
.tk-txt{flex:1;min-width:0;background:linear-gradient(135deg,var(--surface2),var(--surface));border:1px solid var(--line);border-radius:16px;padding:18px 22px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.tk-txt:hover{transform:translateY(-3px);border-color:var(--line2);box-shadow:0 20px 46px -26px rgba(201,162,75,.5)}
.dn{position:relative;width:170px;height:170px;flex:0 0 auto}
.dn svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 10px 22px rgba(0,0,0,.45))}
.dn-track{fill:none;stroke:rgba(255,255,255,.05);stroke-width:15}
.dn-seg{fill:none;stroke-width:15;stroke-linecap:butt;stroke-dasharray:var(--len) calc(100 - var(--len));stroke-dashoffset:var(--off);animation:drawSeg 1.1s cubic-bezier(.4,0,.2,1) both}
@keyframes drawSeg{from{stroke-dashoffset:calc(var(--off) + var(--len))}to{stroke-dashoffset:var(--off)}}
.dn-c{position:absolute;inset:0;display:grid;place-items:center;font-size:38px}
.emblem{display:grid;place-items:center}
.emblem .emb{width:122px;height:122px;border-radius:50%;display:grid;place-items:center;font-size:48px;background:radial-gradient(circle at 35% 30%,rgba(201,162,75,.18),rgba(8,7,5,.55));border:1px solid var(--line2);box-shadow:0 0 44px -12px rgba(201,162,75,.4)}
@media(max-width:680px){.tk-flowwrap::before{display:none}.tk-row,.tk-row.right{flex-direction:column;gap:14px;text-align:center}.tk-legend,.tk-chips{justify-content:center}.dn{width:150px;height:150px}}
@media(prefers-reduced-motion:reduce){.dn-seg{animation:none;stroke-dashoffset:var(--off)}}

/* ===== clean icons + trustworthy "How It Works" ===== */
.ico{width:1.15em;height:1.15em;vertical-align:-.2em;display:inline-block;flex:0 0 auto}
.ico.sm{width:1em;height:1em}.ico.xs{width:.85em;height:.85em;vertical-align:-.12em}
/* transparency / safety panel */
.trust{margin-top:18px;border:1px solid var(--line2);border-radius:18px;padding:18px 20px;background:radial-gradient(120% 90% at 0% 0%,rgba(201,162,75,.08),transparent 55%),linear-gradient(150deg,var(--surface2),var(--surface) 75%,#0b0a07);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.trust-h{display:flex;align-items:center;gap:9px;font-family:'Unbounded';font-weight:700;font-size:13.5px;color:var(--txt);flex-wrap:wrap}
.trust-h .ico{color:var(--gold)}
.trust-h small{font-family:'Sora';font-weight:500;font-size:11px;color:var(--muted);margin-left:auto}
.tbadges{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}
.tbadge{display:flex;align-items:center;gap:9px;padding:11px 13px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.015);font-size:12px}
.tbadge .ico{color:var(--muted)}
.tbadge .tb-l{color:var(--txt);font-weight:600;line-height:1.25}
.tbadge .tb-tag{margin-left:auto;font-family:'JetBrains Mono';font-weight:700;font-size:10.5px;letter-spacing:.5px;padding:3px 8px;border-radius:20px;white-space:nowrap}
.tbadge.ok{border-color:rgba(0,200,83,.3);background:rgba(0,200,83,.06)}
.tbadge.ok .ico{color:var(--up)}.tbadge.ok .tb-tag{color:var(--up);background:var(--up-dim)}
.tbadge.bad{border-color:rgba(255,59,59,.28)}.tbadge.bad .tb-tag{color:var(--down);background:var(--down-dim)}
.tbadge.wait .tb-tag{color:var(--purple);background:rgba(201,162,75,.12)}
.vrows{margin-top:12px;display:flex;flex-direction:column;gap:8px}
.vrow{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:10px 12px;border:1px solid var(--line);border-radius:11px;background:var(--bg)}
.vr-l{font-size:11.5px;color:var(--muted);font-weight:600;min-width:120px}
.vr-addr{font-family:'JetBrains Mono';font-size:12px;color:var(--gold);background:rgba(201,162,75,.08);border:1px solid var(--line2);border-radius:7px;padding:2px 8px}
.vr-btn{font-family:'Sora';font-weight:700;font-size:11px;color:var(--txt);background:rgba(201,162,75,.12);border:1px solid var(--line2);border-radius:8px;padding:5px 11px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:5px;transition:.15s}
.vr-btn:hover{background:rgba(201,162,75,.22)}
.vr-soon{font-family:'JetBrains Mono';font-size:11px;color:var(--muted);background:rgba(201,162,75,.07);border:1px dashed var(--line2);border-radius:7px;padding:2px 9px}
.trust-audit{display:inline-flex;align-items:center;gap:7px;margin-top:12px;font-size:12px;font-weight:700;color:var(--gold);text-decoration:none}
.trust-audit:hover{text-decoration:underline}
/* step number + icon in row headers */
.tk-h{flex-wrap:wrap}
.tk-num{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;flex:0 0 auto;font-family:'Unbounded';font-weight:700;font-size:12px;color:#231400;background:linear-gradient(180deg,#f3e3b3,var(--gold) 60%,var(--gold2));box-shadow:0 4px 12px -4px rgba(201,162,75,.7)}
.tk-ico{display:inline-flex;color:var(--gold)}.tk-ico .ico{width:18px;height:18px}
.tk-tt{min-width:0}
.tk-chain{display:inline-flex;align-items:center;gap:6px;margin-top:13px;font-family:'JetBrains Mono';font-size:10px;letter-spacing:.5px;color:var(--up);background:rgba(0,200,83,.07);border:1px solid rgba(0,200,83,.18);border-radius:20px;padding:4px 11px}
.tk-chain .ico{color:var(--up)}
/* donut / emblem center icons (replaced emojis) */
.dn-c .ico{width:42px;height:42px;color:var(--gold)}
.emblem .emb .ico{width:54px;height:54px;color:var(--gold)}
/* powered-by strip */
.powered{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 9px;margin-top:24px;font-size:11.5px;color:var(--muted)}
.powered b{color:var(--txt);font-weight:700}
.powered i{width:4px;height:4px;border-radius:50%;background:var(--line2)}
@media(max-width:560px){.tbadges{grid-template-columns:1fr}.trust-h small{margin-left:0;width:100%}.vr-l{min-width:0}}

/* ===== How It Works v3 — Transparency top · steps left · Value Flow right ===== */
.tk-how{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:26px;align-items:start;margin-top:20px}
@media(max-width:880px){.tk-how{grid-template-columns:1fr;gap:24px}}
.tk-steps{display:flex;flex-direction:column;gap:26px}
.tk-step{display:flex;gap:18px;text-align:left}
.ts-num{flex:0 0 auto;width:34px;text-align:center;font-family:'Playfair Display',Georgia,serif;font-weight:600;font-size:34px;line-height:1;color:var(--gold);opacity:.92}
.ts-c{flex:1;min-width:0;border-left:1px solid var(--line2);padding-left:18px}
.ts-t{font-family:'Playfair Display',Georgia,serif;font-weight:600;font-size:20px;letter-spacing:.2px;line-height:1.2;color:var(--txt);margin-bottom:6px}
.ts-d{font-size:12.5px;color:var(--muted);line-height:1.55;margin-bottom:13px}
.ts-list{list-style:none;display:flex;flex-direction:column;gap:7px;margin-bottom:11px}
.ts-list li{font-size:12.5px;color:var(--txt);padding-left:16px;position:relative}
.ts-list li::before{content:"—";position:absolute;left:0;color:var(--gold);opacity:.7}
.ts-note{font-family:'Playfair Display',Georgia,serif;font-style:italic;font-size:12.5px;color:var(--muted);line-height:1.5;margin-top:12px}
.al-split{display:flex;align-items:center;gap:18px}
.al-leg{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px}
.al-li{display:flex;align-items:center;gap:9px}
.al-dot{width:9px;height:9px;border-radius:3px;flex:0 0 auto}
.al-l{flex:1;min-width:0;font-size:12.5px;color:var(--txt)}
.al-p{font-family:'JetBrains Mono';font-weight:700;font-size:13px;color:var(--gold)}
.al-split .dn{width:96px;height:96px;flex:0 0 auto}
.tk-flowcol{position:sticky;top:90px;border:1px solid var(--line2);border-radius:18px;padding:20px 18px;background:radial-gradient(120% 90% at 0% 0%,rgba(201,162,75,.07),transparent 55%),linear-gradient(150deg,var(--surface2),var(--surface) 75%,#0b0a07)}
@media(max-width:880px){.tk-flowcol{position:static}}
.tk-flowh{font-family:'Playfair Display',Georgia,serif;font-weight:600;font-size:18px;color:var(--txt);text-align:center;margin-bottom:4px}
.tk-flowcol .vf-node{flex:1 1 100%;max-width:none}
.tk-foot{margin-top:22px;text-align:center}
.ts-chain{display:inline-flex;align-items:center;gap:7px;font-family:'JetBrains Mono';font-size:10.5px;letter-spacing:1px;color:var(--up);background:rgba(0,200,83,.07);border:1px solid rgba(0,200,83,.18);border-radius:20px;padding:5px 14px}

/* ===== hero broadcast backdrop ===== */
.hero-bg{position:absolute;inset:-1px;z-index:0;pointer-events:none}
.hero-bg svg{position:absolute;inset:0;width:100%;height:100%}
.hero-img{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);max-height:120%;max-width:92%;object-fit:contain;display:none;opacity:.6}
.hero-img.on{display:block}
.hero-bg::after{content:"";position:absolute;inset:0;background:
  radial-gradient(120% 95% at 50% 42%,transparent 0%,rgba(5,6,8,.30) 52%,rgba(5,6,8,.82) 100%),
  linear-gradient(180deg,rgba(5,6,8,.45) 0%,transparent 26%,transparent 60%,rgba(5,6,8,.92) 100%)}
.hero>*:not(.hero-bg){position:relative;z-index:1}
.hg-streaks,.hg-streaks2{display:none}
@keyframes hgDrift{0%{transform:translate(-12px,2px)}100%{transform:translate(14px,-4px)}}
.hg-bokeh circle{animation:hgTwinkle 4s ease-in-out infinite}
.hg-bokeh circle:nth-child(2n){animation-duration:5.6s}
.hg-bokeh circle:nth-child(3n){animation-duration:6.8s}
@keyframes hgTwinkle{0%,100%{opacity:.2}50%{opacity:.85}}
@media(max-width:680px){.hero-img{max-width:108%;opacity:.42}}
@media(prefers-reduced-motion:reduce){.hg-streaks,.hg-streaks2,.hg-bokeh circle{animation:none}}

/* hero trophy centerpiece + legibility */
.hero-trophy{opacity:.8;transform-origin:center}
.hg-cup{animation:trophyFloat 6s ease-in-out infinite;transform-origin:center}
@keyframes trophyFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.hg-halo{animation:haloPulse 5s ease-in-out infinite;transform-origin:center}
@keyframes haloPulse{0%,100%{opacity:.85}50%{opacity:1}}
.hg-spark path{animation:hgTwinkle 3s ease-in-out infinite;transform-origin:center}
.hg-spark path:nth-child(2){animation-duration:4.2s;animation-delay:.6s}
.hg-spark path:nth-child(3){animation-duration:5s;animation-delay:1.1s}
.hero-bg.has-img .hero-trophy{display:none}
.hero h2{text-shadow:0 6px 28px rgba(0,0,0,.66)}
.hero .kick,.hero p{text-shadow:0 2px 14px rgba(0,0,0,.6)}
@media(prefers-reduced-motion:reduce){.hg-cup,.hg-halo,.hg-spark path{animation:none}}

/* hero trophy (transparent PNG cutout): vh-sized (decoupled from hero height) so reducing the hero gap doesn't shrink it */
.hero-img{height:clamp(380px,63vh,600px);width:auto;max-width:40%;left:50%;top:48%;opacity:1;object-fit:contain;z-index:1;
  filter:drop-shadow(0 16px 44px rgba(0,0,0,.5));animation:trophyFloatImg 6.5s ease-in-out infinite}
@keyframes trophyFloatImg{0%,100%{transform:translate(calc(-50% + var(--px,0px)),calc(-50% + var(--py,0px)))}50%{transform:translate(calc(-50% + var(--px,0px)),calc(-50% - 12px + var(--py,0px)))}}

/* ── Wave 3: scroll-reveal ── */
.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1)}
.reveal.in{opacity:1;transform:none}
/* ── skeleton shimmer for loading stat values ── */
.skel{color:transparent!important;-webkit-text-fill-color:transparent!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;border-radius:9px;min-width:90px;min-height:.9em;display:inline-block;background:linear-gradient(100deg,rgba(255,255,255,.05) 28%,rgba(201,162,75,.2) 50%,rgba(255,255,255,.05) 72%)!important;background-size:200% 100%!important;animation:skelShimmer 1.3s linear infinite}
@keyframes skelShimmer{to{background-position:-200% 0}}
/* ── hero gold shine sweep ── */
.hero-shine{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.hero-shine::before{content:"";position:absolute;top:-10%;bottom:-10%;left:0;width:26%;background:linear-gradient(105deg,transparent,rgba(255,246,218,.13),transparent);mix-blend-mode:screen;transform:translateX(-160%) skewX(-8deg);animation:heroShine 8s ease-in-out infinite}
@keyframes heroShine{0%,58%{transform:translateX(-160%) skewX(-8deg)}84%,100%{transform:translateX(520%) skewX(-8deg)}}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.skel{animation:none}.hero-shine{display:none}}
.hero-bg.has-img::after{background:
  radial-gradient(120% 98% at 50% 44%,rgba(7,6,5,0) 0%,rgba(7,6,5,.18) 55%,rgba(7,6,5,.72) 100%),
  linear-gradient(180deg,rgba(7,6,5,.35) 0%,transparent 24%,transparent 64%,rgba(7,6,5,.92) 100%)}
@media(max-width:880px){.hero-img{max-width:70%;max-height:80%;opacity:.5;top:46%}}
@media(prefers-reduced-motion:reduce){.hero-img{animation:none}}