:root{--ink:#071820;--paper:#b9dfd7;--hot:#e8611a;--acid:#f1c552;--rule:#315b61;--muted:#789c9d;--bad:#ff7a5c;--good:#6fe3b0}
*{box-sizing:border-box}
body{margin:0;background:var(--ink);color:var(--paper);font:12px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace}
a{color:inherit}
@font-face{font-family:ImpactLocal;src:local(Impact)}
.bg{position:fixed;inset:0;z-index:-2;overflow:hidden;pointer-events:none;background:radial-gradient(120% 90% at 12% 0%,#0c2a34 0%,var(--ink) 55%),radial-gradient(90% 80% at 100% 100%,#0a2029 0%,var(--ink) 60%)}
.bg:before{content:'';position:absolute;inset:-40%;background-image:linear-gradient(var(--rule) 1px,transparent 1px),linear-gradient(90deg,var(--rule) 1px,transparent 1px);background-size:46px 46px;opacity:.10;transform:perspective(500px) rotateX(58deg);transform-origin:50% 0}
.scan{position:fixed;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.16) 0 2px,transparent 2px 4px);opacity:.4}
.shell{width:min(1600px,100%);margin:auto;border-left:1px solid var(--rule);border-right:1px solid var(--rule);min-height:100vh;display:flex;flex-direction:column}
header{height:54px;border-bottom:1px solid var(--rule);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 18px;text-transform:uppercase;letter-spacing:.12em}
.mark{font-weight:900;text-decoration:none}.mark span{color:var(--hot)}
header nav{display:flex;gap:22px}
header nav a{text-decoration:none}header nav a:hover,header nav a[aria-current=page]{color:var(--hot)}
.coord{text-align:right;color:var(--muted)}

.m-wrap{flex:1;display:grid;grid-template-columns:4.7fr 3.3fr}
@media(max-width:900px){.m-wrap{grid-template-columns:1fr}}
.m-left{padding:30px 22px;border-right:1px solid var(--rule);position:relative;overflow:hidden}
.m-left:before{content:'MINT';font-family:ImpactLocal,'Arial Black',sans-serif;font-size:clamp(150px,22vw,380px);letter-spacing:-.08em;line-height:.7;position:absolute;left:-.05em;bottom:-.05em;color:transparent;-webkit-text-stroke:1px var(--rule);opacity:.55;white-space:nowrap;pointer-events:none}
.m-kicker{display:flex;justify-content:space-between;text-transform:uppercase;position:relative;z-index:2}
.m-kicker strong{color:var(--hot)}
h1{font-family:ImpactLocal,'Arial Black',sans-serif;font-size:clamp(64px,10vw,150px);line-height:.72;letter-spacing:-.055em;margin:40px 0 0;text-transform:uppercase;position:relative;z-index:2}
h1 em{display:block;color:var(--hot);font-style:normal;margin-left:.36em}
.m-lede{position:relative;z-index:2;max-width:34em;color:var(--paper);margin:26px 0 0 4px;font-size:clamp(11px,1.05vw,14px)}
.m-facts{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:34px;margin-top:40px;color:var(--muted);text-transform:uppercase}
.m-facts b{display:block;color:var(--acid);font-size:18px;font-family:ui-monospace,monospace}

.m-right{padding:30px 22px;display:flex;flex-direction:column;gap:18px;background:#09222e}
.m-badge{display:inline-block;border:1px solid var(--rule);padding:8px 12px;text-transform:uppercase;letter-spacing:.12em;font-weight:700;align-self:flex-start}
.m-badge.open{border-color:var(--good);color:var(--good)}
.m-badge.closed{border-color:var(--hot);color:var(--hot)}
.m-panel{border:1px solid var(--rule);padding:16px}
.m-row{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid rgba(49,91,97,.45);text-transform:uppercase;color:var(--muted)}
.m-row:last-child{border-bottom:0}
.m-row span:last-child{color:var(--paper);font-weight:700}
.m-label{text-transform:uppercase;color:var(--hot);letter-spacing:.1em;margin-bottom:9px}

button,.m-btn{font:inherit;border-radius:0;cursor:pointer}
.m-primary{width:100%;padding:15px;background:var(--hot);border:1px solid var(--hot);color:var(--ink);font-weight:900;text-transform:uppercase;letter-spacing:.12em}
.m-primary:disabled{background:transparent;color:var(--muted);border-color:var(--rule);cursor:not-allowed}
.m-ghost{width:100%;padding:13px;background:transparent;border:1px solid var(--paper);color:var(--paper);text-transform:uppercase;letter-spacing:.1em}
.m-ghost:hover{border-color:var(--hot);color:var(--hot)}
.m-wallets{display:flex;flex-direction:column;gap:8px;margin-top:8px}
.m-wallet{display:flex;align-items:center;gap:10px;padding:11px;background:transparent;border:1px solid var(--rule);color:var(--paper);text-align:left}
.m-wallet:hover{border-color:var(--acid);color:var(--acid)}
.m-none{color:var(--muted);margin:0 0 8px}
.m-acct{border:1px solid var(--acid);color:var(--acid);padding:9px 11px;text-align:center;letter-spacing:.08em}
.m-net{width:100%;padding:11px;background:transparent;border:1px dashed var(--hot);color:var(--hot);text-transform:uppercase}

.m-qty{display:grid;grid-template-columns:52px 1fr 52px;border:1px solid var(--rule)}
.m-qty button{background:transparent;border:0;color:var(--paper);font-size:20px;padding:12px}
.m-qty button:disabled{color:var(--rule);cursor:not-allowed}
.m-qty button:not(:disabled):hover{background:var(--hot);color:var(--ink)}
.m-qty output{display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:900;border-left:1px solid var(--rule);border-right:1px solid var(--rule)}
.m-allow{color:var(--acid);text-transform:uppercase;letter-spacing:.06em}
.m-msg{min-height:1.4em}
.m-msg.bad{color:var(--bad)}
.m-msg.good{color:var(--good)}
.m-mobile{display:flex;gap:8px}
.m-mobile a{flex:1;text-align:center;padding:11px;border:1px solid var(--paper);text-decoration:none;text-transform:uppercase;color:var(--paper)}
.m-mobile a:hover{border-color:var(--acid);color:var(--acid)}
body[data-sale=closed] .m-qty,body[data-sale=closed] .m-panel .m-row:has(#mTotal){opacity:.42}
body[data-sale=closed] .m-qty output{color:var(--muted)}
.m-note{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:0}
.m-freebadge{margin:0;padding:10px 13px;border-left:3px solid var(--acid);background:rgba(204,255,0,.07);color:var(--paper);text-transform:uppercase;letter-spacing:.05em;font-weight:700}
.m-split{margin-top:6px;text-align:right;color:var(--acid);text-transform:uppercase;letter-spacing:.06em;font-variant-numeric:tabular-nums}
.m-progress{border:1px solid var(--rule);padding:16px}
.m-progress-head{display:flex;justify-content:space-between;align-items:baseline}
.m-progress-head .m-label{margin-bottom:0}
.m-progress-pct{font-weight:900;font-size:20px;letter-spacing:-.02em;color:var(--paper);font-variant-numeric:tabular-nums}
.m-progress-track{height:14px;margin:11px 0 9px;border:1px solid var(--rule);background:repeating-linear-gradient(135deg,rgba(49,91,97,.30) 0 5px,transparent 5px 10px);overflow:hidden}
.m-progress-fill{height:100%;width:0;background:var(--hot);transition:width .5s cubic-bezier(.22,.61,.36,1)}
body[data-sale=open] .m-progress-fill{background:linear-gradient(90deg,var(--hot),var(--acid))}
body[data-sale=closed] .m-progress-fill{background:var(--rule)}
.m-progress-foot{display:flex;justify-content:space-between;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-variant-numeric:tabular-nums}
.m-progress-foot span:last-child{color:var(--paper);font-weight:700}
.foot{border-top:1px solid var(--rule);padding:22px;display:flex;justify-content:space-between;gap:20px;text-transform:uppercase;color:var(--muted)}
.foot strong{color:var(--paper)}
.foot a{color:var(--hot);text-decoration:none}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}