/* $AURAD v4 — "Aura Debt Collection Agency" alt-zine */
:root{
  --ink:#0a0a0a;--paper:#f3ecdc;--acid:#c6ff00;--pink:#ff2e88;--blue:#2b4bff;--orange:#ff5a1f;
  --t:#f3ecdc;--m:#b3ab9a;--g:#c6ff00;--r:#ff2e88;--rad:4px;
  --disp:"Anton","Impact","Arial Narrow Bold",sans-serif;
  --mono:"Space Mono",ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;
  --hand:"Permanent Marker","Comic Sans MS",cursive;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:hidden;overflow-x:clip}
body{background:var(--ink);color:var(--t);font:15px/1.6 var(--mono);overflow-x:hidden;overflow-x:clip;min-height:100vh}
body::before{content:"";position:fixed;inset:-50%;z-index:9998;pointer-events:none;opacity:.09;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  animation:grain 1.2s steps(4) infinite}
@keyframes grain{0%{transform:translate(0,0)}25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(-2%,-1%)}100%{transform:translate(0,0)}}
a{color:var(--acid)}
img,canvas{max-width:100%;display:block}
::selection{background:var(--pink);color:var(--ink)}
:focus-visible{outline:3px solid var(--acid);outline-offset:3px}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:8px;z-index:10001;background:var(--acid);color:var(--ink);padding:8px 14px;font-weight:700}
.skip:focus{left:8px}
.hidden{display:none!important}
.muted{color:var(--m)}.small{font-size:.82rem}.center{text-align:center}
.green{color:var(--acid)}.red{color:var(--pink)}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}

/* ---------- aura meter ---------- */
.aura-meter{position:fixed;top:0;left:0;right:0;height:6px;z-index:10000;background:#1c1c1c}
.aura-meter i{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--acid),var(--pink));transform-origin:left;transition:transform .15s linear}
.aura-read{position:fixed;top:66px;right:10px;z-index:900;font:700 11px/1 var(--mono);background:var(--ink);color:var(--acid);border:1.5px solid var(--acid);padding:6px 8px;transform:rotate(2deg);pointer-events:none;letter-spacing:.04em}
.aura-read.low{color:var(--pink);border-color:var(--pink);animation:shake .4s infinite}

/* ---------- nav ---------- */
.nav{position:sticky;top:6px;z-index:800;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 18px;background:var(--ink);border-bottom:2px solid var(--paper)}
.brand{font:400 26px/1 var(--disp);color:var(--paper);text-decoration:none;letter-spacing:.02em;background:var(--pink);color:var(--ink);padding:4px 10px 2px;transform:rotate(-2deg);display:inline-block}
.nav-links{display:flex;align-items:center;gap:4px}
.nav-links a:not(.btn){color:var(--paper);text-decoration:none;padding:8px 10px;font-weight:700;font-size:.82rem;text-transform:uppercase;letter-spacing:.06em}
.nav-links a:not(.btn):hover{background:var(--acid);color:var(--ink)}
.menu-btn{display:none;background:var(--acid);border:2px solid var(--ink);width:44px;height:44px;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px}
.menu-btn span{display:block;width:22px;height:3px;background:var(--ink);transition:.2s}
.menu-btn[aria-expanded="true"] span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.menu-btn[aria-expanded="true"] span:nth-child(2){opacity:0}
.menu-btn[aria-expanded="true"] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
.snd{background:none;border:2px solid var(--paper);color:var(--paper);font:700 11px var(--mono);padding:6px 8px;cursor:pointer;text-transform:uppercase}
.snd[aria-pressed="true"]{background:var(--acid);color:var(--ink);border-color:var(--acid)}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:400 19px/1 var(--disp);letter-spacing:.04em;text-transform:uppercase;text-decoration:none;
  background:var(--acid);color:var(--ink);border:2.5px solid var(--ink);padding:14px 22px;cursor:pointer;box-shadow:5px 5px 0 var(--pink);transition:transform .12s,box-shadow .12s;min-height:48px}
.btn:hover{transform:translate(-2px,-2px) rotate(-1deg);box-shadow:8px 8px 0 var(--pink)}
.btn:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--pink)}
.btn.ghost{background:var(--paper);box-shadow:5px 5px 0 var(--blue)}
.btn.ghost:hover{box-shadow:8px 8px 0 var(--blue)}
.btn-sm{font-size:15px;padding:9px 14px;min-height:40px;box-shadow:3px 3px 0 var(--pink)}
.btn-lg{font-size:24px;padding:18px 28px}
.btn-block{width:100%}
.link-btn{background:none;border:0;color:var(--acid);cursor:pointer;padding:6px 0;font:700 .85rem var(--mono);text-decoration:underline wavy}

/* ---------- hero ---------- */
.hero{position:relative;min-height:calc(100svh - 70px);padding:48px 18px 70px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden;isolation:isolate}
.hero-bg{position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
   repeating-linear-gradient(-45deg,transparent 0 22px,rgba(198,255,0,.05) 22px 24px),
   radial-gradient(520px 360px at 85% 12%,rgba(255,46,136,.28),transparent 70%),
   radial-gradient(520px 380px at 10% 90%,rgba(43,75,255,.3),transparent 70%)}
