/* FomPunks / editorial identity / September 2026 */
:root{--bg:#0a0a1f;--panel:#14142b;--line:#303048;--ink:#f2f0e9;--muted:#aaa9bc;--lime:#bef264;--mono:'Space Mono',monospace;--sans:'Space Grotesk',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55}a{color:inherit}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}a{text-decoration:none}img{display:block;max-width:100%;image-rendering:pixelated}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--lime);outline-offset:5px}[hidden]{display:none!important}::selection{background:var(--lime);color:var(--bg)}.muted{color:var(--muted)}.skip{position:fixed;top:-80px;left:20px;z-index:40;background:var(--lime);color:var(--bg);padding:12px}.skip:focus{top:10px}.top,main,.foot{width:min(1320px,calc(100% - 96px));margin:auto}.top{height:100px;display:flex;align-items:center;gap:36px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;font-size:26px;font-weight:700;letter-spacing:-1.4px;white-space:nowrap}.brand img{width:52px;height:auto}.brand__mark{font-size:10px;vertical-align:super;margin-left:3px}.nav{display:flex;gap:28px;margin-left:auto;font-size:13px}.nav a{padding:8px 0}.nav a:hover,.nav .on{color:var(--lime)}.social{font:11px var(--mono);border:1px solid var(--line);padding:10px 15px}.social:hover{border-color:var(--lime)}.social span{margin-left:16px}.eyebrow{font:10px/1.6 var(--mono);letter-spacing:1.5px;display:flex;align-items:center;gap:9px}.signal{width:7px;height:7px;display:inline-block;border-radius:50%;background:var(--lime);flex:none}.slash{color:#55556f;margin:0 7px}.eyebrow b{font-weight:400;color:var(--lime)}h1,h2,h3,p{margin:0}h1,h2{font-weight:600;letter-spacing:-.065em}h1 em,h2 em{font-style:normal;color:var(--lime)}.hero{display:grid;grid-template-columns:1.02fr 1fr;gap:70px;padding:65px 0 80px;align-items:center}.hero h1{font-size:clamp(75px,8.65vw,126px);line-height:.87;margin:30px 0;position:relative;max-width:540px}.hero__period{position:absolute;right:15px;bottom:0;font-size:95px;color:var(--ink);font-weight:400}.hero__intro{font-size:22px;line-height:1.35;letter-spacing:-.5px}.hero__detail{font:12px/1.9 var(--mono);color:var(--muted);margin-top:18px}.hero__buttons{display:flex;align-items:center;gap:24px;margin-top:30px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:28px;border:1px solid var(--line);background:transparent;color:var(--ink);padding:15px 22px;font-size:14px;font-weight:600;transition:background .15s,transform .15s}.btn--lime{background:var(--lime);color:var(--bg);border-color:var(--lime)}.btn:hover{transform:translateY(-2px);background:var(--ink);color:var(--bg);border-color:var(--ink)}.text-link{font:11px/1.7 var(--mono);text-decoration:underline;text-underline-offset:6px;background:none;border:0;color:inherit;padding:0}.text-link:hover{color:var(--lime)}.specimen{position:relative;border:1px solid #52526a;background:var(--panel);padding:16px;transform:rotate(2deg);margin-right:8px}.specimen__top{display:flex;justify-content:space-between;gap:10px;font:8px/1.6 var(--mono);letter-spacing:1px;padding-bottom:16px;color:var(--muted)}.specimen__stage{display:grid;grid-template-columns:3fr 1fr;gap:8px;align-items:stretch;background:var(--bg)}.punk__art{position:relative;min-width:0}.punk__art img{width:100%;height:100%;object-fit:cover;aspect-ratio:1}.tag{position:absolute;bottom:12px;left:12px;padding:4px 10px;background:var(--bg);font:11px var(--mono);color:var(--lime)}.specimen__rail{display:flex;flex-direction:column;gap:8px}.specimen__rail a{flex:1;min-height:0}.specimen__rail img{width:100%;height:100%;object-fit:cover}.specimen__rail a:hover{outline:2px solid var(--lime)}.specimen__caption{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 0 12px;font-size:14px;font-weight:600}.shuffle{background:none;border:0;border-bottom:1px solid var(--muted);padding:4px 0;color:var(--lime);font:10px var(--mono);white-space:nowrap}.punk__traits{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0}.punk__traits li{font:9px/1.7 var(--mono);border:1px solid var(--line);padding:3px 6px}.punk__traits li span{color:var(--muted)}.punk__traits .is-one{color:var(--lime);border-color:var(--lime)}.specimen__note{font:7px/1.8 var(--mono);letter-spacing:.6px;color:var(--muted);margin-top:18px;border-top:1px solid var(--line);padding-top:12px}.specimen__note span{color:var(--ink)}.edition-stamp{position:absolute;right:-20px;top:-28px;background:var(--lime);color:var(--bg);padding:12px 15px;transform:rotate(8deg);font-size:34px;line-height:1;text-align:center;border:1px solid var(--bg);font-weight:700}.edition-stamp span{font:7px var(--mono);display:block;margin-top:5px}.edition-band{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line);padding:26px 0;gap:22px}.edition-band>span{font-size:34px;letter-spacing:-1.6px;border-right:1px solid var(--line);line-height:1}.edition-band>span:last-child{border:0}.edition-band small{display:block;font:9px var(--mono);letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-top:10px}.section{padding:90px 0;border-bottom:1px solid var(--line)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:36px}h2{font-size:clamp(34px,4.5vw,64px);line-height:1.06;margin-top:18px}.section-heading__aside{max-width:340px;padding-bottom:3px}.section-heading__aside p{font-size:14px;color:var(--muted);margin-bottom:15px}.originals__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.original>div{position:relative;overflow:hidden}.original img{width:100%;height:auto;transition:transform .25s}.original:hover img{transform:scale(1.035)}.original__seal{position:absolute;top:10px;left:10px;background:var(--bg);padding:4px 9px;color:var(--lime);font:9px var(--mono)}.original__caption{display:flex;justify-content:space-between;align-items:center;padding:14px 0;gap:5px;border-bottom:1px solid var(--line)}.original__caption b{font-weight:500;font-size:15px}.original__caption small{font:9px var(--mono);color:var(--muted)}.claim{display:grid;grid-template-columns:1fr 1.2fr;gap:100px}.claim__title p{margin-top:25px;color:var(--muted)}.claim__arrow{font-size:160px;line-height:1.1;font-weight:400;color:var(--lime)}.steps{list-style:none;padding:0;margin:0}.steps li{display:grid;grid-template-columns:34px 1fr;gap:20px;padding:25px 0;border-bottom:1px solid var(--line)}.steps li:first-child{padding-top:0}.step__n{font:12px var(--mono);color:var(--lime);padding-top:5px}h3{font-size:21px;font-weight:500;letter-spacing:-.5px}.steps p{font-size:14px;color:var(--muted);line-height:1.8;margin-top:8px}.cmd{background:var(--lime);color:var(--bg);padding:20px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px}.cmd code{font:15px var(--mono);white-space:nowrap}.copy{font:9px var(--mono);background:none;color:inherit;border:1px solid currentColor;padding:8px 10px}.copy.ok{color:#487018}.command-note{display:block;font:9px/1.7 var(--mono);color:var(--muted);margin-top:10px}.claim__foot{font:9px/1.9 var(--mono);letter-spacing:.4px;margin-top:23px;color:var(--muted)}.activity-label{display:flex;align-items:center;gap:10px;font:9px var(--mono);color:var(--muted)}.activity__layout{display:grid;grid-template-columns:1.65fr 1fr;gap:40px}.feed{border-top:2px solid var(--ink)}.feed__head{display:flex;justify-content:space-between;font:10px var(--mono);padding:18px 0;border-bottom:1px solid var(--line)}.feed__list{list-style:none;margin:0;padding:0;max-height:430px;overflow:auto}.feed-empty{padding:45px 20px 45px 0}.feed-empty>span{font-size:42px;color:var(--lime)}.feed-empty h3{font-size:23px;margin-top:15px}.feed-empty p{color:var(--muted);font-size:13px;margin-top:8px}.feed__item{display:grid;grid-template-columns:34px 1fr auto;gap:8px 14px;padding:18px 0;border-bottom:1px solid var(--line);align-items:center}.feed__ava{width:34px;height:34px;display:grid;place-items:center;font-weight:700;color:var(--bg)}.feed__who{font-size:14px;overflow-wrap:anywhere}.feed__who small{font:10px var(--mono);color:var(--muted);margin-left:7px}.feed__text{grid-column:2/4;font:11px/1.8 var(--mono);color:var(--muted);overflow-wrap:anywhere}.feed__text a{text-decoration:underline}.badge{font:8px var(--mono);border:1px solid var(--line);padding:5px 8px;color:var(--muted);max-width:150px;overflow-wrap:anywhere}.badge--minted,.badge--one{background:var(--lime);color:var(--bg);border-color:var(--lime)}.badge--pending{color:var(--lime)}.badge--rejected{color:#ff8d95}.drop-status{background:var(--panel);padding:28px}.windowbar>div{display:flex;justify-content:space-between;gap:15px;padding:14px 0;border-bottom:1px solid var(--line)}.stats__k{font:9px/1.8 var(--mono);letter-spacing:.5px;color:var(--muted)}.windowbar b{font:11px/1.8 var(--mono);color:var(--lime);text-align:right}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px}.stats>div{display:flex;flex-direction:column;gap:4px}.stats b{font-size:32px;line-height:1}.drop-status__note{font:10px/1.9 var(--mono);color:var(--muted);margin-top:26px}.faq{display:grid;grid-template-columns:1fr 1.5fr;gap:80px}.faq__intro p{color:var(--muted);margin-top:22px;font-size:14px}.faq details{border-bottom:1px solid var(--line)}.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:22px;padding:22px 0;font-size:16px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';color:var(--lime);font-size:20px;line-height:1}.faq details[open] summary:after{content:'−'}.faq details p{font-size:14px;line-height:1.9;color:var(--muted);padding:0 28px 22px 0}.contracts{display:grid;grid-template-columns:1fr 1fr 1fr;gap:35px;padding:42px 0}.contracts__title p{font-size:14px;color:var(--muted);margin-top:8px}.contract{display:grid;grid-template-columns:1fr auto;gap:8px 12px;align-items:center;min-width:0}.contract>.stats__k{grid-column:1/3}.contract code{font:11px var(--mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.foot{border-top:1px solid var(--line);padding-top:20px}.footer-wordmark{display:flex;align-items:center;justify-content:space-between;font-size:clamp(48px,12.9vw,188px);font-weight:700;letter-spacing:-.065em;line-height:1.2}.footer-wordmark span{color:var(--lime);font-weight:400}.foot__bottom{border-top:1px solid var(--line);padding:22px 0 34px;display:flex;justify-content:space-between;gap:20px;font:9px var(--mono);color:var(--muted)}
/* The collection archive */
.gallery{padding-bottom:90px}.gallery__intro{padding:65px 0 45px;border-bottom:1px solid var(--line);margin-bottom:36px}.gallery__intro h1{font-size:clamp(48px,6.1vw,86px);line-height:1.02;margin-top:24px}.gallery__sub{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-top:24px}.gallery__sub p{color:var(--muted);font-size:14px}.gallery__layout{display:grid;grid-template-columns:215px 1fr;gap:36px;align-items:start}.gallery__bar{position:sticky;top:24px}.filter-title{font:10px var(--mono);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:18px}.filter-title .text-link{font-size:9px;color:var(--muted)}.field-label{font:9px var(--mono);color:var(--muted);display:block;margin:13px 0 6px}.gallery__bar input,.filters select{width:100%;padding:10px;background:var(--panel);border:1px solid var(--line);border-radius:0;color:var(--ink);font:11px var(--mono)}.filters{display:grid;gap:2px}.filters select{min-height:38px}.gallery__bar>#count{font:10px var(--mono);display:block;margin-top:20px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 16px}.card{border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);text-align:left;padding:0;min-width:0;transition:transform .15s}.card:hover{transform:translateY(-4px)}.card img{width:100%;height:auto;aspect-ratio:1}.card span{display:block;font:9px/1.7 var(--mono);padding:10px 0;min-height:38px}.card--one span{color:var(--lime)}.card--one img{outline:1px solid var(--lime);outline-offset:-1px}.more{display:block;margin:40px auto 0}.gallery-empty{padding:35px;font-size:16px;color:var(--muted)}.modal{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:30px;background:#050514ed;overflow:auto}.modal__box{position:relative;display:grid;grid-template-columns:1.15fr 1fr;width:min(980px,100%);background:var(--panel);border:1px solid var(--line)}.modal__box>img{width:100%;height:100%;object-fit:contain;align-self:center}.modal__side{padding:50px 32px 32px;display:flex;flex-direction:column;align-items:start;gap:24px}.modal__side h2{font-size:35px;margin:0}.modal__side .punk__traits li{font-size:11px}.modal__side>p{font-size:13px}.modal__x{position:absolute;right:12px;top:12px;width:34px;height:34px;z-index:1;border:1px solid var(--line);background:var(--bg);color:var(--ink)}.market-status{font:9px/1.8 var(--mono);color:var(--muted)}body.modal-open{overflow:hidden}
@media(min-width:1600px){.hero h1{font-size:126px}}
@media(max-width:1100px){.top,main,.foot{width:calc(100% - 56px)}.hero{gap:38px}.hero h1{font-size:90px}.hero__period{right:0;font-size:72px}.nav{gap:18px}.brand{font-size:22px}.brand img{width:40px}.social{display:none}.hero__buttons{gap:16px}.claim{gap:55px}.activity__layout{gap:25px}.faq{gap:45px}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.original__caption{flex-wrap:wrap}.specimen__top{font-size:7px}.specimen__caption{font-size:12px}}
@media(max-width:760px){html{scroll-padding-top:30px}.top,main,.foot{width:calc(100% - 40px)}.top{height:auto;min-height:88px;flex-wrap:wrap;padding:20px 0;gap:18px}.brand{font-size:25px}.nav{width:100%;justify-content:space-between;margin:0;font-size:12px}.hero{grid-template-columns:1fr;padding:40px 0 48px;gap:46px}.hero h1{font-size:clamp(80px,18vw,124px);max-width:500px;margin:25px 0}.hero__period{right:15%;font-size:86px}.hero__intro{font-size:22px}.hero__detail{font-size:11px}.hero__buttons{gap:20px}.specimen{max-width:540px;margin:0 8px;transform:rotate(1deg)}.specimen__top{font-size:8px}.specimen__caption{font-size:14px}.edition-stamp{right:-12px;top:-20px}.edition-band{grid-template-columns:repeat(2,1fr);gap:26px}.edition-band>span:nth-child(2){border-right:0}.edition-band>span{font-size:30px}.section{padding:56px 0}.section-heading{display:block;margin-bottom:28px}.section-heading__aside{margin-top:24px}.originals__grid{grid-template-columns:repeat(2,1fr);gap:22px 14px}.original__caption b{font-size:13px}h2{font-size:43px}.claim,.faq{grid-template-columns:1fr;gap:32px}.claim__title p{margin-top:16px}.claim__arrow{display:none}.steps li{gap:12px;grid-template-columns:26px 1fr}.steps h3{font-size:19px}.cmd{padding:17px 12px;gap:8px}.cmd code{font-size:clamp(10px,3.3vw,15px)}.activity-label{margin-top:22px}.activity__layout{grid-template-columns:1fr}.drop-status{grid-row:1}.feed-empty{padding-top:24px}.contracts{grid-template-columns:1fr;gap:28px}.contract{border-top:1px solid var(--line);padding-top:20px}.foot__bottom{flex-wrap:wrap;font-size:8px;gap:12px}.gallery__intro{padding:40px 0 30px}.gallery__intro h1{font-size:49px}.gallery__sub{align-items:start;flex-direction:column}.gallery__layout{grid-template-columns:1fr;gap:25px}.gallery__bar{position:static}.filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}.gallery__bar>#count{margin-top:16px}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 10px}.card span{font-size:8px}.modal{padding:18px;align-items:start}.modal__box{grid-template-columns:1fr;max-width:510px;margin:auto}.modal__side{padding:28px 22px;gap:18px}.modal__box>img{max-height:45vh}.modal__side h2{font-size:28px}.modal__side .punk__traits li{font-size:9px}.modal__side>p{font-size:12px}}
@media(max-width:380px){.top,main,.foot{width:calc(100% - 28px)}.eyebrow{font-size:8px}.hero__buttons{flex-direction:column;align-items:start}.hero__period{right:6%}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.specimen__note{font-size:6px}.specimen__caption{font-size:11px}.badge{max-width:92px;font-size:7px}.stats b{font-size:27px}.windowbar b{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.reel{margin:0 -48px;display:grid;gap:18px;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.reel__row{overflow:hidden}.reel__track{display:flex;gap:16px;width:max-content;animation:reel 70s linear infinite}
.reel__row--rev .reel__track{animation-direction:reverse;animation-duration:80s}.reel:hover .reel__track{animation-play-state:paused}
@keyframes reel{to{transform:translateX(-50%)}}
.reel__item{width:210px;flex:none;border:1px solid var(--line);background:var(--panel);transition:border-color .15s,transform .15s}
.reel__item:hover{border-color:var(--lime);transform:translateY(-4px)}.reel__item img{width:100%;height:auto;aspect-ratio:1}
.reel__item span{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px}.reel__item b{font-weight:500;font-size:14px}.reel__item small{font:9px var(--mono);color:var(--lime)}
.wall{position:relative;overflow:hidden;border-bottom:1px solid var(--line);margin:0 -48px;min-height:560px;display:grid;place-items:center}
.wall__grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:4px;opacity:.55}
.wall__grid img{width:100%;height:auto;aspect-ratio:1}
.wall:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,var(--bg) 18%,rgba(10,10,31,.65) 55%,rgba(10,10,31,.2))}
.wall__cta{position:relative;z-index:1;text-align:center;display:grid;justify-items:center;gap:22px;padding:60px 20px}.wall__cta .eyebrow{justify-content:center}.wall__cta h2{font-size:clamp(44px,6vw,92px);margin:0}
@media(prefers-reduced-motion:reduce){.reel__track{animation:none}}
@media(max-width:1100px){.reel,.wall{margin:0 -28px}}
@media(max-width:760px){.reel,.wall{margin:0 -20px}.reel__item{width:150px}.reel__item b{font-size:12px}.wall{min-height:440px}.wall__grid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr))}}

