/* base structure shared by every meme launchpad; each site overrides the tokens and adds its own layer */
:root{--max:1120px;--r:20px;--r-sm:12px;--r-xs:8px;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.55 var(--font-ui);-webkit-font-smoothing:antialiased;overflow-x:clip}
a{color:inherit}
img{display:block;max-width:100%}
h1,h2,h3{font-family:var(--font-disp);font-weight:600;letter-spacing:-.035em;line-height:1.05;margin:0;text-wrap:balance}
p{margin:0}
.mono{font-family:var(--font-mono);font-size:.92em}
.dim{color:var(--muted)}
.small{font-size:13px}
.wrap{width:min(var(--max),100% - 40px);margin-inline:auto}
.kicker{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.lead{color:var(--ink2);font-size:18px;max-width:60ch}
.empty{color:var(--muted);padding:24px 0}
[hidden]{display:none!important}
a,button,[role=button],[onclick],summary,label,.ca,[data-copy-ca],[data-censor]{cursor:pointer}
img.mark{display:block;object-fit:contain}
.nf{min-height:62vh;display:grid;place-items:center;text-align:center;padding:64px 0}
.nf-in{display:grid;justify-items:center;gap:18px;max-width:520px}
.nf-in img{width:200px;height:200px;object-fit:contain}
.nf-in h1{font-size:clamp(34px,5vw,56px)}
.nf-in p{color:var(--ink2);font-size:18px}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border-radius:999px;border:1px solid var(--accent);background:var(--accent);color:var(--accent-ink);font:600 15px/1 var(--font-ui);text-decoration:none;cursor:pointer;white-space:nowrap;transition:transform .12s var(--ease),background .18s var(--ease),opacity .18s}
.btn:hover{filter:brightness(1.06)}
.btn:active{transform:translateY(1px)}
.btn:disabled{opacity:.45;cursor:not-allowed}
.btn.ghost{background:transparent;color:var(--ink);border-color:var(--line2)}
.btn-lg{min-height:52px;padding:0 26px;font-size:16px}
.lnk{color:var(--accent-text,var(--accent));text-decoration:none;font-weight:600}
.lnk:hover{text-decoration:underline}

/* censored user images */
.nsfw{}
.uncensored .nsfw{filter:none;transform:none}
.noimg{display:block;width:100%;height:100%;background:var(--panel2)}

/* ticker */
.ticker{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.ticker-track{display:flex;width:max-content;animation:marquee calc(var(--n,6) * 6s) linear infinite}
.ticker:has(.empty){mask-image:none}
.ticker .empty{width:min(var(--max),100% - 40px);margin-inline:auto}
.ticker:hover .ticker-track{animation-play-state:paused}
.ticker-row{display:flex;gap:10px;padding-right:10px}
@keyframes marquee{to{transform:translateX(-50%)}}
.tick{display:flex;align-items:center;gap:12px;padding:8px 14px 8px 8px;border-radius:999px;border:1px solid var(--line);background:var(--panel);text-decoration:none;white-space:nowrap}
.tick img,.tick .noimg{width:36px;height:36px;border-radius:50%;object-fit:cover;overflow:hidden;flex:none}
.tick>img,.tick>.noimg{clip-path:circle(50%)}
.tick-body{display:grid;line-height:1.25}
.tick-body b{font-size:14px}
.tick-body small{font-family:var(--font-mono);font-size:11px;color:var(--muted)}
.tick-tag{font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:4px 8px;border-radius:999px;border:1px solid var(--line2);color:var(--muted)}

/* table */
.table-wrap{border:1px solid var(--line);border-radius:var(--r);background:var(--panel);overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:14px;min-width:640px}
th{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-align:left;padding:14px 16px;border-bottom:1px solid var(--line)}
td{padding:12px 16px;border-bottom:1px solid var(--line)}
tr:last-child td{border-bottom:0}
.r{text-align:right}
.tok{display:flex;align-items:center;gap:12px;text-decoration:none}
.tok img,.tok .noimg{width:34px;height:34px;border-radius:8px;object-fit:cover;flex:none}
.tok>img,.tok>.noimg{clip-path:inset(0 round 8px)}
.tok span{display:grid;line-height:1.25}
.tok small{font-family:var(--font-mono);font-size:11px;color:var(--muted)}

/* panels and forms */
.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:24px}
.page-head{padding:64px 0 28px}
.page-head h1{font-size:clamp(40px,5.4vw,64px)}
.page-head .lead{margin-top:14px}
.launch-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:20px;align-items:start;padding-bottom:96px}
form.panel{display:grid;gap:18px}
.fld{display:grid;gap:8px}
.fld-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.fld-h b{font-size:14px;font-weight:600}
.fld-h small{font-size:12px;color:var(--muted)}
input,textarea{width:100%;font:inherit;font-size:15px;color:var(--ink);background:var(--field);border:1px solid var(--line2);border-radius:var(--r-sm);padding:12px 14px;outline:none;transition:border-color .15s}
textarea{resize:vertical;min-height:110px}
input:focus,textarea:focus{border-color:var(--accent)}
input::placeholder,textarea::placeholder{color:var(--muted)}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.row3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}
.affix{display:flex;align-items:stretch;border:1px solid var(--line2);border-radius:var(--r-sm);background:var(--field);overflow:hidden}
.affix input{border:0;border-radius:0;background:transparent}
.affix i{font-style:normal;display:grid;place-items:center;padding:0 14px;color:var(--muted);background:var(--panel2);font-weight:600;font-size:14px}
.drop{position:relative;display:flex;align-items:center;gap:16px;padding:14px;border:1px dashed var(--line2);border-radius:var(--r-sm);cursor:pointer;transition:border-color .15s,background .15s}
.drop.over,.drop:hover{border-color:var(--accent);background:var(--field)}
.drop input{position:absolute;inset:0;opacity:0;cursor:pointer}
.drop span{display:grid;gap:2px}
.drop small{font-size:13px;color:var(--muted)}
.drop-thumb,.pv-img{width:72px;height:72px;border-radius:14px;background:var(--panel2);border:1px solid var(--line);display:grid!important;place-items:center;overflow:hidden;flex:none;font-size:11px;color:var(--muted)}
.drop-thumb img,.pv-img img{width:100%;height:100%;object-fit:cover}
.more summary{cursor:pointer;font-size:14px;font-weight:600;color:var(--ink2)}
.notice{font-size:14px;color:var(--ink2);background:var(--panel2);border:1px solid var(--line);border-radius:var(--r-sm);padding:14px 16px}
.status{font-size:14px;padding:12px 14px;border-radius:var(--r-sm);background:var(--panel2)}
.status[data-kind=err]{color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,transparent)}
.preview{position:sticky;top:88px;display:grid;gap:16px}
.pv-id{display:flex;gap:14px;align-items:center}
.pv-id>span:last-child{display:grid}
.pv-id b{font-size:20px;letter-spacing:-.02em}
.pv-desc{color:var(--ink2);font-size:14px;min-height:40px}
.pv-rows,.tc-rows{display:grid;margin:0;border-top:1px solid var(--line);padding-top:10px}
.pv-rows div,.tc-rows div{display:flex;justify-content:space-between;gap:12px;padding:6px 0;font-size:14px}
.pv-rows dt,.tc-rows dt{color:var(--muted)}
.pv-rows dd,.tc-rows dd{margin:0}
.tc-rows a{text-decoration:none}