.pill{display:inline-flex;align-items:center;gap:8px;background:var(--paper);color:var(--ink);font-weight:700;font-size:.78rem;padding:7px 12px;text-transform:uppercase;letter-spacing:.05em;transform:rotate(-1.5deg);box-shadow:4px 4px 0 var(--acid)}
.dot{width:9px;height:9px;border-radius:50%;background:var(--pink);animation:blink 1s steps(2) infinite}
@keyframes blink{50%{opacity:0}}
.hero h1{font:400 clamp(84px,21vw,300px)/.8 var(--disp);letter-spacing:-.01em;margin:26px 0 8px;color:var(--paper);position:relative;text-transform:uppercase}
.hero h1 .red{display:block;color:var(--acid);-webkit-text-stroke:0;transform:rotate(-3deg) translateX(4%);text-shadow:6px 6px 0 var(--pink)}
.glitch{position:relative;display:inline-block}
.glitch::before,.glitch::after{content:attr(data-t);position:absolute;inset:0;pointer-events:none}
.glitch::before{color:var(--pink);transform:translate(-4px,0);clip-path:inset(0 0 55% 0);mix-blend-mode:screen;animation:g1 3.2s infinite steps(1)}
.glitch::after{color:var(--blue);transform:translate(4px,0);clip-path:inset(55% 0 0 0);mix-blend-mode:screen;animation:g2 2.7s infinite steps(1)}
@keyframes g1{0%,86%,100%{transform:translate(-4px,0)}88%{transform:translate(-14px,-3px);clip-path:inset(10% 0 60% 0)}92%{transform:translate(8px,2px);clip-path:inset(40% 0 20% 0)}}
@keyframes g2{0%,80%,100%{transform:translate(4px,0)}83%{transform:translate(12px,3px);clip-path:inset(70% 0 5% 0)}90%{transform:translate(-9px,0);clip-path:inset(30% 0 45% 0)}}
.hero-tag{font:400 clamp(20px,4.6vw,34px)/1.1 var(--hand);color:var(--pink);transform:rotate(-2deg);margin:6px 0 14px;min-height:1.2em}
.sub{max-width:560px;margin:0 auto 20px;color:var(--paper)}
.sub strong{background:var(--acid);color:var(--ink);padding:0 4px}
.sticker{position:absolute;z-index:2;font:400 16px/1 var(--disp);text-transform:uppercase;padding:10px 12px;border:2.5px solid var(--ink);box-shadow:4px 4px 0 var(--ink);user-select:none;cursor:grab;touch-action:none}
.sticker:active{cursor:grabbing}
.st1{top:14%;left:4%;background:var(--acid);color:var(--ink);transform:rotate(-12deg)}
.st2{top:20%;right:5%;background:var(--pink);color:var(--ink);transform:rotate(9deg);border-radius:50%;width:98px;height:98px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:15px}
.st3{bottom:14%;left:6%;background:var(--paper);color:var(--ink);transform:rotate(6deg);font-family:var(--hand);font-size:17px}
.st4{bottom:18%;right:4%;background:var(--blue);color:var(--paper);transform:rotate(-7deg)}
.countdown{display:flex;gap:10px;justify-content:center;margin:12px 0 6px}
.countdown div{background:var(--paper);color:var(--ink);min-width:78px;padding:10px 8px 6px;border:2.5px solid var(--ink);box-shadow:4px 4px 0 var(--pink)}
.countdown div:nth-child(even){transform:rotate(2deg);box-shadow:4px 4px 0 var(--acid)}
.countdown div:nth-child(odd){transform:rotate(-2deg)}
.countdown span{display:block;font:400 46px/1 var(--disp)}
.countdown small{font-size:.66rem;text-transform:uppercase;font-weight:700;letter-spacing:.1em}
.countdown.live div{background:var(--acid)}
.launch-time{font-size:.8rem;color:var(--m);margin-bottom:22px}
.cta-row{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin:14px 0}
.hero-stats{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin-top:18px;font-size:.85rem;color:var(--m)}
.hero-stats strong{color:var(--acid);font-size:1.05rem}
.scroll-hint{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);color:var(--paper);text-decoration:none;font:400 30px var(--disp);animation:bob 1.4s infinite}
@keyframes bob{50%{transform:translate(-50%,8px)}}

/* ---------- ticker / tape ---------- */
.ticker{background:var(--acid);color:var(--ink);overflow:hidden;border-block:3px solid var(--ink);transform:rotate(-1.5deg) scale(1.03);margin:-8px 0 0;position:relative;z-index:5}
.ticker.alt{background:var(--pink);transform:rotate(1.2deg) scale(1.03);margin:0}
.ticker-track{display:flex;width:max-content;animation:tick 38s linear infinite}
.ticker.alt .ticker-track{animation-direction:reverse;animation-duration:30s}
.ticker span{font:400 22px/1 var(--disp);text-transform:uppercase;padding:12px 22px;white-space:nowrap}
.ticker span::after{content:"✶";margin-left:44px}
@keyframes tick{to{transform:translateX(-50%)}}