.hero{grid-template-columns:1fr 1.05fr;align-items:start}
.live{border:1px solid var(--line);background:var(--panel);padding:22px 22px 18px;display:flex;flex-direction:column;min-width:0}
.live__head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.live__health{font:9px var(--mono);color:var(--lime);letter-spacing:1px}
.live__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:18px 0}.live__stats>div{display:flex;flex-direction:column;gap:6px}.live__stats b{font-size:34px;line-height:1;letter-spacing:-1px}
.live__window{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 16px;padding:12px 0;border-block:1px solid var(--line)}.live__window b{font:10px var(--mono);color:var(--lime);margin-left:4px}
.live .feed__head{border-top:0}.live .feed__list{max-height:360px;min-height:220px}
.live__cmd{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--lime);color:var(--bg);padding:14px 16px;margin-top:14px}.live__cmd code{font:13px var(--mono);white-space:nowrap}
@media(max-width:760px){.hero{grid-template-columns:1fr}.live{padding:18px 16px}.live__stats b{font-size:28px}.live__cmd code{font-size:clamp(10px,3.3vw,13px)}}

/* ---------- pixel type ---------- */
:root{--pixel:'Silkscreen',monospace}
h1,h2,.brand,.edition-band>span,.live__stats b,.stats b,.footer-wordmark,.original__caption b,.reel__item b{font-family:var(--pixel);font-weight:700;letter-spacing:0}
h2{font-size:clamp(28px,3.6vw,52px);line-height:1.12}
.brand{font-size:22px}.edition-band>span{font-size:28px}.footer-wordmark{font-size:clamp(40px,10.5vw,150px)}
h3{font-family:var(--pixel);font-weight:400;font-size:17px;letter-spacing:0}
.eyebrow,.stats__k,.feed__head,.live__health{font-family:var(--pixel);letter-spacing:.5px}

