/* HiMan launch site, "Daylight". The structure, components, motion and budgets of the premium brief
   (research/website-premium-brief.md), re-themed light at the owner's request: a near-white canvas under a soft dawn
   sky, a serif for display, a clean sans for UI text, Martian Mono for numerals only, hairlines and rounded art.
   The live 3D viewer keeps its dark stage tile on purpose. Contrast ratios (WCAG) are on --bg / --panel / --panel-2. */
:root{color-scheme:light;
/* canvas and surfaces */
--bg:#FCFDFD;--panel:#FFFFFF;--panel-2:#F1F5F6;--band:#EFF6F8;--abyss:#0B1820;
/* the sky band: cyan-blue at the top, through haze, to the canvas; --dawn is the warm horizon */
--sky-1:#C9E9F6;--sky-2:#E4F4FA;--dawn:#FFE6CF;
/* lines: --hair is decorative only (1.2:1); --rule edges every control (4.2 / 4.2 / 3.9, and 3.3 on --sky-1) */
--hair:#E1E8EB;--rule:#6B7E86;
/* text: 17.2 / 17.5 / 16.0, 7.5 / 7.6 / 7.0, 5.2 / 5.3 / 4.8 (keep --faint off the sky band) */
--text:#0F1B21;--muted:#46565D;--faint:#5D6E75;
/* accents as text, all 4.5:1 or better on the three surfaces; the -fill tones are for dots, bars and fills only */
--quote:#0B668F;--orbit:#FFC94D;--orbit-ink:#855A00;--orbit-edge:#B58410;--legend:#6743CC;
--bid:#05775A;--bid-fill:#2FD6A8;--ask:#BF1D4D;--ask-fill:#FF5C8A;--warn:#9E5300;--warn-fill:#FFA62B;--focus:#0B668F;
/* mood ramp: --mN for swatches, rings and fills (text on them is --abyss); --mNt for text (5.1:1+ on white or a 12% tint) */
--m1:#7F86FF;--m2:#55A0FF;--m3:#3EC5E8;--m4:#44D6B8;--m5:#86E57F;--m6:#CDEB57;--m7:#FFD84A;--m8:#FF9F43;--m9:#FF5FA8;--m10:#FF2BD6;
--m1t:#4A50D8;--m2t:#1F64C4;--m3t:#0B6F87;--m4t:#0A7360;--m5t:#2C7A22;--m6t:#5E6B00;--m7t:#7A6000;--m8t:#A34C00;--m9t:#B8226A;--m10t:#B0129A;
/* type: Instrument Serif for display, Bricolage Grotesque for UI text, Martian Mono (a numerals-only subset) for numbers */
--serif:"Instrument Serif",ui-serif,Georgia,"Times New Roman",serif;
--sans:"Bricolage Grotesque",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
--mono:"Martian Mono",ui-monospace,"Cascadia Mono",Consolas,monospace;
--code:ui-monospace,"Cascadia Mono",Consolas,monospace;
--fs-hero:clamp(3.25rem,2rem + 4.4vw,5.25rem);--fs-h2:clamp(2.5rem,1.9rem + 2vw,3.5rem);--fs-h3:1.5rem;--fs-h4:1.125rem;--fs-lead:1.25rem;
--fs-body:1rem;--fs-small:.875rem;--fs-micro:.75rem;--fs-quote-xl:clamp(2.25rem,1.5rem + 2.5vw,3.75rem);--fs-quote:.875rem;
--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--s9:96px;--s10:128px;
--section-y:clamp(64px,9vw,128px);
--r-tick:4px;--r-ctl:8px;--r-card:14px;--r-stage:22px;--r-pill:999px;
/* depth: almost none; the stage tile is the one thing that floats */
--edge:0 1px 0 rgba(15,27,33,.04);
--float:0 24px 48px -24px rgba(15,27,33,.28);
--stage-shadow:0 40px 80px -36px rgba(11,24,32,.55),0 0 0 1px rgba(11,24,32,.06);
--live-ring:var(--stage-shadow);
--d-tick:120ms;--d-1:160ms;--d-2:240ms;--d-3:420ms;--d-boot:900ms;--d-scene:600ms;
--e-out:cubic-bezier(.16,1,.3,1);--e-snap:cubic-bezier(.2,0,0,1);--e-inout:cubic-bezier(.65,0,.35,1);
--grain: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='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='table' tableValues='1 1'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");
--gutter:16px;--nav-h:56px;--tab-h:0px;
/* older names, kept as aliases so pages not yet moved over (world.html, world/world.css) keep working */
--ink:var(--abyss);--surface:var(--panel);--surface-2:var(--panel-2);--line:var(--hair);--line-strong:var(--rule);
--cyan:var(--quote);--teal:var(--quote);--gold:var(--orbit);--lime:var(--bid);--pink:#B0129A;--display:var(--serif);--body:var(--sans);
--r-xs:var(--r-tick);--r-sm:var(--r-ctl);--r-md:var(--r-card);--r-lg:var(--r-card);--r-xl:var(--r-stage);
--cel-2:var(--float);--cel-3:var(--float);--glow-cyan:var(--live-ring);
--t-instant:var(--d-tick);--t-fast:var(--d-1);--t-base:var(--d-2);--t-slow:var(--d-3);--t-scene:var(--d-scene);
--ease-out:var(--e-out);--ease-inout:var(--e-inout)}
@media (min-width:720px){:root{--gutter:24px}}
@media (min-width:1024px){:root{--gutter:32px;--nav-h:64px}}
@media (max-width:719px){:root{--tab-h:calc(64px + env(safe-area-inset-bottom,0px))}}

/* base */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--nav-h) + 24px);scroll-padding-bottom:calc(var(--tab-h) + 16px);background:var(--bg)}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;min-height:100vh;color:var(--text);font:400 var(--fs-body)/1.6 var(--sans);overflow-x:hidden;padding-bottom:var(--tab-h);-webkit-font-smoothing:antialiased}
img,svg,video,iframe{display:block;max-width:100%}
img{height:auto}
a{color:var(--quote);text-underline-offset:.2em;text-decoration-thickness:1px}
a:hover{color:var(--text)}
p{margin:0 0 1em;max-width:68ch}
h1,h2,h3,h4{font-family:var(--sans);margin:0;color:var(--text);font-weight:600;text-wrap:balance}
h1,h2{font-family:var(--serif);font-weight:400}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
code{font:400 .875em var(--code);color:var(--text);background:var(--panel-2);border-radius:var(--r-tick);padding:.05em .35em}
.code{font:400 .8125rem/1.5 var(--code);overflow-wrap:anywhere}
::selection{background:#CDEBF7;color:var(--text)}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
[hidden]{display:none!important}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:fixed;left:16px;top:-80px;z-index:200;background:var(--text);color:var(--abyss);font-weight:600;padding:12px 18px;border-radius:var(--r-ctl);text-decoration:none;transition:top var(--d-1)}
.skip:focus{top:12px}

