[hidden]{display:none!important}
:root{--g:#39ff14;--p:#9b30ff;--p2:#5b12a8;--bg:#0b0b0b;--paper:#efeadf;--ink:#f4f4f4;--mut:#a9a9b4;--stencil:'Rubik Mono One',monospace;--marker:'Permanent Marker',cursive;--body:'Space Grotesk',system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);line-height:1.5;
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 baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.06'/%3E%3C/svg%3E")}
a{color:var(--g)}
:focus-visible{outline:3px dashed var(--g);outline-offset:3px}
.skip{position:absolute;left:-999px}.skip:focus{left:10px;top:10px;z-index:99;background:var(--g);color:#000;padding:8px}
.wrap{width:min(1180px,92vw);margin:0 auto}
/* top bar: logo sticker left, links as tape strips */
.bar{position:absolute;top:0;left:0;right:0;z-index:30;display:flex;align-items:flex-start;justify-content:space-between;padding:12px 4vw;pointer-events:none}
.bar>*{pointer-events:auto}
.sticker{display:block;transform:rotate(-8deg);border-radius:50%;padding:5px;background:#fff;box-shadow:4px 6px 0 rgba(0,0,0,.6);transition:transform .2s}
.sticker:hover{transform:rotate(4deg) scale(1.05)}
.sticker img{display:block;border-radius:50%;width:64px;height:64px}
.tape{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.tape a{font-family:var(--stencil);font-size:12px;letter-spacing:.04em;text-decoration:none;color:#111;background:rgba(239,234,223,.92);padding:7px 12px;transform:rotate(var(--r,1.5deg));box-shadow:2px 2px 0 rgba(0,0,0,.5);clip-path:polygon(3% 0,100% 4%,97% 100%,0 96%)}
.tape a:nth-child(2){--r:-2deg}.tape a:nth-child(3){--r:2.5deg}.tape a:nth-child(4){--r:-1deg;background:var(--g)}
.tape a[aria-current]{background:var(--p);color:#fff}
/* poster hero */
.poster{position:relative;min-height:clamp(560px,64vw,860px);display:grid;align-items:end;overflow:hidden;background:#000}
.poster picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%;filter:saturate(1.15)}
.poster::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.35) 45%,transparent 70%),linear-gradient(180deg,rgba(0,0,0,.1) 0%,rgba(0,0,0,.2) 45%,rgba(11,11,11,.96) 88%)}
.poster .torn{position:absolute;left:0;right:0;bottom:-1px;height:44px;z-index:2;background:var(--bg);clip-path:polygon(0 60%,4% 30%,8% 55%,12% 20%,17% 50%,21% 25%,26% 60%,31% 15%,35% 45%,40% 25%,45% 55%,50% 20%,54% 50%,59% 30%,63% 60%,68% 18%,72% 48%,77% 28%,82% 58%,86% 22%,91% 50%,95% 30%,100% 55%,100% 100%,0 100%)}
.poster .copy{position:relative;z-index:3;padding:0 4vw 80px;max-width:900px}
.stamp{display:inline-block;font-family:var(--stencil);font-size:13px;color:var(--g);border:3px solid var(--g);padding:4px 10px;transform:rotate(-4deg);margin-bottom:14px;background:rgba(0,0,0,.6)}
.stamp.closed{color:#ff4466;border-color:#ff4466}
.shout{font-family:var(--stencil);font-weight:400;font-size:clamp(38px,9vw,104px);line-height:.92;margin:0;letter-spacing:-.02em;text-transform:uppercase}
.shout .spray{font-family:var(--marker);color:var(--g);display:inline-block;transform:rotate(-3deg);text-shadow:0 0 22px rgba(57,255,20,.55);letter-spacing:0}
.shout .out{color:transparent;-webkit-text-stroke:2px #fff}
.blurb{font-size:clamp(16px,2.2vw,20px);max-width:560px;color:#e6e6ee;margin:18px 0 26px}
.acts{display:flex;gap:14px;flex-wrap:wrap}
/* skewed buttons */
.btn{--c:var(--g);display:inline-flex;align-items:center;gap:10px;font-family:var(--stencil);font-size:15px;letter-spacing:.02em;color:#000;background:var(--c);border:0;padding:15px 26px;text-decoration:none;cursor:pointer;transform:skewX(-12deg);box-shadow:6px 6px 0 #000,6px 6px 0 2px var(--p);transition:transform .12s,box-shadow .12s}
.btn>span{display:inline-block;transform:skewX(12deg)}
.btn:hover{transform:skewX(-12deg) translate(-2px,-2px);box-shadow:9px 9px 0 #000,9px 9px 0 2px var(--p)}
.btn:active{transform:skewX(-12deg) translate(3px,3px);box-shadow:2px 2px 0 #000}
.btn:disabled{opacity:.5;cursor:not-allowed}
.btn.alt{--c:transparent;color:#fff;box-shadow:inset 0 0 0 3px #fff}
.btn.vio{--c:var(--p);color:#fff;box-shadow:6px 6px 0 #000,6px 6px 0 2px var(--g)}
.btn.small{font-size:12px;padding:10px 16px}
/* marquee ticker */
.ticker{background:var(--g);color:#000;transform:rotate(-1.5deg);margin:-10px -2vw 0;overflow:hidden;border-block:4px solid #000;position:relative;z-index:4}
.ticker div{display:flex;gap:34px;width:max-content;padding:10px 0;font-family:var(--stencil);font-size:17px;white-space:nowrap;animation:tick 26s linear infinite}
.ticker b{color:var(--p)}
.ticker.rev{background:var(--p);color:#fff;transform:rotate(1deg);margin-top:-6px}.ticker.rev b{color:var(--g)}.ticker.rev div{animation-direction:reverse}
@keyframes tick{to{transform:translateX(-50%)}}
/* countdown as stencil digits */
.clock{display:flex;gap:4px;align-items:baseline;margin-top:26px;font-family:var(--stencil)}
.clock .u{text-align:center}.clock b{display:block;font-size:clamp(30px,6vw,50px);font-weight:400;color:var(--g);line-height:1}
.clock small{font-family:var(--body);font-size:10px;letter-spacing:.2em;color:var(--mut);text-transform:uppercase}
.clock i{font-style:normal;font-size:34px;color:var(--p);padding:0 4px}
.when{font-family:var(--marker);color:#fff;font-size:18px;margin-top:10px}
/* spec sheet: spray tags on a wall */
.wall{padding:70px 0 40px}
.label{font-family:var(--marker);color:var(--p);font-size:22px;transform:rotate(-2deg);display:inline-block;margin:0 0 6px}
.h{font-family:var(--stencil);font-weight:400;font-size:clamp(26px,5vw,48px);margin:0 0 28px;text-transform:uppercase;line-height:1}
.tags{display:flex;flex-wrap:wrap;gap:18px 26px}
.tagx{font-family:var(--marker);font-size:clamp(28px,5vw,46px);line-height:1;position:relative;padding:4px 0 10px}
.tagx small{display:block;font-family:var(--stencil);font-size:11px;color:var(--mut);letter-spacing:.12em;margin-bottom:6px}
.tagx:nth-child(odd){color:var(--g);transform:rotate(-2deg)}.tagx:nth-child(even){color:#fff;transform:rotate(2deg)}
.tagx::after{content:"";position:absolute;left:0;right:0;bottom:0;height:6px;background:var(--p);border-radius:3px;transform:skewX(-20deg)}
/* drip divider */
.drip{height:46px;background:var(--g);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 46' preserveAspectRatio='none'%3E%3Cpath d='M0 0h200v10c-6 0-6 26-11 26s-4-20-9-20-5 30-11 30-5-26-10-26-6 10-11 10-4-14-10-14-6 28-12 28-5-22-10-22-5 8-11 8-5-18-10-18-7 32-13 32-5-30-10-30-6 12-11 12-5-8-10-8-6 22-12 22-5-20-11-20H0z'/%3E%3C/svg%3E") 0 0/100% 100%;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 46' preserveAspectRatio='none'%3E%3Cpath d='M0 0h200v10c-6 0-6 26-11 26s-4-20-9-20-5 30-11 30-5-26-10-26-6 10-11 10-4-14-10-14-6 28-12 28-5-22-10-22-5 8-11 8-5-18-10-18-7 32-13 32-5-30-10-30-6 12-11 12-5-8-10-8-6 22-12 22-5-20-11-20H0z'/%3E%3C/svg%3E") 0 0/100% 100%}
.drip.vio{background:var(--p)}
/* stencil steps: horizontal rail */
.rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(250px,1fr);gap:0;overflow-x:auto;scroll-snap-type:x mandatory;border-top:3px dashed #333;padding-top:18px}
.stp{scroll-snap-align:start;padding:0 26px 10px 0;position:relative}
.stp .num{font-family:var(--stencil);font-size:96px;line-height:.8;color:transparent;-webkit-text-stroke:2px var(--g);display:block}
.stp:nth-child(2) .num{-webkit-text-stroke-color:var(--p)}
.stp h3{font-family:var(--marker);font-weight:400;font-size:26px;margin:8px 0 4px}
.stp p{margin:0;color:var(--mut);max-width:300px}
/* page header for inner pages: torn strip */
.strip{position:relative;padding:110px 4vw 40px;background:linear-gradient(90deg,rgba(0,0,0,.85),rgba(0,0,0,.4)),url(/img/banner-sm.webp) center/cover}
.strip::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:30px;background:var(--bg);clip-path:polygon(0 70%,6% 35%,12% 65%,19% 30%,26% 60%,33% 25%,41% 70%,48% 35%,56% 60%,63% 28%,71% 66%,78% 30%,86% 62%,93% 32%,100% 60%,100% 100%,0 100%)}
.strip h1{font-family:var(--stencil);font-weight:400;font-size:clamp(30px,7vw,72px);margin:0;line-height:.95;text-transform:uppercase}
.strip h1 em{font-family:var(--marker);font-style:normal;color:var(--g);display:inline-block;transform:rotate(-3deg)}
.strip p{margin:10px 0 0;color:#ddd;font-weight:500}
/* split apply */
.split{display:grid;gap:34px;padding:34px 0 20px}
@media(min-width:900px){.split{grid-template-columns:1.1fr .9fr;align-items:start}.split .side{position:sticky;top:20px}}
.chk-wall{display:grid;gap:14px}
.ttag{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;text-decoration:none;color:#fff;padding:16px 18px;background:#141414;border-left:8px solid var(--p);clip-path:polygon(0 0,100% 3%,99% 100%,1% 97%);transition:background .15s,transform .15s}
.ttag:nth-child(even){transform:rotate(.6deg)}.ttag:nth-child(odd){transform:rotate(-.6deg)}
.ttag:hover{background:#1c1c1c}
.ttag .n{font-family:var(--stencil);font-size:30px;color:var(--p);width:44px}
.ttag b{font-family:var(--marker);font-weight:400;font-size:22px;display:block;line-height:1.1}
.ttag small{color:var(--mut)}
.ttag .ok{font-family:var(--stencil);font-size:11px;padding:6px 8px;border:2px solid #555;color:#777;transform:rotate(6deg)}
.ttag.done{border-left-color:var(--g)}.ttag.done .n{color:var(--g)}
.ttag.done .ok{border-color:var(--g);color:var(--g);background:rgba(57,255,20,.08)}
.ttag.off{opacity:.4;pointer-events:none}
.note{font-size:14px;color:var(--mut);border-left:3px solid var(--g);padding-left:12px}
.form{background:var(--paper);color:#111;padding:26px 22px 22px;position:relative;box-shadow:10px 10px 0 var(--p);clip-path:polygon(0 1%,100% 0,99% 99%,1% 100%)}
.form::before{content:"";position:absolute;top:-10px;left:40%;width:90px;height:26px;background:rgba(57,255,20,.75);transform:rotate(-4deg)}
.form h2{font-family:var(--stencil);font-weight:400;font-size:22px;margin:0 0 4px}
.form .sub{margin:0 0 6px;color:#555;font-size:14px}
label.f{display:block;font-family:var(--stencil);font-size:11px;letter-spacing:.06em;margin:16px 0 6px}
.in{width:100%;padding:12px 2px;border:0;border-bottom:3px solid #111;background:transparent;color:#111;font:500 17px var(--body);outline:none;border-radius:0}
.in:focus{border-bottom-color:var(--p);background:rgba(155,48,255,.06)}
.in.bad{border-bottom-color:#d6002f}.in.good{border-bottom-color:#14a800}
.hint{font-size:13px;color:#555;min-height:18px;margin-top:4px}.hint.err{color:#c4002a}.hint.ok{color:#118a00}
.msg{margin-top:12px;font-weight:700}.msg.err{color:#c4002a}.msg.ok{color:#118a00}
.form .btn{width:100%;justify-content:center;margin-top:22px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.warn{background:#2a0d14;border:2px dashed #ff4466;padding:12px;margin:0 0 12px;color:#fff}
.form .warn{background:#ffe3e9;color:#7a0019}
.badge{display:inline-block;padding:3px 10px;font-family:var(--stencil);font-size:11px;transform:rotate(-3deg)}
.badge.approved{background:var(--g);color:#000}.badge.pending{background:#ffd400;color:#000}.badge.rejected{background:#ff3860;color:#fff}
.done-card{text-align:center}.done-card .big{font-family:var(--marker);font-size:38px;color:var(--p);margin:4px 0}
.lookup{max-width:620px;padding:34px 0}
.foot{padding:40px 4vw 50px;display:flex;gap:18px;align-items:center;flex-wrap:wrap;border-top:3px dashed #2a2a2a;margin-top:40px;color:var(--mut);font-size:14px}
.foot img{border-radius:50%;transform:rotate(10deg);border:3px solid #fff}
.foot .big{font-family:var(--marker);color:#fff;font-size:22px}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(120px);background:var(--g);color:#000;font-weight:700;padding:10px 18px;transition:transform .25s;z-index:99}
.toast.show{transform:translateX(-50%)}
.splat{position:fixed;border-radius:50%;pointer-events:none;z-index:98;animation:splat 1.4s ease-out forwards}
@keyframes splat{to{transform:translate(var(--dx),var(--dy)) scale(.3);opacity:0}}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .5s,transform .5s}.reveal.shown{opacity:1;transform:none}
@media(max-width:600px){.sticker img{width:50px;height:50px}.tape a{font-size:10px;padding:6px 8px}.poster{min-height:640px}.poster picture img{object-position:50% 30%}.stp .num{font-size:72px}.ttag b{font-size:19px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
/* admin (unchanged layout, new palette) */
.row{display:flex;gap:10px;align-items:center}.row .in{flex:1}
.panel{background:#141414;border:2px solid #2a2a2a;padding:22px}.panel h2{font-family:var(--stencil);font-weight:400;font-size:20px;margin:0;color:var(--g)}
.panel .in{color:#fff;border-bottom-color:#555}.panel label.f{color:#ddd}
.page-title{font-family:var(--stencil);font-weight:400;color:var(--g)}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px}
.stats div{background:#141414;border-left:6px solid var(--p);padding:12px}.stats b{display:block;font-family:var(--stencil);font-size:26px;color:var(--g);font-weight:400}
.tbl{overflow-x:auto;border:2px solid #2a2a2a}table{border-collapse:collapse;width:100%;font-size:14px}
th,td{padding:8px 10px;border-bottom:1px solid #222;text-align:left;white-space:nowrap}th{background:#1a1a1a;color:var(--g)}
.mini{background:#1b1b22;color:#fff;border:1px solid #333;padding:3px 8px;cursor:pointer;margin-right:3px}.mini.ok{border-color:var(--g)}.mini.no{border-color:#ff3860}
select.in{width:auto}
.btn.sm{font-size:11px;padding:9px 14px}
/* $RONS token wall */
.cash{font-family:var(--marker);color:var(--g);display:inline-block;transform:rotate(-3deg);text-shadow:0 0 18px rgba(57,255,20,.5)}
.tokgrid{display:grid;gap:30px}
@media(min-width:860px){.tokgrid{grid-template-columns:1.2fr .8fr;align-items:start}}
.tokcopy .big{font-size:clamp(18px,2.4vw,22px);margin-top:0}
.tokcopy b{color:var(--g)}
.tokcopy .quote{font-family:var(--marker);font-size:20px;color:#fff;border-left:6px solid var(--p);padding-left:14px;transform:rotate(-1deg)}
.tokfacts{margin:0;background:var(--paper);color:#111;padding:18px 20px;box-shadow:10px 10px 0 var(--g);clip-path:polygon(0 1%,100% 0,99% 99%,1% 100%);transform:rotate(1deg)}
.tokfacts div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:2px dashed #bbb}
.tokfacts div:last-child{border:0}
.tokfacts dt{font-family:var(--stencil);font-size:11px;letter-spacing:.06em;align-self:center}
.tokfacts dd{margin:0;font-family:var(--marker);font-size:22px;color:var(--p2);text-align:right}
.tokfacts dd.sm{font-family:var(--body);font-weight:700;font-size:14px;max-width:190px}
.src{font-size:13px;color:var(--mut);margin-top:24px}
.tokline{font-size:14px;color:#ccc;max-width:640px}.tokline b{color:var(--g)}
/* inline paste boxes under tasks 03/04 */
.tslot.has-paste .ttag{clip-path:none}
.paste{background:#1a1a1a;border-left:8px solid var(--p);margin-top:-2px;padding:4px 18px 12px 76px}
.tslot:has(.ttag.done) .paste{border-left-color:var(--g)}
.paste label.f{margin:8px 0 2px;color:#ddd}
.paste .in{color:#fff;border-bottom-color:#555;font-size:15px;padding:8px 2px}
.paste .in:focus{border-bottom-color:var(--g);background:rgba(57,255,20,.05)}
.paste .in.good{border-bottom-color:var(--g)}
.paste .hint{color:var(--mut)}.paste .hint.ok{color:var(--g)}.paste .hint.err{color:#ff6b86}
@media(max-width:600px){.paste{padding-left:18px}}
/* $RONS content page */
.crules{display:grid;gap:14px}
.rule{display:flex;gap:14px;align-items:flex-start;background:#141414;border-left:6px solid var(--g);padding:14px 16px;transform:rotate(-.4deg)}
.rule:nth-child(even){border-left-color:var(--p);transform:rotate(.4deg)}
.rule .n{font-family:var(--stencil);font-size:26px;color:var(--p);line-height:1}
.rule:nth-child(even) .n{color:var(--g)}
.rule b{display:block;font-size:18px}.rule small{display:block;color:var(--mut);font-size:14px;margin-top:4px;line-height:1.45}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 4px}
.chip input{position:absolute;opacity:0;pointer-events:none}
.chip span{display:inline-block;padding:7px 12px;border:2px solid #111;font-weight:700;font-size:14px;cursor:pointer;transform:rotate(-1deg);background:#fff}
.chip input:checked+span{background:var(--g);box-shadow:3px 3px 0 var(--p)}
.chip input:focus-visible+span{outline:3px solid var(--p)}
textarea.in{resize:vertical;min-height:52px}
.sublist{list-style:none;padding:0;margin:10px 0 0;text-align:left;font-size:14px}.sublist li{padding:6px 0;border-bottom:1px dashed #ccc}
.tabs{display:flex;gap:8px;margin:18px 0}.tabs .btn[aria-selected="true"]{background:var(--g);color:#000}