/* ---------- hero: collection card left, live thesis right ---------- */
.hero{grid-template-columns:1fr 1fr;gap:48px;align-items:stretch;padding:56px 0 72px}
.hero .specimen{transform:none;margin:0;display:flex;flex-direction:column;border:2px solid var(--ink);box-shadow:8px 8px 0 var(--lime)}
.hero .specimen__top{font-family:var(--pixel);font-size:10px}
.hero .specimen__caption{font-family:var(--pixel);font-size:14px;font-weight:400}
.specimen__foot{display:flex;gap:18px;margin-top:auto;padding-top:22px;flex-wrap:wrap}
.hero .edition-stamp{font-family:var(--pixel);right:-18px;top:-22px}
.hero .live{border:2px solid var(--ink);box-shadow:8px 8px 0 var(--ink)}
.live .feed__list{max-height:none;flex:1;min-height:260px}

/* ---------- notched pixel buttons ---------- */
.btn{--c:var(--ink);--sh:var(--lime);position:relative;border:0;border-radius:0;background:var(--bg);color:var(--ink);font:700 13px/1 var(--pixel);letter-spacing:.5px;text-transform:uppercase;padding:15px 22px;gap:14px;
  box-shadow:0 -3px 0 0 var(--c),0 3px 0 0 var(--c),-3px 0 0 0 var(--c),3px 0 0 0 var(--c),6px 6px 0 0 var(--sh),3px 9px 0 0 var(--sh),9px 3px 0 0 var(--sh);
  transition:transform .08s steps(2),box-shadow .08s steps(2),background .08s}