/* dialog */
.dlg{border:1px solid var(--line2);border-radius:var(--r);background:var(--panel);color:var(--ink);padding:28px;max-width:480px;width:calc(100% - 32px)}
.dlg::backdrop{background:rgb(0 0 0 / .55);backdrop-filter:blur(4px)}
.dlg h2{font-size:26px;margin-bottom:10px}
.dlg>p{color:var(--ink2);margin-bottom:16px}
.chk{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-top:1px solid var(--line);font-size:15px;cursor:pointer}
.chk input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--accent);flex:none}
.dlg .small{margin-top:10px}
.dlg-act{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}

/* token result */
.token-wrap{padding:64px 0 96px;display:grid;place-items:center}
.token-card{width:min(640px,100%);display:grid;gap:20px}
.tc-top{display:flex;justify-content:space-between;align-items:center;font-size:13px}
.chip{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:6px 10px;border-radius:999px;background:var(--accent);color:var(--accent-ink)}
.tc-id{display:flex;gap:18px;align-items:center}
.tc-id h1{font-size:30px}
.tc-img{width:88px;height:88px;border-radius:18px;overflow:hidden;flex:none;background:var(--panel2)}
.tc-img img{width:100%;height:100%;object-fit:cover}
.tc-note{font-size:14px;color:var(--ink2);background:var(--panel2);border-radius:var(--r-sm);padding:14px 16px}
.tc-act{display:flex;gap:10px;flex-wrap:wrap}

/* docs / prose */
.docs{display:grid;grid-template-columns:220px minmax(0,1fr);gap:56px;padding:56px 0 96px}
.toc{position:sticky;top:88px;align-self:start;display:grid;gap:2px}
.toc a{display:flex;gap:10px;padding:7px 10px;border-radius:8px;text-decoration:none;font-size:14px;color:var(--muted)}
.toc a.on,.toc a:hover{color:var(--ink);background:var(--panel2)}
.prose{max-width:720px}
.prose.narrow{padding:56px 0 96px}
.prose h1{font-size:clamp(40px,5vw,60px);margin-bottom:14px}
.prose section{padding-top:44px;scroll-margin-top:80px}
.prose .num{color:var(--muted);font-size:12px;margin-bottom:6px}
.prose h2{font-size:28px;margin-bottom:12px}
.prose p,.prose li{color:var(--ink2);margin-bottom:12px}
.prose ul,.prose ol{padding-left:20px;margin:0 0 12px}
.prose code{font-family:var(--font-mono);font-size:.9em;background:var(--panel2);padding:2px 6px;border-radius:6px}
.qa{border-top:1px solid var(--line);padding:18px 0}
.qa summary{cursor:pointer;font-weight:600;font-size:18px;list-style:none}
.qa summary::-webkit-details-marker{display:none}
.qa div{color:var(--ink2);margin-top:10px}