/* ---------- sections ---------- */
.section{padding:96px 20px;max-width:1080px;margin:0 auto;position:relative}
.section h2{font:400 clamp(46px,9vw,104px)/.9 var(--disp);text-transform:uppercase;margin:6px 0 20px;color:var(--paper);max-width:14ch}
.section:nth-of-type(even) h2{margin-left:auto;text-align:right}
.section:nth-of-type(even) .eyebrow{float:right}
.section:nth-of-type(even) .eyebrow+h2{clear:both}
.eyebrow{display:inline-block;font:400 18px/1 var(--hand);background:var(--pink);color:var(--ink);padding:6px 12px;transform:rotate(-3deg)}
.section:nth-of-type(3n) .eyebrow{background:var(--acid)}
.section:nth-of-type(3n+1) .eyebrow{background:var(--blue);color:var(--paper)}
.lead{font-size:1.15rem;max-width:62ch;margin-bottom:14px}
.section>p{max-width:65ch}
.reveal{opacity:0;transform:translateY(34px) rotate(.6deg);transition:opacity .6s,transform .6s cubic-bezier(.2,.8,.2,1)}
.reveal.in{opacity:1;transform:none}
.fade{animation:fadein .35s both}
@keyframes fadein{from{opacity:0;transform:translateY(8px)}}