.btn--lime{background:var(--lime);color:var(--bg);--c:var(--lime);--sh:var(--ink)}
.btn--small{padding:9px 12px;font-size:10px;gap:8px}
.btn:hover{transform:translate(-3px,-3px);background:var(--lime);color:var(--bg);--c:var(--lime);
  box-shadow:0 -3px 0 0 var(--c),0 3px 0 0 var(--c),-3px 0 0 0 var(--c),3px 0 0 0 var(--c),9px 9px 0 0 var(--ink),6px 12px 0 0 var(--ink),12px 6px 0 0 var(--ink)}
.btn--lime:hover{background:var(--ink);--c:var(--ink)}
.btn:active{transform:translate(6px,6px);box-shadow:0 -3px 0 0 var(--c),0 3px 0 0 var(--c),-3px 0 0 0 var(--c),3px 0 0 0 var(--c);transition:none}
.btn span{display:inline-block}
.btn:hover span{animation:nudge .45s steps(2) infinite}
@keyframes nudge{50%{transform:translate(3px,-3px)}}
.social{font-family:var(--pixel);border:0;box-shadow:0 -2px 0 0 var(--line),0 2px 0 0 var(--line),-2px 0 0 0 var(--line),2px 0 0 0 var(--line);transition:transform .08s steps(2),background .08s}
.social:hover{background:var(--lime);color:var(--bg);box-shadow:0 -2px 0 0 var(--lime),0 2px 0 0 var(--lime),-2px 0 0 0 var(--lime),2px 0 0 0 var(--lime),5px 5px 0 0 var(--ink);transform:translate(-2px,-2px)}
.copy{font-family:var(--pixel);font-weight:700;border:0;background:var(--bg);color:var(--lime);padding:8px 12px;box-shadow:0 -2px 0 0 var(--bg),0 2px 0 0 var(--bg),-2px 0 0 0 var(--bg),2px 0 0 0 var(--bg);transition:transform .08s steps(2)}
.copy:hover{transform:translate(-2px,-2px);box-shadow:0 -2px 0 0 var(--bg),0 2px 0 0 var(--bg),-2px 0 0 0 var(--bg),2px 0 0 0 var(--bg),4px 4px 0 0 rgba(10,10,31,.45)}
.copy:active{transform:translate(2px,2px)}
.copy.ok{background:var(--ink);color:var(--bg)}
.cmd code,.live__cmd code{font:700 15px var(--mono);text-transform:none}
.text-link{font-family:var(--pixel);text-decoration:none;padding-bottom:4px;background:linear-gradient(var(--ink),var(--ink)) 0 100%/100% 2px no-repeat}
.text-link:hover{background-image:linear-gradient(var(--lime),var(--lime));background-size:100% 100%;color:var(--bg)}
@media(prefers-reduced-motion:reduce){.btn:hover span{animation:none}}
@media(max-width:900px){.hero{grid-template-columns:1fr}}