/* type */
.h-hero{font:400 var(--fs-hero)/.98 var(--serif);letter-spacing:-.015em}
.h2{font:400 var(--fs-h2)/1.02 var(--serif);letter-spacing:-.01em}
.h3{font:600 var(--fs-h3)/1.25 var(--sans);letter-spacing:-.01em}
.h4{font:600 var(--fs-h4)/1.35 var(--sans)}
.lead{font:400 var(--fs-lead)/1.45 var(--sans);color:var(--muted);max-width:56ch}
.small{font:500 var(--fs-small)/1.5 var(--sans)}
.label{font:500 .8125rem/1.4 var(--sans);color:var(--muted)}
.stat{font:400 2.5rem/1 var(--sans);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.mono,.num{font-family:var(--mono);font-variant-numeric:tabular-nums}
.mono{font-size:.8125rem;font-weight:400;line-height:1.5;overflow-wrap:anywhere}
.muted{color:var(--muted)}.faint{color:var(--faint)}
.up{color:var(--bid)}.down{color:var(--ask)}
.note{color:var(--faint);font:400 var(--fs-small)/1.5 var(--sans)}

/* layout */
.wrap{width:100%;max-width:calc(1200px + 2 * var(--gutter));margin:0 auto;padding:0 var(--gutter)}
.wrap-wide{max-width:calc(1360px + 2 * var(--gutter))}
.narrow{max-width:800px}
.sec{position:relative;padding:var(--section-y) 0}
.sec-tight{padding:calc(var(--section-y) * .5) 0}
.sec-band{background:var(--band);border-block:1px solid var(--hair)}
.ticks{height:7px;background:linear-gradient(var(--hair),var(--hair)) top/100% 1px no-repeat,repeating-linear-gradient(90deg,var(--hair) 0 1px,transparent 1px 24px) top/100% 7px no-repeat}
.sec-head{display:grid;gap:12px;margin-bottom:32px;max-width:800px}
.sec-head .lead{margin:0}
.sec-head-row{display:flex;flex-wrap:wrap;gap:16px 24px;align-items:end;justify-content:space-between;margin-bottom:32px}
.sec-head-row .sec-head{margin:0}
.sec-pt0{padding-top:0}
.ticks+*{margin-top:48px}
.after-rail,.after-list{margin:16px 0 0}
.sk-card{aspect-ratio:1/1.25;border-radius:var(--r-card)}
.tbl-title{margin-bottom:12px}
.tbl-note{margin:14px 0 0}
.gauge-line{margin:0}
main:has(> .closing-band:last-child)+.site-footer{margin-top:0}
.stack>*+*{margin-top:var(--s4)}
.tn{font-variant-numeric:tabular-nums;white-space:nowrap}
.row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.grid-2{display:grid;gap:24px}
@media (min-width:880px){.grid-2{grid-template-columns:1fr 1fr}}
main{display:block;min-height:50vh}
.page-head{padding:clamp(40px,7vw,88px) 0 clamp(24px,3vw,40px)}
.page-head h1{font:400 var(--fs-h2)/1.02 var(--serif);letter-spacing:-.01em}
.page-head .lead{margin-top:16px}

/* header and nav */
.site-header{position:sticky;top:0;z-index:40;background:var(--bg);border-bottom:1px solid var(--hair)}
@supports ((-webkit-backdrop-filter:blur(12px)) or (backdrop-filter:blur(12px))){.site-header{background:rgba(252,253,253,.84);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}
.nav-inner{display:flex;align-items:center;gap:12px;height:var(--nav-h)}
.wordmark{display:inline-flex;align-items:center;font:600 1.25rem/1 var(--sans);letter-spacing:-.01em;color:var(--text);text-decoration:none;min-height:44px;flex:none}
.wordmark:hover{color:var(--text)}
.wm-i{position:relative;display:inline-block}
.wm-i svg{max-width:none;position:absolute;left:50%;top:52%;width:1.2em;height:.6em;transform:translate(-50%,-50%) rotate(-14deg);pointer-events:none;overflow:visible}
.nav-links{display:none;gap:2px;margin-left:16px}
.nav-links a{position:relative;display:inline-flex;align-items:center;min-height:44px;padding:0 10px;color:var(--muted);font:500 .875rem/1 var(--sans);text-decoration:none;border-radius:var(--r-ctl)}
.nav-links a:hover{color:var(--text)}
.nav-links a[aria-current="page"]{color:var(--text)}
.nav-links a[aria-current="page"]::after{content:"";position:absolute;left:50%;bottom:7px;width:18px;height:6px;transform:translateX(-50%) rotate(-8deg);border:1.5px solid var(--orbit-edge);border-radius:50%}
.nav-actions{margin-left:auto;display:flex;align-items:center;gap:8px}
.nav-actions .nav-tape{display:none}
.net-chip{display:none;align-items:center;gap:8px;height:32px;padding:0 10px;border:1px solid var(--hair);border-radius:var(--r-ctl);font:500 .8125rem/1 var(--sans);color:var(--muted);white-space:nowrap}
.net-chip .dot,.dot{width:8px;height:8px;border-radius:50%;background:var(--faint);flex:none}
.net-chip[data-state="ok"] .dot{background:var(--bid)}
.net-chip[data-state="wrong"]{border-color:var(--warn);color:var(--warn)}
.net-chip[data-state="wrong"] .dot{background:var(--warn)}
.nav-actions .nav-mint{display:none}
.wallet-btn .w-ico{display:none}
@media (max-width:719px){
  .nav-actions .nav-tape{display:inline-flex}
}
@media (min-width:720px){.nav-links{display:flex}.nav-actions .nav-mint{display:inline-flex}}
@media (min-width:1024px){.net-chip{display:inline-flex}.nav-links{margin-left:24px;gap:4px}.nav-links a{padding:0 12px}}
@media (min-width:1280px){.nav-actions .nav-tape{display:inline-flex}}
@media (max-width:1023px){.wallet-btn{width:44px;padding:0}.wallet-btn .w-label,.wallet-btn .bal,.wallet-btn .dot{display:none}.wallet-btn .w-ico{display:inline-flex}.nav-links a{padding:0 8px}}
.wallet-wrap{position:relative}
.dot.ok{background:var(--bid)}
.wallet-btn .w-ico svg{width:18px;height:18px}
.t-act{background:none;border:0;padding:0;color:var(--quote);text-decoration:underline;font:inherit;cursor:pointer}
.wallet-btn .bal{color:var(--muted);font-weight:500;font-size:.8125rem;font-variant-numeric:tabular-nums}
.menu{position:absolute;right:0;top:calc(100% + 8px);min-width:240px;background:var(--panel-2);border:1px solid var(--rule);border-radius:var(--r-card);box-shadow:var(--float);padding:6px;z-index:45}
.menu button,.menu a{display:flex;width:100%;align-items:center;gap:10px;min-height:44px;padding:0 12px;border:0;background:none;border-radius:var(--r-ctl);color:var(--text);text-decoration:none;font:500 .9375rem/1 var(--sans);text-align:left}
.menu button:hover,.menu a:hover{background:var(--panel)}
.menu svg{width:18px;height:18px}
.menu .mono{padding:8px 12px;color:var(--muted)}

/* status strip under the nav on inner pages */
.status-strip{border-bottom:1px solid var(--hair);background:var(--bg)}
.status-strip .wrap{display:flex;align-items:center;gap:12px;min-height:44px;flex-wrap:wrap;padding-top:6px;padding-bottom:6px}
.pill{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:4px 12px;border-radius:var(--r-pill);background:transparent;border:1px solid var(--rule);color:var(--text);font:500 .875rem/1.2 var(--sans);text-decoration:none;font-variant-numeric:tabular-nums}
a.pill:hover{border-color:var(--text);color:var(--text)}
.pill .ring-ico{width:18px;height:12px;flex:none;color:var(--orbit-edge)}
.status-strip .note{font-size:.8125rem}
@media (max-width:719px){.status-strip .note{display:none}}

/* mobile tab bar */
.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:grid;grid-template-columns:repeat(5,1fr);height:var(--tab-h);padding-bottom:env(safe-area-inset-bottom,0px);background:var(--panel);border-top:1px solid var(--hair)}
@supports ((-webkit-backdrop-filter:blur(12px)) or (backdrop-filter:blur(12px))){.tabbar{background:rgba(252,253,253,.94);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}
.tabbar a,.tabbar button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:56px;border:0;background:none;color:var(--muted);font:500 .75rem/1 var(--sans);text-decoration:none;position:relative}
.tabbar svg{width:22px;height:22px}
.tabbar [aria-current="page"]{color:var(--text)}
.tabbar [aria-current="page"]::before{content:"";position:absolute;top:29px;left:50%;width:32px;height:11px;transform:translate(-50%,-50%) rotate(-10deg);border:1.5px solid var(--orbit-edge);border-radius:50%;pointer-events:none}
.tabbar .tab-mint{color:var(--orbit-ink)}
@media (min-width:720px){.tabbar{display:none}}

/* buttons */
.btn{--fill:transparent;--fg:var(--text);--bd:transparent;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:var(--r-ctl);border:1px solid var(--bd);background:var(--fill);color:var(--fg);font:600 .9375rem/1 var(--sans);text-decoration:none;white-space:nowrap;transition:transform var(--d-tick) var(--e-snap),background-color var(--d-1),border-color var(--d-1),color var(--d-1);-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.btn:hover{color:var(--fg)}
.btn:active{transform:scale(.98)}
.btn-primary,.btn-light{--fill:var(--text);--fg:#FFFFFF;--bd:var(--text)}
.btn-primary:hover,.btn-light:hover{--fill:#26363E;--bd:#26363E}
.btn-mint{--fill:var(--orbit);--fg:var(--abyss);--bd:var(--orbit-edge)}
.btn-mint:hover{--fill:#FFD574}
.btn-secondary{--bd:var(--rule);--fill:var(--panel)}
.btn-secondary:hover{--bd:var(--text);--fill:var(--panel-2)}
.btn-ghost{--fg:var(--quote);padding:0 10px}
.btn-ghost:hover{text-decoration:underline;--fg:var(--text)}
.btn-danger{--bd:var(--ask);--fg:var(--ask)}
.btn-warn{--bd:var(--warn);--fg:var(--warn)}
.btn-warn:hover{--fill:#FFF4E6}
.btn-lg{min-height:52px;padding:0 24px;font-size:1rem}
.btn-sm{min-height:36px;padding:0 14px;font-size:.875rem}
.btn-sm::after{content:"";position:absolute;inset:-4px 0}/* 44px touch area */
.btn-icon{width:44px;padding:0}
.btn-icon.btn-sm{width:36px}
.btn svg{width:18px;height:18px;flex:none}
.btn[aria-disabled="true"],.btn:disabled{--fill:var(--panel-2);--fg:var(--faint);--bd:var(--hair);cursor:not-allowed;transform:none}
.btn[aria-busy="true"]{cursor:progress}
.btn-block{width:100%}
.btn-reason{margin:8px 0 0;color:var(--muted);font:400 .875rem/1.5 var(--sans)}
.ring-mini{width:14px;height:14px;flex:none;animation:spin 1s linear infinite}
.btn .ring-mini{width:14px;height:14px}
@keyframes spin{to{transform:rotate(360deg)}}

/* cards, panels, callouts */
.card{background:var(--panel);border:1px solid var(--hair);border-radius:var(--r-card);box-shadow:var(--edge);padding:24px}
@media (max-width:599px){.card{padding:16px}}
.card h3{margin-bottom:8px}
.card p:last-child{margin-bottom:0}
a.card{display:block;color:inherit;text-decoration:none;border-color:var(--rule);transition:background-color var(--d-1)}
a.card:hover{background:var(--panel-2);color:inherit}
.panel{background:var(--panel-2);border:1px solid var(--hair);border-radius:var(--r-card);padding:16px}
.err-box{border-color:var(--ask)}

/* chips, tiers, status */
.chip{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:3px 10px;border-radius:var(--r-tick);background:var(--panel-2);border:1px solid var(--hair);font:500 .8125rem/1.2 var(--sans);color:var(--text);white-space:nowrap}
.chip .k{color:var(--muted)}
.chip .f{color:var(--faint);font:400 .75rem var(--mono)}
.chip .sw,.sw{width:10px;height:10px;border-radius:2px;flex:none;border:1px solid rgba(15,27,33,.2)}
.chip-live{border-color:var(--quote)}
.chip-live .ring-ico{width:16px;height:10px;color:var(--quote)}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.tier{display:inline-flex;align-items:center;gap:5px;font:500 .8125rem/1.2 var(--sans);white-space:nowrap}
.tier svg{width:12px;height:12px;flex:none}
.tier-founder{color:var(--orbit-ink)}.tier-legend{color:var(--legend)}.tier-hyper{color:var(--quote)}.tier-beast{color:var(--bid)}.tier-citizen{color:var(--muted)}
.status{display:inline-flex;align-items:center;gap:6px;min-height:24px;font:500 .8125rem/1.2 var(--sans);white-space:nowrap}
.status::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.status-done{color:var(--bid)}.status-progress{color:var(--warn)}.status-planned{color:var(--muted)}
.status-planned::before{background:transparent;border:1.5px solid currentColor}
.sdot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--faint);flex:none;vertical-align:middle}
.sdot.ok{background:var(--bid)}.sdot.warn{background:var(--warn)}.sdot.bad{background:var(--ask)}
.verified{display:inline-flex;align-items:center;gap:6px;color:var(--bid);font:500 .8125rem/1.2 var(--sans)}
.verified svg{width:16px;height:16px}

/* mood badge */
.mood{--mc:var(--m5);--mct:var(--m5t);display:inline-flex;align-items:center;gap:8px;min-height:30px;padding:2px 10px 2px 3px;border-radius:var(--r-pill);border:1px solid var(--mc);background:color-mix(in srgb,var(--mc) 12%,#fff);color:var(--mct);font:500 .875rem/1.2 var(--sans);white-space:nowrap}
.mood svg{width:24px;height:24px;flex:none}
.mood .num{color:var(--text);font:400 .75rem var(--sans);font-variant-numeric:tabular-nums}
.mood-compact{display:inline-grid;place-items:center;width:28px;height:28px;padding:0;border-radius:50%}
.mood-compact svg{width:22px;height:22px}
.live-dot{width:8px;height:8px;border-radius:50%;background:var(--bid)}

/* inputs */
.field{display:grid;gap:6px}
.field label{color:var(--muted)}
.input,.select{width:100%;min-height:44px;padding:0 12px;border-radius:var(--r-ctl);background:var(--panel-2);border:1px solid var(--rule);color:var(--text);font:400 1rem/1.2 var(--sans)}
.input::placeholder{color:var(--faint)}
.input:hover,.select:hover{border-color:var(--muted)}
.input:focus-visible,.select:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-color:var(--quote)}
.select{appearance:none;-webkit-appearance:none;padding-right:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2346565D' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}
.select option{background:var(--panel-2);color:var(--text)}
.search{position:relative}
.search .input{padding-left:40px;padding-right:44px}
.search .s-ico{position:absolute;left:12px;top:50%;width:18px;height:18px;transform:translateY(-50%);color:var(--muted);pointer-events:none}
.search .s-clear{position:absolute;right:0;top:50%;transform:translateY(-50%);width:44px;height:44px;border:0;background:none;color:var(--muted);border-radius:var(--r-ctl);display:grid;place-items:center}
.search .s-clear:hover{color:var(--text)}
.search kbd{position:absolute;right:12px;top:50%;transform:translateY(-50%);font:400 .75rem/1 var(--mono);color:var(--faint);border:1px solid var(--hair);border-radius:var(--r-tick);padding:4px 6px}
.stepper{display:inline-flex;align-items:center;border:1px solid var(--rule);border-radius:var(--r-ctl);background:var(--panel-2)}
.stepper button{width:44px;height:44px;border:0;background:none;border-radius:var(--r-ctl);display:grid;place-items:center;color:var(--text);font:500 1.25rem/1 var(--sans)}
.stepper button:hover:not(:disabled){background:var(--panel)}
.stepper button:disabled{color:var(--faint);cursor:not-allowed}
.stepper [role="spinbutton"]{min-width:48px;text-align:center;font:500 1.125rem/44px var(--mono);border-inline:1px solid var(--hair)}
.progress{height:4px;border-radius:2px;background:var(--hair);overflow:hidden}
.progress>span{display:block;height:100%;background:var(--quote);min-width:0;transition:width var(--d-3) var(--e-out)}

/* range: the "What if" scrubber */
.range{width:100%;height:44px;background:none;-webkit-appearance:none;appearance:none;cursor:pointer;margin:0}
.range::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:linear-gradient(90deg,var(--m1),var(--m2),var(--m3),var(--m4),var(--m5),var(--m6),var(--m7),var(--m8),var(--m9),var(--m10))}
.range::-moz-range-track{height:6px;border-radius:3px;background:linear-gradient(90deg,var(--m1),var(--m2),var(--m3),var(--m4),var(--m5),var(--m6),var(--m7),var(--m8),var(--m9),var(--m10))}
.range::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:-8px;border-radius:50%;background:#fff;border:2px solid var(--text);box-shadow:var(--float)}
.range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid var(--text)}
.range:focus-visible{outline:3px solid var(--focus);outline-offset:4px;border-radius:var(--r-ctl)}

/* accordion */
.faq-list{display:grid;gap:0;border-top:1px solid var(--hair)}
.qa{border-bottom:1px solid var(--hair)}
.qa summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:14px 4px;cursor:pointer;font:500 1.0625rem/1.4 var(--sans);border-radius:var(--r-ctl)}
.qa summary::-webkit-details-marker{display:none}
.qa summary::after{content:"";flex:none;width:10px;height:10px;border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);transform:rotate(45deg) translate(-3px,-3px);transition:transform var(--d-2) var(--e-out)}
.qa[open] summary::after{transform:rotate(225deg) translate(-3px,-3px)}
.qa summary:hover{color:var(--quote)}
.qa .a{padding:0 4px 20px;color:var(--muted)}
.qa .a p{margin:0 0 .75em}.qa .a p:last-child{margin:0}

/* toasts and dialogs */
.toasts{position:fixed;z-index:100;right:16px;bottom:16px;display:grid;gap:8px;width:min(400px,calc(100vw - 32px));pointer-events:none}
@media (max-width:719px){.toasts{left:50%;right:auto;transform:translateX(-50%);bottom:calc(var(--tab-h) + 12px)}}
.toast{pointer-events:auto;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:start;padding:12px 4px 12px 14px;background:var(--panel-2);border:1px solid var(--rule);border-left-width:3px;border-radius:var(--r-card);box-shadow:var(--float);font:400 .9375rem/1.45 var(--sans)}
.toast .t-ico{width:20px;height:20px;margin-top:1px}
.toast .t-body a{color:var(--quote)}
.toast .t-close{width:44px;height:44px;margin:-10px 0;border:0;background:none;color:var(--muted);border-radius:var(--r-ctl);display:grid;place-items:center}
.toast .t-close svg{width:18px;height:18px}
.toast .t-close:hover{color:var(--text)}
.toast-info{border-left-color:var(--quote)}.toast-success{border-left-color:var(--bid)}.toast-warn,.toast-tx{border-left-color:var(--warn)}.toast-error{border-left-color:var(--ask)}.toast-tx.done{border-left-color:var(--bid)}
.toast-info .t-ico{color:var(--quote)}.toast-success .t-ico{color:var(--bid)}.toast-warn .t-ico,.toast-tx .t-ico{color:var(--warn)}.toast-error .t-ico{color:var(--ask)}
dialog.modal{width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 48px);padding:0;border:1px solid var(--rule);border-radius:var(--r-stage);background:var(--panel);color:var(--text);box-shadow:var(--float);overflow:auto;overscroll-behavior:contain}
dialog.modal::backdrop{background:rgba(15,27,33,.42)}
.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 16px 8px 24px}
.modal-head h2{font:600 1.25rem/1.25 var(--sans)}
.modal-body{padding:8px 24px 24px}
.modal-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;padding:0 24px 24px}
.x-btn{width:44px;height:44px;flex:none;border:1px solid var(--rule);background:transparent;border-radius:var(--r-ctl);display:grid;place-items:center;color:var(--text)}
.x-btn:hover{border-color:var(--text);background:var(--panel-2)}
.x-btn svg{width:18px;height:18px}
dialog.modal[open]{animation:pop var(--d-2) var(--e-out)}
@keyframes pop{from{transform:translateY(8px);opacity:.6}}
@media (max-width:719px){
  dialog.modal{width:100%;max-width:none;margin:auto 0 0;max-height:88dvh;border-radius:var(--r-stage) var(--r-stage) 0 0;border-bottom:0;padding-bottom:env(safe-area-inset-bottom,0px)}
  dialog.modal[open]{animation:sheet var(--d-2) var(--e-out)}
  .modal-actions{flex-direction:column-reverse}.modal-actions .btn{width:100%}
}
@keyframes sheet{from{transform:translateY(32px)}}
@media (min-width:1024px){
  dialog.drawer{margin:0 0 0 auto;height:100dvh;max-height:100dvh;width:min(520px,100vw);border-radius:0;border-width:0 0 0 1px}
  dialog.drawer[open]{animation:drawer var(--d-2) var(--e-out)}
}
@keyframes drawer{from{transform:translateX(32px)}}
body.scroll-lock{overflow:hidden}
.skel{background:var(--panel-2);border-radius:var(--r-ctl);position:relative;overflow:hidden}
.skel::after{content:"";position:absolute;inset:0;width:30%;background:rgba(15,27,33,.04);transform:translateX(-100%);animation:sweep 1.4s steps(8) infinite}
@keyframes sweep{to{transform:translateX(400%)}}
.orbit{position:absolute;pointer-events:none;overflow:visible}
.ring-ico{display:inline-block;vertical-align:middle;width:18px;height:11px;flex:none}