@media (max-width:860px){
  .launch-grid,.docs{grid-template-columns:1fr}
  .preview{position:static;order:-1}
  .toc{display:none}
  .row3{grid-template-columns:1fr}
}
@media (max-width:560px){
  .row2{grid-template-columns:1fr}
  .panel{padding:18px}
  .page-head{padding-top:40px}
}
@media (prefers-reduced-motion:reduce){.ticker-track{animation:none}}

/* hold-to-launch button */
.hold-btn{position:relative;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}
.hold-btn span{position:relative}
.hold-bar{position:absolute;inset:0;background:rgb(255 255 255 / .35);transform:scaleX(0);transform-origin:0}
.hold-btn.holding{transform:scale(.97)}
.hold-msg{min-height:22px;margin-top:14px;font-weight:600;color:var(--accent)}

/* tap targets and small phones */
[data-nav] a,footer nav a,a.brand{min-height:40px;display:inline-flex;align-items:center}
.more-link{padding:10px 4px}
.dlg-x{position:absolute;top:12px;right:12px;width:40px;height:40px;border-radius:50%;border:1px solid var(--line2);background:var(--panel2);color:var(--ink);font-size:20px;line-height:1}
.dlg{position:fixed}
@media (max-width:380px){.btn-sm{padding:0 10px;font-size:12px}}
footer nav a{min-width:32px;justify-content:center}
a.brand{min-width:44px}
.censor{min-height:38px}
.btn-sm{flex:none}
@media (max-width:560px){[data-nav] a:nth-child(n+3){display:none}}
@media (max-width:360px){[data-nav] a:nth-child(n+2){display:none}}
[data-nav] a{min-width:40px;justify-content:center}

