:root{--bg:#07070f;--bg2:#0c0c1e;--ink:#e5e7eb;--mute:rgba(229,231,235,.62);--vio:#a78bfa;--vio2:#c4b5fd;--cyan:#67e8f9;--line:rgba(167,139,250,.18);--card:rgba(20,20,50,.55)}
[hidden]{display:none!important}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--ink);font-family:ui-monospace,Menlo,SFMono-Regular,Consolas,monospace;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
#bg{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
main,header,footer{position:relative;z-index:1}
.nav{display:flex;align-items:center;justify-content:space-between;padding:18px clamp(16px,4vw,48px);border-bottom:1px solid var(--line);backdrop-filter:blur(6px);background:rgba(7,7,15,.6);position:sticky;top:0;z-index:5}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.08em;color:var(--vio)}
.brand img{width:30px;height:30px;border-radius:50%}
.nav nav{display:flex;gap:6px;flex-wrap:wrap}
.nav nav a{padding:7px 14px;border-radius:999px;font-size:13px;color:var(--mute)}
.nav nav a:hover{color:var(--ink)}
.nav nav a.tk{background:var(--vio);color:#07070f;font-weight:800}
main{max-width:1080px;margin:0 auto;padding:0 clamp(16px,4vw,48px) 60px}
section{padding:56px 0;border-bottom:1px solid var(--line)}
h1{font-size:clamp(30px,5.2vw,58px);line-height:1.05;margin:10px 0 18px;font-weight:800;letter-spacing:-.01em}
h1 em{font-style:normal;color:var(--vio)}
h2{font-size:clamp(20px,2.6vw,28px);letter-spacing:.06em;margin:0 0 18px;color:var(--vio)}
.kicker{color:var(--cyan);font-weight:700;letter-spacing:.14em;font-size:13px;margin:0}
.sub{max-width:720px;color:var(--mute);font-size:clamp(15px,1.6vw,18px);line-height:1.55}
.cta{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border:1px solid var(--line);border-radius:10px;background:rgba(20,20,50,.5);font-weight:700;font-size:14px;cursor:pointer;color:var(--ink)}
.btn:hover{border-color:var(--vio)}
.btn.primary{background:var(--vio);color:#07070f;border-color:var(--vio)}
.btn.small{padding:8px 12px;font-size:12px}
.btn[disabled]{opacity:.5;cursor:not-allowed}
.stats{list-style:none;padding:0;margin:26px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.stats li{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px}
.stats b{display:block;font-size:clamp(22px,3vw,32px);color:var(--cyan)}
.stats span{font-size:12px;color:var(--mute);letter-spacing:.06em}
.token{background:linear-gradient(180deg,rgba(167,139,250,.08),transparent);border-radius:16px;padding:32px clamp(16px,3vw,36px);margin-top:28px;border:1px solid var(--line)}
.tokhead{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.pill{background:var(--vio);color:#07070f;font-weight:800;padding:6px 12px;border-radius:999px;font-size:12px;letter-spacing:.08em}
.live{font-size:12px;letter-spacing:.1em;color:var(--cyan);font-weight:700}
.live.on::before{content:"● ";animation:blink 1.2s infinite}
@keyframes blink{50%{opacity:.2}}
.ca{display:flex;gap:10px;align-items:center;margin:18px 0 14px;flex-wrap:wrap}
.ca code{flex:1;min-width:240px;background:#05050c;border:1px dashed var(--line);border-radius:10px;padding:14px 16px;font-size:clamp(12px,1.5vw,15px);word-break:break-all;color:var(--vio2)}
.ca code.soon{color:var(--mute);letter-spacing:.06em}
.links{display:flex;gap:10px;flex-wrap:wrap}
.sechead{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.upd{font-size:12px;color:var(--mute)}
.table{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--card)}
.row{display:grid;grid-template-columns:1.4fr 1.3fr .8fr .7fr .8fr 1fr;gap:8px;padding:12px 16px;border-top:1px solid var(--line);font-size:14px;align-items:center}
.row:first-child{border-top:0}
.row.head{font-size:11px;letter-spacing:.1em;color:var(--mute);text-transform:uppercase}
.row .sym{font-weight:800}
.row .voice{color:var(--vio2)}
.row .echo{color:var(--cyan);font-weight:800}
.row.new{animation:flash 1.6s ease-out}
@keyframes flash{0%{background:rgba(167,139,250,.25)}100%{background:transparent}}
.note{color:var(--mute);font-size:13px;line-height:1.55;max-width:760px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px}
.card b{color:var(--cyan);letter-spacing:.06em;display:block;margin-bottom:8px}
.card p{margin:0;color:var(--mute);font-size:14px;line-height:1.55}
.rules{margin:18px 0 0;background:#05050c;border:1px solid var(--line);border-radius:12px;padding:16px 18px;color:var(--vio2);font-size:13px;overflow:auto}
.bothead{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;align-items:center}
.bothead img{width:100%;border-radius:12px;border:1px solid var(--line)}
.cmds{list-style:none;padding:0;margin:14px 0;color:var(--mute);font-size:14px;line-height:1.9}
.cmds code{color:var(--cyan);margin-right:8px}
footer{max-width:1080px;margin:0 auto;padding:24px clamp(16px,4vw,48px) 48px;color:var(--mute);font-size:13px}
.foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.foot nav{display:flex;gap:16px}
.foot nav a:hover{color:var(--vio)}
.disc{font-size:11px;opacity:.7;margin-top:14px}
@media(max-width:820px){.stats{grid-template-columns:repeat(2,1fr)}.grid3{grid-template-columns:1fr}.bothead{grid-template-columns:1fr}.row{grid-template-columns:1.2fr 1fr .7fr .8fr;font-size:13px}.row span:nth-child(4),.row span:nth-child(6){display:none}}