/* the HYPE tape */
.tape-band{background:var(--panel);border-block:1px solid var(--hair)}
.tape{display:flex;align-items:stretch;min-height:56px;font:500 .875rem/1.2 var(--sans);color:var(--text)}
.tape .tc{display:flex;align-items:center;gap:10px;padding:0 20px;border-left:1px solid var(--hair);white-space:nowrap;min-width:0}
.tape .tc:first-child{border-left:0;padding-left:0}
.tape .tbreak{display:none}
.t-sym{font-weight:600;letter-spacing:.01em}
.t-px{font:500 1.25rem/1 var(--mono);font-variant-numeric:tabular-nums;clip-path:inset(-2px)}
.t-chg{font:500 .875rem/1 var(--mono);font-variant-numeric:tabular-nums;color:var(--muted)}
.t-chg.up{color:var(--bid)}.t-chg.dn{color:var(--ask)}
.t-band b{font-weight:600}
.t-of{font:400 .8125rem/1 var(--sans);color:var(--faint);font-variant-numeric:tabular-nums}
.t-age{font:400 .8125rem/1.3 var(--sans);color:var(--faint);font-variant-numeric:tabular-nums}
.t-age .sdot{margin-right:6px}
.tape .t-link{margin-left:auto;padding-right:0;color:var(--quote);text-decoration:none}
.tape .t-link:hover{color:var(--text);text-decoration:underline}
.ladder{display:inline-flex;gap:2px;align-items:center}
.ladder i{width:10px;height:6px;border-radius:1px;background:var(--c);opacity:.35}
.ladder i.on{opacity:1;outline:1.5px solid var(--text);outline-offset:1px}
.ladder.off i{background:var(--faint);opacity:.3}
.dg{display:inline-block}
.fl{border-radius:2px;animation:flash 600ms var(--e-out)}
.fl.up{--fl:rgba(47,214,168,.22)}.fl.dn{--fl:rgba(255,92,138,.2)}
@keyframes flash{from{background:var(--fl)}to{background:transparent}}
@media (prefers-reduced-motion:no-preference){.tape.boot .dg{animation:roll var(--d-boot) var(--e-out) both;animation-delay:calc(var(--k) * 28ms)}}
@keyframes roll{from{transform:translateY(.7em);opacity:0}}
@media (max-width:719px){
  .tape{flex-wrap:wrap;padding-block:6px}
  .tape .tc{min-height:40px;padding:0 12px}
  .tape .tbreak{display:block;flex-basis:100%;height:0}
  .tape .tc-ladder{border-left:0;padding-left:0}
  .tape .t-link{display:none}
  .t-px{font-size:1.0625rem}
}
/* compact: "HYPE -3.42%" and the face, in the nav, the footer and the world HUD */
.tape-mini{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 10px 0 8px;border:1px solid var(--hair);border-radius:var(--r-ctl);font:500 .75rem/1 var(--sans);color:var(--text);text-decoration:none;white-space:nowrap;background:transparent}
.tape-mini:hover{border-color:var(--rule);color:var(--text)}
.tape-mini .t-sym{font:600 .8125rem/1 var(--sans)}
.tape-mini svg{width:20px;height:20px}
.tape-mini .t-chg{font-size:.75rem}