/* wallet picker */
.wpick{max-width:420px}
.wp-cur{font-size:14px;color:var(--ink2);margin-bottom:10px}
.wp-list{display:grid;gap:8px;margin:14px 0}
.wp-item{display:flex;align-items:center;gap:12px;min-height:52px;padding:8px 14px;border:1px solid var(--line2);border-radius:var(--r-sm);background:var(--panel);color:var(--ink);font:600 16px var(--font-ui);text-align:left;transition:border-color .15s,background .15s}
.wp-item:hover{border-color:var(--accent);background:var(--panel2)}
.wp-item:disabled{opacity:.6}
.wp-item img{width:32px;height:32px;border-radius:8px;flex:none}
.wp-dot{width:32px;height:32px;border-radius:8px;background:var(--panel2);flex:none}
.wp-none{color:var(--ink2);margin:14px 0}
.wp-get{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:14px;margin-top:6px}
.wp-get a{color:var(--accent-text,var(--accent));min-height:36px;display:inline-flex;align-items:center}
.wp-off{margin-top:14px;width:100%}
.wp-err{margin-top:10px;color:var(--danger);font-size:14px}
/* explainer video */
.film{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#000;border-radius:var(--r);object-fit:cover}
a[aria-disabled=true]{pointer-events:none;opacity:.4}


/* ===== fallback faces sized to Archivo / Martian Mono widths (no reflow when the web fonts arrive) ===== */
@font-face{font-family:"Archivo fb";src:local("Arial Bold"),local("Arial-BoldMT");font-weight:650 1000;font-stretch:50% 66%;size-adjust:72%}
@font-face{font-family:"Archivo fb";src:local("Arial Bold"),local("Arial-BoldMT");font-weight:650 1000;font-stretch:66.1% 72%;size-adjust:77%}
@font-face{font-family:"Archivo fb";src:local("Arial Bold"),local("Arial-BoldMT");font-weight:650 1000;font-stretch:72.1% 90%;size-adjust:81%}
@font-face{font-family:"Archivo fb";src:local("Arial Bold"),local("Arial-BoldMT");font-weight:650 1000;font-stretch:90.1% 125%;size-adjust:101%}
@font-face{font-family:"Archivo fb";src:local("Arial"),local("ArialMT");font-weight:100 649;font-stretch:50% 125%;size-adjust:99%}
@font-face{font-family:"Martian fb";src:local("Courier New"),local("CourierNewPSMT");font-weight:100 599;size-adjust:108%}
@font-face{font-family:"Martian fb";src:local("Courier New Bold"),local("CourierNewPS-BoldMT");font-weight:600 1000;size-adjust:108%}
/* ===== tokens: asphalt, paint, signal yellow, stop red ===== */
:root{--asphalt:#0f0f0e;--asphalt-2:#161615;--asphalt-3:#1e1e1c;--paint:#f3f2ea;--concrete:#9a9a92;--yellow:#ffd60a;--red:#e10600;--red-t:#ff3b2f;--go:#34d27a;
  --bg:var(--asphalt);--panel:var(--asphalt-2);--panel2:var(--asphalt-3);--field:#0a0a09;--ink:var(--paint);--ink2:#c8c7bf;--muted:var(--concrete);--line:#2a2a27;--line2:#4a4a45;
  --accent:var(--yellow);--accent-ink:#111;--accent-text:var(--yellow);--danger:var(--red-t);--green:var(--go);
  --font-ui:"Archivo","Archivo fb",system-ui,sans-serif;--font-disp:"Archivo","Archivo fb",system-ui,sans-serif;--font-mono:"Martian Mono","Martian fb",ui-monospace,monospace;
  --max:1240px;--r:2px;--r-sm:2px;--r-xs:2px;--hd:68px}
body{font-stretch:100%;font-size:16px}
::selection{background:var(--yellow);color:#111}
h1,h2,h3{font-family:var(--font-disp);font-stretch:62%;font-weight:900;letter-spacing:0;line-height:.86;text-transform:uppercase}
.mono,code{font-family:var(--font-mono);font-stretch:87.5%;font-size:.8em;letter-spacing:0}
.k,.kicker{font:500 11px/1.2 var(--font-mono);font-stretch:87.5%;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}
.hp-ft :focus-visible{outline-color:#111}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:12px;top:-60px;z-index:60;background:var(--yellow);color:#111;padding:10px 14px;font-weight:800;text-decoration:none}
.skip:focus{top:10px}
kbd{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 4px;border:1px solid var(--line2);border-bottom-width:3px;border-radius:3px;font:600 10px/1 var(--font-mono);color:var(--paint);background:var(--asphalt-3)}

/* ===== buttons: sign plates ===== */
.btn{border-radius:0;border:2px solid var(--yellow);background:var(--yellow);color:#111;font:800 15px/1 var(--font-ui);font-stretch:75%;text-transform:uppercase;letter-spacing:.04em;transition:background .18s var(--ease),color .18s var(--ease),border-color .18s var(--ease)}
.btn:hover{filter:none;background:var(--paint);border-color:var(--paint)}
.btn.ghost{background:transparent;color:var(--paint);border-color:var(--line2)}
.btn.ghost:hover{border-color:var(--paint);background:transparent}
.btn-lg{min-height:56px;font-size:18px;padding:0 26px}
.btn.go,[data-launch-btn],.dlg [data-ok]{padding-right:0;gap:22px}
.btn.go::after,[data-launch-btn]::after,.dlg [data-ok]::after{content:"\2192";align-self:stretch;display:grid;place-items:center;width:54px;border-left:2px solid #111;font:800 24px/1 var(--font-ui);}
.btn.go:hover::after,[data-launch-btn]:hover::after{border-left-color:#111}
[data-launch-btn]::after{width:56px}
.dlg [data-ok]:disabled::after{color:var(--concrete)}
.btn-sm{min-height:40px;font-size:13px;padding:0 16px;background:transparent;color:var(--paint);border-color:var(--line2)}
.btn-sm:hover{border-color:var(--yellow);background:transparent;color:var(--yellow)}
.lnk{color:var(--yellow)}
/* buy: white plate with a black $ tile, distinct from the yellow launch sign */
.btn-buy{display:inline-flex;align-items:center;gap:12px;min-height:48px;padding:0 18px 0 0;background:var(--paint);color:#111;border:2px solid var(--paint);text-decoration:none;font:800 16px/1 var(--font-ui);font-stretch:75%;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;transition:background .15s,border-color .15s}
.btn-buy::before{content:"$";align-self:stretch;display:grid;place-items:center;width:44px;background:#111;color:var(--paint);font:800 20px/1 var(--font-ui)}
.btn-buy:hover{background:#fff;border-color:#fff}
.btn-buy-sm{min-height:40px;font-size:14px;padding-right:14px;gap:10px}
.btn-buy-sm::before{width:34px;font-size:16px}
/* copy: small mono key */
.btn-copy{min-height:40px;min-width:64px;padding:0 12px;background:transparent;border:1px solid var(--line2);color:var(--paint);font:600 11px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;transition:border-color .15s,color .15s}
.btn-copy:hover{border-color:var(--yellow);color:var(--yellow)}
/* thin outline link */
.btn-out{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border:1px solid var(--line2);text-decoration:none;font:600 11px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;transition:border-color .15s,color .15s}
.btn-out:hover{border-color:var(--paint)}
.chg{font-style:normal}
.chg[data-dir=up]{color:var(--go)}
.chg[data-dir=down]{color:var(--red-t)}

/* ===== header ===== */
.hp-hd{position:sticky;top:0;z-index:40;background:var(--bg);border-bottom:1px solid var(--line)}
.hp-hd-in{display:flex;align-items:center;gap:22px;height:var(--hd)}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font:900 26px/1 var(--font-disp);font-stretch:62%;text-transform:uppercase;letter-spacing:.01em}
.mark{background:#fff;border-radius:50%}
.hp-links{display:flex;gap:6px;margin-left:auto}
.hd-tok{display:flex;align-items:center;border:1px solid var(--line2)}
.hd-chip{display:flex;align-items:center;gap:9px;padding:0 12px;min-height:40px;font:500 12px/1 var(--font-mono);font-stretch:87.5%}
.hd-chip img{background:#fff;border-radius:50%}
.hd-name{color:var(--muted);letter-spacing:.06em}
.hd-chip b{font-weight:600;color:var(--paint);display:inline-block;width:10ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hd-chip .chg{color:var(--muted);display:inline-block;width:6.5ch;text-align:right;white-space:nowrap}
.hd-chip .chg[data-dir=up]{color:var(--go)}
.hd-chip .chg[data-dir=down]{color:var(--red-t)}
.hd-tok .btn-buy-sm{border-width:0;min-height:40px}
.hp-links a{gap:9px;padding:0 10px;text-decoration:none;font:600 13px/1 var(--font-ui);text-transform:uppercase;letter-spacing:.06em;color:var(--ink2);border-bottom:2px solid transparent;transition:color .15s}
.hp-links a:hover{color:var(--paint)}
.hp-links a:hover kbd{border-color:var(--paint)}
.hp-links a[aria-current=page]{color:var(--yellow);border-bottom-color:var(--yellow)}
.hp-links a[aria-current=page] kbd{background:var(--yellow);color:#111;border-color:var(--yellow)}

/* ===== hero: the checkpoint ===== */
.gate{padding:44px 0 72px;border-bottom:1px solid var(--line)}
.gate-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);column-gap:64px;align-items:start}
.g-l,.g-r{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-content:start;min-width:0}
.gate h1{font-size:clamp(72px,8.6vw,124px);line-height:.8}
.h1a{display:block}
.plate{display:inline-block;background:var(--yellow);color:#111;padding:.06em .1em .02em;margin-top:.05em;animation:plate .9s .15s var(--ease) both}
@keyframes plate{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
.gate-sub{margin-top:20px;max-width:40ch;font-size:18px;line-height:1.45;color:var(--ink2)}
.gate-pad{display:grid;gap:10px}
.pad-hd{display:flex;justify-content:space-between;gap:12px;font:500 11px/1.2 var(--font-mono);font-stretch:87.5%;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.pad-hd span:first-child{color:var(--yellow)}
.gate-cta{display:flex;gap:12px;flex-wrap:wrap}
.gate.admitted .btn.go{background:var(--paint);border-color:var(--paint)}
.gate.admitted .gate-cta .ghost{display:none}
.tok-row{display:flex;align-items:stretch;gap:10px;flex-wrap:wrap}
.ca-line{flex:1 1 300px;display:flex;align-items:center;gap:12px;min-width:0;padding:4px 4px 4px 14px;border:1px solid var(--line2);background:var(--asphalt-2)}
.ca-line .k{color:var(--yellow);white-space:nowrap}
.ca-line code{flex:1;min-width:0;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mkt{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,.8fr) max-content;margin:0;border-top:1px solid var(--line2);border-bottom:1px solid var(--line)}
.mkt div{padding:14px 16px 14px 0;display:grid;gap:8px;align-content:center;min-width:0}
.mkt div+div{padding-left:16px;border-left:1px solid var(--line)}
.mkt dt{font:500 11px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.mkt dd{margin:0;height:.9em;font:900 30px/.9 var(--font-disp);font-stretch:62%;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mkt dd[data-mcap]{color:var(--yellow)}
.mkt .mkt-dex{padding-right:0;justify-items:end}

/* the pad (hero + dialog) */
.cc{display:grid;gap:10px;--pad-ink:var(--yellow);--pad-bad:var(--red-t);--pad-guide:rgb(243 242 234 / .75)}
.cc-pad{position:relative;width:100%;aspect-ratio:1;background:#141412 radial-gradient(circle,#2f2f2b 1px,transparent 1.6px) 0 0/25px 25px;border:1px solid var(--line2);transition:border-color .2s,box-shadow .2s}
.cc-pad::before{content:"";position:absolute;inset:12px;pointer-events:none;--b:linear-gradient(var(--yellow),var(--yellow));
  background:var(--b) 0 0/26px 3px,var(--b) 0 0/3px 26px,var(--b) 100% 0/26px 3px,var(--b) 100% 0/3px 26px,var(--b) 0 100%/26px 3px,var(--b) 0 100%/3px 26px,var(--b) 100% 100%/26px 3px,var(--b) 100% 100%/3px 26px;background-repeat:no-repeat}
.cc-pad canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair}
.cc-hint{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;font:900 clamp(26px,3.4vw,44px)/1 var(--font-disp);font-stretch:62%;text-transform:uppercase;letter-spacing:.02em;color:#3b3b36}
.cc-hint::after{content:"";position:absolute;left:50%;top:50%;width:62%;aspect-ratio:1;translate:-50% -50%;border:2px dashed #2f2f2b;border-radius:50%}
.cc[data-state=pass] .cc-pad{border-color:var(--yellow)}
.cc[data-state=agent] .cc-pad{border-color:var(--red)}
.cc[data-state=drawing] .cc-pad{border-color:var(--paint)}
.cc-bar{display:flex;gap:10px;align-items:stretch}
.cc-out{flex:1;display:flex;align-items:center;min-height:44px;padding:8px 12px;background:#080808;border:1px solid var(--line);font:500 12px/1.4 var(--font-mono);font-stretch:87.5%;color:var(--ink2)}
.cc-out[data-state=pass]{color:var(--yellow);border-color:var(--yellow)}
.cc-out[data-state=agent]{color:var(--red-t);border-color:var(--red)}
.cc-reset{min-height:44px;min-width:76px;padding:0 14px;background:transparent;border:1px solid var(--line2);color:var(--paint);font:600 11px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase}
.cc-reset:hover{border-color:var(--paint)}
.gate [data-circle]{aspect-ratio:1/1}
.gate .cc{position:relative}
.gate .cc-bar{position:absolute;left:50%;bottom:22px;translate:-50% 0;transition:opacity .2s}
.gate .cc-reset{background:#0f0f0e}
.gate .cc[data-state=idle] .cc-bar,.gate .cc[data-state=drawing] .cc-bar{opacity:0;visibility:hidden}
.gate .cc-out{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);flex:none;min-height:0;padding:0;border:0}

/* split-flap board */
.board{min-width:0;background:#080808;border:1px solid var(--line);padding:16px 20px 22px;display:grid;gap:16px}
.board-hd{display:flex;justify-content:space-between;align-items:center;font:500 11px/1 var(--font-mono);font-stretch:87.5%;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding-bottom:12px;border-bottom:1px solid var(--line)}
.lamp{width:8px;height:8px;border-radius:50%;background:var(--line2)}
.board[data-state=pass] .lamp{background:var(--go)}
.board[data-state=agent] .lamp{background:var(--red-t)}
.board[data-state=checking] .lamp{background:var(--yellow)}
.fl{display:grid;gap:7px;min-width:0}
.fl-2{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.cells{display:grid;grid-template-columns:repeat(var(--n,8),minmax(0,1fr));gap:3px;width:100%;max-width:calc(var(--n,8) * var(--cmax,50px));container-type:inline-size}
.fl-v .cells{--cmax:54px}
.fl-2 .cells{--cmax:40px}
[data-flap=note]{--cmax:32px}
.sf{position:relative;display:block;aspect-ratio:5/7;perspective:500px;font:800 calc(100cqi / var(--n,8) * .96)/1 var(--font-ui);font-stretch:75%;color:var(--flap-ink,var(--paint));transition:color .2s}
.sf>span{position:absolute;left:0;right:0;height:50%;overflow:hidden;backface-visibility:hidden}
.sf-u,.sf-fu{top:0;background:#20201e;border-radius:3px 3px 0 0;transform-origin:50% 100%}
.sf-l,.sf-fl{bottom:0;background:#1a1a18;border-radius:0 0 3px 3px;transform-origin:50% 0}
.sf-fu,.sf-fl{visibility:hidden;z-index:2}
.sf b{position:absolute;left:0;right:0;height:200%;display:flex;align-items:center;justify-content:center;font-weight:inherit}
.sf-u b,.sf-fu b{top:0}
.sf-l b,.sf-fl b{bottom:0}
.sf::after{content:"";position:absolute;left:0;right:0;top:calc(50% - 1px);height:2px;background:#050505;z-index:3}
.board[data-state=pass] [data-flap=v]{--flap-ink:var(--yellow)}
.board[data-state=agent] [data-flap=v]{--flap-ink:var(--red-t)}
.board[data-state=checking] .cells{--flap-ink:var(--concrete)}

/* ===== house rules: sign gantry ===== */
.rules{border-bottom:1px solid var(--line);padding:88px 0 96px}
.rules-h{font-size:clamp(44px,6vw,84px);margin-bottom:28px}
.rules-in{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.sign{position:relative;background:var(--asphalt-2);color:var(--paint);padding:30px 30px 32px;display:grid;gap:14px;align-content:start;min-height:340px;outline:2px solid var(--paint);outline-offset:-10px}
.sign-v{font:900 clamp(84px,8.4vw,124px)/.8 var(--font-disp);font-stretch:62%;color:var(--yellow);min-height:.84em;letter-spacing:-.01em}
.sign-v small{font-size:.42em;margin-left:.06em}
.sign-mark{width:clamp(84px,8vw,112px);height:auto;background:#fff;border-radius:50%}
.sign b{font:900 clamp(30px,3vw,42px)/.9 var(--font-disp);font-stretch:62%;text-transform:uppercase;margin-top:auto;padding-top:34px}
.sign p{color:#bdbcb3;font-size:15px;max-width:30ch}

/* ===== admitted: departures board ===== */
.adm{padding:96px 0 40px}
.adm-hd{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-bottom:20px;border-bottom:3px solid var(--paint)}
.adm-hd h2{font-size:clamp(64px,10vw,150px);line-height:.78}
.adm-n{display:flex;align-items:flex-end;gap:12px}
.adm-n b{font:900 clamp(48px,6vw,84px)/.8 var(--font-disp);font-stretch:62%;color:var(--yellow)}
.adm-n span{font:500 11px/1.4 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding-bottom:4px}
.dep-hd,.dep-row{display:grid;grid-template-columns:70px minmax(0,2.3fr) minmax(0,1.5fr) minmax(0,1fr) 110px 120px;gap:18px;align-items:center}
.dep-hd{padding:14px 0;border-bottom:1px solid var(--line);font:500 11px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.dep-row{min-height:74px;padding:10px 0;border-bottom:1px solid var(--line);transition:background .15s}
.dep-row:hover{background:var(--asphalt-2)}
.dep .r{text-align:right}
.dep-t{color:var(--muted)}
.dep-tok{display:flex;align-items:center;gap:14px;text-decoration:none;min-width:0}
.dep-tok .th{width:44px;height:44px;flex:none;overflow:hidden;background:var(--panel2)}
.dep-tok img,.dep-tok .noimg{width:100%;height:100%;object-fit:cover}
.dep-tok b{font:800 clamp(20px,2vw,26px)/1 var(--font-ui);font-stretch:70%;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transform-origin:50% 0}
.dep-tok:hover b{color:var(--yellow)}
.dep-sym .cells{--cmax:24px;gap:2px}
.dep-sym .sf{font-weight:700}
.dep-by{color:var(--ink2)}
.dep-sp{text-align:right}
.dep-go{justify-self:end;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 12px;border:1px solid var(--line2);text-decoration:none;font:600 11px/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;transition:border-color .15s,color .15s}
.dep-go i{font-style:normal;color:var(--yellow)}
.dep-go:hover{border-color:var(--yellow);color:var(--yellow)}
.dep-row.in .dep-tok b{animation:slat .55s var(--ease) backwards;animation-delay:calc(var(--d,0) * 1ms)}
@keyframes slat{from{transform:perspective(300px) rotateX(-90deg);opacity:0}to{transform:none;opacity:1}}
.dep .empty{padding:32px 0;font-family:var(--font-mono);font-size:13px}

/* ===== procedure ===== */
.proc{padding:72px 0 110px}
.proc-h{font-size:clamp(44px,6vw,84px);margin-bottom:32px}
.proc ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--line2)}
.proc li{position:relative;padding:28px 34px 8px 0;display:grid;gap:10px;align-content:start}
.proc li+li{padding-left:34px;border-left:1px solid var(--line)}
.proc li:not(:last-child)::after{content:"\2192";position:absolute;right:-14px;top:36px;width:28px;height:28px;display:grid;place-items:center;background:var(--bg);color:var(--yellow);font-weight:700;z-index:1}
.gno{display:grid;place-items:center;width:64px;height:64px;background:var(--yellow);color:#111;font:900 46px/1 var(--font-disp);font-stretch:62%;margin-bottom:14px}
.proc b{font:900 30px/.95 var(--font-disp);font-stretch:62%;text-transform:uppercase}
.proc p{color:var(--ink2);max-width:34ch}
.proc-note{display:flex;align-items:baseline;gap:18px;margin-top:44px;padding-top:18px;border-top:1px solid var(--line)}
.proc-note span{font:500 11px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.proc-note b{font:900 44px/1 var(--font-disp);font-stretch:62%;text-transform:uppercase;color:var(--yellow)}

/* ===== footer: yellow sign, CA bar, wordmark ===== */
.hp-ft{background:var(--yellow);color:#111;padding:56px 0 28px;overflow:hidden}
.wordmark{margin:0 0 30px;line-height:.74;white-space:nowrap}
.wordmark span{display:inline-block;font:900 23vw/.74 var(--font-disp);font-stretch:62%;text-transform:uppercase;letter-spacing:-.01em;padding-top:.04em}
.ca-bar{display:flex;align-items:center;gap:18px;flex-wrap:wrap;background:#111;color:var(--paint);padding:14px 14px 14px 22px}
.ca-k{font:500 11px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--yellow);white-space:nowrap}
.ca-v{flex:1;min-width:0;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ca-act{display:flex;gap:8px;flex-wrap:wrap}
.cab{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border:1px solid #4a4a45;background:transparent;color:var(--paint);font:600 11px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;white-space:nowrap;transition:border-color .15s,background .15s,color .15s}
.cab:hover{border-color:var(--yellow);color:var(--yellow)}
.cab-buy{background:var(--yellow);border-color:var(--yellow);color:#111}
.cab-buy:hover{background:var(--paint);border-color:var(--paint);color:#111}
.hp-ft .ca-bar :focus-visible{outline-color:var(--yellow)}
.ft-row{display:flex;justify-content:space-between;align-items:center;gap:12px 24px;flex-wrap:wrap;margin-top:20px;font-size:14px}
.ft-row p{max-width:62ch}
.ft-row nav{display:flex;gap:6px}
.ft-row nav a{padding:0 8px;text-decoration:none;font-weight:700;text-transform:uppercase;font-size:13px;letter-spacing:.05em}
.ft-row nav a:hover{text-decoration:underline;text-underline-offset:4px}

/* ===== inner pages ===== */
.page-head{padding:64px 0 32px}
.page-head h1,.prose h1{font-size:clamp(56px,8vw,112px)}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:0}
form.panel{border-top:4px solid var(--yellow)}
.fld-h b{font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:13px}
input,textarea{background:var(--field);border-color:var(--line2);border-radius:0}
input:focus,textarea:focus{border-color:var(--yellow)}
.affix{border-radius:0;border-color:var(--line2);background:var(--field)}
.affix i{background:var(--panel2);font-family:var(--font-mono);font-size:12px}
.drop{border-radius:0;border-color:var(--line2)}
.drop-thumb,.pv-img{border-radius:0}
.notice,.status,.tc-note{border-radius:0;background:var(--panel2);border-left:3px solid var(--yellow)}
.preview .kicker{color:var(--yellow)}
.pv-id b{font:900 30px/1 var(--font-disp);font-stretch:62%;text-transform:uppercase}
.pv-rows dd,.tc-rows dd{font-size:12px}
.chip{border-radius:0;background:var(--go);color:#07130c}
.tc-img{border-radius:0}
.tc-id h1{font-size:44px}
.dlg{border-radius:0;border:1px solid var(--line2);border-top:6px solid var(--yellow);background:var(--asphalt-2);max-width:500px}
.dlg h2{font-size:44px}
.dlg-x{border-radius:0}
.dlg::backdrop{backdrop-filter:none;background:rgb(8 8 8 / .82)}
.dlg .circle-test{margin-top:14px}
.dlg .cc-pad{max-width:260px;margin-inline:auto}
.dlg .cc-hint{font-size:26px}
.chk input{accent-color:var(--yellow)}
.wp-item,.wp-item img,.wp-dot{border-radius:0}
.docs{padding-top:64px}
.toc a{border-radius:0;font-size:14px;align-items:center}
.toc a .mono{color:var(--muted)}
.toc a.on{color:var(--yellow);background:transparent;box-shadow:inset 3px 0 0 var(--yellow)}
.prose h2{font-size:clamp(36px,4vw,52px);margin-bottom:16px}
.prose .num{color:var(--yellow)}
.prose b{color:var(--paint)}
.prose code{border-radius:0}
.qa{border-top:1px solid var(--line)}
.qa summary{font:900 clamp(24px,2.6vw,32px)/1 var(--font-disp);font-stretch:62%;text-transform:uppercase;display:flex;justify-content:space-between;gap:16px;min-height:40px;align-items:center}
.qa summary::after{content:"+";font-family:var(--font-mono);font-weight:500;color:var(--yellow);transition:transform .2s}
.qa[open] summary::after{transform:rotate(45deg)}
.table-wrap{border-radius:0}
.nf-in img{background:#fff;border-radius:50%}
.nf-in h1{font-size:clamp(60px,9vw,120px)}

/* ===== responsive ===== */
@media (max-width:1100px){.hp-links kbd{display:none}.hd-name{display:none}}
@media (max-width:1020px){
  .gate-grid{column-gap:36px}
  .dep-hd,.dep-row{grid-template-columns:56px minmax(0,2fr) minmax(0,1.4fr) 104px 110px}
  .dep-by,.dep-hd span:nth-child(4){display:none}
}
@media (max-width:860px){
  .gate{padding:32px 0 56px}
  .gate-grid{column-gap:28px}
  .gate-sub{font-size:16px}
  .hd-chip{display:none}
  .mkt{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .mkt div,.mkt div+div{padding:12px 0;border-left:0}
  .mkt div:nth-child(even){padding-left:16px;border-left:1px solid var(--line)}
  .mkt div:nth-child(n+3){border-top:1px solid var(--line)}
  .mkt dd{font-size:28px}
  .rules-in{grid-template-columns:minmax(0,1fr)}
  .sign{min-height:0}
  .sign b{padding-top:14px}
  .proc ol{grid-template-columns:minmax(0,1fr)}
  .proc li,.proc li+li{padding:24px 0 20px;border-left:0}
  .proc li+li{border-top:1px solid var(--line)}
  .proc li:not(:last-child)::after{content:"\2193";right:auto;left:0;top:auto;bottom:-14px}
}
@media (max-width:700px){
  .gate-grid{grid-template-columns:minmax(0,1fr);row-gap:22px}
  .g-l,.g-r{display:contents}
  .gate-head{order:1}.tok-row{order:2}.gate-pad{order:3}.board{min-width:0;order:4}.gate-cta{order:5}.mkt{order:6}
  .gate-pad{max-width:520px;width:100%}
}
@media (max-width:680px){
  .hp-hd-in{gap:10px}
  .hp-links a{padding:0 6px}
  .dep-hd{display:none}
  .dep-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"tok tok" "sym go" "meta meta";gap:10px 12px;padding:16px 0}
  .dep-tok{grid-area:tok}
  .dep-sym{grid-area:sym}
  .dep-go{grid-area:go}
  .dep-t,.dep-sp{grid-area:meta}
  .dep-t{justify-self:start}
  .dep-sp{justify-self:end}
  .ca-bar{padding:14px}
  .ca-v{flex-basis:100%;order:2}
  .ca-k{order:1}
  .ca-act{order:3;width:100%}
  .ca-act .cab{flex:1 1 auto}
  .adm{padding-top:72px}
}
@media (max-width:480px){
  .hp-links a:nth-child(n+2){display:none}
  /* keep the bottom-right corner (fixed sound switch on kit sites) clear of the drawing pad */
  .gate-pad{max-width:calc(100% - 48px)}
  .brand span{display:none}
  .gate h1{font-size:clamp(64px,24vw,104px)}
  .gate-cta .btn{flex:1 1 100%}
  .board{min-width:0;padding:14px 12px 16px}
  .fl-2{gap:12px}
  .gno{width:52px;height:52px;font-size:38px}
  .hp-ft{padding-top:36px}
}
@media (max-width:360px){.hd-tok .btn-buy-sm::before{display:none}.hd-tok .btn-buy-sm{padding:0 12px}}
@media (max-width:374px){.hp-links{display:none}.hd-tok{margin-left:auto}}
@media (prefers-reduced-motion:reduce){
  .plate,.dep-row.in .dep-tok b{animation:none}
  .btn.go::after{transition:none}
}