/* ---------- cards ---------- */
.card{background:var(--paper);color:var(--ink);border:2.5px solid var(--ink);box-shadow:8px 8px 0 var(--acid);padding:24px;border-radius:var(--rad);position:relative}
.card a{color:var(--blue);font-weight:700}
.card a.btn{color:var(--ink)}
.cta-card a.btn:not(.ghost){color:var(--acid)}
.card .muted{color:#5c574c}
.card .green{color:#2c6a00}
.card .red{color:#c3005a}
.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:26px;margin-top:34px}
.feature{text-decoration:none;color:var(--ink)!important;transition:transform .15s}
.feature:nth-child(1){transform:rotate(-2deg);box-shadow:8px 8px 0 var(--pink)}
.feature:nth-child(2){transform:rotate(1.5deg) translateY(14px);box-shadow:8px 8px 0 var(--acid)}
.feature:nth-child(3){transform:rotate(-1deg);box-shadow:8px 8px 0 var(--blue)}
.feature:hover{transform:rotate(0) scale(1.03)}
.feature h3{font:400 30px/1 var(--disp);text-transform:uppercase;margin:10px 0 6px}
.ico{font-size:40px;display:block}
.tape::before{content:"";position:absolute;top:-14px;left:50%;width:96px;height:26px;background:rgba(198,255,0,.75);transform:translateX(-50%) rotate(-4deg);border:1px dashed rgba(0,0,0,.25)}

/* ---------- quiz ---------- */
.quiz,.result{max-width:760px}
.progress{height:14px;background:#d8d0bd;border:2px solid var(--ink);overflow:hidden}
.progress .bar{height:100%;width:0;background:repeating-linear-gradient(-45deg,var(--pink) 0 10px,#ff6aac 10px 20px);transition:width .35s}
.progress.lg{height:22px}
.q-top{display:flex;justify-content:space-between;align-items:center;margin-top:10px}
.q-top .link-btn{color:var(--blue)}
.q-step{font-weight:700;text-transform:uppercase;font-size:.75rem;letter-spacing:.1em}
.q-text{font:400 clamp(26px,4.4vw,40px)/1.05 var(--disp);text-transform:uppercase;margin:10px 0 18px}
.q-text:focus{outline:none}
.q-opts{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.q-opt{background:#fff;color:var(--ink);border:2.5px solid var(--ink);padding:14px;font:700 .95rem/1.3 var(--mono);text-align:left;cursor:pointer;box-shadow:4px 4px 0 var(--ink);transition:transform .1s,background .1s;min-height:54px}
.q-opt:hover{background:var(--acid);transform:translate(-2px,-2px) rotate(-1deg)}
.q-opt:nth-child(even):hover{background:var(--pink);transform:translate(-2px,-2px) rotate(1deg)}
.q-opt.picked{background:var(--ink)!important;color:var(--acid);transform:scale(.97)}
.q-opts.locked .q-opt{pointer-events:none}
.result{box-shadow:10px 10px 0 var(--pink)}
.result-line{font:400 26px/1.1 var(--disp);text-transform:uppercase;margin-bottom:14px}
.result-line:focus{outline:none}
.result canvas{border:2.5px solid var(--ink);margin-bottom:6px}
.stamp{position:absolute;top:18px;right:18px;font:400 22px/1 var(--disp);color:#c3005a;border:4px solid #c3005a;padding:6px 10px;transform:rotate(12deg);opacity:0;pointer-events:none}
.result:not(.hidden) .stamp{animation:stamp .45s .3s both}
@keyframes stamp{0%{opacity:0;transform:rotate(12deg) scale(3)}100%{opacity:.85;transform:rotate(12deg) scale(1)}}

/* ---------- forms ---------- */
.form{display:flex;flex-direction:column;gap:14px;max-width:560px}
.form label{display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em}
input,select,textarea{font:15px/1.4 var(--mono);background:#fff;color:var(--ink);border:2.5px solid var(--ink);padding:12px;width:100%;border-radius:0;min-height:48px}
input:focus,select:focus,textarea:focus{outline:none;box-shadow:4px 4px 0 var(--pink)}
.or{text-align:center;font:400 18px var(--hand);color:var(--pink)}
.form-msg{font-weight:700;min-height:1.2em}
.form-msg.ok{color:#2c6a00}.form-msg.err{color:#c3005a}
#waitlist{display:grid;grid-template-columns:1fr;gap:0}
#waitlist .form{margin-top:30px}

/* ---------- confession wall ---------- */
.conf-form{max-width:720px;box-shadow:8px 8px 0 var(--pink);transform:rotate(-.6deg)}
.conf-form textarea{min-height:110px;font-family:var(--hand);font-size:1.15rem;background:repeating-linear-gradient(#fff 0 31px,#cfd6ff 31px 32px)}
.conf-row{display:flex;justify-content:space-between;align-items:center}
.prompts{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.chip{background:transparent;border:2px dashed var(--ink);color:var(--ink);padding:6px 12px;font:700 .78rem var(--mono);cursor:pointer}
.chip:hover{background:var(--acid);border-style:solid}
.tabs{display:flex;gap:10px;margin:34px 0 20px;flex-wrap:wrap}
.tab{background:transparent;color:var(--paper);border:2.5px solid var(--paper);padding:9px 18px;font:400 18px/1 var(--disp);text-transform:uppercase;cursor:pointer;min-height:44px}
.tab.active{background:var(--paper);color:var(--ink);box-shadow:4px 4px 0 var(--pink)}
.conf-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:26px;align-items:start}
.conf{font-family:var(--hand);font-size:1.1rem;line-height:1.35;padding:20px 18px 14px;transition:transform .15s}
.conf:nth-child(4n+1){transform:rotate(-2deg);background:#fffbe0;box-shadow:6px 6px 0 var(--acid)}
.conf:nth-child(4n+2){transform:rotate(1.5deg);background:#ffe3f0;box-shadow:6px 6px 0 var(--blue)}
.conf:nth-child(4n+3){transform:rotate(-.8deg);background:#e6ecff;box-shadow:6px 6px 0 var(--pink)}
.conf:nth-child(4n){transform:rotate(2.2deg);background:#eaffc0;box-shadow:6px 6px 0 var(--ink)}
.conf:hover{transform:rotate(0) scale(1.03);z-index:2}
.conf::before{content:"";position:absolute;top:-12px;left:50%;width:70px;height:22px;background:rgba(255,255,255,.55);border:1px dashed rgba(0,0,0,.2);transform:translateX(-50%) rotate(3deg)}
.conf-foot{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-family:var(--mono);gap:6px}
.conf-actions{display:flex;gap:6px;align-items:center}
.vote{background:var(--ink);color:var(--paper);border:0;padding:7px 12px;font:700 .9rem var(--mono);cursor:pointer;min-height:38px}
.vote:hover{background:var(--pink);color:var(--ink)}
.vote.voted{background:var(--pink);color:var(--ink)}
.pop{animation:pop .35s}
@keyframes pop{50%{transform:scale(1.35) rotate(-8deg)}}
.report{background:none;border:1.5px solid transparent;color:#5c574c;padding:6px 8px;cursor:pointer;font:700 .72rem var(--mono);text-decoration:underline;min-height:38px}
.report:hover{border-color:var(--ink);color:var(--ink)}
.report:disabled{opacity:.55;cursor:default;text-decoration:none}
.empty{grid-column:1/-1;text-align:center;padding:40px 20px;border:3px dashed var(--paper);color:var(--paper);font-family:var(--hand);font-size:1.2rem}
.empty strong{display:block;font:400 34px/1.05 var(--disp);text-transform:uppercase;color:var(--acid);margin-bottom:6px}

/* ---------- milestones ---------- */
.milestones{max-width:720px;box-shadow:8px 8px 0 var(--blue)}
.ms-head{display:flex;align-items:baseline;gap:12px;margin-bottom:12px;flex-wrap:wrap}
.big{font:400 58px/1 var(--disp)}
.ms-list{list-style:none;margin:18px 0 12px;display:grid;gap:8px}
.ms-list li{display:flex;gap:12px;align-items:center;padding:8px 10px;border:2px dashed #9b937f;font-weight:700;font-size:.88rem}
.ms-list li b{font:400 22px/1 var(--disp);min-width:62px}
.ms-list li.unlocked{background:var(--acid);border:2px solid var(--ink);text-decoration:line-through}
.ms-list li.unlocked::after{content:"UNLOCKED";margin-left:auto;font:400 13px var(--disp);background:var(--ink);color:var(--acid);padding:3px 6px;text-decoration:none}

/* ---------- memes ---------- */
.meme-wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:start}
.meme-wrap canvas{border:3px solid var(--paper);box-shadow:10px 10px 0 var(--pink);transform:rotate(-1.5deg);width:100%;height:auto}
.meme-ctrl{box-shadow:8px 8px 0 var(--acid)}

/* ---------- launch / steps ---------- */
.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin:26px 0}
.step:nth-child(odd){transform:rotate(-1deg)}.step:nth-child(even){transform:rotate(1deg)}
.step h3{font:400 24px/1.05 var(--disp);text-transform:uppercase;margin:10px 0 6px}
.num{display:inline-flex;width:46px;height:46px;align-items:center;justify-content:center;background:var(--ink);color:var(--acid);font:400 26px var(--disp);border-radius:50%}
.verify{margin:10px 0 30px;box-shadow:8px 8px 0 var(--blue)}
.verify summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:10px}
.verify summary::-webkit-details-marker{display:none}
.verify summary::before{content:"+";font:400 30px/1 var(--disp);transition:transform .2s}
.verify[open] summary::before{transform:rotate(45deg)}
.verify summary h3{font:400 24px var(--disp);text-transform:uppercase}
.verify ul{margin:14px 0 0 20px;display:grid;gap:8px}
.cta-card{background:var(--acid);box-shadow:10px 10px 0 var(--pink);transform:rotate(-.8deg);max-width:760px;margin:40px auto 0}
.cta-card h3{font:400 clamp(30px,5vw,48px)/1 var(--disp);text-transform:uppercase;margin-bottom:10px}
.cta-card .btn{box-shadow:5px 5px 0 var(--ink)}
.cta-card .btn:not(.ghost){background:var(--ink);color:var(--acid)}
.cta-card .red{color:#a0004a}

/* ---------- roadmap ---------- */
.road{list-style:none;display:grid;gap:22px;counter-reset:r;max-width:780px}
.road li{position:relative;background:transparent;border:2.5px solid var(--paper);padding:20px 20px 20px 84px;counter-increment:r}
.road li::before{content:"0" counter(r);position:absolute;left:14px;top:12px;font:400 54px/1 var(--disp);color:transparent;-webkit-text-stroke:2px var(--paper)}
.road li:nth-child(odd){transform:rotate(-.8deg)}.road li:nth-child(even){transform:rotate(.8deg);margin-left:6%}
.road li.done{border-color:var(--acid)}.road li.done::before{color:var(--acid);-webkit-text-stroke:0}
.road li.now{background:var(--pink);border-color:var(--pink);color:var(--ink)}.road li.now::before{color:var(--ink);-webkit-text-stroke:0}
.road li.now p{color:var(--ink)}
.phase{font:700 .72rem var(--mono);text-transform:uppercase;letter-spacing:.1em;background:var(--ink);color:var(--paper);padding:3px 7px}
.road h3{font:400 30px/1 var(--disp);text-transform:uppercase;margin:8px 0 4px}

/* ---------- tokenomics / community ---------- */
#tokenomics .card{box-shadow:10px 10px 0 var(--blue);max-width:720px;transform:rotate(.8deg)}
.links{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:22px}
.link{display:flex;flex-direction:column;gap:4px;text-decoration:none;color:var(--ink)!important;font-weight:700;transition:transform .12s}
.link span{font:400 32px/1 var(--disp);text-transform:uppercase}
.link:hover{transform:rotate(-2deg) scale(1.03)}
.link.soon{opacity:.6;border-style:dashed;box-shadow:none}

/* ---------- footer ---------- */
.footer{border-top:3px solid var(--paper);padding:60px 20px 120px;max-width:1080px;margin:40px auto 0;position:relative}
.footer h3{font:400 38px/1 var(--disp);text-transform:uppercase;margin-bottom:12px}
.footer p{max-width:75ch;margin-bottom:12px;color:var(--m)}
.footer .big-foot{font:400 clamp(70px,22vw,260px)/.8 var(--disp);color:transparent;-webkit-text-stroke:2px #333;margin-top:30px;user-select:none;letter-spacing:-.02em;white-space:nowrap;overflow:hidden}

/* ---------- floating CTA ---------- */
.float-cta{position:fixed;right:16px;bottom:max(16px,env(safe-area-inset-bottom));z-index:700;background:var(--pink);color:var(--ink);font:400 18px/1 var(--disp);text-transform:uppercase;text-decoration:none;padding:14px 18px;border:2.5px solid var(--ink);box-shadow:4px 4px 0 var(--acid);transform:translateY(140px) rotate(-3deg);transition:transform .25s}
.float-cta.show{transform:translateY(0) rotate(-3deg)}
.float-cta.away,.float-cta.show.away{transform:translateY(140px) rotate(-3deg)!important}

/* ---------- custom cursor ---------- */
.cur{position:fixed;top:0;left:0;width:30px;height:30px;border:2px solid var(--acid);border-radius:50%;pointer-events:none;z-index:10002;mix-blend-mode:difference;transform:translate(-50%,-50%);transition:width .15s,height .15s,background .15s;display:none}
.cur.big{width:64px;height:64px;background:var(--acid)}
.aura-pop{position:fixed;pointer-events:none;z-index:10003;font:400 22px/1 var(--disp);color:var(--pink);text-shadow:2px 2px 0 var(--ink);animation:rise 1s forwards;white-space:nowrap}
@keyframes rise{to{transform:translate(-50%,-70px) rotate(-8deg);opacity:0}}

/* ---------- debt collector modal ---------- */
.collector{position:fixed;inset:0;z-index:10004;background:rgba(10,10,10,.8);display:flex;align-items:center;justify-content:center;padding:18px}
.collector[hidden]{display:none}
.notice{background:var(--paper);color:var(--ink);max-width:440px;width:100%;border:3px solid var(--ink);box-shadow:10px 10px 0 var(--pink);padding:26px;font-family:var(--mono);transform:rotate(-1.5deg);animation:slam .35s cubic-bezier(.2,1.6,.4,1) both;position:relative}
@keyframes slam{from{transform:scale(1.6) rotate(8deg);opacity:0}}
.notice h2{font:400 36px/1 var(--disp);text-transform:uppercase;color:#c3005a;margin-bottom:8px}
.notice dl{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:14px 0;font-size:.85rem;border-block:2px dashed var(--ink);padding:10px 0}
.notice dt{font-weight:700;text-transform:uppercase}
.notice .row{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.notice .x{position:absolute;top:8px;right:10px;background:none;border:0;font:400 26px var(--disp);cursor:pointer;color:var(--ink);width:40px;height:40px}

/* ---------- mode flips / easter eggs ---------- */
body.bankrupt{filter:invert(1) hue-rotate(180deg)}
body.bankrupt img,body.bankrupt canvas{filter:invert(1) hue-rotate(180deg)}
body.chaos .section h2{animation:wobble 1.2s infinite ease-in-out}
body.chaos .card{animation:wobble 2s infinite ease-in-out}
@keyframes wobble{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(2deg) scale(1.02)}}
@keyframes shake{0%,100%{transform:translateX(0) rotate(2deg)}25%{transform:translateX(-3px) rotate(1deg)}75%{transform:translateX(3px) rotate(3deg)}}
.toast{position:fixed;left:50%;bottom:90px;transform:translateX(-50%) rotate(-2deg);z-index:10005;background:var(--acid);color:var(--ink);border:2.5px solid var(--ink);box-shadow:5px 5px 0 var(--pink);font:400 18px/1.1 var(--disp);text-transform:uppercase;padding:12px 16px;max-width:90vw;text-align:center;animation:fadein .25s}

/* ---------- responsive ---------- */
@media (hover:hover) and (pointer:fine){.cur{display:block}}
@media (max-width:860px){
  .menu-btn{display:flex}
  .nav-links{position:fixed;inset:64px 0 auto 0;flex-direction:column;align-items:stretch;background:var(--pink);padding:18px;gap:6px;border-bottom:3px solid var(--ink);transform:translateY(-130%);transition:transform .25s;max-height:calc(100vh - 64px);overflow:auto}
  .nav-links.open{transform:none}
  .nav-links a:not(.btn){color:var(--ink);font:400 30px/1 var(--disp);padding:10px 6px;border-bottom:2px solid var(--ink)}
  .nav-links a:not(.btn):hover{background:var(--ink);color:var(--pink)}
  .nav-links .btn{margin-top:10px;background:var(--ink);color:var(--acid);box-shadow:4px 4px 0 var(--acid)}
  .meme-wrap{grid-template-columns:1fr}
  .section:nth-of-type(even) h2{margin-left:0;text-align:left}
  .section:nth-of-type(even) .eyebrow{float:none}
}
@media (max-width:560px){
  body{font-size:14px}
  .section{padding:70px 18px}
  .hero{padding:118px 16px 84px}
  .sticker{font-size:12px;padding:7px 9px}
  .st1{top:3%;left:2%}.st2{top:5%;right:2%;width:72px;height:72px;font-size:11px}
  .st3{bottom:7%;left:2%;font-size:13px}.st4{bottom:3%;right:2%}
  .countdown{gap:7px}.countdown div{min-width:66px}.countdown span{font-size:36px}
  .cta-row .btn{width:100%}
  .q-opts{grid-template-columns:1fr}
  .conf-list{grid-template-columns:1fr}
  .road li{padding-left:70px}.road li:nth-child(even){margin-left:0}
  .road li::before{font-size:42px}
  .aura-read{top:62px;font-size:10px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .reveal{opacity:1;transform:none}
  body::before{display:none}
  .glitch::before,.glitch::after{display:none}
  .cur{display:none!important}
}

/* ================= v5: 7-segment alarm clock digits ================= */
@font-face{font-family:"DSEG7";src:url("https://cdn.jsdelivr.net/npm/dseg@0.46.0/fonts/DSEG7-Classic/DSEG7Classic-Bold.woff2") format("woff2");font-display:swap}
@font-face{font-family:"DSEG14";src:url("https://cdn.jsdelivr.net/npm/dseg@0.46.0/fonts/DSEG14-Classic/DSEG14Classic-Bold.woff2") format("woff2");font-display:swap}
:root{--seg:"DSEG7","Anton",ui-monospace,monospace}
.seg,.countdown span,.big,.ms-list li b,.vote,.notice dd,.num,.hero-stats strong,#conf-left{font-family:var(--seg)!important;font-style:normal;letter-spacing:.02em;font-variant-numeric:tabular-nums}
.seg-txt{font-family:"DSEG14",var(--disp)!important;letter-spacing:.04em}
.seg{position:relative;display:inline-block;color:var(--acid);text-shadow:0 0 6px rgba(198,255,0,.75),0 0 18px rgba(198,255,0,.35)}
.seg.red,.f-num.down .seg{color:#ff3b3b;text-shadow:0 0 6px rgba(255,59,59,.8),0 0 18px rgba(255,59,59,.4)}
.seg[data-ghost]::before{content:attr(data-ghost);position:absolute;left:0;top:0;opacity:.13;color:inherit;text-shadow:none;pointer-events:none}
.seg.loading{animation:flick .25s steps(2) infinite}
.card .seg{color:#1d4a00;text-shadow:none}.card .seg.red{color:#c3002a}.card .seg.green{color:#1d4a00}
/* alarm clock countdown */
.seg-clock div{background:#111!important;border-color:#000!important;box-shadow:4px 4px 0 var(--pink),inset 0 0 0 3px #2a2a2a,inset 0 0 22px rgba(0,0,0,.9)!important;border-radius:10px 10px 4px 4px;position:relative}
.seg-clock div::after{content:"";position:absolute;bottom:-9px;width:12px;height:8px;background:#000;left:10px;box-shadow:calc(100% + 30px) 0 0 #000}
.seg-clock span{font-size:40px!important;color:#ff2b2b;text-shadow:0 0 8px rgba(255,43,43,.9),0 0 22px rgba(255,43,43,.5);padding:4px 2px}
.seg-clock small{color:#8a8a8a}
.seg-clock div:nth-child(4) span{animation:flick 4s infinite}
@keyframes flick{0%,93%,100%{opacity:1}94%{opacity:.35}96%{opacity:1}97%{opacity:.5}}
.countdown.live div{background:#111!important}
/* wallet */
.wallet{margin:26px auto 0;max-width:560px;width:100%;text-align:left;background:#111!important;color:var(--paper)!important;border-color:var(--paper)!important;box-shadow:8px 8px 0 var(--acid)!important;transform:rotate(-.8deg);padding:18px}
.wallet-top{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:center}
.wallet-lbl{font:400 22px/1 var(--disp);text-transform:uppercase;background:var(--acid);color:var(--ink);padding:3px 8px}
.wallet-state{font-size:.72rem;color:var(--m)}.wallet-state a{color:var(--acid)}
.wallet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}
.wallet-grid div{background:#050505;border:1.5px solid #333;padding:10px;border-radius:6px;min-width:0}
.wallet-grid small{display:block;font-size:.66rem;text-transform:uppercase;letter-spacing:.08em;color:var(--m);margin-bottom:6px}
.wallet-grid b{font-size:clamp(15px,3.6vw,22px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.wallet .seg{color:var(--acid);text-shadow:0 0 6px rgba(198,255,0,.75)}.wallet .seg.red{color:#ff3b3b;text-shadow:0 0 6px rgba(255,59,59,.8)}
.wallet .seg-txt{color:var(--pink);font-size:clamp(11px,2.6vw,14px)!important}
.wallet-row{display:flex;gap:14px;align-items:center}
.wallet-note{color:var(--m);margin-top:10px;font-size:.72rem}
/* launchpad */
.lp-board{display:grid;grid-template-columns:1.6fr 1fr;gap:26px;margin-top:24px;align-items:start}
.lp-card{box-shadow:10px 10px 0 var(--pink)}
.lp-head{display:flex;gap:12px;align-items:center}
.lp-head h3{font:400 38px/1 var(--disp)}
.lp-logo{font-size:40px;background:var(--ink);width:62px;height:62px;display:flex;align-items:center;justify-content:center;border-radius:50%}
.lp-status{margin-left:auto;background:var(--ink);color:var(--acid);font:400 15px/1 var(--disp);text-transform:uppercase;padding:6px 10px;animation:blink 1.4s steps(2) infinite;display:inline-block}
.lp-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0;border-block:2px dashed var(--ink);padding:12px 0}
.lp-meta dt{font-size:.66rem;text-transform:uppercase;font-weight:700;letter-spacing:.08em}
.lp-meta dd{font-weight:700;font-size:.9rem}
.lp-clock{background:#111;border-radius:10px;padding:14px;text-align:center;box-shadow:inset 0 0 0 3px #2a2a2a}
.lp-clock small{display:block;color:#8a8a8a;text-transform:uppercase;font-size:.68rem;letter-spacing:.12em}
.lp-card .lp-clock .seg{color:#ff2b2b;text-shadow:0 0 8px rgba(255,43,43,.9),0 0 22px rgba(255,43,43,.5)}
.big-seg{font-size:clamp(26px,6vw,52px)}
.lp-bar{height:12px;border:2px solid var(--ink);margin:12px 0;background:#d8d0bd}
.lp-bar i{display:block;height:100%;background:repeating-linear-gradient(-45deg,var(--acid) 0 8px,#9fd100 8px 16px)}
.lp-steps{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}
.lp-steps li{display:flex;gap:8px;align-items:center;font-weight:700;font-size:.85rem}
.lp-steps b{font-family:var(--seg);background:var(--ink);color:var(--acid);width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;flex:none}
.lp-empty{background:transparent!important;color:var(--paper)!important;border:3px dashed var(--paper)!important;box-shadow:none!important;transform:rotate(1.5deg)}
.lp-empty h3{font:400 30px/1 var(--disp);text-transform:uppercase;margin:12px 0 6px}
.lp-empty .lp-status{margin:0;animation:none;background:var(--paper);color:var(--ink)}
/* trending feed */
#trending .tabs{margin:10px 0 12px}
.disclaim{border-left:4px solid var(--pink);padding:6px 10px;margin-bottom:16px;color:var(--paper);background:rgba(255,46,136,.08)}
.feed{display:grid;gap:10px}
.feed-row{display:grid;grid-template-columns:42px 1.4fr 1fr .8fr 1fr;gap:10px;align-items:center;background:#111;border:2px solid #2a2a2a;padding:12px 14px;text-decoration:none;color:var(--paper);transition:transform .12s,border-color .12s}
.feed-row:hover,.feed-row:focus-visible{border-color:var(--acid);transform:translateX(4px) rotate(-.4deg)}
.f-rank{color:var(--pink)!important;text-shadow:0 0 6px rgba(255,46,136,.7)!important;font-size:18px}
.f-name{min-width:0}.f-name b{display:block;font:400 20px/1.1 var(--disp);text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.f-name small{color:var(--m);font-size:.72rem;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.f-num small{display:block;font-size:.62rem;color:var(--m);text-transform:uppercase;letter-spacing:.08em}
.f-num b{font-size:15px}
.radar{box-shadow:6px 6px 0 var(--blue)}
.radar-top{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.radar-top b{font:400 26px/1 var(--disp)}
.hold{background:#c3005a;color:#fff;font-size:.7rem;font-weight:700;padding:3px 7px;text-transform:uppercase}
/* reclaim */
.reclaim{max-width:760px;box-shadow:10px 10px 0 var(--acid)}
.reclaim label{font-weight:700;text-transform:uppercase;font-size:.78rem;letter-spacing:.06em}
.rc-row{display:flex;gap:10px;margin:8px 0 12px}.rc-row input{flex:1;min-width:0;font-size:13px}
.rc-result{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:10px 0}
.rc-result div{background:#111;color:var(--paper);padding:12px;border-radius:6px}
.rc-result small{display:block;font-size:.64rem;color:#9a9a9a;text-transform:uppercase}
.rc-result .seg{color:var(--acid)!important;text-shadow:0 0 6px rgba(198,255,0,.75)!important;font-size:22px}
.rc-how{margin-top:12px}.rc-how summary{cursor:pointer;font-weight:700}.rc-how ul{margin:10px 0 0 20px;display:grid;gap:6px}
@media (max-width:860px){.lp-board{grid-template-columns:1fr}.lp-meta{grid-template-columns:1fr 1fr}}
@media (max-width:560px){
  .feed-row{grid-template-columns:30px 1fr 1fr;grid-template-areas:"r n n" "p c v"}
  .feed-row .f-rank{grid-area:r}.feed-row .f-name{grid-area:n}
  .lp-steps{grid-template-columns:1fr}
  .seg-clock span{font-size:30px!important}
  .wallet-grid{grid-template-columns:1fr 1fr}.wallet-grid div:nth-child(2){grid-column:span 2;order:3}
  .rc-row{flex-direction:column}.rc-result .seg{font-size:17px}
}
@media (prefers-reduced-motion:reduce){.seg,.lp-status{animation:none!important}}

.unit{font:400 15px/1 var(--disp);font-style:normal;color:var(--m);margin:0 2px}
.f-num.up .unit{color:var(--acid)}.f-num.down .unit{color:#ff3b3b}
.f-num b:empty{display:none}
.f-num{white-space:nowrap;min-width:0;overflow:hidden}
@media (max-width:560px){
  .feed-row{grid-template-columns:30px repeat(3,minmax(0,1fr));grid-template-areas:"r n n n" ". p c v";row-gap:8px}
  .feed-row .f-num:nth-of-type(3){grid-area:p}.feed-row .f-num:nth-of-type(4){grid-area:c}.feed-row .f-num:nth-of-type(5){grid-area:v}
  .f-num b{font-size:12px}.unit{font-size:12px;margin:0 1px}
}

/* v6: NFTs + get trending */
.nft-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;margin-top:10px}
.nft{background:#111;border:2px solid #2a2a2a;margin:0;overflow:hidden}
.nft img,.nft-ph{width:100%;aspect-ratio:1;object-fit:cover;display:block;background:#050505}
.nft-ph{display:flex;align-items:center;justify-content:center;color:#444;font:400 40px var(--disp)}
.nft figcaption{padding:6px 8px;color:var(--paper);font-size:.72rem;display:flex;justify-content:space-between;gap:6px}
.nft figcaption b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nft figcaption .seg{font-size:11px}
.nft-extra,.gt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-top:22px}
.nft-extra h3,.gt-grid h3{font:400 24px/1.1 var(--disp);text-transform:uppercase;margin-bottom:8px}
.nft-extra ul,.gt-grid ul{margin-left:18px;display:grid;gap:6px}
.gt-list{list-style:none;margin-left:0!important}.gt-list li{display:flex;gap:8px;align-items:flex-start}
.gt-list input{width:20px;height:20px;accent-color:var(--pink);flex:none;margin-top:2px}
.gt-list input:checked+label{text-decoration:line-through;opacity:.6}

/* v7: wallets */
.wallet-row{flex-wrap:wrap;gap:8px}
.w-chains{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}
.chip{font:700 .72rem var(--mono,monospace);text-transform:uppercase;padding:6px 10px;border:2px solid #444;background:#111;color:var(--paper);cursor:pointer}
.chip[aria-pressed="true"]{border-color:var(--pink);color:var(--pink)}
.chip:focus-visible{outline:3px solid var(--pink);outline-offset:2px}
.wdlg{max-width:min(520px,94vw);width:100%;background:#0d0d0d;color:var(--paper);border:3px solid var(--pink);padding:20px;box-shadow:8px 8px 0 #000}
.wdlg::backdrop{background:rgba(0,0,0,.75)}
.wd-head{display:flex;justify-content:space-between;align-items:center}
.wd-head h2{font:400 32px/1 var(--disp);text-transform:uppercase}
.wd-tabs{margin:12px 0}
.wd-guard{font-size:.8rem;border:2px dashed #ffd400;padding:8px 10px;margin:10px 0;color:#ffe680;overflow-wrap:anywhere}
.wdlg h3{font:700 .8rem var(--mono,monospace);text-transform:uppercase;margin:14px 0 6px;opacity:.8}
.wd-list{display:flex;flex-wrap:wrap;gap:8px}
.wd-opt img{vertical-align:middle}
.wd-steps{margin:12px 0 8px 18px;display:grid;gap:6px}
.hidden{display:none!important}
.wdlg{margin:auto;max-height:92vh;overflow:auto;overscroll-behavior:contain}
.wdlg .btn:hover{transform:none}