/* footer */
.site-footer{margin-top:var(--section-y);background:var(--band);border-top:1px solid var(--hair);padding:48px 0 32px}
.foot-top{display:flex;flex-wrap:wrap;gap:16px 32px;align-items:center;justify-content:space-between;padding-bottom:32px;border-bottom:1px solid var(--hair)}
.foot-brand{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px}
.foot-brand p{color:var(--muted);font-size:.9375rem;margin:0}
.foot-grid{display:grid;gap:24px 32px;grid-template-columns:repeat(2,minmax(0,1fr));padding:32px 0}
@media (min-width:880px){.foot-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.site-footer h2{font:600 .875rem/1.3 var(--sans);color:var(--text);margin-bottom:8px}
.site-footer ul{list-style:none;margin:0;padding:0;display:grid}
.site-footer li a{display:flex;align-items:center;min-height:44px;color:var(--muted);text-decoration:none;font-size:.9375rem}
.site-footer li a:hover{color:var(--text);text-decoration:underline}
.site-footer li .faint{display:block;font-size:.875rem;padding:10px 0;max-width:32ch}
.foot-status{display:flex;flex-wrap:wrap;gap:8px 24px;padding:16px 0;border-block:1px solid var(--hair);font:400 .8125rem/1.5 var(--sans);color:var(--muted)}
.foot-status>span{display:inline-flex;align-items:center;gap:8px;min-width:0;overflow-wrap:anywhere}
.foot-legal{display:grid;gap:6px;padding-top:20px;color:var(--muted);font-size:.875rem}
.foot-legal p{margin:0;max-width:none}

/* home */
.hero{position:relative;isolation:isolate;overflow:hidden;padding:clamp(24px,5vw,72px) 0 clamp(32px,5vw,64px)}
.hero{background:linear-gradient(180deg,var(--sky-1) 0%,var(--sky-2) 50%,var(--bg) 100%)}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:url(/assets/img/clouds.svg) 50% 0/max(1600px,100%) auto no-repeat;pointer-events:none}
.hero-isle{position:absolute;z-index:0;left:-13%;top:-6%;width:min(38%,250px);height:auto;pointer-events:none}
.hero-stage .stage{z-index:1}
@media (max-width:959px){.hero-isle{display:none}}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:var(--grain);background-size:160px;opacity:.02;pointer-events:none}
.hero-grid{display:grid;gap:28px;align-items:center}
.hero-copy{display:grid;gap:24px;justify-items:start;align-content:center}
.hero h1{max-width:12ch}
@media (prefers-reduced-motion:no-preference){.hero h1{animation:fadein var(--d-2) var(--e-out) both}}
@keyframes fadein{from{opacity:0}}
.hero .sub{font:400 var(--fs-lead)/1.45 var(--sans);color:var(--muted);max-width:40ch;margin:0}
.hero-ctas{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
@media (min-width:960px){.hero-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}.hero-copy{grid-column:1/span 5}.hero-stage{grid-column:6/span 7}}
@media (max-width:959px){.hero-stage{order:-1}}
.hero-stage{position:relative}
.hero-stage::before{content:none}
.stage{position:relative;width:100%;max-width:600px;margin-left:auto}
.stage>.live{border-radius:var(--r-stage);box-shadow:var(--stage-shadow);border:0;background-color:var(--abyss)}
.stage-ring{position:absolute;inset:0;z-index:3;width:100%;height:100%;pointer-events:none;overflow:visible}
.stage-ring ellipse{fill:none;stroke:var(--orbit);stroke-width:1.5;opacity:.85;vector-effect:non-scaling-stroke}
@media (prefers-reduced-motion:no-preference){.stage-ring ellipse{stroke-dasharray:1;stroke-dashoffset:1;animation:draw var(--d-boot) var(--e-out) .15s forwards}}
@keyframes draw{to{stroke-dashoffset:0}}
.stage-who{display:grid;gap:2px;min-width:0}
.stage-who b{font:600 1.0625rem/1.2 var(--sans)}
.stage-who span{color:var(--muted);font-size:.8125rem}
.stage-who .num{color:var(--text)}
.stage-over{position:absolute;left:0;right:0;bottom:0;z-index:4;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:40px 14px 14px;background:linear-gradient(transparent,rgba(5,10,22,.82));border-radius:0 0 var(--r-stage) var(--r-stage);pointer-events:none}
.stage-over>*{pointer-events:auto}
.stage-ctl{display:flex;gap:6px;flex:none}
.stage-ctl .btn{min-height:36px;--fill:rgba(11,24,32,.55);--bd:rgba(255,255,255,.5);--fg:#fff}
.stage-ctl .btn-icon{width:36px}
.stage-ctl .btn:hover{--fill:rgba(11,24,32,.85);--bd:#fff}
.stage-over .stage-who b{color:#fff}.stage-over .stage-who span{color:rgba(255,255,255,.82)}.stage-over .stage-who .num{color:#fff}
.stage :focus-visible{outline-color:#fff}
.stage-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;flex-wrap:wrap}
@media (max-width:959px){.hero .stage{max-width:360px;margin:0 auto}.hero h1{font-size:2.25rem;max-width:none}.hero .sub{font-size:1.0625rem}}
@media (max-width:479px){.hero-ctas .btn{flex:1 1 auto}.hero-copy{gap:16px}}

/* the live HiMan box: a poster first, the 3D viewer after load and idle */
.live{position:relative;aspect-ratio:1/1;border-radius:var(--r-card);overflow:hidden;background:url(/assets/img/placeholder.webp) center/cover,linear-gradient(180deg,var(--sky,#0B1E26),var(--fog,#102A33));isolation:isolate}
.live>img,.live>.ph,.live>iframe{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover}
.live>iframe{opacity:0;transition:opacity var(--d-3) var(--e-out);z-index:1}
.live.is-live>iframe{opacity:1}
.live.is-settling>iframe{opacity:0;transition-duration:var(--d-1)}
.live .live-tag{position:absolute;left:12px;top:12px;z-index:4;display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:var(--r-tick);background:rgba(11,24,32,.72);font:500 .6875rem/1.2 var(--sans);color:#fff}
.live .live-tag .dot{background:var(--faint)}
.live.is-live .live-tag .dot{background:var(--bid)}
.live .loader{position:absolute;right:12px;top:12px;z-index:4;width:20px;height:20px;color:var(--quote)}
.live:not(.is-loading) .loader{display:none}
.ph{display:grid;place-items:center;background:url(/assets/img/placeholder.webp) center/cover}

/* stat rail */
.statrail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-block:1px solid var(--hair)}
@media (min-width:960px){.statrail{grid-template-columns:repeat(4,minmax(0,1fr))}}
.stc{display:grid;gap:8px;align-content:start;padding:28px 24px;border-left:1px solid var(--hair);min-width:0}
.stc:first-child{padding-left:0;border-left:0}
@media (max-width:959px){.stc:nth-child(3){padding-left:0;border-left:0}.stc:nth-child(-n+2){border-bottom:1px solid var(--hair)}.stc{padding:20px 16px}.stc:nth-child(odd){padding-left:0}}
.stc .v{font:400 2.75rem/1 var(--serif);letter-spacing:-.01em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.stc .v.mono{font:400 1.25rem/1.3 var(--mono)}
.stc .l{font:500 .8125rem/1.4 var(--sans);color:var(--muted);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.stc .acts{display:flex;gap:4px;flex-wrap:wrap;margin-left:-10px}
@media (max-width:599px){.stc .v{font-size:1.875rem}}

/* home */
.moodgrid{display:grid;gap:40px}
@media (min-width:960px){.moodgrid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px}}
.gauge{display:grid;gap:16px;align-content:start}
.gauge .big{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.gauge .big .stat{font:400 var(--fs-quote-xl)/1 var(--mono);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.arrow{width:32px;height:32px}
.ruler{position:relative;padding-top:28px}
.ruler-bar{display:grid;grid-template-columns:repeat(10,1fr);gap:2px;height:12px}
.ruler-bar span{border-radius:1px;background:var(--c);opacity:.4}
.ruler-bar span.on{opacity:1;outline:1.5px solid var(--text);outline-offset:2px}
.ruler-marker{position:absolute;top:0;transform:translateX(-50%);display:grid;justify-items:center;font:500 .75rem/1 var(--sans);color:var(--text);transition:left var(--d-3) var(--e-out);white-space:nowrap}
.ruler-marker::after{content:"";width:0;height:0;border:5px solid transparent;border-top-color:var(--text);margin-top:4px}
.ruler-vibes{position:relative;height:30px;margin-top:8px}
.ruler-vibes .vd{position:absolute;top:0;transform:translateX(-50%);width:8px;height:8px;border-radius:50%;background:var(--text)}
.ruler-vibes .vd span{position:absolute;top:12px;left:50%;transform:translateX(-50%);font:400 .75rem/1 var(--sans);color:var(--muted);white-space:nowrap}
.ruler-ends{display:flex;justify-content:space-between;color:var(--faint);font:400 .8125rem/1.3 var(--sans);margin-top:8px}

/* tables and the trust ledger */
.table-wrap{overflow-x:auto;border-block:1px solid var(--hair)}
table.t{width:100%;border-collapse:collapse;font:400 .9375rem/1.45 var(--sans)}
table.t th,table.t td{padding:14px 16px 14px 0;text-align:left;border-bottom:1px solid var(--hair);vertical-align:top}
table.t tr:last-child>*{border-bottom:0}
table.t thead th{color:var(--muted);font:500 .8125rem/1.3 var(--sans);padding-top:12px;padding-bottom:12px}
table.t tbody th{font-weight:600}
table.t td.num,table.t th.num{font:400 .875rem/1.45 var(--mono);white-space:nowrap;text-align:right}
table.t thead th.num{font:500 .8125rem/1.3 var(--sans)}
table.t .face{width:28px;height:28px}
.vtable td,.vtable th{vertical-align:middle}
.vtable .mood{min-height:28px}
.ledger{width:100%;border-collapse:collapse}
.ledger th,.ledger td{text-align:left;vertical-align:top;padding:20px 24px 20px 0;border-bottom:1px solid var(--hair)}
.ledger tr:first-child>*{border-top:1px solid var(--hair)}
.ledger th{width:22%;font:600 1rem/1.4 var(--sans)}
.ledger td{color:var(--muted)}
.ledger td p{margin:0 0 .6em}.ledger td p:last-child{margin:0}
.ledger .st{width:1%;white-space:nowrap;padding-right:0;text-align:right;font:500 .875rem/1.6 var(--sans);color:var(--text)}
.ledger .st .sdot{margin-right:8px}
.st-warn{color:var(--warn)!important}
@media (max-width:719px){.ledger,.ledger tbody,.ledger tr,.ledger th,.ledger td{display:block;width:auto}.ledger tr{border-bottom:1px solid var(--hair);padding:16px 0}.ledger tr:first-child{border-top:1px solid var(--hair)}.ledger th,.ledger td{border:0!important;padding:4px 0}.ledger .st{text-align:left}}

/* specials rail and token cards */
.rail{position:relative}
.rail-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 3 * 16px) / 3.2);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 16px;margin:0;list-style:none;scrollbar-width:thin;scrollbar-color:var(--rule) transparent;overscroll-behavior-x:contain}
@media (max-width:1023px){.rail-track{grid-auto-columns:calc((100% - 16px) / 2.2)}}
@media (max-width:599px){.rail-track{grid-auto-columns:78%}}
.rail-track>*{scroll-snap-align:start}
.rail-ctl{display:flex;gap:8px}
.special .bio{color:var(--muted);font-size:.9375rem;margin:12px 0 0}
.special .move{display:inline-flex;align-items:center;gap:6px;color:var(--orbit-ink);font:500 .8125rem/1.3 var(--sans);margin:6px 0 0}
.special .move svg{width:14px;height:14px}
.tcard{position:relative;display:flex;flex-direction:column;background:none;border:0;border-radius:var(--r-card);color:var(--text);text-decoration:none;text-align:left;padding:0;width:100%}
button.tcard{font:inherit}
.tcard:hover{color:var(--text)}.tcard:hover .nm{text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:1px}
.tcard.tc-founder .art{outline:2px solid var(--orbit-edge);outline-offset:2px}.tcard.tc-legend .art{outline:2px solid var(--legend);outline-offset:2px}
.tcard[aria-current="true"] .art{outline:3px solid var(--quote);outline-offset:2px}
.tcard .art{position:relative;display:block;aspect-ratio:1/1;overflow:hidden;border-radius:var(--r-card);background:url(/assets/img/placeholder.webp) center/cover,linear-gradient(180deg,var(--sky,#0B1E26),var(--fog,#102A33))}
.tcard .art::after{content:"";position:absolute;inset:0;background:var(--grain);background-size:160px;opacity:.035;pointer-events:none}
.tcard .art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform var(--d-2) var(--e-out)}
.tcard:hover .art img{transform:scale(1.03)}
.tcard .idp{position:absolute;left:8px;top:8px;z-index:1;padding:3px 6px;border-radius:var(--r-tick);background:rgba(5,10,22,.72);font:400 .75rem/1.2 var(--mono);color:#fff}
.tcard .art .mood{position:absolute;right:8px;top:8px;z-index:1}
.tcard .meta{display:grid;gap:4px;align-content:start;padding:10px 2px 0}
.tcard .nm{font:600 1rem/1.25 var(--sans);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tcard .r2{display:flex;justify-content:space-between;align-items:center;gap:8px;min-width:0}
.tcard .tier{min-width:0;overflow:hidden;text-overflow:ellipsis}
.tcard .rk{flex:none;color:var(--muted);font:400 .75rem/1.3 var(--mono);white-space:nowrap}.tcard .rk .w{font-family:var(--sans)}
.tcard{container-type:inline-size}
@container (max-width:150px){.tcard .rk .w{display:none}}

/* how it works */
.steps{list-style:none;margin:0;padding:0;display:grid;gap:0;counter-reset:st;border-top:1px solid var(--hair)}
@media (min-width:880px){.steps{grid-template-columns:repeat(3,minmax(0,1fr))}}
.steps li{position:relative;counter-increment:st;padding:24px 24px 24px 0;border-bottom:1px solid var(--hair)}
@media (min-width:880px){.steps li{border-bottom:0;padding:28px 28px 8px}.steps li:first-child{padding-left:0}.steps li+li{border-left:1px solid var(--hair)}}
.steps li::before{content:"0" counter(st);display:block;font:400 .875rem/1 var(--mono);color:var(--quote);margin-bottom:16px}
.steps h3{font:600 1.25rem/1.3 var(--sans);margin-bottom:8px}
.steps p{color:var(--muted);margin:0}
.steps dfn{font-style:normal;color:var(--text)}
.split{display:grid;gap:16px;margin-top:32px}
@media (min-width:720px){.split{grid-template-columns:1fr 1fr}}
.split h3{font:600 1rem/1.3 var(--sans);margin-bottom:10px}

/* roadmap */
.timeline{list-style:none;margin:0;padding:0;display:grid;gap:0 48px;border-top:1px solid var(--hair)}
@media (min-width:880px){.timeline{grid-template-columns:1fr 1fr}}
.timeline li{display:grid;gap:6px;padding:20px 0;border-bottom:1px solid var(--hair);align-content:start}
.timeline .titem{display:grid;gap:6px;justify-items:start}
.timeline .titem h3{font:600 1.0625rem/1.35 var(--sans)}
.timeline .titem p{margin:0;color:var(--muted)}
.timeline .when{color:var(--faint);font:500 .8125rem/1.3 var(--sans)}

/* closing: a sunrise band */
.closing-band{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(180deg,var(--sky-2),var(--dawn));border-top:1px solid var(--hair)}
.closing-band::after{content:"";position:absolute;inset:0;z-index:-1;background:var(--grain);background-size:160px;opacity:.035;pointer-events:none}
.closing{text-align:center;display:grid;justify-items:center;gap:24px;padding:clamp(64px,10vw,128px) var(--gutter)}
.closing-band+.site-footer{margin-top:0}

/* countdown: Martian digits in hairline cells */
.countdown{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--hair);border-radius:var(--r-ctl);max-width:420px}
.cd-cell{position:relative;display:grid;justify-items:center;gap:6px;padding:12px 4px 14px;border-left:1px solid var(--hair)}
.cd-cell:first-child{border-left:0}
.cd-cell b{font:400 clamp(1.5rem,1.2rem + 1vw,2rem)/1 var(--mono);font-variant-numeric:tabular-nums}
.cd-cell span{font:500 .75rem/1 var(--sans);color:var(--muted)}
.cd-bar{position:absolute;left:20%;right:20%;bottom:5px;height:2px;background:var(--hair)}
.cd-bar>i{display:block;height:100%;width:0;background:var(--quote)}
.cd-meta{color:var(--faint);font:400 .8125rem/1.5 var(--sans);margin-top:10px}

.m0{margin:0}
/* shared by the collection screener and the moods vibe picker */
.fchip{display:flex;align-items:center;gap:10px;width:100%;min-height:36px;padding:4px 6px;border:0;border-radius:var(--r-tick);background:none;color:var(--text);font:400 .875rem/1.2 var(--sans);text-align:left}
.fchip::before{content:"";flex:none;width:14px;height:14px;border:1px solid var(--rule);border-radius:3px;background:transparent}
.fchip>span:not(.c):not(.sw){flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fchip .c{margin-left:auto;color:var(--faint);font:400 .75rem/1 var(--mono);font-variant-numeric:tabular-nums}
.fchip:hover{background:var(--panel)}
.fchip[aria-pressed="true"]::before,.fchip[aria-checked="true"]::before{border-color:var(--quote);background:var(--quote) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M3 7.2l2.6 2.6L11 4.4' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
.fchip[aria-pressed="true"] .c{color:var(--quote)}
.fchip.zero{opacity:.5}
@media (pointer:coarse){.fchip{min-height:44px}}
.empty{padding:40px 24px;text-align:center;border:1px dashed var(--rule);border-radius:var(--r-card);color:var(--muted);display:grid;gap:12px;justify-items:center}
/* mint */
.mint-grid{display:grid;gap:32px;align-items:start}
@media (min-width:960px){.mint-grid{grid-template-columns:minmax(0,1fr) 420px;gap:48px}.mint-card{position:sticky;top:calc(var(--nav-h) + 56px)}}
@media (max-width:959px){.mint-card{order:-1}}
.ticket{display:grid;gap:0;padding:0;overflow:hidden}
.ticket>*{padding:16px 24px;border-top:1px solid var(--hair)}
.ticket>:first-child{border-top:0}
.ticket .t-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.ticket .t-val{font:500 1.5rem/1.1 var(--sans);font-variant-numeric:tabular-nums}
.ticket .t-val.sm{font-size:.9375rem}
.ticket .progress{margin-top:10px}
@media (max-width:599px){.ticket>*{padding:14px 16px}}
.banner{display:grid;gap:6px;border-left:2px solid var(--rule)!important;background:var(--panel-2)}
.banner :is(h2,h3){font:600 1.125rem/1.3 var(--sans);display:flex;align-items:center;gap:10px}
.banner :is(h2,h3) svg{width:20px;height:20px;flex:none}
.banner p{margin:0;color:var(--muted)}
.banner a{color:var(--quote)}
.banner[data-tone="ok"]{border-left-color:var(--bid)!important}.banner[data-tone="ok"] :is(h2,h3) svg{color:var(--bid)}
.banner[data-tone="warn"]{border-left-color:var(--warn)!important}.banner[data-tone="warn"] :is(h2,h3) svg{color:var(--warn)}
.banner[data-tone="error"]{border-left-color:var(--ask)!important}.banner[data-tone="error"] :is(h2,h3) svg{color:var(--ask)}
.banner[data-tone="info"]{border-left-color:var(--quote)!important}.banner[data-tone="info"] :is(h2,h3) svg{color:var(--quote)}
.lrows{display:grid;margin:0;padding:0;list-style:none;border-top:1px solid var(--hair)}
.lrows>li,.lrows>div{display:grid;grid-template-columns:140px minmax(0,1fr);gap:4px 16px;padding:14px 0;border-bottom:1px solid var(--hair);align-items:baseline}
.lrows .lk{color:var(--muted);font:500 .875rem/1.4 var(--sans)}
.lrows .lk.num{font:400 .8125rem/1.4 var(--mono);color:var(--quote)}
@media (max-width:599px){.lrows>li,.lrows>div{grid-template-columns:1fr}}
.checks{counter-reset:ck}
.checks>li{counter-increment:ck;grid-template-columns:40px minmax(0,1fr)}
.checks>li::before{content:"0" counter(ck);font:400 .8125rem/1.6 var(--mono);color:var(--quote)}
.addr-line{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.addr-line .mono{background:var(--panel-2);border:1px solid var(--hair);border-radius:var(--r-ctl);padding:8px 12px;flex:1;min-width:0}
.result-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}
.dl{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;margin:0}
.dl dt{color:var(--muted)}
.dl dd{margin:0;text-align:right;overflow-wrap:anywhere}
.mint-left{display:grid;gap:48px;align-content:start}
.sub-h{margin-bottom:16px}
.next-p{margin:16px 0 8px}
.next-note{margin:8px 0 0}
.net-note{margin:12px 0 0}
.c-note{margin:14px 0 6px}
.max-line{margin:8px 0 0;text-align:right}
.t-total{display:grid;justify-items:end;gap:4px;text-align:right}
.result-h{margin-bottom:24px}
.r-actions{margin-top:20px}
.ticket>.sr-only{padding:0;border:0}
.ticket .stepper{margin-left:auto}
#m-countdown .countdown{max-width:none}
.mint-sticky{display:none}
@media (max-width:959px){
  .mint-sticky{position:fixed;left:0;right:0;bottom:var(--tab-h);z-index:35;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px var(--gutter);background:rgba(252,253,253,.97);border-top:1px solid var(--hair);transform:translateY(0);transition:transform var(--d-2) var(--e-out)}
  .mint-sticky[data-off]{transform:translateY(calc(100% + var(--tab-h)));visibility:hidden}
  .mint-sticky .p{display:grid;gap:2px;min-width:0}
  .mint-sticky .p b{font:600 1rem/1.2 var(--sans);font-variant-numeric:tabular-nums;white-space:nowrap}
  .mint-sticky .btn{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}
  body[data-page="mint"] .toasts{bottom:calc(var(--tab-h) + 76px)}
}

/* moods page */
.tape-xl{display:grid;gap:24px;padding:32px 0;border-block:1px solid var(--hair)}
@media (min-width:960px){.tape-xl{grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:48px}}
.tape-xl .t-chg{font:400 var(--fs-quote-xl)/1 var(--mono);letter-spacing:-.03em}
.tape-xl .t-px{font-size:1rem;color:var(--muted)}
.tape-xl .t-band{color:var(--text)}
.tape-xl .xl-mid{display:grid;gap:12px}
.tape-xl .ladder{gap:4px}
.tape-xl .ladder i{width:auto;flex:1;height:12px}
.tape-xl .ladder{display:flex}
.tape-xl .t-band{font:500 1.25rem/1.3 var(--sans)}
.scrub{position:relative;padding:0 11px}
.scrub-ticks{height:10px;margin-top:-6px;background:repeating-linear-gradient(90deg,var(--rule) 0 1px,transparent 1px 2.5%) left top/calc(100% + 1px) 6px no-repeat,repeating-linear-gradient(90deg,var(--muted) 0 1px,transparent 1px 12.5%) left top/calc(100% + 1px) 10px no-repeat}
.scrub-labels{position:relative;height:18px;margin-top:4px;font:400 .6875rem/1 var(--mono);color:var(--faint)}
.scrub-labels span{position:absolute;top:0;transform:translateX(-50%);white-space:nowrap}
.slider-box{display:grid;gap:16px}
.slider-out{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.slider-val{font:400 clamp(2rem,1.5rem + 2vw,3rem)/1 var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.03em}
.vibe-pick{display:flex;flex-wrap:wrap;gap:6px}
.vibe-pick .fchip{width:auto;border:1px solid var(--rule);padding:4px 10px;min-height:36px}
.vibe-pick .fchip::before{display:none}
.vibe-pick .fchip[aria-checked="true"]{border-color:var(--quote);background:var(--panel-2)}
.vibe-pick .fchip .c{margin-left:6px}
.try{display:grid;gap:32px;align-items:start}
@media (min-width:960px){.try{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px}}
@media (max-width:959px){.try .live{max-width:320px;margin:0 auto}.try .stage-bar{max-width:320px;margin-left:auto;margin-right:auto}}
.mc1{--mc:var(--m1);--mct:var(--m1t)}.mc2{--mc:var(--m2);--mct:var(--m2t)}.mc3{--mc:var(--m3);--mct:var(--m3t)}.mc4{--mc:var(--m4);--mct:var(--m4t)}.mc5{--mc:var(--m5);--mct:var(--m5t)}.mc6{--mc:var(--m6);--mct:var(--m6t)}.mc7{--mc:var(--m7);--mct:var(--m7t)}.mc8{--mc:var(--m8);--mct:var(--m8t)}.mc9{--mc:var(--m9);--mct:var(--m9t)}.mc10{--mc:var(--m10);--mct:var(--m10t)}
.ladder-t .fx{display:block;color:var(--orbit-ink);font:500 .8125rem/1.4 var(--sans);margin-top:4px}
.ladder-t td:last-child{color:var(--muted);min-width:240px}
.chain-now{display:grid;gap:8px;padding-bottom:16px;border-bottom:1px solid var(--hair)}
.live-grid{margin-top:32px}
.fs0{border:0;margin:0;padding:0;min-width:0}
.lg-gap{margin-bottom:8px;padding:0}
.scrubber{display:grid}
.tape-xl .xl-l,.tape-xl .xl-r{display:grid;gap:10px;align-content:end}
@media (min-width:960px){.tape-xl .xl-r{justify-items:end;text-align:right}}
.ladder-t img{width:48px;height:48px;border-radius:var(--r-tick);object-fit:cover}
.ladder-t .swatch{display:block;width:6px;height:40px;border-radius:1px;background:var(--mc)}
.ladder-t .mname{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--mct)}
.ladder-t .mname svg{width:24px;height:24px}
.ladder-t td,.ladder-t th{vertical-align:middle}
.flicker{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.flicker li{display:grid;grid-template-columns:28px 1fr;gap:12px;align-items:start}
.flicker li svg{width:20px;height:20px;color:var(--bid);margin-top:3px}

/* lore */
.chapter{display:grid;gap:32px;align-items:start;padding:clamp(40px,6vw,80px) 0;border-top:1px solid var(--hair)}
@media (min-width:960px){.chapter{grid-template-columns:minmax(0,560px) minmax(0,1fr);gap:56px}.chapter.flip>.ch-art{order:2}.chapter.flip{grid-template-columns:minmax(0,1fr) minmax(0,560px)}}
.chapter .ch-text{max-width:60ch}
.chapter .ch-text p{color:var(--muted)}
.chapter .ch-text h2{margin-bottom:16px}
.ch-num{display:block;font:400 .8125rem/1 var(--mono);color:var(--quote);margin-bottom:16px}
.ch-art img{border-radius:var(--r-card);border:1px solid var(--hair);width:100%;aspect-ratio:1/1;object-fit:cover}
.ch-art figcaption{margin-top:10px;color:var(--faint);font:400 .8125rem/1.4 var(--sans)}
.chapter.full{display:block}
.districts{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-top:24px}
.dtile{border-radius:var(--r-card);padding:18px;min-height:160px;display:grid;align-content:space-between;gap:12px;background:linear-gradient(160deg,var(--sky),var(--fog));border:1px solid var(--hair);position:relative;overflow:hidden}
.dtile.genesis{outline:2px solid var(--orbit-edge);outline-offset:2px}
.dtile b{font:600 1.0625rem/1.2 var(--sans);color:#fff}
.dtile p{margin:0;color:#E2ECEB;font-size:.9375rem}
.dtile .sw2{display:flex;gap:6px}
.dtile .sw2 i{width:12px;height:12px;border-radius:2px;border:1px solid rgba(255,255,255,.35)}
.d-night{--sky:#1B0B33;--fog:#2C0F4A}.d-rain{--sky:#061A30;--fog:#0B2A48}.d-sunset{--sky:#2B0C28;--fog:#4A163C}.d-harbor{--sky:#052329;--fog:#0A3842}.d-toxic{--sky:#081C12;--fog:#0F3020}.d-void{--sky:#0C0A1A;--fog:#16122C}.d-genesis{--sky:#120A24;--fog:#22123E}
.s-ff2bd6{background:#FF2BD6}.s-00e5ff{background:#00E5FF}.s-5b7cff{background:#5B7CFF}.s-ff7a45{background:#FF7A45}.s-3fe0d0{background:#3FE0D0}.s-ffc94d{background:#FFC94D}.s-b6ff3b{background:#B6FF3B}.s-9b6bff{background:#9B6BFF}
@media (min-width:960px){.chapter.chapter-2col{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.chapter-2col .ch-text+.ch-text{padding-top:0}
@media (min-width:960px){.chapter-2col .ch-text+.ch-text{padding-top:84px}}
.vibe-list{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:0 32px;border-top:1px solid var(--hair)}
@media (min-width:720px){.vibe-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.vibe-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
.vibe-list li{display:grid;gap:4px;padding:16px 0;border-bottom:1px solid var(--hair)}
.vibe-list span{color:var(--muted)}
.facts-list{display:grid;margin:16px 0 0;padding:0;list-style:none;border-top:1px solid var(--hair)}
.facts-list li{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--hair)}
.facts-list li span:last-child{color:var(--muted);font-variant-numeric:tabular-nums;text-align:right}
.lv{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}

/* faq */
.faq-layout{display:grid;gap:32px;align-items:start}
@media (min-width:960px){.faq-layout{grid-template-columns:260px minmax(0,1fr);gap:56px}.faq-index{position:sticky;top:calc(var(--nav-h) + 56px)}}
.faq-index{display:grid;gap:16px}
.faq-tabs{display:grid;gap:0;margin:0;border-top:1px solid var(--hair)}
.faq-tabs a{display:flex;justify-content:space-between;align-items:center;min-height:44px;padding:0 4px;border-bottom:1px solid var(--hair);color:var(--muted);text-decoration:none;font:500 .9375rem/1.2 var(--sans)}
.faq-tabs a:hover,.faq-tabs a[aria-current="true"]{color:var(--text)}
.faq-tabs a .num{font-size:.75rem;color:var(--faint)}
@media (max-width:959px){.faq-tabs{display:flex;flex-wrap:wrap;gap:6px;border:0}.faq-tabs a{border:1px solid var(--rule);border-radius:var(--r-pill);min-height:36px;padding:0 12px;gap:8px}}
.faq-group{margin-bottom:48px}
.faq-group h2{font:400 2rem/1.1 var(--serif);margin-bottom:16px}
.qa:target summary,.qa:target{color:var(--text)}
.qa:target{border-bottom-color:var(--quote)}

/* 404 */
.nf{display:grid;gap:32px;align-items:center;padding:clamp(48px,8vw,112px) 0}
@media (min-width:880px){.nf{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px}}
.nf-copy{display:grid;gap:20px;justify-items:start}
.nf-art{margin:0;max-width:320px}
.nf-art img{width:100%;border-radius:var(--r-card);border:1px solid var(--hair)}
.nf-art figcaption{margin-top:10px;color:var(--faint);font:400 .8125rem/1.4 var(--sans)}

/* trade safely: a calm numbered list */
.ts-intro{margin:0 0 12px;color:var(--muted)}
.ts-list{list-style:none;margin:0;padding:0;counter-reset:ts;border-top:1px solid var(--hair)}
.ts-list>li{counter-increment:ts;position:relative;padding:12px 0 12px 32px;border-bottom:1px solid var(--hair);color:var(--muted)}
.ts-list>li::before{content:counter(ts);position:absolute;left:2px;top:12px;font:500 .8125rem/1.6 var(--mono);color:var(--quote)}
.ts-list b{color:var(--text);font-weight:600}
.ts-act{display:block;margin-top:8px}
.ts-act .btn-reason{display:block;margin-top:6px}
.ts-block{margin-top:20px}
.ts-h{font:600 .9375rem/1.3 var(--sans);margin:0 0 8px}
.ts-rows>li{grid-template-columns:130px minmax(0,1fr)}
.ts-addr{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center;min-width:0}
.ts-links{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 18px}
.ts-links a{display:inline-flex;align-items:center;min-height:36px}
/* world entry ring and the More sheet */
.iris{position:fixed;inset:0;z-index:300;pointer-events:none;background:var(--bg)}
.iris-ring{position:fixed;z-index:301;width:0;height:0;transform:translate(-50%,-50%);border-radius:50%;border:3px solid var(--orbit);box-shadow:0 0 0 1px var(--orbit-edge);pointer-events:none}
.more-list{list-style:none;margin:0;padding:0;display:grid;border-top:1px solid var(--hair)}
.more-list a{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:0 4px;border-bottom:1px solid var(--hair);color:var(--text);text-decoration:none;font:500 1.0625rem/1 var(--sans)}
.more-list a:hover{color:var(--quote)}
.more-list a[aria-current="page"]{color:var(--quote)}
.more-list .sep{height:12px}
.more-note{margin-top:16px}
#sheet-body .fhead h2{display:none}

/* reduced motion and forced colours */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}
  .live>iframe,.progress>span{transition:opacity 150ms!important}
  .fl{animation:none!important}
  .stage-ring ellipse{stroke-dasharray:none;stroke-dashoffset:0}
}
@media (forced-colors:active){.btn,.chip,.fchip::before,.card,.tcard,.tape-mini,.seg{border:1px solid ButtonText}.progress>span,.ladder i.on{background:Highlight}}