:root{--ink:#170f2b;--ink2:#2a1d4a;--sky1:#3b2770;--sky2:#160d2e;--paper:#fff8ec;--paper2:#f3ecff;--slime:#7dff72;--slime2:#3fd65a;--pump:#ff8a3d;--pink:#ff6b9d;--sun:#ffc93c;--soft:#cfc5ef;--mute:#9b8fc4;--grass:#3f8a45;
  --t:"Lilita One",system-ui,sans-serif;--b:"Nunito",system-ui,sans-serif;--drip:"Creepster","Lilita One",system-ui,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--sky2);overflow-x:hidden}
body{margin:0;font-family:var(--b);color:#fff;background:radial-gradient(1200px 700px at 80% -10%,#5b3ba8 0%,transparent 60%),linear-gradient(180deg,var(--sky1) 0%,#24164a 35%,var(--sky2) 70%,#0e0820 100%);min-height:100vh;overflow-x:clip}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.06;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E")}
a{color:inherit}
img{max-width:100%}
.wrap{position:relative;z-index:1;max-width:1320px;margin:0 auto;padding:0 28px}
/* ---------- header ---------- */
.top{position:sticky;top:0;z-index:40;background:rgba(22,13,46,.72);backdrop-filter:blur(10px);border-bottom:4px solid var(--ink)}
.top .wrap{display:flex;align-items:center;gap:22px;height:74px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.brand b{font:400 40px/1 var(--drip);color:var(--slime);letter-spacing:.05em;text-shadow:3px 3px 0 var(--ink)}
.brand svg{width:36px;height:42px}
.menu{display:flex;gap:6px}
.menu a{font:400 17px var(--t);color:var(--soft);text-decoration:none;padding:8px 14px 6px;border-radius:12px;border:3px solid transparent;transition:background .15s,color .15s}
.menu a:hover{color:#fff;background:rgba(255,255,255,.07)}
.menu a.on{color:var(--ink);background:var(--slime);border-color:var(--ink);box-shadow:3px 3px 0 var(--ink)}
.live{margin-left:auto;display:flex;align-items:center;gap:8px;font:400 16px var(--t);color:var(--ink);background:#c9ffcf;border:3px solid var(--ink);border-radius:99px;padding:6px 14px 4px;box-shadow:3px 3px 0 var(--ink);white-space:nowrap}
.live i{width:10px;height:10px;border-radius:50%;background:#1fbf5b;animation:pulse 1.6s infinite}
.live.off{background:#ffd9c2}.live.off i{background:var(--pump);animation:none}
.tokchip{font:400 15px var(--t);color:var(--ink);background:var(--sun);border:3px solid var(--ink);border-radius:99px;padding:6px 12px 4px;box-shadow:3px 3px 0 var(--ink);text-decoration:none;white-space:nowrap}
.burger{display:none;margin-left:8px;font:400 22px var(--t);background:var(--paper);color:var(--ink);border:3px solid var(--ink);border-radius:12px;width:44px;height:44px;box-shadow:3px 3px 0 var(--ink);cursor:pointer}
@keyframes pulse{0%{box-shadow:0 0 0 0 #1fbf5b99}70%{box-shadow:0 0 0 9px #1fbf5b00}100%{box-shadow:0 0 0 0 #1fbf5b00}}
/* ---------- type + ui ---------- */
.kick{display:inline-block;font:400 15px var(--t);letter-spacing:.06em;color:var(--ink);background:var(--slime);border:3px solid var(--ink);border-radius:10px;padding:5px 12px 3px;box-shadow:3px 4px 0 var(--ink);transform:rotate(-2deg)}
h1,h2,h3{font-family:var(--t);font-weight:400}
h2{font-size:clamp(34px,4.4vw,56px);line-height:1.02;margin:14px 0 8px;text-shadow:4px 5px 0 var(--ink)}
.sub{font:800 18px/1.5 var(--b);color:var(--soft);margin:0 0 26px;max-width:760px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:400 19px var(--t);color:var(--ink);background:var(--paper);border:4px solid var(--ink);border-radius:16px;padding:10px 20px 8px;box-shadow:4px 5px 0 var(--ink);cursor:pointer;text-decoration:none;transition:transform .12s,box-shadow .12s;white-space:nowrap}
.btn:hover{transform:translate(-1px,-2px);box-shadow:5px 7px 0 var(--ink)}
.btn:active{transform:translate(3px,4px);box-shadow:1px 1px 0 var(--ink)}
.btn.g{background:var(--slime)}.btn.o{background:var(--pump)}.btn.p{background:var(--pink)}.btn.y{background:var(--sun)}
.btn.sm{font-size:16px;padding:7px 14px 5px;border-width:3px;box-shadow:3px 3px 0 var(--ink)}
.btn:disabled{opacity:.6;cursor:default;transform:none}
.card{background:var(--paper);color:var(--ink);border:5px solid var(--ink);border-radius:24px;box-shadow:7px 9px 0 var(--ink)}
.chip{display:inline-flex;align-items:center;gap:6px;font:400 15px var(--t);color:var(--ink);background:var(--paper2);border:3px solid var(--ink);border-radius:99px;padding:4px 12px 2px}
section{position:relative;z-index:1;padding:90px 0 0}
@media(max-width:700px){section{padding-top:52px}}
footer{position:relative;z-index:1;margin-top:90px;border-top:4px solid var(--ink);background:#0e0820;padding:40px 0 50px;font:800 14px/1.6 var(--b);color:var(--mute)}
footer .wrap{display:flex;gap:30px;flex-wrap:wrap;justify-content:space-between}
footer b{font:400 30px var(--drip);color:var(--slime)}
/* ---------- ticker ---------- */
.ticker{position:relative;z-index:2;background:var(--sun);border-top:4px solid var(--ink);border-bottom:4px solid var(--ink);overflow:hidden;white-space:nowrap}
.ticker .run{display:inline-block;padding:9px 0 7px;animation:marquee 70s linear infinite;font:400 18px var(--t);color:var(--ink)}
.ticker .run span{margin-right:44px}
@keyframes marquee{to{transform:translateX(-50%)}}
/* ---------- tombstone cards ---------- */
.stone-card{position:relative;padding:12px 12px 16px;text-align:center;cursor:pointer;text-decoration:none;display:block;transition:transform .25s cubic-bezier(.3,1.6,.5,1)}
.stone-card:hover{transform:translateY(-8px) rotate(-1.5deg)}
.stone-card svg{width:100%;height:auto;display:block}
.stone-card .ep{font:800 14px/1.35 var(--b);color:#4b3d73;margin:4px 6px 0;min-height:38px}
.stone-card .meta{display:flex;justify-content:center;gap:8px;margin-top:8px;flex-wrap:wrap}
.reveal{opacity:0;transform:translateY(50px) scale(.96);transition:opacity .7s,transform .7s cubic-bezier(.3,1.6,.5,1)}
.reveal.in{opacity:1;transform:none}
.flame{transform-box:fill-box;transform-origin:50% 100%;animation:flame .18s ease-in-out infinite alternate}
@keyframes flame{to{transform:scale(.82,1.12) rotate(5deg)}}
.halo{animation:halo 2.4s ease-in-out infinite alternate}
@keyframes halo{to{opacity:.35}}
/* ---------- misc ---------- */
.toast{position:fixed;left:50%;bottom:24px;z-index:90;transform:translate(-50%,160px);visibility:hidden;font:400 20px var(--t);color:var(--ink);background:var(--slime);border:4px solid var(--ink);border-radius:16px;padding:10px 18px 8px;box-shadow:4px 5px 0 var(--ink);transition:transform .45s cubic-bezier(.3,1.6,.5,1);max-width:92vw;text-align:center}
.toast.on{transform:translate(-50%,0);visibility:visible}
.petal{position:fixed;top:-30px;z-index:80;font-size:24px;pointer-events:none;animation:fall linear forwards}
@keyframes fall{to{transform:translate(var(--dx),110vh) rotate(var(--rot))}}
.empty{padding:46px;text-align:center;font:400 24px var(--t)}
.row{display:grid;grid-template-columns:46px 1fr auto;gap:12px;align-items:center;padding:10px 0;border-top:3px dashed #ddd5f2;font:900 16px var(--b);text-decoration:none;color:var(--ink)}
.row .av{width:46px;height:46px;border-radius:50%;border:3px solid var(--ink);background:#e3dcf6;display:flex;align-items:center;justify-content:center;font:400 15px var(--t);overflow:hidden;position:relative}
.row .av img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.row small{display:block;font:800 13px var(--b);color:#7d6fae}
.row .v{font:400 18px var(--t);text-align:right;white-space:nowrap}.row .v small{font:800 12px var(--b);text-align:right}
a.row:hover{color:#7a2bd6}
.beat{display:inline-block;animation:beat 1s ease-in-out infinite}
@keyframes beat{0%,100%{transform:scale(1)}15%{transform:scale(1.35)}30%{transform:scale(1)}45%{transform:scale(1.2)}}
@keyframes pop{0%{transform:translateY(50px) scale(.7) rotate(-5deg);opacity:0}100%{transform:none;opacity:1}}
@keyframes twk{from{opacity:.25}to{opacity:1}}
.twk{animation:twk 2.4s ease-in-out infinite alternate}
@media(max-width:1000px),(pointer:coarse){.top{backdrop-filter:none;background:#1b1036}body::before{display:none}.beat{animation:none}}
@media(max-width:1000px){.menu{display:none;position:absolute;top:74px;left:0;right:0;flex-direction:column;background:#1b1036;border-bottom:4px solid var(--ink);padding:12px 20px}.menu.open{display:flex}.burger{display:block}.tokchip{display:none}}
@media(max-width:560px){.stone-card{padding:8px 6px 12px}.stone-card .ep{font-size:12px;margin:4px 2px 0}.stone-card .chip{font-size:12px}.wrap{padding:0 16px}.live span{display:none}.brand b{font-size:32px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}