@font-face{font-family:'Exo 2';font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/Exo2-800.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Inter-400.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/Inter-700.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

:root{--bg:#0a0912;--bg2:#120f22;--panel:#17152a;--line:#2e2a4a;--violet:#a78bfa;--violet-d:#7c3aed;--pink:#ff5cae;--cyan:#22d3ee;--blue:#5b9bff;--orange:#ff9a3c;--coral:#ff6b6b;--text:#f2f4f8;--muted:#b2b0c8;--green:#3dff14;--green-d:#1fb800;--red:#ff454a;--gold:#ffbd00;--gold-l:#ffd84d;--r:16px;--font:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;--head:'Exo 2','Inter',system-ui,sans-serif;--mono:ui-monospace,'Lucida Console','Courier New',monospace}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
/* Fragment targets: scroll-padding compensates sticky header wrap; see media queries below. */
#games,#memes,#staking,#tokenomics,#how-to-buy,#community,#rewards,#roadmap,#main,#breakdown,#verify,#schedule,#swap,#locks{scroll-margin-top:5.5rem}
body{margin:0;background:var(--bg);color:var(--text);font:400 1rem/1.6 var(--font);overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(55rem 30rem at 10% -5%,rgba(61,255,20,.12),transparent 60%),radial-gradient(50rem 30rem at 95% 0%,rgba(167,139,250,.20),transparent 60%),radial-gradient(45rem 28rem at 85% 55%,rgba(255,92,174,.10),transparent 60%),radial-gradient(45rem 28rem at 0% 80%,rgba(34,211,238,.10),transparent 60%)}
img{max-width:100%;height:auto;display:block}
a{color:var(--green);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:#fff}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:6px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:0;background:var(--gold);color:#000;padding:.6rem 1rem;z-index:100;border-radius:0 0 8px 0}
.skip:focus{left:0}
.wrap{width:100%;max-width:1120px;margin:0 auto;padding:0 1.1rem}
.narrow{max-width:760px}
.center{text-align:center}
.muted{color:var(--muted)}
h1,h2,h3{font-family:var(--head);font-weight:800;line-height:1.1;margin:0 0 .6em;letter-spacing:.01em}
h1{font-size:clamp(2.6rem,11vw,4.6rem);text-transform:uppercase;font-style:italic}
h1 em,.brand-text em{font-style:italic;color:var(--green);background:linear-gradient(90deg,#3dff14,#22d3ee);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.h1-sub{display:block;font-size:.42em;font-style:normal;color:var(--text);letter-spacing:.12em;margin-top:.3em}
h2{font-size:clamp(1.7rem,6vw,2.4rem)}
h3{font-size:1.2rem}
h2.center::after,.games-copy h2::after{content:"";display:block;width:84px;height:5px;border-radius:5px;margin:.55rem auto 0;background:linear-gradient(90deg,#3dff14,#22d3ee,#a78bfa,#ff5cae)}
.games-copy h2::after{margin-left:0}
p{margin:0 0 1rem}
code{font-family:var(--mono)}
/* header */
.site-header{position:sticky;top:0;z-index:50;background:rgba(10,9,18,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.bar{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem .7rem;min-height:60px;justify-content:space-between;padding:.55rem 0}
.brand{display:flex;align-items:center;gap:.55rem;text-decoration:none;color:#fff;flex:0 0 auto}
.brand img{border-radius:50%}
.brand-text{font-family:var(--head);font-weight:800;font-size:1.3rem;font-style:italic;letter-spacing:.02em}
.brand-text em{font-style:italic}
.nav{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;justify-content:flex-end;margin-left:auto;max-width:100%}
.nav-pills{justify-content:center;width:100%;margin-left:0}
.nav-pills .btn{min-height:36px;padding:.35rem .85rem;font-size:.78rem;border-width:2px;white-space:nowrap}
.nav-arcade{background:linear-gradient(180deg,#5b9bff,#3147c7);color:#fff;border-color:#ffd84d;box-shadow:0 4px 16px rgba(91,155,255,.35)}
.nav-arcade:hover{color:#fff;box-shadow:0 6px 20px rgba(91,155,255,.5)}
.nav-community{background:linear-gradient(180deg,#2de2c8,#0f9aa0);color:#041512;border-color:#67fff0;box-shadow:0 4px 16px rgba(45,226,200,.28)}
.nav-community:hover{color:#041512}
.nav-staking{background:linear-gradient(180deg,#fb57ff,#9333ea);color:#fff;border-color:#c084fc;box-shadow:0 4px 16px rgba(251,87,255,.32)}
.nav-staking:hover{color:#fff}
.nav-tokenomics{background:linear-gradient(180deg,#ffd84d,#f59e0b);color:#201500;border-color:#ffe9a0;box-shadow:0 4px 16px rgba(255,189,0,.28)}
.nav-tokenomics:hover{color:#201500}
.nav-buy{box-shadow:0 4px 16px rgba(61,255,20,.35)}
@media(max-width:420px){.brand-text{font-size:1.05rem}}
@media(min-width:900px){
  .bar{flex-wrap:nowrap;padding:.35rem 0}
  .nav-pills{width:auto;margin-left:auto;justify-content:flex-end;flex:1}
  .nav-pills .btn{font-size:.82rem;padding:.4rem 1rem;min-height:40px}
}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;padding:.7rem 1.35rem;border-radius:999px;font:700 1rem/1.2 var(--font);text-decoration:none;cursor:pointer;border:2px solid transparent;transition:transform .15s,box-shadow .15s,background .15s;text-align:center}
.btn:hover{transform:translateY(-2px)}
.btn-sm{min-height:40px;padding:.45rem 1rem;font-size:.9rem}
.btn-primary{background:linear-gradient(180deg,#58ff32,var(--green-d));color:#04120a;box-shadow:0 6px 24px rgba(61,255,20,.28)}
.btn-primary:hover{color:#04120a;box-shadow:0 8px 30px rgba(61,255,20,.45)}
.btn-ghost{background:rgba(255,255,255,.04);color:var(--text);border-color:#3a3a4d}
.btn-ghost:hover{border-color:var(--green);color:#fff}
.btn-gold{background:linear-gradient(180deg,var(--gold-l),var(--gold));color:#201500;box-shadow:0 6px 24px rgba(255,189,0,.28)}
.btn-gold:hover{color:#201500}
.btn-orange{background:linear-gradient(180deg,#ffb35c,var(--orange));color:#201500;border-color:#ffd0a0;box-shadow:0 6px 24px rgba(255,154,60,.28)}
.btn-orange:hover{color:#201500;box-shadow:0 8px 30px rgba(255,154,60,.45);filter:brightness(1.06)}
.btn-orange:focus-visible{outline:3px solid #fff;outline-offset:3px}
.btn-red{background:linear-gradient(180deg,#ff6b6b,var(--red));color:#fff;border-color:#ff9a9d;box-shadow:0 6px 24px rgba(255,69,74,.35)}
.btn-red:hover{color:#fff;box-shadow:0 8px 30px rgba(255,69,74,.5);filter:brightness(1.06)}
.btn-red:focus-visible{outline:3px solid #fff;outline-offset:3px}
.btn-purple{background:linear-gradient(180deg,var(--violet),var(--violet-d));color:#fff;border-color:#c4b5fd;box-shadow:0 6px 24px rgba(167,139,250,.35)}
.btn-purple:hover{color:#fff;box-shadow:0 8px 30px rgba(167,139,250,.5);filter:brightness(1.06)}
.btn-purple:focus-visible{outline:3px solid #fff;outline-offset:3px}
.btn-x{background:#000;color:#fff;border-color:#3a3a4d}
.btn-tg{background:#229ed9;color:#fff}
.tg-alert-copy{display:block;max-width:560px;width:100%;margin:1rem auto .55rem;padding:0 .75rem;box-sizing:border-box;line-height:1.45;text-align:center}
.tg-alert-row{margin:.35rem 0 1rem;justify-content:center;width:100%;padding:0 .75rem;box-sizing:border-box}
.tg-alert-row .btn-tg{border-color:#7dd3fc;box-shadow:0 6px 20px rgba(34,158,217,.28);max-width:min(560px,100%);white-space:normal;overflow-wrap:anywhere;text-align:center;line-height:1.25;padding:.7rem 1.05rem}
.tg-alert-row .btn-tg:hover{box-shadow:0 8px 26px rgba(34,158,217,.4);filter:brightness(1.05)}
#games .tg-alert-copy,#staking .tg-alert-copy{max-width:560px;margin-left:auto;margin-right:auto;text-align:center}
@media(max-width:520px){.tg-alert-row .btn{width:100%;max-width:100%;white-space:normal;overflow-wrap:anywhere;line-height:1.25;min-height:52px}}

.btn-tg:hover,.btn-x:hover{color:#fff}
.btn-coinrush{background:linear-gradient(180deg,#58ff32,#1fb800);color:#04120a;border-color:#ff2a3a;box-shadow:0 0 0 1px rgba(255,42,58,.55),0 6px 24px rgba(61,255,20,.35),0 0 18px rgba(255,42,58,.28)}
.btn-coinrush:hover{color:#04120a;box-shadow:0 0 0 1px rgba(255,42,58,.8),0 8px 30px rgba(61,255,20,.5),0 0 22px rgba(255,42,58,.4)}
.btn-moon{background:linear-gradient(180deg,#4f7cff,#2a1f8f);color:#f4f7ff;border-color:#b8ff3c;box-shadow:0 0 0 1px rgba(184,255,60,.45),0 6px 24px rgba(79,124,255,.4),0 0 18px rgba(42,31,143,.45)}
.btn-moon:hover{color:#fff;box-shadow:0 0 0 1px rgba(184,255,60,.75),0 8px 30px rgba(79,124,255,.55),0 0 22px rgba(184,255,60,.28)}
.btn-stakepoint{background:linear-gradient(180deg,#fb57ff,#9333ea);color:#fff;border-color:#c084fc;box-shadow:0 6px 24px rgba(251,87,255,.35),0 0 18px rgba(147,51,234,.28)}
.btn-stakepoint:hover{color:#fff;box-shadow:0 8px 30px rgba(251,87,255,.5),0 0 22px rgba(147,51,234,.4)}
.btn-stakepoint:focus-visible{outline:3px solid #fff;outline-offset:3px}
/* Cyan filled CTA — matches Official Links / Copy CA; readable dark text */
.btn-cyan{background:linear-gradient(180deg,#7ef4ff,#22d3ee);color:#041b24;border-color:#b5fbff;box-shadow:0 6px 24px rgba(34,211,238,.3);font-weight:700}
.btn-cyan:hover{color:#041b24;box-shadow:0 8px 30px rgba(34,211,238,.45);filter:brightness(1.04)}
.btn-cyan:focus-visible{outline:3px solid #fff;outline-offset:3px}

.cta-row{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.4rem 0}
.center-row{justify-content:center}
/* hero */
.hero{padding:2rem 0 2.5rem}
.hero-grid{display:grid;gap:1.6rem;align-items:center}
.eyebrow{font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.85rem;color:var(--gold-l);margin-bottom:.6rem}
.lead{font-family:var(--head);font-weight:800;font-size:clamp(1.25rem,5vw,1.7rem);line-height:1.25}
.motto{background:linear-gradient(90deg,#3dff14,#22d3ee 40%,#ff5cae 75%,#ffbd00);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:800;font-size:1.1rem;font-family:var(--head)}
.trust,.facts{list-style:none;padding:0;margin:1.2rem 0 0;display:flex;flex-direction:column;gap:.45rem}
.trust li{font-weight:700;color:#e8ffe4;font-size:.95rem}
.facts li{--a:var(--gold);font-weight:700;font-size:.95rem;padding:.55rem .85rem;background:linear-gradient(90deg,color-mix(in srgb,var(--a) 14%,var(--panel)),var(--panel) 70%);border:1px solid var(--line);border-left:4px solid var(--a);border-radius:10px}
.hero-art img{width:100%;max-width:520px;margin:0 auto;border-radius:24px;border:2px solid rgba(167,139,250,.45);box-shadow:0 20px 70px rgba(167,139,250,.28),-24px 10px 80px rgba(61,255,20,.14),24px 20px 80px rgba(255,92,174,.16)}
.tok .hero-art img{border-color:rgba(255,189,0,.5);box-shadow:0 20px 70px rgba(255,189,0,.2),-24px 10px 80px rgba(34,211,238,.14),24px 20px 80px rgba(255,92,174,.14)}
@media(min-width:900px){.hero{padding:3.5rem 0 4rem}.hero-grid{grid-template-columns:1.05fr .95fr;gap:3rem}.trust{flex-direction:row;flex-wrap:wrap;gap:.5rem 1.4rem}}
/* sections */
.section{padding:3rem 0}
.section.alt{background:linear-gradient(180deg,rgba(124,58,237,.14),rgba(18,15,34,.9));border-block:1px solid var(--line)}
.big{font-size:1.15rem}
.big.strong{font-family:var(--head);font-weight:800;font-size:1.5rem;background:linear-gradient(90deg,#3dff14,#22d3ee);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.steps5{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;padding:0;margin:1.6rem 0 0;counter-reset:s}
.steps5 li{counter-increment:s;--a:var(--green);background:color-mix(in srgb,var(--a) 14%,var(--panel));border:1px solid color-mix(in srgb,var(--a) 45%,var(--line));border-radius:12px;padding:.55rem 1rem;display:flex;gap:.5rem;align-items:center}
.steps5 li::before{content:counter(s);display:inline-grid;place-items:center;width:1.6rem;height:1.6rem;border-radius:50%;background:var(--a);color:#0a0912;font-weight:800;font-size:.85rem}
/* stats */
.stats{display:grid;grid-template-columns:1fr;gap:1rem;margin:1.6rem 0}
@media(min-width:560px){.stats{grid-template-columns:1fr 1fr}}
@media(min-width:960px){.stats{grid-template-columns:repeat(4,1fr)}}
.stat{--a:var(--green);background:linear-gradient(180deg,color-mix(in srgb,var(--a) 14%,var(--panel)),var(--panel));border:1px solid color-mix(in srgb,var(--a) 35%,var(--line));border-top:4px solid var(--a);border-radius:var(--r);padding:1.2rem 1rem;text-align:center}
.stat.red{--a:var(--coral)}
.stat.gold{--a:var(--gold)}
.stat.cyan{--a:var(--cyan)}
.stat.green{--a:var(--green)}
.stat.purple{--a:#fb57ff}
.stat.purple .lbl{color:#fb57ff}
.stat.purple .sub a{color:#e9d5ff;text-decoration:underline;text-underline-offset:2px}

.stat .num{color:#fff}
.stat .lbl{color:var(--a)}
.stat p{margin:0}
.stat .icon{font-size:1.8rem}
.stat .num{font-family:var(--head);font-weight:800;font-size:2rem;line-height:1.1;margin-top:.2rem}
.stat .num small{font-size:.55em;color:var(--muted)}
.stat .lbl{font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:.8rem;margin-top:.4rem}
.stat .sub,.sub{color:var(--muted);font-size:.9rem}
/* games */
.games{display:grid;gap:1.6rem;align-items:center}
.games-art img{max-width:300px;margin:0 auto;border-radius:22px;border:2px solid rgba(91,155,255,.55);box-shadow:0 18px 60px rgba(91,155,255,.28),0 0 0 6px rgba(255,92,174,.10)}
@media(min-width:800px){.games{grid-template-columns:auto 1fr;gap:3rem}.games-art img{max-width:300px}}
/* buy */
.buy-steps{list-style:none;counter-reset:b;padding:0;margin:1.6rem 0;display:grid;gap:1rem}
.buy-steps li{counter-increment:b;--a:var(--green);position:relative;background:linear-gradient(90deg,color-mix(in srgb,var(--a) 12%,var(--panel)),var(--panel) 60%);border:1px solid color-mix(in srgb,var(--a) 35%,var(--line));border-left:5px solid var(--a);border-radius:var(--r);padding:1.1rem 1rem 1rem 4rem}
.buy-steps li::before{content:counter(b);position:absolute;left:1rem;top:1rem;width:2.2rem;height:2.2rem;border-radius:50%;display:grid;place-items:center;background:var(--a);color:#0a0912;font:800 1.1rem var(--head)}
.buy-steps h3{margin:0 0 .3rem}
.buy-steps p:last-child{margin-bottom:0}
.contract{background:#0d0b19;border:2px solid transparent;background-image:linear-gradient(#0d0b19,#0d0b19),linear-gradient(120deg,#3dff14,#22d3ee,#a78bfa,#ff5cae,#ffbd00);background-origin:border-box;background-clip:padding-box,border-box;border-radius:var(--r);padding:1.2rem 1rem;margin:1.5rem 0;text-align:center;box-shadow:0 0 50px rgba(167,139,250,.18)}
.contract-label{font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:.8rem;color:var(--muted);margin-bottom:.5rem}
.contract-addr{display:block;font-size:.95rem;word-break:break-all;overflow-wrap:anywhere;background:#000;border:1px solid var(--line);border-radius:10px;padding:.8rem;user-select:all;color:var(--gold-l)}
.contract-actions{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin:1rem 0 .8rem}
.warn{background:rgba(255,69,74,.1);border:1px solid rgba(255,69,74,.5);color:#ffd0d1;border-radius:10px;padding:.7rem .9rem;margin:0;font-size:.92rem;font-weight:700}
.copy-status:empty{display:none}
.copy-status{margin:.6rem 0 0;color:var(--green);font-weight:700;font-size:.9rem}
/* tokenomics */
.verify-h{margin:1.6rem 0 .7rem}
.verify-grid{display:grid;gap:.6rem;grid-template-columns:1fr}
@media(min-width:560px){.verify-grid{grid-template-columns:1fr 1fr}.verify-grid.one{grid-template-columns:1fr}}
.vlink{display:flex;align-items:center;justify-content:space-between;gap:.5rem;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:.85rem 1rem;color:var(--text);text-decoration:none;font-weight:700;font-size:.9rem;letter-spacing:.03em;min-height:48px}
.vlink::after{content:"\2197";color:var(--gold)}
.vlink:hover{border-color:var(--gold);color:#fff}
.table-wrap{overflow-x:auto;margin:1.4rem 0;border:1px solid var(--line);border-radius:var(--r);background:var(--panel)}
.sched{width:100%;border-collapse:collapse}
.sched th,.sched td{padding:.85rem 1rem;text-align:left;border-bottom:1px solid var(--line)}
.sched th{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.sched tbody td:first-child{font-weight:700;color:var(--gold-l);white-space:nowrap}
.sched tfoot td{font-weight:800;font-size:1.05rem;background:rgba(255,189,0,.08);border-bottom:0}
.sched tfoot td:first-child{color:var(--gold-l)}
/* footer */
.site-footer{border-top:3px solid transparent;border-image:linear-gradient(90deg,#3dff14,#22d3ee,#a78bfa,#ff5cae,#ffbd00) 1;background:#07060d;padding:2.2rem 0 2.5rem;margin-top:1rem}
.foot{display:grid;gap:1.4rem}
.foot-brand p{color:var(--muted);margin:.6rem 0 0}
.foot-links{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:.5rem 1rem}
.foot-links a{color:var(--text);text-decoration:none;font-weight:700;font-size:.92rem}
.foot-links a:hover{color:var(--green)}
.disclaimer{color:var(--muted);font-size:.8rem;margin:0;line-height:1.5}
.disclaimer code{word-break:break-all;color:#cfd3df}
@media(min-width:800px){.foot{grid-template-columns:1fr 1fr}.disclaimer{grid-column:1/-1}}
.nf{min-height:60vh;display:grid;place-items:center;text-align:center;padding:3rem 1rem}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}.btn:hover{transform:none}}

/* v2: colour system */
.btn-ghost{background:rgba(167,139,250,.10);border-color:rgba(167,139,250,.55)}
.btn-ghost:hover{border-color:var(--cyan);background:rgba(34,211,238,.12)}
.btn-violet{background:linear-gradient(135deg,#7c3aed,#c026d3);color:#fff;box-shadow:0 6px 24px rgba(168,85,247,.35)}
.btn-violet:hover{color:#fff}
.nav a:hover,.nav a[aria-current]{color:var(--cyan)}
.foot-links a:hover{color:var(--cyan)}
a{color:#7df9ff}
.vlink::after{color:var(--cyan)}
.vlink:hover{border-color:var(--cyan)}
.sub,.stat .sub{color:var(--muted)}
/* feature chips: symmetrical 4x2 desktop, 2x4 mobile, equal size */
.chips{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:1fr;gap:.6rem;padding:0;margin:1.2rem 0}
@media(min-width:560px){.chips{grid-template-columns:repeat(4,1fr)}}
.chips li{--a:var(--green);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;min-height:88px;padding:.7rem .4rem;text-align:center;font-weight:700;font-size:.9rem;color:#fff;border-radius:14px;background:linear-gradient(160deg,color-mix(in srgb,var(--a) 24%,#15122a),#15122a 85%);border:1px solid color-mix(in srgb,var(--a) 60%,transparent);box-shadow:0 6px 18px color-mix(in srgb,var(--a) 14%,transparent);transition:transform .15s}
.chips li:hover{transform:translateY(-3px)}
.chips .ci{display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:50%;font-size:1.3rem;line-height:1;background:var(--a)}
.chips .c-meme{--a:#ffd84d}.chips .c-create{--a:#ff5cae}.chips .c-comic{--a:#22d3ee}.chips .c-contest{--a:#a78bfa}.chips .c-reward{--a:#3dff14}.chips .c-stake{--a:#ff9a3c}.chips .c-game{--a:#5b9bff}.chips .c-comm{--a:#ff6b6b}
/* step colours */
.steps5 li:nth-child(1),.buy-steps li:nth-child(1){--a:var(--green)}
.steps5 li:nth-child(2),.buy-steps li:nth-child(2){--a:var(--cyan)}
.steps5 li:nth-child(3),.buy-steps li:nth-child(3){--a:var(--violet)}
.steps5 li:nth-child(4),.buy-steps li:nth-child(4){--a:var(--pink)}
.steps5 li:nth-child(5){--a:var(--gold)}
.facts li:nth-child(2){--a:var(--cyan)}.facts li:nth-child(3){--a:var(--violet)}.facts li:nth-child(4){--a:var(--coral)}.facts li:nth-child(5){--a:var(--green)}.facts li:nth-child(6){--a:var(--pink)}.facts li:nth-child(7){--a:var(--orange)}
.trust li:nth-child(1){color:#b9ffa8}.trust li:nth-child(2){color:#ffc58a}.trust li:nth-child(3){color:#b8f4ff}
/* pay row */
/* section colour backgrounds */
#games{background:none}
#how-to-buy{background:linear-gradient(180deg,rgba(34,211,238,.10),rgba(124,58,237,.10))}
#community{background:radial-gradient(40rem 18rem at 50% 100%,rgba(255,189,0,.14),transparent 70%),radial-gradient(40rem 18rem at 50% 0%,rgba(255,92,174,.12),transparent 70%)}
#breakdown{background:linear-gradient(180deg,rgba(34,211,238,.10),rgba(124,58,237,.12))}
#schedule{background:linear-gradient(180deg,rgba(255,189,0,.10),rgba(124,58,237,.10))}
#verify{background:linear-gradient(180deg,transparent,rgba(255,92,174,.06))}
.vlink{background:linear-gradient(90deg,rgba(167,139,250,.10),var(--panel))}
.sched tbody tr:nth-child(odd){background:rgba(167,139,250,.06)}
.sched tfoot td{background:rgba(255,189,0,.14)}
.btn-primary,.btn-primary:hover{color:#04120a}
.btn-gold:hover{filter:brightness(1.08)}
.anytoken{margin:.2rem 0 0;font-size:.95rem;color:#e6e4f5}
/* arcade games cards */
.games-head{text-align:center;max-width:44rem;margin:0 auto 1.6rem}
.games-head h2::after{margin-left:auto;margin-right:auto}
.game-cards{display:grid;gap:1.4rem;margin:0 auto;max-width:60rem}
@media(min-width:800px){.game-cards{grid-template-columns:1fr 1fr}}
.game-card{background:rgba(255,255,255,.04);border:2px solid rgba(91,155,255,.45);border-radius:22px;overflow:hidden;box-shadow:0 18px 60px rgba(91,155,255,.18)}
.game-card img{display:block;width:100%;height:auto}
.gc-body{padding:1rem 1.2rem 1.2rem}
.gc-body h3{margin:.1rem 0 .4rem}
.games-cta{margin-top:1.6rem}
.btn.soon{opacity:.7;cursor:default}
.small{font-size:.9rem}
.game-card img.gc-art,.game-card img.gc-contain{aspect-ratio:16/10;object-fit:cover}
.game-card img.gc-contain{object-fit:contain;background:radial-gradient(ellipse at center,#1a0a24 0%,#070310 75%)}
.game-card img.gc-moon{background:radial-gradient(ellipse at center,#0b0f3a 0%,#03041a 80%)}

.hero-ca{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin:1rem 0;padding:.6rem .7rem;max-width:100%}
.hero-ca .contract-addr{font-size:.78rem;word-break:break-all;flex:1 1 14rem}
.hero-ca .copy-status{flex-basis:100%;margin:0;font-size:.85rem}
.nft-list{list-style:none;padding:0;display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));margin:1.5rem 0}
.nft-list li{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:1rem;display:flex;flex-direction:column;gap:.3rem}
.nft-list b{font-family:var(--head);color:var(--green);font-size:1.15rem}
.meme-art{margin:1rem auto;width:200px;border-radius:var(--r)}

.s-hero{padding:1.5rem 0 1rem}
.s-hero-grid{display:grid;gap:1rem;align-items:center;justify-items:center;text-align:center}
.s-robo{width:min(60vw,260px)}
.s-hero h1{font-size:clamp(2rem,8vw,3.4rem);margin:.2rem 0 .6rem}
.s-hero .cta-row{justify-content:center}
.s-ca{margin:.8rem auto 0;padding:.5rem .7rem;max-width:30rem}
.s-ca .contract-addr{font-size:.75rem;word-break:break-all}
.s-ca .copy-status{margin:.2rem 0 0;font-size:.8rem;min-height:0}
.s-sec{padding:1rem 0}
.s-sec h2{font-size:1.4rem;margin:0 0 .7rem}
.s-cards{display:grid;gap:.7rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}
.s-card{display:flex;gap:.8rem;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:.7rem .9rem;color:var(--text);text-decoration:none}
a.s-card:hover{border-color:var(--green)}
.s-card img{width:52px;height:52px;object-fit:contain}
.s-card b{display:block;font-family:var(--head)}.s-card small{color:var(--muted)}
.s-ic{font-size:2rem;width:52px;text-align:center}
.s-foot{padding:1rem 0 1.5rem}
@media(min-width:900px){.s-hero-grid{grid-template-columns:380px 1fr;text-align:left;justify-items:start}.s-robo{width:380px}.s-hero .cta-row{justify-content:flex-start}.s-ca{margin-left:0}}

.s-sub{margin:-.3rem 0 .8rem}
.g-grid{display:grid;gap:.8rem;grid-template-columns:1fr 1fr}
.g-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column}
.g-card img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:top}
.g-body{padding:.6rem .7rem .8rem;display:flex;flex-direction:column;gap:.35rem;flex:1}
.g-body h3{margin:0;font-family:var(--head);font-size:1rem}.g-body p{margin:0;font-size:.85rem;color:var(--muted);flex:1}
.g-body .btn{align-self:flex-start}
.m-strip{display:flex;gap:.6rem;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.4rem;justify-content:flex-start}
.m-strip img{height:170px;width:auto;border-radius:12px;scroll-snap-align:start;flex:none}
.rm{list-style:none;padding:0;margin:0;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}
.rm li{display:flex;gap:.7rem;align-items:center;background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--line);border-radius:12px;padding:.55rem .8rem;font-size:.9rem}
.rm li.done{border-left-color:var(--green)}.rm li.now{border-left-color:var(--gold)}
.rm b{font-family:var(--head);min-width:3.2rem;color:var(--gold-l)}
.tk{list-style:none;padding:0;margin:0 0 .4rem;display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}
.tk li{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:.6rem;text-align:center}
.tk b{display:block;font-family:var(--head);font-size:1.3rem;color:var(--green)}.tk span{font-size:.8rem;color:var(--muted)}
@media(min-width:900px){.g-grid{grid-template-columns:repeat(2,minmax(0,340px));justify-content:center}.m-strip{justify-content:center}.m-strip img{height:240px}.tk{grid-template-columns:repeat(4,1fr)}}

.kicker{font-weight:700;color:var(--green);margin:0 0 .2rem;text-align:center}
.arcade,.stake{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:1.2rem 1rem;text-align:center}
.arcade h2,.stake h2{text-align:center}
.a-logos{display:grid;grid-template-columns:1fr;gap:1.1rem;max-width:280px;margin:1rem auto;justify-items:center}
.a-logos figure{margin:0;display:flex;flex-direction:column;align-items:center;width:100%}
.a-logos img{width:100%;height:auto;border-radius:50%}
.a-logos figcaption{font-weight:700;margin:.45rem 0 .55rem;font-size:.95rem}
.a-logos .btn{width:100%;max-width:220px}
@media(min-width:640px){.a-logos{grid-template-columns:1fr 1fr;max-width:560px;gap:.8rem 1.2rem}}
.stake{border-color:rgba(251,87,255,.45);box-shadow:0 0 0 1px rgba(168,85,247,.18),0 12px 40px rgba(147,51,234,.16)}
.stake-facts{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:720px;margin:1rem auto;gap:.55rem}
@media(max-width:899px){.stake-facts li:last-child{grid-column:1/-1;width:100%;max-width:calc(50% - .28rem);justify-self:center}}
.stake-facts li{background:linear-gradient(180deg,rgba(251,87,255,.10),rgba(23,21,42,.92));border-color:rgba(192,132,252,.35);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;min-height:5.2rem;padding:.7rem .45rem}
.stake-facts b,.stake-facts span{display:block;font-family:var(--head);font-weight:800;font-size:clamp(.95rem,2.8vw,1.15rem);line-height:1.2;color:#fb57ff;letter-spacing:.01em}
.stake .stake-copy{max-width:40rem;margin:.2rem auto 0}
.f-links ul{list-style:none;padding:0;margin:.4rem 0 1rem;display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem 1.2rem}
.f-h{font-size:1rem;margin:.6rem 0 0}
.subhead{font-weight:700;font-size:1.1rem;margin:.2rem 0 .6rem}
.s-hero h1{font-size:clamp(2.4rem,10vw,4.2rem);color:#fff}.s-hero h1 em{background:none;-webkit-text-fill-color:var(--green);color:var(--green)}

.arcade .a-title,.stake .a-title{font-size:clamp(2.2rem,9vw,3.6rem);line-height:1.05;margin:0 0 .4rem;color:#fff;text-align:center;letter-spacing:-.02em}
.arcade .a-tag{font-family:var(--head);font-weight:700;font-size:clamp(1.05rem,3.5vw,1.35rem);margin:0 0 .5rem;color:var(--gold-l);text-align:center}
.stake .stake-tag{font-family:var(--head);font-weight:700;font-size:clamp(1.05rem,3.5vw,1.35rem);margin:0 0 .5rem;color:#fb57ff;text-align:center}
.stake-embed{display:flex;justify-content:center;margin:1.5rem 0}
.stake-embed iframe{width:100%;max-width:600px;height:800px;border:0;border-radius:16px;display:block}
@media (max-width:480px){.stake-embed iframe{height:900px}}
@media(min-width:900px){.stake-facts{grid-template-columns:repeat(5,minmax(0,1fr))!important}}
@media(min-width:520px) and (max-width:899px){.stake-facts{grid-template-columns:repeat(3,minmax(0,1fr))!important}}

/* homepage tokenomics card */
.tok-infographic{margin:1rem auto 1.15rem;max-width:900px}
.tok-infographic picture,.tok-infographic img{display:block;width:100%;height:auto;border-radius:20px;border:2px solid rgba(255,189,0,.45);box-shadow:0 18px 60px rgba(255,189,0,.18),-18px 8px 50px rgba(61,255,20,.10),18px 14px 50px rgba(255,92,174,.12)}
.hero-art picture{display:block;width:100%;max-width:520px;margin:0 auto}
.hero-art picture img{width:100%;height:auto}
.tok-card{background:var(--panel);border:1px solid rgba(255,189,0,.35);border-radius:var(--r);padding:1.3rem 1rem 1.4rem;text-align:center;box-shadow:0 0 0 1px rgba(255,216,77,.12),0 14px 40px rgba(255,189,0,.10)}
.tok-card .a-title{font-size:clamp(2rem,8vw,3.2rem)}
.tok-tag{color:var(--gold-l)!important}
.tok-overview{list-style:none;padding:0;margin:1rem auto;display:grid;gap:.55rem;grid-template-columns:1fr 1fr;max-width:820px}
.tok-overview li{background:linear-gradient(180deg,rgba(255,189,0,.10),rgba(23,21,42,.92));border:1px solid rgba(255,216,77,.28);border-radius:12px;padding:.75rem .55rem}
.tok-overview b{display:block;font-family:var(--head);font-size:clamp(1.25rem,4vw,1.7rem);color:var(--gold-l);line-height:1.1}
.tok-overview span{display:block;font-weight:700;color:#fff;margin:.25rem 0 .15rem;font-size:.92rem}
.tok-overview em{display:block;font-style:normal;color:var(--muted);font-size:.78rem;line-height:1.35}
.tok-h{font-size:1.15rem;margin:1.1rem 0 .35rem;color:#fff}
.tok-note{margin:0 auto .7rem;max-width:36rem}
.tok-bar{display:grid;grid-template-columns:57.52fr 24.52fr 17.96fr;height:1.55rem;border-radius:999px;overflow:hidden;max-width:820px;margin:0 auto .9rem;border:1px solid var(--line)}
.tb-seg{display:flex;align-items:center;justify-content:center;font:700 .68rem/1 var(--head);color:#04120a;min-width:0}
.tb-locked,.tok-break .tb-locked{--c:#ffd84d}
.tb-lp,.tok-break .tb-lp{--c:#22d3ee}
.tb-circ,.tok-break .tb-circ{--c:#3dff14}
.tb-stake,.tok-break .tb-stake{--c:#fb57ff}
.tok-bar .tb-locked{background:var(--c)}
.tok-bar .tb-lp{background:var(--c)}
.tok-bar .tb-circ{background:var(--c)}
.tok-break{list-style:none;padding:0;margin:0 auto 1rem;display:grid;gap:.5rem;max-width:820px;text-align:left}
.tok-break li{display:grid;gap:.15rem;background:rgba(255,255,255,.03);border:1px solid var(--line);border-left:4px solid var(--c,#ffd84d);border-radius:12px;padding:.65rem .8rem}
.tok-break b{font-family:var(--head);color:#fff;font-size:1rem}
.tok-break span{color:var(--muted);font-size:.88rem}
.tok-break em{font-style:normal;color:var(--c,#ffd84d);font-weight:700;font-size:.82rem}
.tok-badges{list-style:none;padding:0;margin:0 auto 1rem;display:flex;flex-wrap:wrap;justify-content:center;gap:.45rem;max-width:820px}
.tok-badges li{background:rgba(61,255,20,.08);border:1px solid rgba(61,255,20,.35);color:#d9ffd0;border-radius:999px;padding:.35rem .8rem;font-size:.78rem;font-weight:700}
@media(min-width:900px){.tok-overview{grid-template-columns:repeat(4,1fr)}.tok-card{padding:1.6rem 1.4rem 1.7rem}.tb-seg{font-size:.75rem}}
@media(max-width:520px){.tok-bar{grid-template-columns:1fr;height:auto}.tb-seg{padding:.35rem;justify-content:flex-start;padding-left:.7rem}}

/* memes card — matches Arcade headline treatment */
.memes{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:1.2rem 1rem;text-align:center}
.memes .a-title,.memes .m-title{font-size:clamp(1.55rem,6.2vw,3rem);line-height:1.08;margin:0 0 .4rem;color:#fff;text-align:center;letter-spacing:-.02em;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.35rem .55rem}
.memes .m-icon{width:clamp(1.55rem,6vw,2.6rem);height:auto;flex:none;display:inline-block}
.memes .a-tag,.memes .m-tag{font-family:var(--head);font-weight:700;font-size:clamp(1.05rem,3.5vw,1.35rem);margin:0 0 .5rem;color:var(--gold-l);text-align:center}
.rm b{min-width:4.6rem}

/* Arcade-only neutral surround; staking retains its approved colors. */
#games .arcade{background:#111113;border-color:transparent;box-shadow:none}

/* Arcade hub first, with equal-size responsive destination cards. */
#games .a-logos{grid-template-columns:minmax(0,1fr);max-width:280px;gap:1.2rem}
#games .a-logos figure{min-width:0;align-self:stretch}
#games .a-logos img{width:100%;aspect-ratio:1;height:auto;object-fit:contain}
#games .a-logos figcaption{min-height:1.6em}
#games .a-logos .btn{min-height:56px;margin-top:auto;padding:.6rem .65rem;font-size:clamp(.9rem,2.2vw,.95rem);line-height:1.15;text-wrap:balance;overflow-wrap:normal;hyphens:manual;width:100%;justify-content:center}
#games .arcade-hub figcaption{color:#fff}
#games .arcade-hub .btn{background:linear-gradient(180deg,#ffe56b,#ffc928);color:#171300;border-color:#ffe56b;box-shadow:0 6px 24px rgba(255,201,40,.3)}
#games .arcade-hub .btn:hover{color:#171300;box-shadow:0 8px 30px rgba(255,201,40,.4)}
@media(min-width:760px){#games .a-logos{grid-template-columns:repeat(3,minmax(0,1fr));max-width:980px;gap:1.15rem}#games .a-logos .btn{white-space:nowrap;font-size:.95rem;padding:.65rem .7rem}}

/* Decorative staking lock follows the section-heading icon scale. */
#staking #stk{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.35rem .5rem}
#staking .stake-lock{width:clamp(1.55rem,6vw,2.6rem);height:auto;flex:none;color:#fb57ff}
#staking #stk span{min-width:0;max-width:100%}

/* Tokenomics heading icon, matching other section icons. */
#tokenomics #tk{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.35rem .5rem}
#tokenomics .token-icon{width:clamp(1.55rem,6vw,2.6rem);height:auto;flex:none;color:var(--gold-l)}
#tokenomics #tk span{min-width:0;max-width:100%}

/* Beginner buying guide and official destinations; section-scoped. */
#how-to-buy .buy-guide,#community .official-links{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:1.3rem 1rem}
#how-to-buy .utility-heading,#community .utility-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.35rem .5rem;font-family:var(--head);font-size:clamp(1.6rem,6vw,2.5rem);text-align:center}
#how-to-buy .utility-icon,#community .utility-icon{width:clamp(1.55rem,6vw,2.6rem);height:auto;flex:none;color:var(--green)}
#community .utility-icon{color:var(--cyan)}
#how-to-buy .utility-heading span,#community .utility-heading span{min-width:0;max-width:100%}
#how-to-buy .buy-steps{max-width:900px;margin:1.2rem auto;grid-template-columns:minmax(0,1fr)}
#how-to-buy .buy-steps li{min-width:0;overflow-wrap:anywhere}
#how-to-buy .contract{max-width:900px;margin:1rem auto}
#community .official-link-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:.8rem;max-width:900px;margin:1.2rem auto 0}
#community .official-link-grid .btn{width:100%;min-width:0;min-height:56px;white-space:normal;overflow-wrap:anywhere}
@media(min-width:640px){#community .official-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#how-to-buy .buy-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:960px){#community .official-link-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Current section navigation: compact pills wrap within the header. */
.site-header .bar{padding-left:1.1rem;padding-right:1.1rem}
.site-header .nav-pills{min-width:0;gap:.35rem}
.site-header .nav-pills .btn{max-width:100%;white-space:normal;overflow-wrap:anywhere;padding:.35rem .65rem;font-size:.76rem}
#tokenomics .token-icon{object-fit:contain;background:none;border:0;border-radius:0}
/* Sticky header wraps to ~3 pill rows near 400px; keep section titles clear of the bar. */
html{scroll-padding-top:5.5rem}
@media(max-width:899px){
  html{scroll-padding-top:300px}
  main section[id],#main{scroll-margin-top:300px}
}
@media(max-width:480px){
  html{scroll-padding-top:340px}
  main section[id],#main{scroll-margin-top:340px}
}
@media(min-width:900px){
  html{scroll-padding-top:140px}
  main section[id],#main{scroll-margin-top:140px}
}

/* Color only the three remaining navigation pills; keep their geometry. */
.site-header .nav-pills a[href="/#how-to-buy"]{background:linear-gradient(180deg,#58ff32,#1fb800);color:#04120a;border-color:#b6ff9d;box-shadow:0 4px 16px rgba(61,255,20,.3)}
.site-header .nav-pills a[href="/#community"]{background:linear-gradient(180deg,#7ef4ff,#22c9e6);color:#041b24;border-color:#b5fbff;box-shadow:0 4px 16px rgba(34,201,230,.3)}
.site-header .nav-pills a[href="/#roadmap"]{background:linear-gradient(180deg,#c4a2ff,#a880ef);color:#1c0b36;border-color:#e4d2ff;box-shadow:0 4px 16px rgba(168,128,239,.35)}
.site-header .nav-pills a[href="/#how-to-buy"]:hover{color:#04120a;box-shadow:0 6px 20px rgba(61,255,20,.5)}
.site-header .nav-pills a[href="/#community"]:hover{color:#041b24;box-shadow:0 6px 20px rgba(34,201,230,.5)}
.site-header .nav-pills a[href="/#roadmap"]:hover{color:#1c0b36;box-shadow:0 6px 20px rgba(168,128,239,.5)}
.site-header .nav-pills a[href="/#how-to-buy"]:focus-visible,.site-header .nav-pills a[href="/#community"]:focus-visible,.site-header .nav-pills a[href="/#roadmap"]:focus-visible{outline:3px solid #fff;outline-offset:3px}

/* X-branded latest-posts CTA, isolated to the memes section. */
#memes a.btn[href="https://x.com/GoodBotBadMemes"]{background:#000;color:#fff;border-color:#555;box-shadow:none}
#memes a.btn[href="https://x.com/GoodBotBadMemes"]:hover{background:#000;color:#fff;border-color:#aaa;box-shadow:0 4px 14px rgba(255,255,255,.12)}
#memes a.btn[href="https://x.com/GoodBotBadMemes"]:focus-visible{outline:3px solid #fff;outline-offset:3px}

/* Buying resources: brand-inspired colors, isolated to this section. */
#how-to-buy .buy-swap-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.35rem .5rem}
#how-to-buy .buy-swap-heading .utility-icon{width:1.55rem}
#how-to-buy .buy-resources a[href^="https://phantom.com/tokens/"]{background:linear-gradient(135deg,#e681d4,#b7a1ff);color:#250e32;border-color:#edc0ff;box-shadow:0 4px 16px rgba(193,133,241,.3)}
#how-to-buy .buy-resources a[href^="https://dexscreener.com/"]{background:#000;color:#fff;border-color:#666;box-shadow:none}
#how-to-buy .buy-resources a[href^="https://www.geckoterminal.com/"]{background:linear-gradient(180deg,#51258a,#321253);color:#fff;border-color:#a77bde;box-shadow:0 4px 16px rgba(113,52,185,.3)}
#how-to-buy .buy-resources a[href^="https://phantom.com/tokens/"]:hover{color:#250e32;border-color:#fff;box-shadow:0 6px 20px rgba(193,133,241,.5)}
#how-to-buy .buy-resources a[href^="https://dexscreener.com/"]:hover{color:#fff;border-color:#bbb;box-shadow:0 4px 14px rgba(255,255,255,.12)}
#how-to-buy .buy-resources a[href^="https://www.geckoterminal.com/"]:hover{color:#fff;border-color:#d6b3ff;box-shadow:0 6px 20px rgba(113,52,185,.5)}
#how-to-buy .buy-resources .btn:focus-visible{outline:3px solid #fff;outline-offset:3px}

/* Official Links only: distinguish Arcade from gold Tokenomics. */
#community .official-link-grid a[href="https://botcoinarcade.com/"]{background:linear-gradient(180deg,#5b9bff,#3147c7);color:#fff;border-color:#ffd84d;box-shadow:0 4px 16px rgba(91,155,255,.35)}
#community .official-link-grid a[href="https://botcoinarcade.com/"]:hover{color:#fff;box-shadow:0 6px 20px rgba(91,155,255,.5)}
#community .official-link-grid a[href^="https://dexscreener.com/"]{background:#303238;color:#fff;border-color:#686b73;box-shadow:none}
#community .official-link-grid a[href^="https://dexscreener.com/"]:hover{background:#303238;color:#fff;border-color:#b2b5be;box-shadow:0 4px 14px rgba(255,255,255,.1)}
#community .official-link-grid a[href="https://botcoinarcade.com/"]:focus-visible,#community .official-link-grid a[href^="https://dexscreener.com/"]:focus-visible{outline:3px solid #fff;outline-offset:3px}

/* Community rewards: prominent, responsive cards without a full-width band. */
#rewards .rewards-program{background:#111b18;border:1px solid #3d8663;border-radius:var(--r);padding:1.3rem 1rem;text-align:center}
#rewards .rewards-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.35rem .5rem;font-family:var(--head);font-size:clamp(1.8rem,6vw,2.8rem);margin:0 0 .5rem}
#rewards .rewards-icon{width:clamp(1.55rem,6vw,2.6rem);height:auto;flex:none}
#rewards .rewards-heading span{min-width:0;max-width:100%}
#rewards .rewards-total{font-family:var(--head);font-weight:800;font-size:clamp(1.2rem,4vw,1.75rem);color:#ffe07b;margin:0 0 .4rem}
#rewards .rewards-tagline{color:#a0ffd0;font-weight:700;margin:0 0 1.2rem}
#rewards .rewards-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;text-align:left}
#rewards .reward-card{--reward-accent:#68f0ac;min-width:0;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-top:4px solid var(--reward-accent);border-radius:var(--r);padding:1rem;overflow-wrap:anywhere}
#rewards .reward-community{--reward-accent:#22d3ee}
#rewards .reward-creative{--reward-accent:#d0a1ff}
#rewards .reward-card h3{font-family:var(--head);font-size:1.15rem;margin:0 0 .4rem}
#rewards .reward-amount{font-family:var(--head);font-size:1.25rem;color:var(--reward-accent);font-weight:800}
#rewards .reward-prizes{font-weight:700;color:#ffe07b}
#rewards .reward-card .btn{margin-top:auto;min-width:0;width:100%;white-space:normal}
#rewards .treasury-note{max-width:880px;margin:1.2rem auto 0;border-top:1px solid #355044;padding-top:1rem}
#rewards .treasury-note h3{font-family:var(--head);font-size:1.05rem;color:#a0ffd0}
#rewards .treasury-note p{font-size:.9rem;color:var(--muted)}
#rewards .treasury-note .btn{max-width:100%;white-space:normal;overflow-wrap:anywhere}
#rewards .rewards-schedule{margin:1rem 0 0}
.site-header .nav-pills .nav-rewards{background:linear-gradient(180deg,#b9f58c,#6ad7a1);color:#102418;border-color:#ddffd2;box-shadow:0 4px 16px rgba(106,215,161,.3)}
.site-header .nav-pills .nav-rewards:hover{color:#102418;box-shadow:0 6px 20px rgba(106,215,161,.5)}
.site-header .nav-pills .nav-rewards:focus-visible,#rewards .btn:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(min-width:1000px){#rewards .rewards-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Exact-token Coinbase DEX resource; not a centralized listing claim. */
#how-to-buy .buy-resources a[href^="https://www.coinbase.com/price/"]{background:#0052ff;color:#fff;border-color:#80a8ff;box-shadow:0 4px 16px rgba(0,82,255,.3)}
#how-to-buy .buy-resources a[href^="https://www.coinbase.com/price/"]:hover{background:#0047dc;color:#fff;border-color:#bed1ff;box-shadow:0 6px 20px rgba(0,82,255,.5)}

/* Clear Arcade eligibility emphasis without a separate banner. */
#games .arcade-eligibility{color:#fff;font-weight:800}
#games .arcade-eligibility a{color:#ffe56b;text-decoration:underline;text-underline-offset:.15em}
#games .arcade-eligibility a:focus-visible{outline:2px solid #fff;outline-offset:3px}

/* Hero-only type hierarchy; leave Arcade and other section headings alone. */
.s-hero #what{font-family:var(--font);font-weight:700;font-style:normal;text-transform:none;font-size:clamp(2.25rem,7vw,3.8rem);line-height:1.15;letter-spacing:-.035em;margin:.15rem 0 1.15rem}
.s-hero #what em{font-style:normal;background:none;color:var(--green);-webkit-text-fill-color:var(--green)}
.s-hero .hero-divider{color:#fff;font-weight:700;letter-spacing:0}
.s-hero .lead{font-family:var(--font);font-weight:700;font-style:normal;font-size:clamp(1rem,2.4vw,1.2rem);line-height:1.75;letter-spacing:0;color:#dedde6;max-width:62ch;margin:0 auto 1.4rem}
#memes .m-title .m-good{color:#3dff14}
#memes .m-title .m-bad{color:#ff3030}
#memes .m-title .m-community{color:#ff8500}
@media(min-width:900px){.s-hero .lead{margin-left:0;margin-right:0}}

/* Treasury replenishment is a visible program panel, not a footnote. */
#rewards .treasury-note{max-width:none;width:100%;margin:1.5rem 0 0;padding:clamp(1.1rem,3vw,1.8rem);background:linear-gradient(135deg,#292216,#191c19);border:1px solid #c19a41;border-radius:var(--r);box-shadow:0 0 0 1px rgba(255,216,77,.1)}
#rewards .treasury-note h3{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.45rem .65rem;font-family:var(--font);font-weight:700;font-size:clamp(1.35rem,3vw,1.75rem);line-height:1.3;color:#ffe28c;margin:0 0 1rem}
#rewards .treasury-note h3 span{min-width:0;max-width:100%}
#rewards .treasury-money-icon{width:clamp(2rem,5vw,2.6rem);height:auto;flex:none}
#rewards .treasury-note p{max-width:78ch;margin:0 auto 1.15rem;font-size:clamp(1rem,2vw,1.125rem);line-height:1.75;color:#f0ece2}
#rewards .treasury-note .btn{min-height:52px;padding:.75rem 1.2rem;font-size:1rem;font-weight:700;background:linear-gradient(180deg,#ffe28c,#ffc94d);color:#241b07;border-color:#fff0b9;box-shadow:0 4px 16px rgba(255,201,77,.18)}
#rewards .treasury-note .btn:hover{color:#241b07;border-color:#fff;box-shadow:0 6px 20px rgba(255,201,77,.3)}

/* Stronger final section heading and a simple branded close. */
#roadmap #rm{font-size:clamp(1.55rem,4.6vw,2.45rem);line-height:1.25;margin:0 0 .45rem;text-align:center;font-family:var(--head);font-weight:800;overflow:visible;padding:.15rem .35rem;letter-spacing:.01em}
#roadmap #rm .arcade-brand-coin{color:var(--green)}
#roadmap .roadmap-sub{text-align:center;max-width:min(52rem,100%);margin:0 auto 1.05rem;font-family:var(--font);font-weight:700;font-size:clamp(1rem,2.8vw,1.25rem);line-height:1.4;color:#c9d2e3;text-wrap:balance;padding:0 .5rem}
#roadmap .roadmap-grid{display:grid;grid-template-columns:1fr;gap:.85rem;margin:0 0 .85rem}
@media(min-width:760px){#roadmap .roadmap-grid{grid-template-columns:1fr 1fr;gap:.9rem}}
#roadmap .roadmap-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:.95rem 1rem 1rem;display:flex;flex-direction:column;gap:.35rem;box-shadow:0 8px 22px rgba(0,0,0,.2)}
#roadmap .roadmap-icon{color:var(--cyan);width:1.7rem;height:1.7rem;display:flex;align-items:center}
#roadmap .roadmap-icon svg{width:1.7rem;height:1.7rem;display:block}
#roadmap .roadmap-card h3{margin:0;font-family:var(--head);font-size:clamp(1.05rem,2.6vw,1.22rem);font-weight:800;color:#fff;letter-spacing:.01em}
#roadmap .roadmap-card p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.4}
#roadmap .roadmap-disclaimer{text-align:center;margin:.15rem auto .85rem;max-width:36rem}
#roadmap .roadmap-closer{text-align:center;margin:1.1rem auto .35rem;padding:.7rem .3rem .15rem}
#roadmap .closing-tagline{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.25rem .45rem;font-family:var(--font);font-weight:700;font-size:clamp(1.1rem,3.2vw,1.5rem);line-height:1.45;margin:0 0 .5rem}
#roadmap .closing-bot{width:1.55rem;height:1.55rem;flex:0 0 auto}
#roadmap .closing-good{color:#3dff14}
#roadmap .closing-bad{color:#ff3030}
#roadmap .closing-community{color:#ff8500}
#roadmap .closing-start{font-family:var(--font);font-weight:700;font-size:clamp(1.05rem,2.8vw,1.3rem);line-height:1.45;color:#f2f4f8;margin:0}
.site-footer.s-foot{padding:.85rem 0 1.35rem;margin-top:.35rem}
.f-h{font-size:.95rem;margin:.35rem 0 0}
.f-links ul{margin:.3rem 0 .75rem;gap:.3rem 1rem}

/* Brand accent: Bot white + Coin green in Arcade and Tokenomics headings. */
#games #play .arcade-brand-coin,#tokenomics #tk .arcade-brand-coin,#roadmap #rm .arcade-brand-coin,.tok .hero h1 .arcade-brand-coin{color:var(--green)}

/* Only staking stat-box text is white; retain magenta section accents. */
#staking .stake-facts b,#staking .stake-facts span{color:#fff}

/* Only large numbers in the four homepage tokenomics overview cards. */
#tokenomics .tok-overview li:nth-child(1)>b{color:var(--green)}
#tokenomics .tok-overview li:nth-child(2)>b{color:#ff6b6b}
#tokenomics .tok-overview li:nth-child(3)>b{color:var(--cyan)}
#tokenomics .tok-overview li:nth-child(4)>b{color:var(--gold-l)}

/* Hero Copy CA only: filled purple, not the shared ghost outline. */
.s-hero .btn-copy-ca{background:linear-gradient(180deg,#7ef4ff,#22d3ee);color:#041b24;border-color:#b5fbff;box-shadow:0 6px 24px rgba(34,211,238,.3);font-weight:700}
.s-hero .btn-copy-ca:hover{color:#041b24;box-shadow:0 8px 30px rgba(34,211,238,.45)}
.s-hero .btn-copy-ca:focus-visible{outline:3px solid #fff;outline-offset:3px}
.s-hero .s-ca .contract-addr{color:#7ef4ff}

/* tok page supply subsections */
body.tok #breakdown .verify-h{margin-top:1.6rem}
body.tok #schedule .muted.small{margin-top:1rem}



/* All Locks page */
body.locks-page .hero h1{font-size:clamp(2.1rem,6.2vw,3.4rem)}
body.locks-page .hero h1 .locks-h1-main{white-space:nowrap}
body.locks-page .hero h1 .h1-sub{letter-spacing:.04em;font-size:.42em;line-height:1.25;max-width:22em;white-space:normal}
@media(max-width:420px){
  body.locks-page .hero h1{font-size:clamp(1.55rem,7.8vw,1.95rem)}
  body.locks-page .hero h1 .locks-h1-main{white-space:nowrap}
  body.locks-page .hero h1 .h1-sub{font-size:.40em;letter-spacing:.03em;max-width:none}
}

.locks-cta{margin-top:1.15rem!important;text-align:center}
body.locks-page #locks{scroll-margin-top:5.5rem}
.lock-list{display:grid;gap:.75rem;margin:1.4rem 0 1rem}
.lock-card{background:linear-gradient(90deg,rgba(167,139,250,.10),var(--panel));border:1px solid var(--line);border-radius:12px;padding:1rem 1.05rem;display:grid;gap:.35rem}
.lock-card-h{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap}
.lock-card-h h3{margin:0;font-family:var(--head);font-size:1.05rem;color:var(--gold-l);letter-spacing:.02em}
.lock-prov{font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--cyan);background:rgba(34,211,238,.10);border:1px solid rgba(34,211,238,.35);border-radius:999px;padding:.2rem .65rem}
.lock-amt{margin:0;font-family:var(--head);font-size:clamp(1.25rem,4vw,1.55rem);font-weight:800;color:#fff;line-height:1.1}
.lock-date{margin:0;color:var(--muted);font-size:.92rem;font-weight:600}
.lock-verify{display:inline-flex;align-items:center;gap:.35rem;margin-top:.25rem;color:var(--cyan);font-weight:700;text-decoration:none;border-bottom:1px solid rgba(34,211,238,.35);width:fit-content}
.lock-verify::after{content:"\2197";font-size:.9em}
.lock-verify:hover{color:#fff;border-bottom-color:var(--cyan)}
.lock-total{margin:1.1rem 0 1.2rem;padding:1rem 1.1rem;border-radius:12px;border:1px solid rgba(255,189,0,.4);background:rgba(255,189,0,.12);text-align:center}
.lock-total-amt{margin:0;font-family:var(--head);font-size:clamp(1.2rem,4vw,1.5rem);font-weight:800;color:var(--gold-l)}
.lock-total-lbl{margin:.2rem 0 .35rem;font-weight:800;letter-spacing:.04em}
.lock-total .sub{margin:0;color:var(--muted);font-size:.85rem;font-weight:600}

body.locks-page #burns,body.locks-page #staking-pool{scroll-margin-top:5.5rem}
.burn-card{background:linear-gradient(90deg,rgba(239,68,68,.12),var(--panel));border-color:rgba(239,68,68,.35)}
.burn-prov{color:#fca5a5;background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.4)}
.burn-total{border-color:rgba(239,68,68,.45);background:rgba(239,68,68,.12)}
.burn-total .lock-total-amt{color:#fca5a5}
.stake-card{background:linear-gradient(90deg,rgba(251,87,255,.10),var(--panel));border-color:rgba(251,87,255,.35)}
.stake-prov{color:#fb57ff;background:rgba(251,87,255,.10);border-color:rgba(251,87,255,.4)}
.lock-note{margin:.15rem 0 .35rem;color:var(--muted);font-size:.9rem;line-height:1.45;font-weight:500}
.fee-note{margin:1rem 0 1.15rem;padding:.9rem 1rem;border-radius:12px;border:1px solid rgba(167,139,250,.45);background:linear-gradient(180deg,rgba(167,139,250,.14),rgba(23,21,42,.92));text-align:left}
.fee-note-title{margin:0 0 .35rem;font-family:var(--head);font-weight:800;font-size:.95rem;letter-spacing:.04em;text-transform:uppercase;color:#c4b5fd}
.fee-note p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.5}
.fee-note a{color:#e9d5ff;text-decoration:underline;text-underline-offset:2px}
.lock-fee-foot{margin:0;color:#c4b5fd;font-size:.78rem;font-weight:600;letter-spacing:.01em}
.stat .fee-mini{margin-top:.35rem;font-size:.78rem;line-height:1.35}
.stat .fee-mini a{color:#c4b5fd;text-decoration:underline;text-underline-offset:2px}

.lock-card .lock-verify + .lock-verify{margin-top:.15rem}