/* ---------- empty feed: live-looking preview ---------- */
.feed-wait{display:flex;align-items:center;gap:10px;padding:16px 0;border-bottom:1px dashed var(--line);font:10px var(--pixel);letter-spacing:.5px;color:var(--lime)}
.feed-wait__dot{width:8px;height:8px;background:var(--lime);animation:blink 1s steps(2) infinite}
.feed-wait__cursor{animation:blink 1s steps(2) infinite;margin-left:-6px}
@keyframes blink{50%{opacity:0}}
.feed__item--demo{opacity:.42;filter:grayscale(.35)}
.feed__item--demo .feed__who small{font-family:var(--pixel);font-size:8px;border:1px solid var(--line);padding:1px 4px;margin-left:8px;color:var(--muted)}
.feed__item--demo:nth-child(2){opacity:.6}.feed__item--demo:nth-child(4){opacity:.28}
.live .feed__list{min-height:0}
.hero .live{box-shadow:8px 8px 0 var(--lime)}
.badge{font-family:var(--pixel)}

/* ---------- verify: official addresses ---------- */
.verify{display:grid;grid-template-columns:1fr 1.6fr;gap:60px;padding:90px 0;border-bottom:1px solid var(--line)}
.verify__intro p{color:var(--muted);font-size:14px;margin-top:18px;max-width:380px}.verify__intro a{color:var(--lime);text-decoration:underline;text-underline-offset:4px}
.verify__cards{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.addr{border:2px solid var(--ink);background:var(--panel);box-shadow:6px 6px 0 var(--ink);padding:20px;display:flex;flex-direction:column;gap:16px;min-width:0}
.addr__top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.addr__state{font:9px var(--pixel);padding:4px 7px;border:1px solid var(--line);color:var(--muted);white-space:nowrap}
.addr__state:before{content:'';display:inline-block;width:6px;height:6px;background:#ff8d95;margin-right:6px;vertical-align:1px}
.addr__state.is-live{color:var(--lime);border-color:var(--lime)}.addr__state.is-live:before{background:var(--lime)}
.addr code{font:13px/1.5 var(--mono);color:var(--muted);overflow-wrap:anywhere;padding:12px;background:var(--bg);border:1px dashed var(--line)}
.addr__actions{display:flex;gap:16px;flex-wrap:wrap}
.btn:disabled{opacity:.35;transform:none;cursor:not-allowed;filter:none}
.btn:disabled:hover{background:var(--bg);color:var(--ink);transform:none}

/* ---------- footer ---------- */
.foot{border-top:0;padding-top:0}
.foot__strip{overflow:hidden;margin:0 -48px;border-block:2px solid var(--ink);background:var(--panel)}
.foot__track{display:flex;width:max-content;animation:reel 90s linear infinite}
.foot__track img{width:72px;height:72px;flex:none}
.foot__main{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;padding:48px 0 40px}
.foot__mark img{height:auto;width:min(420px,70vw)}
.foot__links{display:flex;gap:26px;flex-wrap:wrap;font:11px var(--pixel)}
.foot__links a:hover{color:var(--lime)}
.foot .btn{text-transform:none;font-family:var(--mono)}
.foot__bottom{font:9px var(--pixel);letter-spacing:.4px}
@media(max-width:1100px){.foot__strip{margin:0 -28px}}
@media(max-width:900px){.verify{grid-template-columns:1fr;gap:30px;padding:56px 0}.verify__cards{grid-template-columns:1fr}}
@media(max-width:760px){.foot__strip{margin:0 -20px}.foot__track img{width:56px;height:56px}.foot__main{flex-direction:column;align-items:flex-start}}
.addr__actions:not(:has(:not([hidden]))){display:none}

.feed__item--demo .feed__who small{white-space:nowrap;display:inline-block}
.verify__cards{align-items:start}

.feed__ava--punk{padding:0;overflow:hidden;background:var(--bg)}.feed__ava--punk img{width:34px;height:34px;display:block;image-rendering:pixelated}
.feed__text b{color:var(--lime)}
.hero .live .feed__list{flex:1 1 0;min-height:0;max-height:none;overflow-y:auto}.hero .live{max-height:none}.hero{align-items:stretch}.hero > .live{height:auto}@media(min-width:901px){.hero > .live{max-height:var(--hero-h,760px)}}@media(max-width:900px){.hero .live .feed__list{max-height:440px;flex:none}}