/* Hooked Stock: warm paper, carbon terminals and copper accents. Two grounds, by rule: paper for reading and
   forms, the terminal for live numbers. Every color comes from the variables below. System fonts keep the
   interface self-contained, with no third-party font requests. */
:root,::backdrop{
  color-scheme:light;
  --ink:#242723;--sub:#64685f;--faint:#93988e;--paper:#fffefa;--canvas:#f4f3ed;--soft:#f0f0e9;--line:#e1e3d9;--edge:#ccd0c4;
  --orange:#c45d3b;--orange-hi:#d66d49;--orange-edge:#b25031;--on-orange:#fffaf2;--amber:#9d462c;--accent:#a54b30;--pale:#f8ebe2;--pale-edge:#e8c4b2;
  --panel:#202720;--panel-2:#293129;--panel-line:#3d483d;--panel-sub:#b9c2b4;--panel-faint:#99a592;--panel-ink:#f3f2e9;--gold:#e9ab83;
  --good:#3e704d;--good-edge:#c1d6c2;--good-on-dark:#b1ccac;--bad:#ae3327;--bad-edge:#cf5748;
  --pace-0:#a94f33;--pace-1:#bd6749;--pace-2:#c67d55;--pace-3:#c99a6f;--pace-4:#b9a574;--pace-5:#a7a87f;--pace-6:#98a886;--pace-7:#8da98b;
  --white:#fffefa;--body:#454b42;--picked:#fbf4ec;--panel-edge:#64715f;--panel-hint:#424e40;--hint:#e7e9df;--hint-ink:#626c5b;--warn-edge:#bd8052;--wait-edge:#766449;--good-edge-dark:#53684c;--good-light:#59825e;--bad-on-dark:#f2a496;
  --green-bar:#52745a;--pace-other:#d5d8ce;--cutoff:#795639;--auction-low:#514333;--pack-tear:#333d30;--flat:#a3aa99;--rally:#6e94ad;--breakout:#9a8bb2;
  --hero-grid:#e4ebd905;--flash:#c45d3b25;--focus-ring:#c45d3b20;--card-shade:#20272006;--pop-shade:#15201626;--backdrop:#151b1880;--glow:#c45d3b50;
  --glass:#fffefaf2;--art-line:#b5c6a3;--art-fill:#303b2d;--art-shadow:#182017;--art-faint:#e1e9d314;

  /* Collectible wrappers and settled-card foil. */
  --foil-brass:#c2ab72;--foil-cream:#f4e9cb;--foil-jade-wash:#45645a88;--foil-violet-wash:#68506b66;--foil-night:#141d20;
  --foil-forest:#24332e;--foil-carbon:#101719;--foil-shadow:#101a222e;--foil-brass-faint:#bfa36a66;--foil-engraving:#e7d3a308;
  --foil-jade-light:#a6e0ce18;--foil-gold-light:#e5cfa52e;--foil-violet-light:#b59adb18;--foil-sheen:#fff5d82b;--foil-seal-ink:#242c27;
  --foil-seal-low:#b69a63;--foil-seal-high:#dcc895;--foil-seal-mid:#bba16f;--foil-seal-dash:#17241c99;--foil-gold:#e1c98f;
  --foil-silver:#aab9af;--foil-emblem-line:#cfb27388;--foil-emblem-ray:#c4a56c30;--foil-emblem-fill:#14241f;--foil-emblem-edge:#d7bd7b66;
  --foil-emblem-glow:#c5b77b1a;--foil-gem-edge:#d2b97b99;--foil-gem-wash:#48625566;--foil-gem-dark:#121d22;--foil-gem-shadow:#0006;
  --foil-monogram:#dbc492;--foil-desk:#d3d9ca;--foil-stake:#b9c5b7;--foil-odds:#c4cbbf;--foil-status:#efcf83;
  --foil-foot-ink:#18251f;--foil-flat:#bcc8bd;--foil-card-night:#121e21;--foil-card-shadow:#14201c30;--foil-card-inset:#162327;
  --foil-card-ink:#f6f0df;--foil-rally:#80c8e6;--foil-breakout:#b9a0ee;--foil-rare:#edc879;--foil-card-brand:#c9cfc5;
  --foil-chance:#b6c5c0;--foil-grid:#d2ddda0d;--foil-caption:#c8d0c4;--foil-card-desk:#e0e6d9;

  --holo-mask:#000;--holo-white:#fffdf3;--holo-glint:#ffffffd9;--holo-glint-soft:#ffffff40;
  --holo-shadow:#182433;--holo-silver:#c4d6d9;--holo-champagne:#c7ae7d;--holo-champagne-light:#f6e8bd;
  --holo-titanium-deep:#2c4b68;--holo-titanium-steel:#4d7c9e;--holo-titanium:#83bada;--holo-titanium-light:#c4e8fa;--holo-titanium-glint:#edfaff;
  --pack-jade:#15372c;--pack-jade-lit:#426c55;--pack-copper:#321e18;--pack-copper-lit:#765243;--pack-midnight:#121d33;--pack-midnight-lit:#3e5478;
  --pack-film-light:#ffffff4d;--pack-film-soft:#ffffff1a;--pack-film-grain:#ffffff06;--pack-fold:#02080780;--pack-fold-soft:#02080726;
  --holo-cyan:#63fff1;--holo-blue:#647bff;--holo-violet:#b363ff;--holo-pink:#ff8de4;
  --holo-mint:#9ce8bc;--holo-lemon:#f3eda2;--holo-coral:#ffb9a0;
  --holo-gold:#d49e3f;--holo-gold-light:#fff2a9;--holo-gold-deep:#856022;
  --brand-print-orange:#ff8000;--card-print-shadow:#060d0b;--card-silver-base:#dce6e4;--card-silver-ink:#22343c;--card-silver-foil:#35556a;--card-prism-base:#20172d;--card-prism-ink:#f8f0ff;--card-gold-base:#dcb968;--card-gold-ink:#3f2b12;--card-gold-foil:#60431d;
  --serif:'Iowan Old Style','Palatino Linotype','Book Antiqua',Georgia,serif;--sans:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;--mono:'SFMono-Regular',Consolas,'Liberation Mono',monospace;
  --r:7px;--ticket-shadow:0 8px 24px var(--card-shade);--page:1376px;--gutter:48px;--head:80px;
  /* Finish: depth for paper, a rim for the terminals, the pointer's light, the tape. */
  --lift:0 1px 0 #fffefa inset,0 1px 2px #2027200d,0 16px 36px -24px #20272057;
  --lift-hover:0 1px 0 #fffefa inset,0 2px 5px #20272014,0 26px 48px -24px #2027206b;
  --panel-rim:0 1px 0 #ffffff14 inset,0 -1px 0 #00000047 inset;
  --spot-gold:#e9ab831f;--spot-warm:#c45d3b12;--brass-rule:#c2ab7270;--tape-ink:#c9bc98;
}
*{box-sizing:border-box}
.demo-scenario{font-size:.72rem;color:var(--accent);text-decoration:underline;text-underline-offset:3px;margin-left:auto}
.zero-guide{padding:24px max(var(--gutter),calc((100vw - var(--page))/2 + var(--gutter)));background:var(--paper);border-bottom:1px solid var(--edge)}
.zero-stages{display:flex;gap:18px;list-style:none;margin:0 0 22px;padding:0;flex-wrap:wrap;color:var(--faint);font:.62rem var(--mono)}
.zero-stages li{border-bottom:2px solid transparent;padding-bottom:8px}
.zero-stages .zero-current{color:var(--accent);border-color:var(--orange)}
.zero-main{display:flex;gap:30px;align-items:center;justify-content:space-between}
.zero-main>div{max-width:720px;min-width:0}
.zero-main .eyebrow{font-size:.58rem;color:var(--accent)}
.zero-main h2{font-family:var(--serif);font-weight:400;font-size:1.8rem;margin:7px 0 10px;line-height:1.15}
.zero-main p{font-size:.78rem;line-height:1.7;color:var(--sub);margin:0}
.zero-main button{max-width:280px;flex:none;font-size:.75rem;white-space:normal}
.zero-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:22px 0 0;padding:18px 0;border-top:1px solid var(--line)}
.zero-metrics dt{font-size:.63rem;color:var(--sub);margin-bottom:6px}
.zero-metrics dd{font:.85rem var(--mono);margin:0;overflow-wrap:anywhere}
.zero-metrics small{font-size:.58rem;color:var(--sub);display:block;margin-top:5px}
.zero-receipt{font-size:.7rem;color:var(--body);background:var(--soft);border-left:2px solid var(--orange);padding:12px 16px;line-height:1.7}
.zero-boundary{font-size:.61rem;line-height:1.7;color:var(--sub);margin:0}
@media(max-width:750px){.zero-main{align-items:flex-start;flex-direction:column;gap:16px}.zero-main button{width:100%;max-width:none}.zero-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.zero-stages{gap:8px 14px;margin-bottom:16px}.zero-main h2{font-size:1.55rem}}
/* The eight-street playground: a shared wallet, with a distinct book for each stock. */
.demo-street-nav{padding:14px max(var(--gutter),calc((100vw - var(--page))/2 + var(--gutter)));display:flex;align-items:center;gap:24px;background:var(--paper);border-bottom:1px solid var(--line)}
.street-nav-caption{display:grid;gap:4px;flex:none}
.street-nav-caption span{font:.55rem var(--mono);letter-spacing:.1em;color:var(--sub)}
.street-nav-caption b{font:.7rem var(--mono);font-weight:500}
.street-tabs{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));flex:1;gap:6px;min-width:0}
.street-tab{min-width:0;display:grid;grid-template-columns:22px auto;justify-content:center;justify-items:start;gap:4px 7px;border:1px solid transparent;border-radius:5px;padding:8px 5px;background:transparent}
.street-tab b{font:500 .73rem var(--mono)}
.stock-state{font:.55rem var(--mono);color:var(--sub);white-space:nowrap}
.street-tab[aria-pressed=true]{border-color:var(--pale-edge);background:var(--picked);color:var(--accent)}
.street-tab[aria-pressed=true] .stock-state{color:var(--accent)}
.street-tab[aria-disabled=true],.stock-choice[aria-disabled=true]{color:var(--faint);cursor:help}
.street-path-link{font-size:.69rem;color:var(--accent);white-space:nowrap}
.stock-step-note{font-size:.75rem;color:var(--sub);margin:-4px 0 16px;line-height:1.6}
.stock-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.stock-choice{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:10px;min-width:0;border:1px solid var(--line);border-radius:6px;background:var(--paper);padding:13px 11px;transition:border-color .15s,background .15s}
.stock-choice:hover,.street-tab:hover{border-color:var(--edge);background:var(--soft)}
.stock-choice[aria-pressed=true]{border-color:var(--orange);background:var(--picked);box-shadow:inset 0 0 0 1px var(--orange)}
.stock-logo{display:block;flex:none;width:32px;height:32px;object-fit:contain;border-radius:6px}
.stock-choice .stock-logo{width:40px;height:40px}
.street-tab .stock-logo{width:22px;height:22px;border-radius:4px;align-self:center}
.street-tab .stock-choice-label{align-self:center}
.street-tab .stock-state{grid-column:1/-1;justify-self:center}
.launch-stock-route{display:flex;align-items:center;gap:12px;margin-bottom:16px;color:var(--panel-sub)}
.launch-stock-route .stock-logo{width:34px;height:34px}
.pack-street,.card-desk{display:flex;align-items:center;justify-content:center;gap:8px}
.pack-street .stock-logo{width:28px;height:28px;border-radius:5px}
.card-desk .stock-logo{width:20px;height:20px;border-radius:4px}
.album .pack-street .stock-logo{width:24px;height:24px}
.album .card-desk{gap:5px}
.album .card-desk .stock-logo{width:18px;height:18px}
.stock-choice-label{display:grid;gap:3px;min-width:0}
.stock-choice-label b{font:500 .8rem var(--mono)}
.stock-choice-label small{font-size:.61rem;color:var(--sub)}
.stock-choice .stock-state{border-top:1px solid var(--line);padding-top:7px;width:100%}
.stock-choice[aria-pressed=true] .stock-state{color:var(--accent)}
.demo-mode .workspace .market-column{position:static}
.stock-path-link{display:inline-block;font-size:.7rem;color:var(--accent);margin-top:10px;text-decoration:underline;text-underline-offset:3px}
.stock-selection{font-size:.71rem;color:var(--sub);margin-top:14px;padding-left:10px;border-left:2px solid var(--orange)}
.launch-path{background:var(--panel);color:var(--panel-ink);border:1px solid var(--panel-line);border-radius:8px;padding:26px}
.launch-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:20px}
.launch-heading .eyebrow{margin:0;color:var(--panel-sub);font-size:.58rem}
.launch-heading .demo-badge{color:var(--gold);font-size:.52rem;border:1px solid var(--panel-line);padding:4px 6px;border-radius:3px}
.launch-path h2{font-size:1.85rem;line-height:1.12;max-width:290px}
.launch-deck{font-size:.75rem;color:var(--panel-sub);margin-top:12px}
.launch-progress-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:25px 0 10px;font:.65rem var(--mono);color:var(--panel-sub);flex-wrap:wrap}
.launch-progress-head strong{color:var(--gold);font-weight:500}
.launch-progress{height:5px;background:var(--panel-line);border-radius:3px;overflow:hidden}
.launch-progress i{display:block;height:100%;background:var(--gold);transition:width .3s}
.launch-checklist{list-style:none;margin:25px 0;padding:0}
.launch-checklist li{display:flex;align-items:flex-start;gap:12px;padding:16px 0;border-top:1px solid var(--panel-line)}
.gate-number{width:24px;height:24px;border:1px solid var(--panel-line);border-radius:50%;display:grid;place-items:center;flex:none;font:.61rem var(--mono);color:var(--panel-sub)}
.launch-checklist b{font-size:.75rem;font-weight:500;display:block}
.launch-checklist p{font-size:.65rem;line-height:1.6;color:var(--panel-sub);margin-top:5px}
.gate-status{margin-left:auto;font:.53rem var(--mono);color:var(--panel-faint);padding-top:4px;flex:none}
.launch-checklist .gate-complete .gate-number{color:var(--good-on-dark);border-color:var(--good-edge-dark)}
.launch-checklist .gate-complete .gate-status{color:var(--good-on-dark)}
.launch-checklist .gate-ready .gate-number{color:var(--gold);border-color:var(--wait-edge)}
.launch-checklist .gate-ready .gate-status{color:var(--gold)}
.launch-path .field-note{color:var(--panel-sub);font-size:.7rem;line-height:1.65;margin:12px 0}
.launch-path details{margin-top:16px}
.launch-path summary{cursor:pointer;font-size:.75rem}
.launch-path .secondary-button{width:100%;white-space:normal;margin-top:10px;background:transparent;color:var(--panel-ink);border-color:var(--panel-line)}
.launch-path .primary-button{width:100%;font-size:.77rem;white-space:normal}
.launch-boundary{border-top:1px solid var(--panel-line);margin-top:22px;padding-top:16px;color:var(--panel-sub)}
.launch-boundary b{font-size:.63rem;font-weight:500;display:block;margin-bottom:5px}
.launch-boundary p{font-size:.61rem;line-height:1.7}
.unlock-notice{margin-top:14px;color:var(--good-on-dark);font-size:.72rem}
.unlock-notice button{color:var(--gold)}
.street-context{font-size:.74rem;color:var(--accent);margin-top:12px;max-width:650px}
@media(max-width:1050px){.demo-street-nav{gap:16px;flex-wrap:wrap}.street-tabs{order:3;flex-basis:100%}.street-path-link{margin-left:auto}.launch-path{padding:22px}.stock-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:600px){.demo-street-nav{padding-top:12px;padding-bottom:12px}.street-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.street-tab{padding:8px 4px;grid-template-columns:18px auto;gap:3px 5px}.street-tab .stock-logo{width:18px;height:18px}.street-tab .stock-choice-label b{font-size:.7rem}.stock-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stock-choice{display:grid;grid-template-columns:32px 1fr;gap:9px;padding:12px}.stock-choice .stock-logo{width:32px;height:32px}.stock-choice .stock-state{grid-column:1/-1}.launch-path{padding:22px}.launch-path h2{max-width:none}.street-context{font-size:.7rem}}
html{font-size:16px;scroll-behavior:auto;scroll-padding-top:calc(var(--head) + 24px)}
body{margin:0;background:var(--canvas);color:var(--ink);font-family:var(--sans);line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column}
main{flex:1 0 auto;width:100%}
button,input,select{font:inherit;color:var(--ink)}
button{cursor:pointer}
button:disabled{cursor:not-allowed;opacity:.48}
a{color:inherit;text-decoration:none}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
[hidden]{display:none!important}
h1,h2,h3,p{margin:0}
h1,h2,h3{font-family:var(--serif)}
h1{font-size:clamp(2.5rem,4.1vw,3.7rem);font-weight:400;letter-spacing:-.045em;line-height:1.1}
h1:focus{outline:0}
h2{font-size:1.6rem;font-weight:400;line-height:1.2;letter-spacing:-.025em}
h1 em,h2 em{font-style:normal;color:var(--amber)}
[data-view=wall] h1 em{display:block}
p{line-height:1.6}
code{font:.9em var(--mono)}
.muted{color:var(--sub)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.eyebrow{font:500 .67rem/1.5 var(--mono);letter-spacing:.15em;color:var(--amber);margin-bottom:14px}
.skip-link{position:absolute;left:20px;top:-80px;padding:12px;background:var(--ink);color:var(--white);z-index:50}
.skip-link:focus{top:10px}

/* the shell: header, the local test strip, the quote board */
.site-header{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);background:var(--glass);backdrop-filter:blur(16px)}
/* The brand and the nav line up with the page; the wallet takes the far right of the bar. */
.header-inner{max-width:var(--page);margin:auto;padding:0 var(--gutter);min-height:calc(var(--head) - 1px);display:flex;align-items:center;gap:42px}
.brand{display:flex;align-items:center;gap:11px;white-space:nowrap;font-size:1.08rem;font-weight:550;letter-spacing:-.035em}
.brand img{border-radius:9px;width:36px;height:36px}
.brand-type{display:grid;line-height:1.2}
.brand-type strong{font-weight:650}
.brand-type small{font:500 .5rem/1.8 var(--mono);letter-spacing:.16em;color:var(--sub)}
.main-nav{display:flex;gap:25px;align-self:stretch;align-items:stretch;flex:1}
.main-nav a{display:flex;align-items:center;font-size:.8rem;color:var(--sub);position:relative;white-space:nowrap;transition:color .18s}
.main-nav a:hover{color:var(--ink)}
.main-nav a[aria-current=page]{color:var(--ink);font-weight:600}
.main-nav a[aria-current=page]:after{content:'';height:2px;position:absolute;bottom:19px;left:0;right:0;background:var(--orange)}
.nav-icon{display:none}
.account-button{background:var(--ink);color:var(--white);border:1px solid var(--ink);border-radius:var(--r);padding:10px 16px;min-height:42px;font-size:.78rem;font-weight:550;white-space:nowrap;transition:background .2s,transform .2s}
.account-button:hover{background:var(--panel-2);border-color:var(--panel-2);transform:translateY(-1px)}
.account-button.warn{border-color:var(--bad-edge);color:var(--bad)}
.mode-strip{min-height:32px;display:flex;align-items:center;justify-content:center;gap:12px;padding:6px 24px;background:var(--soft);font-size:.75rem;color:var(--sub);border-bottom:1px solid var(--line);text-align:center}
#mode-label{letter-spacing:.08em;color:var(--amber);font-weight:700}
.mode-strip a{color:var(--ink);text-decoration:underline;text-underline-offset:3px;margin-left:10px;white-space:nowrap}
.quote-board{background:var(--panel);color:var(--white);border-bottom:1px solid var(--panel-line);padding:12px max(var(--gutter),calc((100vw - var(--page))/2 + var(--gutter)));display:flex;justify-content:space-between;align-items:center;gap:20px}
.quote-main{display:flex;align-items:center;gap:18px;flex-wrap:wrap;min-width:0}
.quote-price{display:inline-flex;align-items:baseline;gap:8px}
.quote-symbol{font:.76rem var(--mono)}
.quote-board strong{font:500 1.2rem var(--mono);letter-spacing:-.04em}
.quote-stat{display:grid;gap:3px;padding-left:22px;border-left:1px solid var(--panel-line)}
.quote-stat small{font:400 .56rem var(--mono);letter-spacing:.1em;color:var(--panel-sub);white-space:nowrap}
.quote-stat b{font:400 .78rem var(--mono);white-space:nowrap}
.quote-context{display:flex;align-items:center;gap:14px;font-size:.75rem;color:var(--panel-sub);flex:none}
.feed-status{display:inline-flex;align-items:center;gap:6px;font:.7rem var(--mono);color:var(--gold);letter-spacing:.06em;white-space:nowrap}
.feed-status:before{content:'';width:7px;height:7px;border-radius:50%;background:currentColor}
.feed-status.live{color:var(--good-on-dark)}
.feed-status.down{color:var(--bad-on-dark)}

/* The playground is explicit in every view; its account never asks for a wallet. */
.demo-panel{background:var(--soft);border-bottom:1px solid var(--line);padding:22px max(var(--gutter),calc((100vw - var(--page))/2 + var(--gutter)))}
.demo-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}
.demo-heading strong{font:400 1.45rem var(--serif);display:block;margin:7px 0}
.demo-heading p{font-size:.78rem;color:var(--sub);margin:0}
.demo-heading>a{color:var(--sub);font-size:.73rem;white-space:nowrap;text-decoration:underline;text-underline-offset:4px}
.demo-badge{font:500 .59rem var(--mono);letter-spacing:.13em;color:var(--orange)}
.demo-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:16px}
.demo-time{display:grid;gap:6px;padding-right:16px;border-right:1px solid var(--line)}
.demo-time span{font:400 .55rem var(--mono);letter-spacing:.12em;color:var(--sub)}
.demo-time b{font:500 .73rem var(--mono)}
.demo-time-actions{display:flex;gap:7px}
.demo-toolbar button,.demo-reset-confirm button{padding:10px 13px;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink);font-size:.73rem;white-space:nowrap}
.demo-toolbar button:hover,.demo-reset-confirm button:hover{border-color:var(--orange);background:var(--picked)}
.demo-toolbar button small{font:400 .56rem var(--mono);color:var(--sub);margin-left:8px}
.demo-outcome{display:flex;align-items:center;gap:9px;font-size:.68rem;color:var(--sub);margin-left:auto}
.demo-outcome select{padding:9px 26px 9px 10px;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink);font-size:.73rem;max-width:160px}
.demo-toolbar .demo-reset{background:transparent;color:var(--sub)}
.demo-guidance{display:flex;gap:24px;align-items:baseline;margin-top:15px;font-size:.71rem;color:var(--sub);line-height:1.7}
.demo-guidance>p{margin:0;flex:1}
.demo-guidance details{max-width:54%;flex-shrink:0}
.demo-guidance details[open]{flex:1}
.demo-guidance summary{cursor:pointer;text-decoration:underline;text-underline-offset:3px;font-size:.67rem}
.demo-details p{margin:12px 0}
.demo-details ol{padding:0;margin:14px 0 0;list-style:none;border-top:1px solid var(--line)}
.demo-details li{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line);padding:7px 0}
.demo-details time{font-family:var(--mono)}
.demo-reset-confirm{padding:14px 0;border-bottom:1px solid var(--line);font-size:.8rem}
.demo-reset-confirm p{margin:0 0 10px}
.demo-reset-confirm button+button{margin-left:8px}
.connect-actions{display:grid;gap:15px;text-align:center;align-self:center}
.demo-entry{color:var(--gold);font-size:.76rem;text-decoration:underline;text-underline-offset:4px}
.demo-mode .account-button{border-color:var(--orange);background:var(--paper);color:var(--orange)}
.demo-mode .account-button:hover{background:var(--pale)}
.demo-mode .footer-note{white-space:normal}
@media(max-width:980px){.demo-outcome{margin-left:0}.demo-time{border-right:0}.demo-guidance{display:block}.demo-guidance details{max-width:none;margin-top:8px}}
@media(max-width:680px){
  .demo-panel{padding:20px var(--gutter)}.demo-heading strong{font-size:1.3rem}.demo-heading p{font-size:.7rem;max-width:235px}
  .demo-toolbar{gap:12px}.demo-time{width:100%;display:flex;justify-content:space-between;padding:0}.demo-time-actions{width:100%}
  .demo-time-actions button{flex:1;padding:11px 7px;font-size:.68rem}.demo-time-actions button small{display:block;margin:4px 0 0}
  .demo-toolbar .demo-reset{margin-left:auto}.demo-guidance{font-size:.68rem}.demo-mode .account-button{font-size:.66rem}
}
.text-button{display:inline-flex;align-items:center;gap:7px;background:transparent;border:0;padding:0;color:var(--accent);font-size:.875rem;font-weight:600;text-align:left;text-decoration:underline;text-underline-offset:3px}
.quote-context .text-button{color:var(--panel-ink);font-weight:400;text-decoration:none;white-space:nowrap}
.refresh-mark{display:inline-block}
.refresh-mark.spinning{animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

/* layout */
/* Status bar on every page and the home page's role chooser (site plan P1, 2026-11-11). */
.status-bar{background:var(--paper);border-bottom:1px solid var(--line);padding:0 max(var(--gutter),calc((100vw - var(--page))/2 + var(--gutter)))}
.status-inner{display:grid;grid-template-columns:1.25fr 1fr 1.25fr 1fr;min-width:0}
.status-item{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:10px;align-items:baseline;min-width:0;padding:11px 16px;border-left:1px solid var(--line);color:var(--ink);text-decoration:none}
.status-item:first-child{border-left:0;padding-left:0}
.status-item:hover{background:var(--soft)}
.status-item small{grid-column:1/-1;display:flex;align-items:center;gap:7px;font:600 .6rem var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--sub)}
.status-item small:before{content:'';width:7px;height:7px;border-radius:50%;background:var(--faint);flex:none}
.status-item.tone-on small:before{background:var(--good)}
.status-item.tone-wait small:before{background:var(--warn-edge)}
.status-item.tone-off small:before{background:var(--bad)}
.status-item b{font:600 .95rem var(--mono);letter-spacing:-.02em;white-space:nowrap}
.status-item.tone-off b{color:var(--bad)}
.status-note{min-width:0;font-size:.74rem;line-height:1.35;color:var(--sub);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.status-start{margin:0;padding:9px 0 11px;border-top:1px solid var(--line);font-size:.8rem;color:var(--ink)}
.status-start b{color:var(--bad)}
.status-start a{font-weight:600;color:var(--accent);white-space:nowrap}
.roles{margin:28px 0 8px}
.roles h2{font:600 .66rem var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--sub);margin-bottom:10px}
.role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.role{display:grid;gap:6px;align-content:start;min-width:0;padding:18px 20px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);text-decoration:none;box-shadow:var(--lift);transition:border-color .2s,background .2s}
.role:hover,.role:focus-visible{border-color:var(--orange);background:var(--picked)}
.role-step{font:600 .58rem var(--mono);letter-spacing:.12em;color:var(--accent)}
.role b{font:400 1.5rem var(--serif);letter-spacing:-.02em}
.role b:after{content:' →';color:var(--accent)}
.role-what{font-size:.8rem;line-height:1.5;color:var(--sub)}
.role-now{font:500 .72rem var(--mono);color:var(--ink);padding-top:6px;border-top:1px dashed var(--line);margin-top:4px}
@media(max-width:980px){.status-inner{grid-template-columns:repeat(2,minmax(0,1fr))}.status-item:nth-child(3){border-left:0;padding-left:0}.status-item:nth-child(n+3){border-top:1px solid var(--line)}}
@media(max-width:680px){.status-bar{padding:0 16px}.status-item{padding:8px 10px;column-gap:6px}.status-item b{font-size:.82rem}.status-note{grid-column:1/-1;font-size:.68rem;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.status-item small{font-size:.52rem}.status-start{font-size:.74rem}.roles{margin-top:18px}.role-grid{grid-template-columns:1fr;gap:8px}.role{padding:14px 16px;gap:4px}.role b{font-size:1.25rem}.role-what{font-size:.74rem}}
.container{padding:0 max(var(--gutter),calc((100% - var(--page))/2 + var(--gutter))) 64px;overflow-x:clip}
.view{animation:appear .25s ease-out}
@keyframes appear{from{transform:translateY(4px)}to{transform:none}}
.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;padding:52px 0 34px}
.page-heading>div:first-child{min-width:0}
.lead{font-size:1rem;color:var(--sub);margin-top:16px;max-width:660px;line-height:1.75}
.section-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.market-column{display:grid;gap:24px;min-width:0}
.workspace{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:28px;align-items:start}
.wall-workspace{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(360px,1fr);gap:28px;align-items:start}

/* parts: notes, labels, buttons, fields, chips, pills, meters, tables */
.field-note{font-size:.8125rem;color:var(--sub);line-height:1.7}
.field-label{display:flex;align-items:center;font-size:.875rem;font-weight:550;margin:14px 0 8px}
.outlined-label{border:1px solid var(--panel-line);border-radius:var(--r);padding:5px 8px;white-space:nowrap;color:var(--panel-sub);font-size:.72rem;font-weight:600;letter-spacing:.1em}
.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border:1px solid var(--panel-line);border-radius:999px;font:600 .72rem var(--mono);color:var(--panel-sub);white-space:nowrap}
.pill:empty{display:none}
.pill:before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}
.pill.on{border-color:var(--good-edge-dark);color:var(--good-on-dark)}
.pill.wait{border-color:var(--wait-edge);color:var(--gold)}
.primary-button,.secondary-button,.ghost-button{display:flex;align-items:center;justify-content:center;gap:12px;padding:13px 20px;min-height:48px;font-size:.86rem;font-weight:600;border-radius:var(--r);border:1px solid transparent;text-align:center;transition:background .18s,border-color .18s,transform .18s,box-shadow .18s}
.primary-button{background:var(--orange);color:var(--on-orange);border-color:var(--orange-edge);width:100%}
.primary-button:hover:not(:disabled){background:var(--orange-hi);transform:translateY(-1px);box-shadow:0 4px 12px var(--focus-ring)}
.secondary-button{background:var(--paper);border-color:var(--edge)}
.secondary-button:hover:not(:disabled){background:var(--soft)}
.ghost-button{background:transparent;border-color:var(--panel-edge);color:var(--panel-ink)}
.ghost-button:hover{border-color:var(--orange);color:var(--white)}
.button-pair{display:grid;grid-template-columns:auto 1fr;gap:8px;margin-top:12px}
.button-pair.three{grid-template-columns:repeat(3,1fr)}
.button-pair.even{grid-template-columns:1fr 1fr}
select{width:100%;border:1px solid var(--edge);background:var(--paper);padding:12px 14px;border-radius:var(--r);appearance:auto}
.setup-amount{display:flex;align-items:center;min-width:0;height:70px;border:1px solid var(--edge);border-radius:var(--r);background:var(--paper);transition:border-color .2s,box-shadow .2s}
.setup-amount:focus-within{border-color:var(--orange);box-shadow:0 0 0 2px var(--focus-ring)}
.setup-amount input{flex:1;min-width:0;height:100%;border:0;outline:0;padding:0 20px;font:400 2rem var(--mono);letter-spacing:-.06em;background:none}
.setup-amount span{padding:0 16px;font:600 .8rem var(--mono);color:var(--sub)}
.setup-amount.small{height:48px}
.setup-amount.small input{font-size:1.2rem}
.chips{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}
.chips button{padding:5px 14px;min-height:32px;border:1px solid var(--line);border-radius:5px;background:var(--paper);font:500 .75rem var(--mono);color:var(--sub);transition:background .18s,border-color .18s}
.chips button:hover{border-color:var(--orange);color:var(--ink)}
.chips button[aria-pressed=true]{border-color:var(--orange);background:var(--pale);color:var(--amber)}
.meter{height:3px;background:var(--panel-line);overflow:hidden;border-radius:2px}
.meter>i{display:block;height:100%;width:0;background:var(--orange);transition:width .6s}
.table-scroll{overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:.875rem;white-space:nowrap}
th{text-align:left;background:var(--soft);color:var(--sub);font-weight:500;font-size:.75rem;padding:10px 14px}
td{padding:11px 14px;border-top:1px solid var(--line);font-variant-numeric:tabular-nums}
.flash{animation:flash 1s ease-out}
@keyframes flash{from{background:var(--flash)}to{background:transparent}}
.warn-note{margin:8px 0 0;padding:8px 12px;border-left:3px solid var(--warn-edge);background:var(--pale);color:var(--amber)}
.more{border-top:1px dashed var(--line);padding-top:8px}
.more>summary{cursor:pointer;font-size:.8125rem;font-weight:600;color:var(--sub);padding:4px 0}
.more>summary:hover{color:var(--ink)}
.more[open]>summary{margin-bottom:8px}
.more .field-note{margin-bottom:8px}
.empty-state{display:grid;gap:12px;justify-items:start;padding:28px;border:1px solid var(--line);border-radius:var(--r);background:var(--paper)}
.empty-state p{color:var(--sub);font-size:.9rem}
.empty-state .primary-button{width:auto;padding:10px 18px}

/* Get Hooked: the Street's story on the terminal ground, as on the share card */
.hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:60px;align-items:center;margin:32px 0 0;padding:56px 48px;color:var(--panel-ink)}
.hero:before{content:'';position:absolute;z-index:-1;inset:0;border-radius:16px;background-color:var(--panel);background-image:linear-gradient(var(--hero-grid) 1px,transparent 1px),linear-gradient(90deg,var(--hero-grid) 1px,transparent 1px);background-size:48px 48px}
.hero-copy{min-width:0}
.hero .eyebrow{color:var(--gold)}
.hero h1{font-size:clamp(3.3rem,5.2vw,5rem);font-weight:400;line-height:.99;letter-spacing:-.045em;color:var(--white)}
.hero h1 em{display:block;color:var(--gold);font-style:italic}
.hero .lead{font-size:.95rem;line-height:1.8;color:var(--panel-sub);max-width:480px;margin-top:28px}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.hero-actions .primary-button,.hero-actions .ghost-button{width:auto;padding:13px 22px;min-height:48px}
.now{min-width:0;padding:0;background:transparent;border:0}
.now .eyebrow{color:var(--panel-ink);margin:0;font-size:.64rem;letter-spacing:.14em}
.now-note{margin-top:6px;font-size:.7rem;line-height:1.6;color:var(--panel-faint)}
.now-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:16px 0 0;border:1px solid var(--panel-line);border-radius:8px;overflow:hidden}
.now-tiles>div{display:grid;align-content:start;gap:9px;min-width:0;padding:14px 16px;background:var(--panel-2);border:0;border-bottom:1px solid var(--panel-line)}
.now-tiles dd{order:-1;margin:0;font:400 1.3rem/1.2 var(--mono);letter-spacing:-.03em;color:var(--panel-ink);overflow-wrap:anywhere}
.now-tiles dt{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:.66rem;line-height:1.4;color:var(--panel-sub)}
.now-tiles .meter{margin-top:2px}
.tile-tag{padding:0;border:0;border-radius:0;font:400 .5rem var(--mono);letter-spacing:.04em;color:var(--panel-faint);white-space:nowrap}
.tile-tag.clock{border-color:var(--wait-edge);color:var(--gold)}
.doors{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:28px;border:1px solid var(--line);border-radius:12px;background:var(--paper);overflow:hidden}
.door{display:grid;gap:12px;grid-template-rows:auto auto 1fr auto;min-width:0;padding:30px 32px;border:0;background:var(--paper);transition:background .2s}
.door:nth-child(2){border-top-color:var(--ink)}
.door:nth-child(3){border-top-color:var(--amber)}
.door .verb{display:flex;align-items:center;justify-content:space-between;font:500 .62rem var(--mono);letter-spacing:.12em;color:var(--sub)}
.door h3{font-size:1.85rem;font-weight:400;letter-spacing:-.03em}
.door p{font-size:.84rem;line-height:1.75;color:var(--sub);max-width:340px}
.door a{font-size:.8rem;font-weight:600;color:var(--accent);margin-top:10px}
.door a:hover{color:var(--amber)}
.trust{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 32px;margin:32px 0 0;padding:24px 4px 0;border:0}
.trust a{display:block;font-size:.75rem;line-height:1.7;color:var(--sub)}
.trust a:hover{color:var(--ink)}
.trust b{display:block;color:var(--ink);font-weight:600;margin-bottom:5px}

/* the mining plan */
.entry-card{border:1px solid var(--line);border-radius:12px;background:var(--paper);overflow:hidden}
.mining-ticket{box-shadow:var(--ticket-shadow);min-width:0}
.setup-heading{padding:18px 28px;background:var(--panel);color:var(--white)}
.setup-kicker{display:flex;justify-content:space-between;align-items:center;gap:14px;font:500 .61rem var(--mono);letter-spacing:.08em;color:var(--gold)}
.setup-kicker>span:last-child{color:var(--panel-sub);white-space:nowrap}
.street-mark{display:inline-flex;align-items:center;gap:8px}
.street-mark img{border-radius:3px}
.setup-section{padding:26px 28px;border-bottom:1px solid var(--line)}
.setup-section-title{display:flex;align-items:center;gap:11px;margin:0 0 18px;font:600 .94rem var(--sans);letter-spacing:-.02em}
.setup-section-title>span{display:flex;align-items:center;justify-content:center;min-width:25px;height:25px;font:500 .64rem var(--mono);color:var(--accent);background:var(--pale);border-radius:50%;padding:0}
.field-side{margin-left:auto;font:.78rem var(--mono);color:var(--sub);letter-spacing:0}
.pace-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px}
.pace,.tier,.dest,.desk{display:grid;gap:7px;align-content:start;min-width:0;text-align:left;border:1px solid var(--line);border-radius:var(--r);background:var(--paper);padding:15px 13px;transition:background .18s,border-color .18s,box-shadow .18s}
.pace:hover,.tier:hover,.dest:hover,.desk:hover{border-color:var(--ink)}
.pace b,.tier b,.dest b,.desk>b{font-size:.85rem;font-weight:600;letter-spacing:-.02em}
.pace span,.desk>span{font:.67rem/1.55 var(--mono);color:var(--accent)}
.pace small,.tier small,.dest small,.desk>small{font-size:.71rem;line-height:1.6;color:var(--sub)}
.pace[aria-checked=true],.tier[aria-checked=true],.dest[aria-checked=true],.desk[aria-checked=true]{border-color:var(--orange);box-shadow:inset 0 0 0 1px var(--orange);background:var(--picked)}
.spend-meter{display:block;height:4px;margin:5px 0 2px;background:var(--soft)}
.spend-meter i{display:block;height:100%;background:var(--pace-1)}
[data-style="0"] .spend-meter i{width:100%;background:var(--pace-0)}
[data-style="1"] .spend-meter i{width:86%;background:var(--pace-1)}
[data-style="2"] .spend-meter i{width:72%;background:var(--pace-2)}
[data-style="3"] .spend-meter i{width:58%;background:var(--pace-3)}
[data-style="4"] .spend-meter i{width:46%;background:var(--pace-4)}
[data-style="5"] .spend-meter i{width:36%;background:var(--pace-5)}
[data-style="6"] .spend-meter i{width:26%;background:var(--pace-6)}
[data-style="7"] .spend-meter i{width:16%;background:var(--pace-7)}
.tier-toggle{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.dest-toggle{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:6px}
.dest-pick{margin-top:12px}
.auto-figures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:8px 0 12px}
.auto-figures div{border:1px solid var(--edge);border-radius:var(--r);padding:8px 10px;min-width:0}
.auto-figures dt{font-size:.75rem;color:var(--sub)}
.auto-figures dd{margin:2px 0 0;font-weight:700;overflow-wrap:anywhere}
.auto-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0}
.verbs{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0;margin:16px 0 0}
.verbs li{border:1px solid var(--edge);border-radius:var(--r);padding:10px 12px;display:grid;gap:2px;min-width:0}
.verbs b{font-size:1rem}
.verbs span{font-size:.8125rem;color:var(--sub)}
.share-row .field-label{margin-top:16px}
.share-pick{display:grid;grid-template-columns:minmax(0,1fr) 124px;gap:14px;align-items:center;margin-bottom:6px}
.share-pick .setup-amount{margin:0}
.share-pick input[type=range]{width:100%;accent-color:var(--orange)}
.setup-submit{padding:26px 28px;display:grid;gap:16px}
.plan-readout{display:grid;gap:12px;padding:16px 20px;background:var(--soft);border:1px solid var(--line);border-radius:var(--r)}
.plan-lines{margin:0;display:grid}
.plan-lines div{display:grid;grid-template-columns:112px 1fr;gap:10px;padding:6px 0;border-bottom:1px solid var(--line);font-size:.84rem;line-height:1.45}
.plan-lines dt{color:var(--sub)}
.plan-lines dd{margin:0}
.plan-split p{font-size:.84rem;line-height:1.45;margin-top:6px}
.plan-split .plan-split-title{margin:0 0 6px;font-size:.8125rem;color:var(--sub)}
.paycheck{display:flex;height:22px;background:var(--line);overflow:hidden}
.paycheck div{display:flex;align-items:center;justify-content:center;min-width:0;overflow:hidden;white-space:nowrap;font:600 .7rem var(--mono);transition:flex-grow .25s}
.paycheck .own{background:var(--ink);color:var(--white)}
.paycheck .partner{background:var(--amber);color:var(--white)}
.paycheck .jackpot{background:var(--orange)}
.form-problems{margin:0;padding:10px 14px;border:1px solid var(--pale-edge);background:var(--pale);color:var(--amber);font-size:.84rem}
.form-problems p{margin:0}

/* the terminal cards: the Mining Floor, the street, the Jackpot, the Board's top, the book */
.mining-floor,.wall-card,.board-main,.book-top,.connect-card{background:var(--panel);color:var(--panel-ink);padding:28px;min-width:0;border:1px solid var(--panel-line);border-radius:12px}
.mining-floor,.board-main{border-top:1px solid var(--panel-line)}
.mining-floor h2,.wall-card h2{font-size:1.8rem}
.mining-floor .eyebrow,.wall-card .eyebrow,.board-main .eyebrow,.book-top .eyebrow{color:var(--panel-sub)}
.mining-floor .field-note,.wall-card .field-note{color:var(--panel-sub)}
.mining-floor a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}
.mining-floor .more,.wall-card .more{border-top-color:var(--panel-line)}
.mining-floor .more>summary,.wall-card .more>summary{color:var(--panel-sub)}
.mining-floor .more>summary:hover,.wall-card .more>summary:hover{color:var(--white)}
.mining-floor .secondary-button,.wall-card .secondary-button{background:transparent;border-color:var(--panel-edge);color:var(--panel-ink);width:auto;min-height:40px;padding:8px 14px;font-size:.875rem;white-space:nowrap}
.mining-floor .secondary-button:hover:not(:disabled),.wall-card .secondary-button:hover:not(:disabled){border-color:var(--orange);background:transparent;color:var(--white)}
.mining-floor .secondary-button:disabled,.wall-card .secondary-button:disabled{border-color:var(--panel-line);color:var(--panel-sub);opacity:1}
.floor-total{display:grid;gap:8px;padding:30px 0 10px}
.floor-total strong{font:400 2.8rem/1.15 var(--mono);letter-spacing:-.06em;color:var(--white)}
.floor-total span{font-size:.8125rem;color:var(--panel-sub)}
.floor-lag{margin:14px 0 2px}
.pace-bar{display:flex;height:5px;background:var(--panel-line);margin:18px 0 14px;overflow:hidden;border-radius:3px}
.pace-bar span{display:block;height:100%;min-width:2px}
.pace-0{background:var(--pace-0)}
.pace-1{background:var(--pace-1)}
.pace-2{background:var(--pace-2)}
.pace-3{background:var(--pace-3)}
.pace-4{background:var(--pace-4)}
.pace-5{background:var(--pace-5)}
.pace-6{background:var(--pace-6)}
.pace-7{background:var(--pace-7)}
.pace-join{background:var(--panel-faint)}
.pace-other{background:var(--pace-other)}
.pace-legend{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px 14px;font-size:.7rem;color:var(--panel-sub)}
.pace-legend li{display:flex;align-items:center;gap:5px}
.pace-legend i{width:9px;height:9px;display:inline-block}
.pace-legend b{font:500 .75rem var(--mono);color:var(--panel-ink)}
.house-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px;border-top:1px solid var(--panel-line);padding-top:22px}
.house-stats.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.house-stats div{display:grid;gap:9px;align-content:start;min-width:0}
.house-stats span{display:flex;align-items:center;font-size:.69rem;letter-spacing:.02em;color:var(--panel-sub)}
.house-stats strong{font:400 1.4rem var(--mono);color:var(--gold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.house-stats small{font-size:.75rem;color:var(--panel-faint);overflow-wrap:anywhere}
.duty-box{margin:24px 0 0}
.duty-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:4px 0 8px}
.duty-toggle{display:flex;align-items:flex-start;gap:8px;font-size:.875rem;line-height:1.5}
.duty-toggle input{margin-top:3px;accent-color:var(--orange)}
.community-panel{margin:24px 0;padding:24px;border:1px solid var(--line);border-radius:12px;background:var(--paper);scroll-margin-top:calc(var(--head) + 20px)}
.community-heading .eyebrow{margin:0 0 8px;font-size:.6rem;letter-spacing:.14em;color:var(--accent)}
.community-heading h2,.community-heading h3{font:400 1.8rem/1.15 var(--serif);margin:0 0 10px;color:var(--ink)}
.community-heading>p:not(.eyebrow){font-size:.8rem;line-height:1.65;color:var(--sub);max-width:700px;margin:0 0 20px}
.community-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:14px}
.community-action{min-width:0;padding:18px;border:1px solid var(--line);border-radius:9px;background:var(--paper);display:flex;flex-direction:column;align-items:flex-start}
.community-action-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;width:100%}
.community-action h4{font:600 .83rem/1.5 var(--sans);margin:0;color:var(--ink)}
.community-state{font:.56rem/1.3 var(--mono);padding:4px 6px;border:1px solid var(--edge);border-radius:4px;color:var(--sub);white-space:nowrap}
.community-state[data-state="ready"]{color:var(--good);border-color:var(--good-edge)}
.community-due{font-size:.75rem;line-height:1.65;color:var(--sub);margin:12px 0 16px;flex:1;overflow-wrap:anywhere}
.community-action>.secondary-button{font-size:.76rem;min-height:42px;width:100%;white-space:normal;padding:10px 12px}
.community-explainer{margin-top:14px;font-size:.7rem;line-height:1.7;color:var(--sub);width:100%}
.community-explainer summary{cursor:pointer;font-size:.65rem;text-decoration:underline;text-underline-offset:3px}
.community-explainer p{margin:10px 0 0}.community-cost{font-weight:500}
.community-result{font-size:.72rem;line-height:1.65;color:var(--good);border-top:1px solid var(--line);padding-top:12px;margin:14px 0 0;overflow-wrap:anywhere}
.community-result[data-error="true"]{color:var(--bad)}
.community-dark{padding:22px 0 0;border:0;border-top:1px solid var(--panel-line);border-radius:0;background:transparent}
.community-dark .community-heading h3{color:var(--panel-ink);font-size:1.5rem}
.community-dark .community-heading>p{color:var(--panel-sub)}
.community-dark .community-action{background:var(--panel-2);border-color:var(--panel-line)}
.community-dark .community-action h4{color:var(--panel-ink)}
.community-dark .community-due,.community-dark .community-explainer,.community-dark .community-state{color:var(--panel-sub)}
.community-dark .community-state{border-color:var(--panel-edge)}
.community-dark .community-state[data-state="ready"],.community-dark .community-result{color:var(--good-on-dark)}
.community-dark .community-result{border-color:var(--panel-line)}
.community-dark .community-result[data-error="true"]{color:var(--bad-on-dark)}
.community-vault{max-width:calc(var(--page) - 2 * var(--gutter));margin:28px auto 0}
#community-jackpot{margin:16px 0 22px;scroll-margin-top:calc(var(--head) + 24px)}
@media(max-width:680px){.community-panel{padding:18px}.community-dark{padding:22px 0 0}.community-heading h2,.community-heading h3{font-size:1.6rem}.community-grid{grid-template-columns:1fr}.community-action{padding:16px}.community-vault{max-width:none;margin:24px 16px 0}}
.mining-support{margin-top:28px;padding:22px 0 0;border-top:1px solid var(--panel-line);scroll-margin-top:calc(var(--head) + 24px)}
.mining-support-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}
.mining-support-heading .eyebrow{font-size:.57rem;margin:0 0 7px;letter-spacing:.14em}
.mining-support h3{font:400 1.65rem/1.2 var(--serif);margin:0;color:var(--panel-ink)}
.mining-work-status{font:.6rem var(--mono);border:1px solid var(--panel-edge);color:var(--panel-sub);border-radius:20px;padding:6px 9px;white-space:nowrap}
.mining-work-status[data-state="due"]{color:var(--gold);border-color:var(--wait-edge)}
.mining-support>.field-note{font-size:.75rem;line-height:1.65;margin:12px 0}
.mining-work-due{font:.7rem/1.65 var(--mono);color:var(--panel-ink);padding:12px 14px;background:var(--panel-2);border-left:2px solid var(--panel-edge);margin:16px 0}
.mining-support>.primary-button{width:100%;min-height:44px;font-size:.85rem}
.mining-reward-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 0 0;margin-top:16px;border-top:1px solid var(--panel-line)}
.mining-reward-row>div{display:grid;gap:6px;min-width:0}
.mining-reward-row span{font-size:.68rem;color:var(--panel-sub)}
.mining-reward-row strong{font:400 1.15rem var(--mono);color:var(--gold);overflow-wrap:anywhere}
.mining-support>.mining-reward-note{font-size:.68rem;color:var(--panel-faint);margin-bottom:0}
.mining-work-result{font-size:.75rem;line-height:1.7;color:var(--good-on-dark);border-top:1px solid var(--panel-line);padding-top:14px;margin:16px 0 0}
@media(max-width:420px){.mining-support-heading{align-items:flex-start}.mining-support h3{font-size:1.4rem}.mining-reward-row strong{font-size:1rem}.mining-support .secondary-button{font-size:.75rem;padding:8px 10px}}
.street-fixed{display:flex;align-items:center;gap:12px}
.street-fixed img{width:40px;height:40px;border-radius:50%}
.street-fixed .eyebrow{margin:0 0 2px}
.hour{margin-top:16px;padding-top:14px;border-top:1px solid var(--panel-line)}
.hour-labels{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:.8125rem;color:var(--panel-sub)}
.hour-labels>span{display:flex;align-items:center}
.hour-labels b{font:500 .875rem var(--mono);color:var(--panel-ink)}
.hour-track{position:relative;height:5px;margin-top:8px;background:linear-gradient(90deg,var(--panel-line) 0 98.33%,var(--cutoff) 98.33%)}
.hour-track i{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--orange)}
.wall-chores{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}
.wall-chores .field-note{flex:1 1 220px}
.jackpot-main{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px;margin-top:18px;padding-top:16px;border-top:1px solid var(--panel-line)}
.jackpot-pot{display:grid;gap:3px;align-content:start;min-width:0}
.jackpot-pot span{display:flex;align-items:center;font-size:.75rem;letter-spacing:.06em;color:var(--panel-sub)}
.jackpot-pot strong{font:500 2.3rem/1.15 var(--mono);letter-spacing:-.04em;color:var(--gold);overflow-wrap:anywhere}
.jackpot-pot small{font-size:.8125rem;color:var(--panel-sub)}
.jackpot-facts{margin:0}
.jackpot-facts div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:6px 0;border-bottom:1px solid var(--panel-line)}
.jackpot-facts div:last-child{border-bottom:0}
.jackpot-facts dt{font-size:.8125rem;color:var(--panel-sub)}
.jackpot-facts dd{margin:0;font:500 .875rem var(--mono);color:var(--panel-ink);white-space:nowrap}
.pot-cap{display:grid;gap:5px;margin:12px 0 12px}
.pot-cap small{font-size:.75rem;color:var(--panel-sub)}
.pot-cap b{font:500 .75rem var(--mono);color:var(--panel-ink)}
.wall-table{margin:12px -24px -22px}
.wall-table table{color:var(--panel-ink)}
.wall-table th{background:transparent;color:var(--panel-sub);border-top:1px solid var(--panel-line);padding:9px 24px}
.wall-table td{border-top:1px solid var(--panel-line);padding:9px 24px;font:.8rem var(--mono)}

/* the odds and the trading floor */
.odds-card,.order-card{min-width:0;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:26px 22px 22px;overflow:hidden}
.odds-card .table-scroll{margin:14px -22px 0}
.odds-desks{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}
.odds td,.odds th{padding:8px 22px}
.odds td{padding-top:7px;padding-bottom:7px}
.odds td:first-child{font-weight:600}
.odds th.value,.odds td.value{text-align:right;font-family:var(--mono)}
.odds .dot{display:inline-block;width:9px;height:9px;margin-right:8px;border-radius:50%;background:var(--rarity)}
.odds-chance{display:flex;align-items:center;gap:10px;min-width:150px}
.odds-chance b{font:500 .8125rem var(--mono);width:52px}
.odds-chance i{display:block;flex:1;height:5px;background:var(--soft)}
.odds-chance i i{display:block;height:100%;width:0;background:var(--rarity)}
.odds-detail{margin:12px 0 0}
.order-card{box-shadow:var(--ticket-shadow)}
.order-card h2{font-size:1.8rem}
.desk-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.pay-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px}
.pay-row .field-label{margin:0}
.segmented{display:grid;grid-template-columns:auto auto;border:1px solid var(--line);border-radius:6px;overflow:hidden}
.segmented button{padding:6px 14px;border:0;background:var(--paper);font-size:.875rem;font-weight:600;color:var(--sub)}
.segmented button+button{border-left:1px solid var(--edge)}
.segmented button[aria-checked=true]{background:var(--ink);color:var(--white);box-shadow:none}
.quote-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.quote-head .field-label{margin:10px 0 2px}
.quote-head .text-button{font-size:.8125rem}
.quote-box{margin:0 0 14px;padding:14px 16px;background:var(--soft);border:1px solid var(--line);border-radius:var(--r)}
.quote-box .field-note{font-size:.8125rem}
.quote-box .confirm-lines{margin:0;border-top:0}
.quote-box .confirm-lines div{grid-template-columns:82px 1fr;padding:5px 0}
.quote-box .confirm-lines div:last-child{border-bottom:0}
.quote-box .confirm-lines dd{font-size:.8125rem}
.quote-box .warn-note{margin-top:8px;font-size:.8125rem}
.quote-box .field-note+.field-note{margin-top:6px}
.truth{margin:0 0 16px;padding:14px 16px;border-left:2px solid var(--orange);background:var(--picked);font-size:.78rem;line-height:1.7}
.truth b{font-weight:600}
.ticket-more{margin-top:12px}
.pack-stage{display:grid;justify-items:center;gap:14px;padding:18px 0 6px}
.pack-stage .button-pair{width:100%;margin-top:0}
.sell-panel{display:grid;grid-template-columns:1.05fr 1.1fr .95fr;gap:28px;margin:30px 0 8px;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:start}
.sell-copy h2{margin-bottom:10px}
.auction{padding:22px;background:var(--panel);color:var(--panel-ink);border:1px solid var(--panel-line);border-radius:10px}
.auction-now{display:grid;gap:1px}
.auction-now span{font-size:.75rem;letter-spacing:.06em;color:var(--panel-sub)}
.auction-now strong{font:500 1.5rem var(--mono);letter-spacing:-.03em;color:var(--gold)}
.auction-now small{font-size:.75rem;color:var(--panel-sub)}
.auction-track{position:relative;height:7px;margin-top:12px;background:linear-gradient(90deg,var(--auction-low),var(--orange))}
.auction-track i{position:absolute;top:-3px;bottom:-3px;left:0;width:3px;background:var(--white)}
.auction-ends{display:flex;justify-content:space-between;gap:10px;margin-top:5px;font-size:.6875rem;color:var(--panel-sub)}
.auction-facts{margin:12px 0 0}
.auction-facts div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:6px 0;border-top:1px solid var(--panel-line)}
.auction-facts dt{display:flex;align-items:center;font-size:.8125rem;color:var(--panel-sub)}
.auction-facts dd{margin:0;font:500 .8125rem var(--mono);white-space:nowrap}
#sell-form{display:grid}
#sell-form .field-label{margin-top:0}
.sell-tools{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;margin:8px 0 10px}
#sell-pays:empty{display:none}
#sell-pays{margin-bottom:8px}

/* the Board */
.lights{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,auto));gap:6px 22px;flex:none}
.lights li{display:grid;grid-template-columns:auto 1fr;gap:0 7px;align-items:center;font-size:.75rem;color:var(--sub)}
.lights li:before{content:'';grid-row:span 2;width:8px;height:8px;border-radius:50%;background:var(--edge)}
.lights li.on:before{background:var(--good-light)}
.lights li.wait:before{background:var(--orange)}
.lights li.off:before{background:var(--bad-edge)}
.lights b{font-weight:600;color:var(--ink);font-size:.8125rem}
.board-top{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:20px}
.board-main{padding:26px 28px}
.board-main .eyebrow{margin-bottom:6px}
.board-main h2{font:400 3rem var(--mono);letter-spacing:-.06em;margin:18px 0}
.board-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.board-card{display:grid;align-content:start;gap:12px;min-width:0;padding:22px;background:var(--paper);border:1px solid var(--line);border-radius:10px}
.board-card small{font:500 .6rem var(--mono);letter-spacing:.08em;color:var(--sub);text-transform:uppercase}
.board-card b{font:400 1.6rem var(--mono);letter-spacing:-.04em;overflow-wrap:anywhere}
.board-card span{font-size:.75rem;line-height:1.45;color:var(--sub)}
.board-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;margin:32px 0 22px}
.board-tabs{display:flex;gap:4px;padding:4px;background:var(--soft);border:1px solid var(--line);border-radius:8px}
.board-tabs button{border:1px solid transparent;background:transparent;padding:9px 16px;font-size:.8rem;font-weight:550;color:var(--sub);border-radius:5px}
.board-tabs button:hover{border-color:var(--ink);color:var(--ink)}
.board-tabs button[aria-selected=true]{background:var(--paper);border-color:var(--line);color:var(--ink);box-shadow:0 2px 3px var(--card-shade)}
.tab-short{display:none}
.season-field{display:flex;align-items:center}
.season-field select{max-width:100%;padding:7px 10px;font-size:.8125rem}
.board-picks{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0 0 12px}
.board-picks-label{font-size:.6875rem;font-weight:600;letter-spacing:.08em;color:var(--sub);text-transform:uppercase}
.rank-chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.rank-chip{padding:5px 12px;border:1px solid var(--edge);border-radius:999px;background:var(--paper);font-size:.8125rem;color:var(--sub)}
.rank-chip:hover{border-color:var(--ink);color:var(--ink)}
.rank-chip[aria-checked=true]{border-color:var(--orange);background:var(--pale);color:var(--amber);font-weight:600}
.board-panel .table-scroll{border:1px solid var(--line);border-radius:10px;background:var(--paper)}
.leader-table{white-space:normal}
.leader-table th,.leader-table td{padding:16px 20px;vertical-align:top}
.leader-table th small{display:block;margin-top:2px;font-size:.6875rem;font-weight:400}
.leader-table .rank{width:1%;white-space:nowrap}
.leader-table td.rank{font:600 .8125rem var(--mono);color:var(--sub)}
.leader-table td.rank.medal{color:var(--amber)}
.leader-table .value{text-align:right;white-space:nowrap}
.leader-table th.value{white-space:normal;min-width:6em}
.leader-table td.value b{font:600 .9375rem var(--mono);color:var(--amber)}
.leader-table td.value small{display:block;font-size:.75rem;color:var(--sub)}
.leader-table td.address a,.leader-table td.address span{font-family:var(--mono)}
.leader-table td.address a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.leader-table td.address small{display:block;margin-top:2px;font-size:.75rem;line-height:1.45;color:var(--sub)}
.leader-table td.address small>span{display:inline-block;max-width:100%;font-family:var(--sans)}
.leader-table tr.you td{background:var(--pale)}
.leader-table tr.gap td{text-align:center;padding:4px}
.board-subhead{display:flex;flex-wrap:wrap;align-items:center;gap:0 10px;font-size:1.15rem;margin:22px 0 10px}
.board-subhead small{font:400 .8125rem var(--sans);color:var(--sub)}
.pull-truth{padding:12px 14px;border-left:3px solid var(--ink);background:var(--soft);font-size:.875rem;margin-bottom:12px}
.leaders-status{margin-top:14px}

/* the Portfolio */
.connect-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:32px;padding:40px}
.connect-card h2{margin:16px 0 12px;color:var(--white);font-size:2.2rem}
.connect-card p{font-size:.9rem;line-height:1.75;color:var(--panel-sub);max-width:560px}
.connect-card .primary-button{width:auto;flex:none;padding:12px 26px}
.book-top{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.6fr);gap:28px;border-top:1px solid var(--panel-line)}
.book-total{display:grid;align-content:center;gap:4px;min-width:0}
.book-total .eyebrow{margin:0}
.book-total strong{font:500 2.1rem/1.15 var(--mono);letter-spacing:-.04em;color:var(--white);overflow-wrap:anywhere}
.book-total span{font-size:.8125rem;color:var(--panel-sub)}
.portfolio-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--panel-line);border:1px solid var(--panel-line)}
.portfolio-summary div{display:grid;gap:2px;align-content:start;min-width:0;padding:10px 12px;background:var(--panel)}
.portfolio-summary small{font-size:.6875rem;letter-spacing:.08em;color:var(--panel-sub);text-transform:uppercase}
.portfolio-summary b{font:500 .9375rem var(--mono);color:var(--panel-ink);overflow-wrap:anywhere}
.ready{display:grid;gap:10px;margin-top:12px;padding:14px 18px 16px;border:1px solid var(--pale-edge);background:var(--pale)}
.ready h2{font-size:1.05rem;letter-spacing:-.01em}
.ready-list{display:flex;flex-wrap:wrap;gap:8px}
.ready-list button{padding:8px 14px;border:1px solid var(--orange-edge);border-radius:var(--r);background:var(--orange);color:var(--on-orange);font-size:.875rem;font-weight:600}
.ready-list button:hover:not(:disabled){background:var(--orange-hi)}
.portfolio-tools{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:14px 0 18px}
.portfolio-tabs{display:flex;gap:26px;border-bottom:1px solid var(--edge)}
.portfolio-tabs button{position:relative;display:flex;align-items:center;gap:7px;border:0;background:transparent;padding:10px 0 12px;font-size:.9375rem;font-weight:600;color:var(--sub);white-space:nowrap}
.portfolio-tabs button:hover{color:var(--ink)}
.portfolio-tabs button[aria-selected=true]{color:var(--ink)}
.portfolio-tabs button[aria-selected=true]:after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:3px;background:var(--orange)}
.count{font:600 .6875rem var(--mono);color:var(--amber);background:var(--pale);padding:1px 6px;border-radius:999px}
.count:empty{display:none}
.tab-panel{padding:18px 0}
.position-list,.position-list>div{display:grid;gap:12px}
.position{border:1px solid var(--line);border-radius:10px;background:var(--paper);padding:22px 24px;display:grid;gap:16px}
.position-head{display:flex;justify-content:space-between;gap:12px;align-items:baseline}
.position-head b{font:600 1.05rem var(--serif)}
.position-head span{font:.75rem var(--mono);color:var(--sub);text-align:right}
.position-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px 18px}
.position-facts div{display:grid;gap:1px;min-width:0}
.position-facts small{font-size:.6875rem;letter-spacing:.08em;color:var(--sub);text-transform:uppercase}
.position-facts b{font:500 .95rem var(--mono);overflow-wrap:anywhere}
.position-split{font-size:.8125rem;color:var(--sub)}
.position-actions{display:flex;flex-wrap:wrap;gap:6px;padding-top:2px}
.position-actions button{background:var(--paper);border:1px solid var(--edge);border-radius:var(--r);padding:8px 12px;font-size:.8125rem;font-weight:600}
.position-actions button:hover:not(:disabled){border-color:var(--orange)}
.position-actions button.exit-button{border-color:var(--bad-edge);color:var(--bad)}
.amount-rows{flex-basis:100%;min-width:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(270px,100%),1fr));gap:6px 24px}
.amount-row{display:flex;align-items:center;gap:6px;min-width:0}
.amount-row label{min-width:68px;font-size:.6875rem;font-weight:600;letter-spacing:.08em;color:var(--sub);text-transform:uppercase}
.amount-row input{flex:1 1 90px;min-width:0;border:1px solid var(--edge);border-radius:var(--r);padding:7px 9px;font:.85rem var(--mono)}
.amount-row span{font:600 .75rem var(--mono);color:var(--sub)}
.account-panel{border:1px solid var(--line);border-radius:10px;background:var(--paper);padding:26px 28px;margin-top:18px}
.account-panel h2{margin-bottom:6px}
.inline-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:6px}
.inline-fields>*{min-width:0}
.inline-fields form{display:flex;flex-direction:column;min-width:0}
.inline-fields .field-note{margin-bottom:8px}
.inline-fields form>.secondary-button,.inline-fields form>.button-pair{margin-top:auto}
#pl-form{grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:10px;align-items:end}
#pl-form>div{min-width:0}
#pl-form select{width:100%}
.account-panel .text-button{align-self:flex-start;margin:8px 0}
.account-panel>.field-note{margin-top:12px}
.amount-tools{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:9px 0 14px;min-width:0}
.amount-copy{display:grid;gap:3px;min-width:0;overflow-wrap:anywhere}
.amount-balance{color:var(--ink);font-size:.78rem;line-height:1.6;font-variant-numeric:tabular-nums}
.amount-copy small{color:var(--sub);font-size:.72rem;line-height:1.5}
.amount-tools .amount-max{flex-shrink:0;min-width:50px;min-height:32px;padding:5px 11px;border:1px solid var(--edge);border-radius:7px;background:var(--soft);color:var(--accent);font:600 .75rem var(--sans);cursor:pointer}
.amount-tools .amount-max:hover:not(:disabled){border-color:var(--accent);background:var(--paper)}
.amount-tools .amount-max:disabled{opacity:.4;cursor:default}
.amount-tools .amount-max:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.amount-group{min-width:0}
.amount-group .amount-tools{margin:7px 0 10px}
.sell-tools:empty{display:none}
.request-button{width:100%;margin-top:12px}

/* the Docs: the whitepaper in plain words, with a contents list and diagrams */
.docs-bar{position:sticky;top:var(--head);z-index:5;height:2px;background:transparent}
.docs-bar i{display:block;height:100%;width:0;background:var(--orange)}
.docs-layout{display:grid;grid-template-columns:224px minmax(0,1fr);gap:56px;align-items:start;padding-bottom:20px}
.docs-toc{position:sticky;top:calc(var(--head) + 24px);max-height:calc(100vh - var(--head) - 48px);overflow:auto;background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:20px 18px}
.docs-toc summary{display:flex;justify-content:space-between;align-items:center;font:600 .75rem var(--sans);letter-spacing:.12em;color:var(--amber);text-transform:uppercase;cursor:pointer;padding:4px 0 10px;list-style:none}
.docs-toc summary::-webkit-details-marker{display:none}
.docs-toc summary:after{content:"+";font:400 1rem var(--mono);color:var(--sub)}
.docs-toc details[open]>summary:after{content:"−"}
.docs-toc ol{list-style:none;margin:0;padding:0;border-left:2px solid var(--line);counter-reset:docs}
.docs-toc li{counter-increment:docs;break-inside:avoid}
.docs-toc a{display:block;padding:7px 0 7px 12px;margin-left:-2px;border-left:2px solid transparent;font-size:.78rem;color:var(--sub);line-height:1.4}
.docs-toc a:before{content:counter(docs,decimal-leading-zero) "\00a0\00a0";font:600 .7rem var(--mono);color:var(--faint)}
.docs-toc a:hover{color:var(--ink);border-left-color:var(--orange)}
.docs-toc a[aria-current=true]{color:var(--ink);font-weight:600;border-left-color:var(--orange)}
.docs-body{min-width:0}
.docs-chapter{padding:6px 0 40px;margin-bottom:40px;border-bottom:1px solid var(--line)}
.docs-chapter>.eyebrow{margin-bottom:8px}
.docs-chapter>h2{font-size:2.25rem;margin-bottom:20px}
.docs-chapter h3{font:600 1.15rem var(--serif);margin:22px 0 8px}
.docs-chapter>p,.docs-list{max-width:780px}
.docs-chapter p{color:var(--body);margin:0 0 16px;line-height:1.85;font-size:.95rem}
.docs-list{margin:0 0 14px;padding-left:20px;color:var(--body)}
.docs-list li{margin:0 0 8px;line-height:1.6}
.docs-list b{color:var(--ink)}
.docs-chapter p.docs-note{padding:12px 14px;border-left:3px solid var(--orange);background:var(--picked);font-size:.9rem}
.table-scroll.docs-table{margin:16px 0 22px;border:1px solid var(--line);border-radius:8px;background:var(--paper)}
.docs-table table{white-space:normal}
.docs-table caption{padding:10px 14px;text-align:left;font-size:.8125rem;color:var(--sub)}
.docs-table th,.docs-table td{padding:10px 14px;vertical-align:top}
.level-facts{margin-top:16px}
.level-facts .field-label{display:block;margin-bottom:6px}
.level-table{width:100%;font-size:.8125rem}
.level-table th,.level-table td{padding:7px 10px}
.level-table td,.level-table th{white-space:nowrap}
.level-table td small{display:block;font-size:.75rem;color:var(--sub);white-space:normal}
.level-table tr.chosen td{font-weight:600;background:var(--soft)}
.docs-table td:first-child{font-weight:600;white-space:nowrap}
.docs-splits{display:grid;gap:12px;margin:12px 0 16px;padding:16px 18px;border:1px solid var(--line)}
.docs-chapter p.docs-split-label{font-size:.8rem;font-weight:600;color:var(--sub);margin:0 0 6px}
.split-bar{display:flex;width:100%;height:34px;overflow:hidden;border:1px solid var(--ink)}
/* Segment widths: classes, not inline styles, so the page needs no unsafe-inline style in its CSP. */
.f-99{flex:99}.f-891{flex:89.1}.f-9p9{flex:9.9}.f-1{flex:1}.f-8{flex:8}.f-8708{flex:87.08}.f-417{flex:4.17}.f-458{flex:4.58}
.split-bar div{display:flex;align-items:center;justify-content:center;min-width:0;overflow:hidden;white-space:nowrap;font:600 .72rem var(--mono)}
.split-legend{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:10px}
.split-legend div{display:grid;gap:2px;min-width:0;font-size:.8rem;color:var(--sub)}
.split-legend b{font:1.05rem var(--mono);color:var(--ink)}
.split-legend i{display:inline-block;width:10px;height:10px;margin-right:6px;vertical-align:-1px}
.money-split{margin-bottom:24px;padding:20px 22px;border:1px solid var(--edge);border-top:3px solid var(--ink)}
.money-split .eyebrow{margin-bottom:8px}
.money-split .prizes{background:var(--ink);color:var(--white)}
.money-split .seat{background:var(--orange);color:var(--on-orange)}
.money-split .edge{background:var(--amber);color:var(--white)}
.money-split .foundation{background:var(--green-bar);color:var(--white)}
.docs-splits .own{background:var(--ink);color:var(--white)}
.docs-splits .blockshare{background:var(--orange)}
.docs-splits .wall{background:var(--green-bar)}
.docs-splits .houseshare{background:var(--amber);color:var(--white)}
.docs-split-legend{grid-template-columns:repeat(3,minmax(0,1fr))}
.docs-numbers{display:grid;gap:18px}
.docs-numbers dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 34px;margin:0;border-top:1px solid var(--line)}
.docs-numbers dl>div{display:flex;justify-content:space-between;gap:15px;padding:10px 0;font-size:.875rem;border-bottom:1px solid var(--line)}
.docs-numbers dt{color:var(--sub)}
.docs-numbers dd{margin:0;font-family:var(--mono);text-align:right}
.rules-list article{display:flex;gap:20px;margin-bottom:22px}
.rules-list article>span{font:700 .75rem var(--mono);color:var(--accent);padding-top:6px}
.rules-list p{color:var(--sub)}
.docs-body .rules-list h3{font-size:1.25rem;line-height:1.3;margin:0 0 6px}
.docs-body .money-split h3{margin:0 0 16px;font:600 1.35rem var(--serif)}
.one-minute{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 20px}
.one-minute div{display:grid;gap:12px;align-content:start;padding:20px;border:1px solid var(--line);border-radius:8px;background:var(--paper)}
.one-minute b{font:400 1.35rem var(--serif)}
.one-minute p{font-size:.86rem;color:var(--sub);margin:0}
.glossary dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 34px;margin:14px 0 0;border-top:1px solid var(--line)}
.glossary dl>div{padding:11px 0;border-bottom:1px solid var(--line)}
.glossary dt{font-weight:600;font-size:.92rem}
.glossary dd{margin:3px 0 0;font-size:.86rem;color:var(--sub);line-height:1.55}
.glossary dl>div:target{background:var(--pale)}
.faq h2{margin-bottom:12px}
.faq details{border:1px solid var(--line);border-radius:8px;background:var(--paper);padding:18px 20px;margin-bottom:10px}
.faq summary{font-size:.9rem;font-weight:550;cursor:pointer;line-height:1.6}
.faq details p{color:var(--sub);margin-top:10px}
#deployment-details div{display:flex;justify-content:space-between;gap:10px;padding:5px 0;border-bottom:1px solid var(--line)}
#deployment-details span:last-child{font-family:var(--mono)}
.to-top{position:fixed;right:20px;bottom:24px;z-index:15;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:var(--paper);font-size:1.1rem;box-shadow:var(--ticket-shadow)}
.to-top:hover{background:var(--soft)}

/* the footer */
footer{background:var(--panel);color:var(--panel-sub);margin-top:0;border-top:1px solid var(--panel-line)}
.footer-inner{max-width:var(--page);margin:auto;padding:44px var(--gutter) 28px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px 40px}
.footer-brand{display:flex;align-items:center;align-self:start;gap:14px;font-size:1.15rem;color:var(--panel-ink)}
.footer-brand div{display:grid;line-height:1.3}
.footer-brand small{font-size:.75rem;color:var(--panel-sub);margin-top:7px}
.footer-brand img{border-radius:6px}
.footer-links{display:flex;gap:72px;font-size:.78rem}
.footer-links div{display:grid;gap:10px;align-content:start}
.footer-links b{font-size:.6875rem;letter-spacing:.12em;text-transform:uppercase;color:var(--panel-faint)}
.footer-links a:hover{color:var(--white)}
.footer-fine{grid-column:1/-1;padding-top:22px;border-top:1px solid var(--panel-line);font-size:.68rem;line-height:1.8;color:var(--panel-faint);max-width:100%}
.footer-note{font-family:var(--mono);white-space:nowrap}

/* feedback: the toast, the check before each wallet request, the "?" and its popover */
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);max-width:calc(100vw - 32px);background:var(--ink);color:var(--white);padding:16px 20px;font-size:.875rem;border:1px solid var(--panel-line);border-radius:10px;box-shadow:0 8px 30px var(--pop-shade);z-index:40}
.toast.error{border-left-color:var(--bad-edge)}
.toast.pending{border-left-color:var(--gold)}
.toast.pending span:before{content:'';display:inline-block;width:9px;height:9px;margin-right:8px;border:2px solid var(--gold);border-right-color:transparent;border-radius:50%;animation:spin .8s linear infinite;vertical-align:-1px}
.toast a{color:var(--gold);text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.toast-close{margin-left:12px;padding:0 4px;border:0;background:transparent;color:var(--white);font-size:1.1rem;line-height:1;vertical-align:-1px}
.confirm-sheet{width:min(540px,calc(100vw - 32px));max-height:calc(100vh - 48px);overflow:auto;padding:32px;border:1px solid var(--line);border-radius:14px;background:var(--paper);color:var(--ink);box-shadow:0 24px 80px var(--pop-shade)}
.confirm-sheet::backdrop{background:var(--backdrop)}
.confirm-sheet h2{margin-bottom:16px}
.confirm-lines{margin:0 0 14px;display:grid;border-top:1px solid var(--line)}
.confirm-lines div{display:grid;grid-template-columns:120px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}
.confirm-lines dt{font-size:.75rem;font-weight:600;letter-spacing:.06em;color:var(--sub);text-transform:uppercase}
.confirm-lines dd{margin:0;font-size:.875rem}
.confirm-sheet .button-pair{margin-top:16px}
/* The "?" next to a term: a small solid gray dot, orange once hovered or open; the hit area reaches past the dot
   (owner, 2026-10-28: the orange ring read as clutter) */
.hint{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;width:16px;height:16px;margin-left:6px;padding:0;border:0;border-radius:50%;background:var(--hint);color:var(--hint-ink);font:700 10px/1 var(--sans);vertical-align:middle;transition:background-color .15s,color .15s}
.hint:after{content:"";position:absolute;inset:-6px}
.hint:hover,.hint[aria-expanded=true]{background:var(--orange);color:var(--white)}
.quote-board .hint,.wall-card .hint,.mining-floor .hint,.board-main .hint,.auction .hint{background:var(--panel-hint);color:var(--panel-ink)}
.quote-board .hint:hover,.wall-card .hint:hover,.mining-floor .hint:hover,.board-main .hint:hover,.auction .hint:hover,.quote-board .hint[aria-expanded=true],.wall-card .hint[aria-expanded=true],.mining-floor .hint[aria-expanded=true],.board-main .hint[aria-expanded=true],.auction .hint[aria-expanded=true]{background:var(--orange);color:var(--panel)}
.help-pop{position:absolute;z-index:45;max-width:min(340px,calc(100vw - 32px));background:var(--ink);color:var(--white);padding:16px 18px;font-size:.82rem;line-height:1.7;border:1px solid var(--panel-line);border-radius:8px;box-shadow:0 8px 24px var(--pop-shade)}
.help-pop b{display:block;margin-bottom:3px;color:var(--gold);font-weight:600}
.help-pop a{color:var(--white);text-decoration:underline;text-underline-offset:3px}

/* The ticket as a card pack (owner, 2026-10-28): the sealed pack, the card it drew by rarity, and the album */
.rarity-0{--rarity:var(--flat)}
.rarity-1{--rarity:var(--rally)}
.rarity-2{--rarity:var(--breakout)}
.rarity-3{--rarity:var(--orange)}
/* Full-art collectible cards and heat-sealed foil packs. Source brand silhouettes are preserved. */
.desk-0{--sleeve:var(--foil-forest);--sleeve-edge:var(--foil-carbon);--sleeve-ink:var(--foil-card-ink);--sleeve-foil:var(--foil-gold)}
.desk-1{--sleeve:var(--foil-foot-ink);--sleeve-edge:var(--foil-carbon);--sleeve-ink:var(--foil-card-ink);--sleeve-foil:var(--gold)}
.desk-2{--sleeve:var(--foil-night);--sleeve-edge:var(--foil-carbon);--sleeve-ink:var(--foil-card-ink);--sleeve-foil:var(--foil-rally)}
.pack.desk-0{--sleeve:var(--pack-jade);--pack-lit:var(--pack-jade-lit)}
.pack.desk-1{--sleeve:var(--pack-copper);--pack-lit:var(--pack-copper-lit)}
.pack.desk-2{--sleeve:var(--pack-midnight);--pack-lit:var(--pack-midnight-lit)}
.pack-slot{position:relative;width:280px;height:auto;aspect-ratio:3/5;max-width:100%;perspective:1100px;container-type:inline-size}
.pack{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(4deg) rotateY(-9deg) rotateZ(-2deg);font-size:clamp(8px,5cqw,18px);color:var(--sleeve-ink);transition:transform .5s,opacity .5s}
.pack-back,.pack-face,.pack-spine{position:absolute;background:var(--sleeve)}
.pack-back{inset:1% 1%;transform:translateZ(-10px);border-radius:4% 5% 3% 3%;background:linear-gradient(90deg,var(--sleeve-edge),var(--pack-lit) 7%,var(--sleeve) 18% 88%,var(--sleeve-edge));box-shadow:5px 5px 0 var(--pack-fold-soft),12px 22px 26px var(--foil-gem-shadow)}
.pack-spine{width:24px;right:-9px;top:7%;bottom:7%;transform:translateZ(1px) rotateY(72deg);background:linear-gradient(90deg,var(--sleeve-edge),var(--pack-lit) 20%,var(--sleeve-foil) 37%,var(--holo-glint) 42%,var(--pack-lit) 48%,var(--sleeve-edge) 72%,var(--sleeve-foil) 85%,var(--sleeve-edge));border-radius:45% 70% 60% 40%;box-shadow:inset -2px 0 3px var(--pack-fold)}
.pack-face{inset:3.4% 0;transform:translateZ(11px);border-radius:5% 5% 4% 4% / 2% 2% 2% 2%;overflow:hidden;text-align:center;background:radial-gradient(ellipse at 34% 18%,var(--pack-lit),transparent 65%),linear-gradient(100deg,var(--sleeve-edge),var(--sleeve) 10% 84%,var(--pack-lit) 93%,var(--sleeve-edge));box-shadow:inset 1px 0 0 var(--pack-film-light),inset 5px 0 7px var(--pack-fold),inset 10px 0 3px var(--pack-film-soft),inset -3px 0 3px var(--pack-film-light),inset -10px 0 11px var(--pack-fold),inset 0 12px 12px var(--pack-fold-soft),inset 0 -14px 12px var(--pack-fold-soft);transition:transform .6s}
.pack-face:before{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;background:linear-gradient(92deg,var(--pack-fold),transparent 3%,var(--pack-film-light) 4%,transparent 5.2%,var(--pack-fold-soft) 7%,transparent 13% 86%,var(--pack-film-soft) 91%,var(--pack-fold) 95%,var(--pack-film-light) 97%,transparent),linear-gradient(155deg,transparent 4%,var(--pack-film-soft) 4.3%,transparent 4.8% 89%,var(--pack-fold-soft) 89.3%,var(--pack-film-soft) 89.8%,transparent 90.5%),linear-gradient(26deg,transparent 9%,var(--pack-fold-soft) 9.4%,var(--pack-film-soft) 9.8%,transparent 10.4% 92%,var(--pack-film-soft) 92.4%,transparent 93%),repeating-linear-gradient(102deg,transparent 0 2px,var(--pack-film-grain) 2px 3px);box-shadow:inset 0 0 0 1px var(--foil-emblem-edge)}
.pack-face:after,.pull-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 43%,var(--foil-sheen) 50%,transparent 57%);transform:translateX(-100%);transition:transform .8s ease;z-index:6}
.pack:hover{transform:rotateX(1deg) rotateY(-4deg) rotateZ(0) translateY(-3px)}
.pack:hover .pack-face:after,.pull-card:hover:after{transform:translateX(100%)}
.pack .pack-face:after{inset:-25% -70%;background:linear-gradient(106deg,transparent 35%,var(--pack-film-soft) 44%,var(--pack-film-light) 49%,var(--pack-film-soft) 51%,transparent 59%);transform:translateX(-26%);opacity:.55}
.pack:hover .pack-face:after{transform:translateX(28%)}
.pack-hero{position:absolute;top:31%;left:4%;width:92%;height:46%;object-fit:contain;mask-image:none;z-index:2;filter:drop-shadow(0 10px 8px var(--foil-gem-shadow))}
.pack-foil-sweep{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 47% 54%,color-mix(in srgb,var(--sleeve-foil) 22%,transparent),transparent 58%)}
.pack-foil-sweep:before{content:"";position:absolute;left:-30%;top:39%;width:160%;height:20%;transform:rotate(-28deg);background:linear-gradient(100deg,transparent,var(--foil-sheen) 18%,color-mix(in srgb,var(--sleeve-foil) 34%,transparent) 54%,var(--foil-sheen) 75%,transparent);border-block:1px solid var(--foil-emblem-edge)}
.pack-foil-sweep:after{content:"";position:absolute;left:-28%;top:47%;width:160%;height:1px;transform:rotate(-28deg);background:linear-gradient(90deg,transparent,var(--sleeve-foil),transparent)}
.pack-design-number{position:absolute;top:16%;right:8%;font:400 5.5em/1 var(--serif);letter-spacing:-.1em;color:var(--sleeve-foil);opacity:.1;z-index:0}
.pack.desk-1 .pack-foil-sweep:before{transform:rotate(-34deg);top:41%;height:23%;background:linear-gradient(100deg,transparent,color-mix(in srgb,var(--gold) 25%,transparent),var(--foil-sheen),transparent)}
.pack.desk-2 .pack-foil-sweep:before{background:linear-gradient(100deg,transparent,var(--foil-violet-wash),var(--foil-jade-wash),var(--foil-sheen),transparent);transform:rotate(-37deg);height:24%}
.pack-tear,.pack-crimp{position:absolute;left:-1.3%;right:-1.3%;height:7.1%;transform:translateZ(13px);z-index:8;background:linear-gradient(180deg,var(--pack-film-light),transparent 14% 61%,var(--pack-fold-soft) 65%,var(--pack-film-soft) 72%,var(--pack-fold) 97%),repeating-linear-gradient(90deg,var(--pack-film-light) 0 1px,var(--pack-fold) 1px 2px,transparent 2px 4px),linear-gradient(102deg,var(--pack-lit),var(--sleeve-foil) 22%,var(--holo-white) 31%,var(--sleeve-foil) 40%,var(--pack-lit) 63%,var(--sleeve-foil) 84%,var(--pack-lit));border-block:1px solid var(--foil-emblem-edge);clip-path:polygon(0 6%,2% 0,4% 6%,6% 0,8% 6%,10% 0,12% 6%,14% 0,16% 6%,18% 0,20% 6%,22% 0,24% 6%,26% 0,28% 6%,30% 0,32% 6%,34% 0,36% 6%,38% 0,40% 6%,42% 0,44% 6%,46% 0,48% 6%,50% 0,52% 6%,54% 0,56% 6%,58% 0,60% 6%,62% 0,64% 6%,66% 0,68% 6%,70% 0,72% 6%,74% 0,76% 6%,78% 0,80% 6%,82% 0,84% 6%,86% 0,88% 6%,90% 0,92% 6%,94% 0,96% 6%,98% 0,100% 6%,100% 100%,0 100%);box-shadow:0 3px 3px var(--foil-gem-shadow)}
.pack-tear:before,.pack-crimp:before{content:"";position:absolute;left:3%;right:3%;bottom:13%;height:1px;background:repeating-linear-gradient(90deg,var(--pack-film-light) 0 3px,var(--pack-fold) 3px 5px);pointer-events:none}
.pack-tear{top:0;display:flex;align-items:center;justify-content:flex-end;padding-right:9%;font:700 .55em var(--sans);letter-spacing:.08em;color:var(--white);text-shadow:0 1px 2px var(--foil-carbon);transition:transform .55s ease-in,opacity .55s}
.pack-tear:after{content:"";position:absolute;right:0;top:75%;height:8px;width:9px;background:var(--canvas);clip-path:polygon(100% 0,20% 50%,100% 100%)}
.pack-crimp{bottom:0;transform:translateZ(12px) rotate(180deg)}
.pack-mouth{position:absolute;top:4%;left:3%;right:3%;height:6%;background:linear-gradient(180deg,var(--holo-silver),var(--foil-carbon) 20% 70%,var(--holo-silver));border-radius:50%;box-shadow:inset 0 2px 2px var(--sleeve-foil);transform:translateZ(8px) scaleY(0);transition:transform .4s}
.printed-brands{position:absolute;display:flex;align-items:center;justify-content:space-between;z-index:9;pointer-events:none}
.brand-logo{display:block;width:2.6em;height:2.6em;object-fit:contain;border-radius:4px;background:var(--brand-print-orange);filter:none;opacity:1;mix-blend-mode:normal}
.pack-brand-marks{top:5%;left:9%;right:9%}
.pack-brand-marks .brand-logo{width:2.6em;height:2.6em;background:transparent;border-radius:0}
.pack-brand{position:absolute;top:7%;left:26%;right:26%;font:700 .7em/1.1 var(--sans);letter-spacing:.08em}
.pack-series{position:absolute;top:14%;left:9%;right:9%;display:flex;align-items:center;justify-content:center;gap:1em;font:600 .54em var(--mono);letter-spacing:.12em;color:var(--sleeve-foil)}
.pack-series:before,.pack-series:after{content:"";width:20%;height:1px;background:linear-gradient(90deg,transparent,var(--sleeve-foil),transparent);opacity:.5}
.pack-title{position:absolute;top:18%;left:8%;right:auto;text-align:left;font:500 3.15em/1 var(--serif);letter-spacing:-.03em;text-shadow:0 2px 8px var(--foil-carbon);z-index:2}
.pack-desk{position:absolute;top:30%;left:9%;right:auto;font:500 .48em var(--mono);letter-spacing:.08em;color:var(--sleeve-ink);z-index:2}
.pack-market-tokens{position:absolute;inset:0;pointer-events:none}
.market-token{--token-turn:0deg;--token-yaw:0deg;--token-pitch:0deg;position:absolute;z-index:1;width:9%;aspect-ratio:1;padding:2px;display:grid;place-items:center;background:linear-gradient(145deg,var(--foil-cream),var(--sleeve-foil) 45%,var(--sleeve-edge));border:1px solid var(--sleeve-foil);border-radius:50%;box-shadow:1px 2px 0 var(--sleeve-edge),2px 3px 0 var(--sleeve-foil),4px 7px 10px var(--foil-gem-shadow),inset 0 0 0 1px var(--sleeve-foil);transform:perspective(320px) rotate(var(--token-turn)) rotateY(var(--token-yaw)) rotateX(var(--token-pitch))}
.market-token:after{content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none;background:linear-gradient(115deg,transparent 22%,var(--pack-film-light) 38%,transparent 55%);box-shadow:inset 1px 1px 1px var(--foil-cream),inset -1px -1px 2px var(--sleeve-edge)}
.market-token .stock-logo{width:100%;height:100%;object-fit:contain;border-radius:50%;background:var(--paper);padding:1px}
.market-token:nth-child(1){left:4%;top:36%;width:19%;z-index:3;--token-turn:-24deg;--token-yaw:-36deg;--token-pitch:16deg}
.market-token:nth-child(2){left:76%;top:24%;width:17%;z-index:3;--token-turn:24deg;--token-yaw:40deg;--token-pitch:-18deg}
.market-token:nth-child(3){left:40%;top:36%;width:6%;opacity:.7;--token-turn:-28deg;--token-yaw:-30deg;--token-pitch:22deg}
.market-token:nth-child(4){left:21%;top:40%;width:10%;--token-turn:32deg;--token-yaw:28deg;--token-pitch:12deg}
.market-token:nth-child(5){left:36%;top:44%;width:5%;opacity:.65;--token-turn:-38deg;--token-yaw:36deg;--token-pitch:-20deg}
.market-token:nth-child(6){left:50%;top:44%;width:6%;opacity:.75;--token-turn:12deg;--token-yaw:-42deg;--token-pitch:18deg}
.market-token:nth-child(7){left:66%;top:18%;width:9%;--token-turn:-19deg;--token-yaw:-32deg;--token-pitch:14deg}
.market-token:nth-child(8){left:77%;top:57%;width:16%;z-index:3;--token-turn:-32deg;--token-yaw:-30deg;--token-pitch:22deg}
.market-token:nth-child(9){left:83%;top:44%;width:9%;--token-turn:28deg;--token-yaw:42deg;--token-pitch:-12deg}
.market-token:nth-child(10){left:73%;top:49%;width:5.5%;opacity:.7;--token-turn:-38deg;--token-yaw:-38deg;--token-pitch:18deg}
.market-token:nth-child(11){left:74%;top:62%;width:8%;--token-turn:22deg;--token-yaw:38deg;--token-pitch:-24deg}
.market-token:nth-child(12){left:6%;top:55%;width:6%;opacity:.7;--token-turn:38deg;--token-yaw:-32deg;--token-pitch:16deg}
.pack.desk-1 .market-token:nth-child(4){left:18%;top:39%}
.pack.desk-1 .market-token:nth-child(6){left:47%;top:43%}
.pack.desk-2 .market-token:nth-child(8){left:76%;top:59%;--token-turn:-20deg}
.pack.desk-2 .market-token:nth-child(11){left:59%;top:64%}
.pack-stock-emblem{display:flex;align-items:center;justify-content:flex-start;gap:.5em;grid-column:1;min-width:0}
.pack-stock-emblem .stock-logo{width:1.7em;height:1.7em;border-radius:4px;background:var(--paper);padding:2px}
.pack-stock-emblem b{font:700 1.1em var(--sans);letter-spacing:.08em;text-shadow:0 2px 5px var(--foil-carbon)}
.pack-info{position:absolute;top:74%;left:9%;right:9%;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.25em .6em;z-index:3}
.pack-street{display:none}.pack-stake{grid-column:2;justify-self:end;white-space:nowrap;font:600 .6em var(--mono)}.pack-info .pack-odds{grid-column:1/-1;white-space:nowrap;font:500 clamp(4px,2.8cqw,9px)/1.45 var(--sans)}.pack-status{grid-column:1/-1;font:600 max(7px,.58em)/1.3 var(--sans);color:var(--sleeve-foil)}
.pack-edition{position:absolute;bottom:6.7%;left:0;right:0;font:.48em var(--mono);letter-spacing:.1em;opacity:.8}
.pack-foot{position:absolute;bottom:4.5%;left:0;right:0;font:.44em var(--mono);letter-spacing:.04em}
.pack.tearing{animation:foil-hold .42s ease}
.pack.tearing .pack-tear{transform:translate3d(65%,-35px,30px) rotateZ(-20deg) rotateY(-30deg);opacity:0}
.pack.unsealed .pack-mouth{transform:translateZ(10px) scaleY(1)}
.pack.unsealed .pack-face{transform:translateZ(14px) rotateX(-5deg);transform-origin:50% 90%;clip-path:polygon(0 2%,5% 3%,12% 1%,19% 3%,25% 1%,33% 3%,41% 1%,49% 3%,57% 1%,65% 3%,73% 1%,81% 3%,90% 1%,100% 2%,100% 100%,0 100%)}
.pack.opened{animation:foil-away .9s ease both;pointer-events:none}
@keyframes foil-hold{50%{transform:rotateX(4deg) rotateY(-13deg) rotateZ(-3deg)}}
@keyframes foil-away{0%{opacity:1;transform:rotateY(-7deg)}45%{opacity:.9;transform:translateY(30%) rotateY(-12deg) rotateZ(4deg)}100%{opacity:0;transform:translateY(58%) rotateY(-16deg) rotateZ(7deg)}}
/* Street context and balances precede the full-width collection. */
body:has([data-view="wall"]:not([hidden])) #demo-street-nav{display:none}
[data-view=wall]>.page-heading{padding-bottom:24px;margin-bottom:0}
[data-view=wall]>.page-heading h1{font-size:2rem;line-height:1.2}
[data-view=wall]>.page-heading h1 em{display:inline}
[data-view=wall]>.page-heading .lead{font-size:.82rem;max-width:760px;margin-top:10px;line-height:1.6}
[data-view=wall]>.page-heading .eyebrow{margin-bottom:9px}
.wall-market-overview{border:1px solid var(--line);border-radius:12px;background:var(--paper);margin:0 0 26px;overflow:hidden}
.wall-market-top{display:grid;grid-template-columns:200px minmax(0,1fr);align-items:center;gap:28px;padding:22px 28px}
.wall-market-top>.section-top{align-items:flex-start;gap:16px;flex-direction:column}
.wall-market-top .street-fixed{gap:14px}
.wall-market-top .street-fixed img{width:44px;height:44px;border-radius:8px}
.wall-market-top .street-fixed h2{font:400 2.1rem/1 var(--serif);letter-spacing:-.04em}
.wall-market-top .eyebrow{font:.52rem var(--mono);letter-spacing:.1em;color:var(--sub);margin-bottom:7px}
.wall-market-top .pill{font-size:.6rem;padding:4px 8px}
.wall-market-top .pill.on{color:var(--good);border-color:var(--good-edge)}
.wall-market-top .pill.wait{color:var(--amber);border-color:var(--pale-edge)}
.wall-stock-picker{min-width:0;border-left:1px solid var(--line);padding-left:28px}
.wall-stock-heading{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px;font:.56rem var(--mono);color:var(--sub);letter-spacing:.06em}
.wall-stock-heading>b{font-weight:400;letter-spacing:0}
.wall-stock-heading>a{margin-left:auto;font:.63rem var(--sans);letter-spacing:0;color:var(--accent)}
.wall-stock-tabs{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px}
.wall-stock-tabs .street-tab{display:flex;flex-direction:column;align-items:center;gap:5px;padding:9px 4px;border:1px solid var(--line);background:var(--paper);border-radius:6px}
.wall-stock-tabs .street-tab .stock-logo{width:25px;height:25px;align-self:center}
.wall-stock-tabs .street-tab .stock-choice-label{display:block;align-self:center}
.wall-stock-tabs .street-tab b{font:.66rem var(--mono);font-weight:500}
.wall-stock-tabs .street-tab .stock-state{font:.48rem var(--mono)}
.wall-stock-tabs .street-tab[aria-pressed=true]{background:var(--picked);border-color:var(--orange);color:var(--accent)}
.wall-stock-tabs .street-tab:hover{border-color:var(--orange);background:var(--soft)}
.wall-stock-tabs .street-tab[aria-disabled=true] .stock-logo{opacity:.65}
.wall-market-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--panel);color:var(--panel-ink);padding:22px 28px;gap:22px}
.wall-market-stats>div{display:grid;gap:8px;min-width:0;align-content:start}
.wall-market-stats>div+div{border-left:1px solid var(--panel-line);padding-left:22px}
.wall-market-stats>div>span{display:flex;align-items:center;font:.64rem var(--sans);color:var(--panel-sub)}
.wall-market-stats strong{font:400 clamp(1rem,1.6vw,1.45rem)/1.2 var(--mono);letter-spacing:-.035em;color:var(--gold);overflow-wrap:anywhere}
.wall-market-stats small{font:.61rem/1.5 var(--sans);color:var(--panel-sub)}
.wall-market-stats .hint,.wall-market-timing .hint{background:var(--panel-hint);color:var(--panel-ink)}
.wall-market-timing{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 28px;background:var(--panel);color:var(--panel-sub);border-top:1px solid var(--panel-line);font:.63rem var(--mono)}
.wall-market-timing>span{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.wall-market-timing b{font-weight:400;color:var(--panel-ink)}
.wall-market-timing small{font:.6rem var(--sans)}
.wall-market-details{display:grid;grid-template-columns:1fr 1fr;align-items:start}
.wall-market-details>details+details{border-left:1px solid var(--line)}
.wall-market-details>details[open]{grid-column:1/-1;border-left:0}
.wall-market-details>details[open]+details{border-left:0}
.wall-market-details summary{padding:13px 28px;font:.69rem var(--sans);color:var(--sub);cursor:pointer}
.wall-market-details summary:hover{color:var(--accent)}
.wall-details-body{padding:8px 28px 22px}
.wall-details-body .section-top h3{font:400 1.3rem var(--serif)}
.wall-details-body .secondary-button{font-size:.69rem;padding:7px 12px;min-height:34px;width:auto;white-space:nowrap}
.wall-details-body .community-action>.secondary-button{width:100%;min-height:42px;font-size:.76rem;white-space:normal}
.wall-market-details .community-explainer summary{padding:0;font-size:.65rem}
.wall-details-body .field-note{font-size:.71rem;color:var(--sub)}
.wall-details-body .jackpot-facts{margin-top:14px}
.wall-details-body .jackpot-facts div{border-color:var(--line)}
.wall-details-body .jackpot-facts dt,.wall-details-body .pot-cap small{color:var(--sub);font-size:.69rem}
.wall-details-body .jackpot-facts dd,.wall-details-body .pot-cap b{color:var(--ink);font-size:.72rem}
.wall-market-history{margin-top:14px}
.wall-market-history th,.wall-market-history td{padding:8px 6px;font-size:.68rem}
@media(max-width:980px){.wall-market-top{grid-template-columns:145px minmax(0,1fr);padding:20px;gap:20px}.wall-stock-picker{padding-left:20px}.wall-stock-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.wall-stock-tabs .street-tab{display:grid;grid-template-columns:22px auto;justify-content:start;align-items:center;padding:7px}.wall-stock-tabs .street-tab .stock-logo{width:22px;height:22px;grid-row:1/3}.wall-stock-tabs .street-tab .stock-state{grid-column:2;justify-self:start}.wall-stock-tabs .street-tab .stock-choice-label{justify-self:start}.wall-stock-heading>a{margin-left:0}.wall-market-stats{padding:20px;gap:16px}.wall-market-stats>div+div{padding-left:16px}.wall-market-stats strong{font-size:1.1rem}.wall-market-timing{padding:13px 20px}.wall-market-details summary{padding:13px 20px}.wall-details-body{padding:8px 20px 20px}}
@media(max-width:680px){[data-view=wall]>.page-heading h1{font-size:1.65rem}[data-view=wall]>.page-heading h1 em{display:block}[data-view=wall]>.page-heading .lead{font-size:.75rem}[data-view=wall]>.page-heading .page-index{display:none}.wall-market-top{display:block;padding:18px 16px}.wall-market-top>.section-top{flex-direction:row;align-items:center}.wall-market-top .street-fixed h2{font-size:2rem}.wall-stock-picker{padding:18px 0 0;margin-top:18px;border-left:0;border-top:1px solid var(--line)}.wall-stock-heading{font-size:.52rem;gap:9px}.wall-stock-heading>a{margin-left:auto;font-size:.57rem}.wall-stock-tabs{gap:6px}.wall-stock-tabs .street-tab{padding:8px 5px;gap:3px 5px}.wall-stock-tabs .street-tab b{font-size:.6rem}.wall-stock-tabs .street-tab .stock-state{font-size:.43rem}.wall-market-stats{grid-template-columns:1fr 1fr;gap:18px 14px;padding:20px 16px}.wall-market-stats>div+div{border-left:0;padding-left:0}.wall-market-stats>div:nth-child(even){border-left:1px solid var(--panel-line);padding-left:14px}.wall-market-stats>div:nth-child(n+3){padding-top:16px;border-top:1px solid var(--panel-line)}.wall-market-stats strong{font-size:1.15rem}.wall-market-stats>div>span{font-size:.62rem}.wall-market-timing{padding:13px 16px;align-items:flex-start;flex-direction:column;gap:10px}.wall-market-timing>span{gap:6px 12px}.wall-market-details{display:block}.wall-market-details>details+details{border-left:0;border-top:1px solid var(--line)}.wall-market-details summary{padding:13px 16px}.wall-details-body{padding:8px 16px 18px}}

/* The trading floor uses the same wrappers as a purchased ticket. Selection is one radio group. */
.wall-trading-floor.order-card{padding:0;overflow:visible;margin:0 0 32px;background:var(--paper);border-radius:12px;box-shadow:none}
.wall-floor-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 30px 22px;border-bottom:1px solid var(--line)}
.wall-floor-heading .eyebrow{font-size:.58rem;margin-bottom:8px}
.wall-floor-heading h2{font-size:2.35rem}
.wall-collection-link{font:.72rem var(--sans);color:var(--sub);display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--edge);padding-bottom:6px;white-space:nowrap}
.wall-collection-link:hover,.wall-odds-link:hover{color:var(--accent);border-color:var(--orange)}
.wall-ticket-layout{display:block}
.wall-pack-selection{min-width:0;padding:28px 40px;background:radial-gradient(ellipse at 48% 36%,var(--paper),var(--soft) 85%);border-radius:0}
.wall-selection-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}
.wall-selection-heading .field-label,.wall-order-panel>.wall-step-label{display:flex;align-items:center;gap:8px;margin:0;font-size:.76rem}
.wall-selection-heading .field-label>span,.wall-step-label>span{font:.6rem var(--mono);border:1px solid var(--edge);border-radius:50%;padding:4px 5px;color:var(--sub)}
.wall-swipe-note{display:none;font:.61rem var(--mono);color:var(--sub)}
.wall-pack-grid.desk-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;max-width:1000px;margin:0 auto}
.wall-pack-grid .desk{position:relative;grid-template-columns:1fr;gap:0;padding:15px 10px 0;background:transparent;border:1px solid transparent;border-radius:8px;box-shadow:none;align-content:start}
.wall-pack-grid .desk:hover{background:var(--paper);border-color:var(--edge)}
.wall-pack-grid .desk[aria-checked=true]{background:linear-gradient(160deg,var(--paper) 45%,var(--picked));border-color:var(--orange-edge);box-shadow:inset 0 0 0 1px var(--orange-edge),inset 0 0 0 4px var(--paper),0 8px 24px var(--foil-shadow)}
.wall-pack-grid .desk[aria-checked=true] .wall-pack-caption{border-color:var(--pale-edge)}
.wall-pack-grid .desk:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
.wall-pack-grid .wall-pack-visual{display:block;position:relative;aspect-ratio:3/5;width:100%;max-width:260px;margin:0 auto 20px;perspective:1100px;container-type:inline-size;pointer-events:none;color:var(--ink);font:inherit;isolation:isolate}
.wall-pack-grid .wall-pack-visual span{text-align:inherit}
.wall-pack-grid .desk:hover .pack,.wall-pack-grid .desk:focus-visible .pack{transform:rotateX(1deg) rotateY(-4deg) rotateZ(0) translateY(-4px)}
.wall-pack-grid .desk:hover .pack-face:after{transform:translateX(28%)}
.wall-pack-grid .wall-pack-caption{display:grid;gap:4px;border-top:1px solid var(--line);padding:14px 2px 17px;text-align:left;color:var(--ink);font:inherit}
.wall-pack-name{display:flex;align-items:center;justify-content:space-between;gap:8px}
.wall-pack-name>b{font:400 1.48rem/1.1 var(--serif);letter-spacing:-.03em}
.wall-pack-name>i{display:grid;place-items:center;border:1px solid var(--edge);border-radius:50%;width:17px;height:17px;font:500 .6rem var(--sans);color:transparent}
.desk[aria-checked=true] .wall-pack-name>i{background:var(--orange-edge);border-color:var(--orange-edge);color:var(--paper)}
.wall-pack-caption>small{font:.63rem/1.6 var(--sans);color:var(--sub);min-height:2.5em}
.wall-pack-caption>.wall-pack-range{font:600 .82rem/1.5 var(--mono);color:var(--ink);text-align:left}
.wall-capacity{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:16px 24px;padding:20px 22px;margin-top:24px;border:1px solid var(--edge);border-radius:7px;background:var(--paper)}
.wall-capacity-main,.wall-capacity-funds{display:grid;gap:7px;align-content:start}
.wall-capacity-main>span,.wall-capacity-funds>span{font:.55rem var(--mono);letter-spacing:.08em;color:var(--sub)}
.wall-capacity-main>strong{font:400 1.65rem/1.2 var(--serif);letter-spacing:-.025em;color:var(--ink)}
.wall-capacity-funds{border-left:1px solid var(--line);padding-left:24px}
.wall-capacity-funds>b{font:400 1rem/1.6 var(--mono);color:var(--ink)}
.wall-capacity small,.wall-capacity>p{font:.65rem/1.6 var(--sans);color:var(--sub)}
.wall-capacity>p{grid-column:1/-1;padding-top:12px;margin:0;border-top:1px solid var(--line)}
@media(max-width:680px){.wall-capacity{grid-template-columns:1fr;padding:18px}.wall-capacity-funds{padding:14px 0 0;border-left:0;border-top:1px solid var(--line)}.wall-capacity small,.wall-capacity>p{font-size:.7rem}}
.wall-collection-note{margin-top:24px;padding-top:22px;border-top:1px solid var(--edge)}
.wall-collection-note>b{font:400 1.25rem var(--serif);letter-spacing:-.025em}
.wall-collection-note p{font:.72rem/1.7 var(--sans);color:var(--sub);margin-top:6px;max-width:480px}
.wall-rarity-key{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:20px 0 16px}
.wall-rarity-key>span{display:flex;align-items:center;gap:5px;font:.62rem var(--sans);color:var(--sub);white-space:nowrap}
.wall-rarity-key b{font:.6rem var(--mono);color:var(--ink);margin-left:auto}
.wall-rarity-key i{display:block;flex:none;width:7px;height:7px;border-radius:50%;background:var(--foil-flat)}
.wall-rarity-key .wall-rarity-1{background:var(--holo-titanium)}
.wall-rarity-key .wall-rarity-2{background:var(--foil-breakout)}
.wall-rarity-key .wall-rarity-3{background:var(--holo-gold)}
.wall-pack-disclosure{font:.62rem/1.7 var(--sans);color:var(--sub);max-width:570px}
.wall-odds-link{display:inline-flex;align-items:center;gap:18px;font:.7rem var(--sans);margin-top:16px;border-bottom:1px solid var(--edge);padding-bottom:5px}
.wall-order-panel{min-width:0;padding:30px;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr) minmax(0,1.3fr);gap:30px;border-top:1px solid var(--line)}
.wall-order-intro,.wall-payment-controls,.wall-quote-controls{min-width:0}
.wall-order-panel .wall-step-label{display:flex;align-items:center;gap:8px;margin:0;font-size:.76rem}
.wall-payment-controls{padding-left:24px;border-left:1px solid var(--line)}
.wall-payment-controls>.pay-row{margin-top:0}
.wall-quote-controls>.quote-head .field-label{margin-top:0}
.wall-quote-controls .quote-box .confirm-lines div{grid-template-columns:110px minmax(0,1fr)}
.wall-shelf-actions{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:18px}
.wall-shelf-actions .wall-odds-link{margin-top:0}
.wall-shelf-actions .secondary-button{min-width:200px;width:auto;display:flex;align-items:center;justify-content:space-between;gap:28px;font-size:.8rem}
.wall-rarity-key{max-width:650px;gap:30px}
.wall-order-selection{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;margin:22px 0 24px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.wall-order-kicker{font:.52rem var(--mono);letter-spacing:.1em;color:var(--faint)}
.wall-order-selection h3{font:400 2rem/1.1 var(--serif);margin-top:6px;letter-spacing:-.035em}
.wall-order-street{align-self:center;font:.58rem var(--mono);letter-spacing:.04em;padding:5px 7px;border:1px solid var(--line);border-radius:3px;color:var(--sub)}
.wall-order-selection p{grid-column:1/-1;font:.71rem/1.6 var(--sans);color:var(--sub)}
.wall-return-line{display:flex;align-items:baseline;justify-content:space-between;gap:12px;grid-column:1/-1;font:.65rem var(--sans);color:var(--sub)}
.wall-return-line b{font:.74rem var(--mono);font-weight:500;color:var(--ink)}
.wall-order-panel .field-label{font-size:.73rem}
.wall-order-panel .field-note,.wall-order-panel .amount-balance{font-size:.7rem}
.wall-order-panel .segmented button{font-size:.72rem;padding:7px 11px}
.wall-order-panel .quote-box{padding:12px;margin-top:6px}
.wall-order-panel .truth{font-size:.67rem;padding:10px 12px;margin-bottom:12px}
.wall-order-panel .primary-button{width:100%;font-size:.82rem}
.wall-order-panel .ticket-more{margin-top:14px}
.wall-trading-floor .pack-stage{padding:32px 24px;max-width:440px;margin:auto;min-height:540px}
.wall-trading-floor .pack-stage>.field-note{text-align:center}
.wall-trading-floor .pack-stage .pack-slot{max-width:260px}
.pack-clock{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 14px;width:100%;margin:0 0 12px;padding:12px 15px;border:1px solid var(--panel-line);border-radius:7px;background:var(--panel);color:var(--panel-ink);text-align:left}
.pack-clock-kicker{grid-column:1/-1;font:.5rem var(--mono);letter-spacing:.08em;color:var(--panel-sub)}
.pack-clock-label{font:.68rem var(--sans);color:var(--panel-sub)}
.pack-clock-value{grid-column:2;grid-row:2/4;font:400 1.1rem/1.2 var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.035em;color:var(--gold)}
.pack-clock-at{font:.55rem/1.6 var(--mono);color:var(--panel-sub)}
.pack-clock-note{display:none}
.pack-clock[data-state=ready] .pack-clock-value,.pack-clock[data-state=revealed] .pack-clock-value{color:var(--good-on-dark)}
.pack-quantity{min-width:0;margin:20px 0 0;padding:18px 0 0;border:0;border-top:1px solid var(--line)}
.pack-quantity legend{padding:0 6px 0 0;font:500 .74rem var(--sans);color:var(--ink)}
.pack-quantity-row{display:flex;align-items:stretch;gap:10px;margin:10px 0}
.pack-quantity-presets{display:flex;gap:5px;flex:1}
.pack-quantity-presets button{flex:1;padding:9px 6px;border:1px solid var(--edge);border-radius:4px;background:var(--paper);font:.75rem var(--mono)}
.pack-quantity-presets button[aria-pressed=true]{color:var(--accent);background:var(--picked);border-color:var(--orange-edge);box-shadow:inset 0 0 0 1px var(--orange-edge)}
.pack-quantity-presets button:disabled{opacity:.35;cursor:not-allowed}
#pack-count{width:60px;min-width:0;border:1px solid var(--edge);border-radius:4px;padding:8px 6px;font:.8rem var(--mono);background:var(--paper);color:var(--ink)}
.pack-count-total{font:500 .72rem/1.6 var(--mono);color:var(--accent);margin:12px 0 7px}
.pack-quantity>.field-note{display:block}
.wall-trading-floor .pack-stage:has(.pack-session){max-width:920px;width:100%;padding:24px 30px}
.pack-session{width:100%;text-align:center;overflow-anchor:none}
.pack-session-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 18px;border:1px solid var(--panel-line);border-radius:7px;background:var(--panel);color:var(--panel-ink);text-align:left}
.pack-session-kicker{font:.65rem var(--mono);letter-spacing:.08em;color:var(--panel-ink)}
.pack-session-header h3{font:400 1.3rem var(--serif);letter-spacing:-.025em;margin:0}
.pack-session-header p,.pack-session-header small{font:.58rem/1.6 var(--mono);color:var(--panel-sub)}
.pack-session-clock{display:grid;gap:4px;text-align:right}
.pack-session-clock-label{font:.6rem var(--sans);color:var(--panel-sub)}
.pack-session-clock-value{font:400 1.1rem var(--mono);color:var(--gold);font-variant-numeric:tabular-nums}
.pack-session-clock-at{font:.52rem var(--mono);color:var(--panel-sub)}
.pack-session-status{font:.68rem/1.65 var(--sans);color:var(--sub);margin:12px auto;max-width:560px;min-height:1.65em}
.pack-session-theatre{position:relative;width:min(100%,280px);margin:8px auto 10px;padding:12px 10px 0;isolation:isolate}
.pack-session-theatre:before{content:'';position:absolute;inset:18% -25% 10%;z-index:-2;pointer-events:none;background:radial-gradient(ellipse,var(--foil-gold-light),transparent 67%);opacity:.6}
.pack-session-stack-sheet{position:absolute;inset:42px 10px 0;z-index:-1;aspect-ratio:3/5;border:1px solid var(--foil-brass-faint);border-radius:6px;background:linear-gradient(125deg,var(--pack-jade),var(--foil-carbon));box-shadow:0 8px 18px var(--foil-shadow);transform:rotate(4deg) translateX(10px)}
.pack-session-stack-sheet:nth-child(2){transform:rotate(-5deg) translateX(-10px)}
.pack-session-theatre[data-remaining="1"] .pack-session-stack-sheet,.pack-session-theatre[data-remaining="0"] .pack-session-stack-sheet{display:none}
.pack-session-theatre[data-desk="1"] .pack-session-stack-sheet{background:linear-gradient(125deg,var(--pack-copper-lit),var(--pack-copper))}
.pack-session-theatre[data-desk="2"] .pack-session-stack-sheet{background:linear-gradient(125deg,var(--pack-midnight-lit),var(--pack-midnight))}
.pack-session-counter{display:block;font:.56rem var(--mono);letter-spacing:.12em;color:var(--sub);margin:0 auto 14px}
.pack-session .pack-session-slot{width:100%;max-width:260px;margin:0 auto}
.pack-session-result{min-height:55px;margin:10px auto;text-align:center}
.pack-session-result strong,.pack-session-result b{font:400 1.35rem var(--serif);letter-spacing:-.02em}
.pack-session-result p,.pack-session-result small,.pack-session-result span{display:block;font:.7rem/1.7 var(--mono);color:var(--sub)}
.pack-session-controls{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;max-width:600px;margin:15px auto}
.pack-session-controls button{width:auto;min-width:130px;min-height:42px;font-size:.76rem}
.pack-session-controls>.pack-session-auto{flex-basis:100%}
.pack-session-auto{display:flex;align-items:center;justify-content:center;gap:8px;font:.68rem var(--sans);color:var(--sub);margin:8px auto}
.pack-session-auto input{accent-color:var(--orange-edge)}
.pack-session[data-phase=revealing] .pack-session-theatre:before{animation:session-halo 1.8s ease-out both}
.pack-session[data-phase=revealed] .pack-session-result{animation:session-result .35s ease-out both}
.pack-session-summary{padding:20px 0 0;text-align:left}
.pack-session-summary h3{font:400 1.7rem var(--serif);letter-spacing:-.03em;margin:0 0 16px}
.pack-session-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:18px 20px;border-radius:7px;background:var(--panel);color:var(--panel-ink)}
.pack-session-totals>div{min-width:0}
.pack-session-totals dt,.pack-session-totals small{font:.6rem/1.6 var(--sans);color:var(--panel-sub)}
.pack-session-totals dd,.pack-session-totals b{font:400 .9rem/1.6 var(--mono);margin:5px 0 0;overflow-wrap:anywhere}
.pack-session-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 22px;margin:28px 0}
.pack-session-card{min-width:0;margin:0;padding:0 6px}
.pack-session-card-slot{position:relative;width:100%;aspect-ratio:2/3;container-type:inline-size;perspective:1100px}
.pack-session-card figcaption{font:.66rem/1.7 var(--sans);color:var(--sub);margin-top:15px;display:grid;gap:3px}
.pack-session-card figcaption b{font:.75rem var(--mono);color:var(--ink)}
.pack-session-summary>p{font:.69rem/1.7 var(--sans);color:var(--sub)}
@keyframes session-halo{0%{opacity:0;transform:scale(.85)}35%{opacity:.95}100%{opacity:.55;transform:scale(1)}}
@keyframes session-result{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:680px){.wall-trading-floor .pack-stage:has(.pack-session){padding:18px 16px}.pack-session-header{padding:11px 12px;gap:10px}.pack-session-header h3{font-size:1.1rem}.pack-session-clock-value{font-size:.95rem}.pack-session-clock-at{font-size:.47rem}.pack-session-theatre{width:240px;padding-top:8px}.pack-session-status{font-size:.65rem}.pack-session-controls{gap:8px}.pack-session-controls button{flex:1;white-space:normal;padding:11px;font-size:.72rem}.pack-session-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.pack-session-card{padding:0 3px}.pack-session-card figcaption{font-size:.6rem}.pack-session-totals{grid-template-columns:1fr;gap:12px;padding:16px}.pack-session-totals>div+div{border-top:1px solid var(--panel-line);padding-top:10px}}
@media(prefers-reduced-motion:reduce){.pack-session[data-phase=revealing] .pack-session-theatre:before,.pack-session[data-phase=revealed] .pack-session-result{animation:none}}
[data-view=wall] .wall-workspace{display:block}
[data-view=wall] .wall-workspace>.market-column{display:grid;gap:24px}
[data-view=wall] .wall-workspace .odds-card{order:0}
@media(max-width:1180px) and (min-width:981px){.wall-pack-selection{padding:24px 30px}.wall-pack-grid.desk-grid{gap:26px}.wall-order-panel{padding:26px;gap:22px;grid-template-columns:minmax(0,.8fr) minmax(0,1fr) minmax(0,1.2fr)}.wall-payment-controls{padding-left:20px}.wall-quote-controls .quote-box .confirm-lines div{grid-template-columns:90px minmax(0,1fr)}}
@media(max-width:980px){.wall-pack-selection{padding:24px}.wall-pack-grid.desk-grid{gap:20px}.wall-pack-grid .desk{padding:16px 12px 0}.wall-order-panel{padding:26px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.wall-order-intro{grid-column:1/-1;display:grid;grid-template-columns:1fr 2fr;gap:24px;border-bottom:1px solid var(--line)}.wall-order-intro>.wall-step-label{align-self:start}.wall-order-selection{margin:0;padding-bottom:20px;border-bottom:0}.wall-payment-controls{padding-left:0;border-left:0}.wall-return-line{max-width:440px}}
@media(max-width:680px){.wall-floor-heading{padding:22px 18px;gap:14px}.wall-floor-heading h2{font-size:2rem}.wall-collection-link{font-size:.63rem;gap:6px}.wall-floor-heading .eyebrow{font-size:.5rem}.wall-pack-selection{padding:22px 16px}.wall-swipe-note{display:block}.wall-pack-grid.desk-grid{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:2px;padding:4px 3px 14px;scrollbar-width:thin;scrollbar-color:var(--edge) transparent}.wall-pack-grid .desk{flex:0 0 min(76vw,255px);scroll-snap-align:start;padding:20px 18px 0;grid-template-columns:1fr;align-items:stretch}.wall-pack-grid .wall-pack-visual{max-width:220px}.wall-pack-grid .wall-pack-caption{text-align:left}.wall-pack-name>b{font-size:1.6rem}.wall-pack-caption>small{min-height:0;font-size:.72rem}.wall-pack-caption>.wall-pack-range{font-size:.72rem}.wall-collection-note{margin-top:8px;padding-top:20px}.wall-collection-note p{font-size:.73rem}.wall-rarity-key{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px}.wall-rarity-key>span{font-size:.7rem}.wall-rarity-key b{font-size:.65rem;margin-left:auto}.wall-pack-disclosure{font-size:.65rem}.wall-shelf-actions{align-items:stretch;flex-direction:column;gap:20px}.wall-shelf-actions .wall-odds-link{align-self:flex-start}.wall-shelf-actions .secondary-button{width:100%}.wall-order-panel{display:block;padding:24px 20px}.wall-order-intro{display:block;border-bottom:0}.wall-order-selection{margin:18px 0 22px;border-bottom:1px solid var(--line)}.wall-quote-controls{margin-top:20px}.wall-order-panel .field-note{font-size:.74rem}.wall-order-panel .truth{font-size:.72rem}.wall-order-panel .segmented button{font-size:.8rem}.wall-order-panel .field-label{font-size:.8rem}.wall-order-panel .primary-button{font-size:.9rem;min-height:48px}.wall-trading-floor .pack-stage{padding:24px 22px}}
@media(prefers-reduced-motion:reduce){.wall-pack-grid .desk:hover .pack,.wall-pack-grid .desk:focus-visible .pack{transform:rotateX(4deg) rotateY(-9deg) rotateZ(-2deg)}}

/* Keep pack settings and the order receipt together, with risk details on demand. */
.wall-order-panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px 42px;padding:30px 36px 24px}
.wall-order-intro{grid-column:1/-1;display:block;border:0}
.wall-order-panel .wall-step-label{font:.63rem var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--sub);gap:10px}
.wall-order-panel .wall-step-label>span{display:grid;place-items:center;width:23px;height:23px;border:1px solid var(--line);border-radius:50%;font:.6rem var(--mono)}
.wall-order-selection{grid-template-columns:minmax(150px,.8fr) minmax(0,1.4fr) auto;align-items:center;gap:24px;margin:18px 0 0;padding:0 0 24px;border-bottom:1px solid var(--line)}
.wall-order-kicker{font-size:.56rem;letter-spacing:.12em}
.wall-order-name{display:flex;gap:14px;align-items:center;margin-top:8px}
.wall-order-selection h3{font:400 2.1rem/1.1 var(--serif);margin:0}
.wall-order-street{white-space:nowrap;background:var(--paper);font:.58rem var(--mono);padding:6px 8px}
.wall-order-description p{font:.77rem/1.6 var(--sans);margin:0;max-width:430px;color:var(--sub)}
.wall-return-line{justify-content:flex-start;gap:10px;font-size:.67rem;margin-top:7px;max-width:none}
.wall-return-line b{font-size:.7rem}
.wall-change-pack{display:flex;align-items:center;gap:14px;font:.74rem var(--sans);color:var(--accent);text-decoration:none;min-height:44px;white-space:nowrap}
.wall-change-pack:hover{text-decoration:underline}
.wall-payment-controls{padding:4px 0 0;border:0}
.wall-payment-controls>.pay-row{align-items:center;margin:0 0 22px}
.wall-order-panel .field-label{font-size:.8rem;font-weight:500}
.wall-order-panel .segmented{padding:3px}
.wall-order-panel .segmented button{font-size:.76rem;min-height:38px;padding:8px 15px}
.wall-order-panel .setup-amount{min-height:58px;border-radius:6px}
.wall-order-panel .setup-amount input{font-size:1.35rem;padding:13px 16px}
.wall-order-panel .field-note,.wall-order-panel .amount-balance{font-size:.72rem;line-height:1.65}
.wall-order-panel .amount-tools{margin-top:8px}
.wall-order-panel .amount-max{min-height:36px}
.wall-order-panel .chips{gap:8px;margin-top:16px}
.wall-order-panel .chips button{min-height:40px;flex:1;font:.73rem var(--mono);padding:8px}
.wall-order-panel .pack-quantity{margin-top:27px;padding-top:14px;border-color:var(--line)}
.wall-order-panel .pack-quantity legend{font:.8rem var(--sans);padding-right:10px}
.pack-quantity-row{gap:12px;flex-wrap:wrap;margin:9px 0 10px}
.pack-quantity-presets{gap:7px;min-width:174px}
.pack-quantity-presets button{min-width:38px;min-height:44px;font-size:.85rem;border-radius:5px}
.pack-quantity-presets button:disabled{opacity:.42}
.pack-quantity-custom{display:flex;align-items:stretch;border:1px solid var(--edge);border-radius:5px;background:var(--paper);min-height:44px;overflow:hidden}
.pack-quantity-custom button{border:0;background:transparent;color:var(--ink);width:38px;min-height:44px;font:1.15rem var(--sans);padding:0}
.pack-quantity-custom button:hover:not(:disabled){background:var(--picked)}
.pack-quantity-custom button:disabled{color:var(--faint);opacity:.5;cursor:not-allowed}
.pack-quantity-custom #pack-count{border:0;border-left:1px solid var(--line);border-right:1px solid var(--line);border-radius:0;width:44px;padding:6px 2px;text-align:center;font:.9rem var(--mono);appearance:textfield;-moz-appearance:textfield}
#pack-count::-webkit-inner-spin-button,#pack-count::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.pack-quantity-hint{font-size:.67rem!important;margin-top:6px;color:var(--faint)}
.wall-quote-controls{padding:22px 24px;background:var(--paper);border:1px solid var(--line);border-radius:10px;align-self:start}
.wall-quote-controls .quote-head{margin:0 0 13px;align-items:center}
.wall-quote-controls .quote-head>.field-label{font:400 1.5rem var(--serif);letter-spacing:-.025em}
.wall-quote-controls #quote-button{font:.7rem var(--sans);min-height:32px}
.wall-order-panel .quote-box{padding:0;margin:0;border:0;background:transparent;min-height:0}
.wall-quote-controls .quote-box .confirm-lines div{grid-template-columns:minmax(90px,.7fr) minmax(0,1.3fr);gap:12px;padding:9px 0;align-items:baseline}
.wall-quote-controls .quote-box .confirm-lines dt{font:.7rem/1.6 var(--sans);text-transform:none;letter-spacing:0;color:var(--sub)}
.wall-quote-controls .quote-box .confirm-lines dd{font:.73rem/1.6 var(--mono);text-align:right;overflow-wrap:anywhere}
.wall-order-panel .truth{font:.68rem/1.65 var(--sans);padding:11px 12px;margin:14px 0;border-left-width:2px;background:var(--picked)}
.pack-order-receipt{padding:17px 18px;background:var(--panel);border:1px solid var(--panel-line);border-radius:7px;color:var(--panel-ink);margin-top:18px}
.pack-order-total-head{display:flex;align-items:center;justify-content:space-between;gap:14px;font:.57rem var(--mono);letter-spacing:.1em;color:var(--panel-sub)}
.pack-order-total-head b{font:400 .65rem var(--mono);letter-spacing:0;color:var(--panel-ink)}
.pack-order-receipt .pack-count-total{font:400 1.45rem/1.4 var(--mono);letter-spacing:-.045em;color:var(--panel-ink);margin:9px 0 5px;overflow-wrap:anywhere}
#pack-order-note{font:.61rem/1.6 var(--sans);color:var(--panel-sub);margin:0}
.wall-order-panel #buy-button{min-height:48px;border-radius:6px;margin-top:10px;font:.85rem var(--sans);letter-spacing:.01em}
.pack-order-next{text-align:center;font:.6rem/1.6 var(--sans);color:var(--faint);margin-top:11px}
.wall-order-details{grid-column:1/-1;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;column-gap:42px}
.wall-order-details .ticket-more{margin:0;border:0;padding:0}
.wall-order-details summary{font:.73rem var(--sans);color:var(--sub);padding:18px 0;cursor:pointer;min-height:48px}
.wall-order-details summary>span{float:right;font:.6rem var(--mono);color:var(--faint);margin-top:2px}
.wall-order-details .confirm-lines div{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:15px;padding:10px 0}
.wall-order-details .confirm-lines dt{font:.67rem/1.6 var(--sans);text-transform:none;letter-spacing:0}
.wall-order-details .confirm-lines dd{font:.69rem/1.6 var(--mono);text-align:right}
.wall-order-details .field-note{margin-bottom:14px}
@media(max-width:980px){.wall-order-panel{gap:24px;padding:26px}.wall-order-intro{display:block}.wall-order-selection{grid-template-columns:1fr 1.2fr;gap:18px;padding-bottom:20px}.wall-change-pack{grid-column:2;grid-row:1;justify-self:end;align-self:start}.wall-order-description{grid-column:1/-1}.wall-order-description p{max-width:none}.wall-quote-controls{padding:20px}.wall-order-details{column-gap:24px}}
@media(max-width:680px){.wall-order-panel{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;padding:22px 18px}.wall-order-selection{grid-template-columns:minmax(0,1fr) auto;gap:14px;margin-top:16px;padding-bottom:20px}.wall-order-name{gap:10px}.wall-order-selection h3{font-size:1.9rem}.wall-order-street{font-size:.52rem}.wall-change-pack{font-size:.68rem;grid-column:2;grid-row:1;align-self:center}.wall-order-description{grid-column:1/-1}.wall-order-description p{font-size:.72rem}.wall-return-line{font-size:.65rem}.wall-payment-controls{padding:0}.wall-payment-controls>.pay-row{margin-bottom:17px}.wall-order-panel .setup-amount{min-height:54px}.wall-order-panel .setup-amount input{font-size:1.25rem}.wall-order-panel .pack-quantity{margin-top:24px}.pack-quantity-presets{min-width:160px}.pack-quantity-presets button{min-width:34px}.pack-quantity-custom button{width:32px}.pack-quantity-custom #pack-count{width:36px}.pack-quantity-row{gap:8px}.wall-quote-controls{margin:0;padding:18px 16px}.wall-order-panel .truth{font-size:.67rem}.wall-order-panel .field-label{font-size:.78rem}.pack-order-receipt{padding:16px}.pack-order-receipt .pack-count-total{font-size:1.35rem}.wall-order-details{grid-template-columns:1fr;gap:0}.wall-order-details .ticket-more+.ticket-more{border-top:1px solid var(--line)}.wall-order-details summary{padding:16px 0}.wall-order-panel .pack-quantity-hint{font-size:.65rem!important}}

/* A short reveal ceremony: one moving card and eight finite, decorative glints. */
.wall-trading-floor .pack-stage.pack-batch-stage{padding:24px 30px 28px;background:var(--paper)}
.pack-session{display:grid;grid-template-columns:minmax(240px,.9fr) minmax(0,1fr);column-gap:34px;--ceremony-accent:var(--accent);--ceremony-glow:var(--foil-emblem-ray)}
.pack-session-header{grid-column:1/-1;grid-row:1}
.pack-session-status{grid-column:1/-1;grid-row:2;max-width:none;margin:12px 0 8px;text-align:center;font-size:.64rem;min-height:21px}
.pack-session-moment{grid-column:2;grid-row:3;text-align:left;align-self:end;padding-top:16px}
.pack-session-moment-eyebrow{display:block;font:.58rem var(--mono);letter-spacing:.15em;color:var(--ceremony-accent);margin-bottom:13px}
.pack-session-moment-title{font:400 clamp(2rem,3.6vw,3.1rem)/1.08 var(--serif);letter-spacing:-.045em;color:var(--ink);margin:0 0 16px;text-wrap:balance}
.pack-session-moment-message{font:.82rem/1.75 var(--sans);color:var(--sub);margin:0;max-width:330px;text-wrap:pretty}
.pack-session-theatre{grid-column:1;grid-row:3/6;align-self:center;width:min(100%,280px);margin:16px auto 24px;padding:12px 10px 0}
.pack-session-theatre:before{inset:6% -18% 4%;background:radial-gradient(ellipse at 50% 45%,var(--ceremony-glow),transparent 70%);border-radius:50%;opacity:1}
.pack-session-theatre:after{content:'';position:absolute;z-index:-1;left:-8%;right:-8%;bottom:-10px;height:42px;border-radius:50%;border:1px solid var(--line);background:radial-gradient(ellipse,var(--ceremony-glow),transparent 68%);pointer-events:none}
.pack-session-counter{font-size:.52rem;margin-bottom:17px}
.pack-session-result{grid-column:2;grid-row:4;text-align:left;align-self:start;padding-top:17px;border-top:1px solid var(--line);margin:20px 0 0;min-height:0}
.pack-session-result .pack-session-result-name{font:400 1.08rem/1.5 var(--serif);color:var(--ink);letter-spacing:-.015em;display:block}
.pack-session-result .pack-session-result-label{font:.52rem var(--mono);letter-spacing:.12em;color:var(--faint);margin:16px 0 6px}
.pack-session-result .pack-session-result-net{font:400 1.65rem/1.4 var(--mono);letter-spacing:-.04em;color:var(--ink);display:block;overflow-wrap:anywhere}
.pack-session-result .pack-session-result-note{font:.63rem/1.7 var(--sans);color:var(--sub);margin:7px 0 0;max-width:350px}
.pack-session-controls{grid-column:2;grid-row:5;justify-content:flex-start;align-self:start;margin:20px 0 12px;gap:8px}
.pack-session-controls button{min-width:120px;min-height:44px;font-size:.73rem}
.pack-session-controls [data-session-action=again]{background:transparent;border-color:transparent;padding-left:0;min-width:0;text-decoration:underline;text-underline-offset:3px;color:var(--sub);font-size:.67rem}
.pack-session-auto{justify-content:flex-start;font-size:.66rem;margin-top:10px}
.pack-session-auto input{width:16px;height:16px}
.pack-session[data-phase=summary]{display:block}
.pack-session[data-phase=summary] .pack-session-controls{justify-content:center;margin:14px auto 25px}
.pack-session[data-phase=summary] .pack-session-controls [data-session-action=again]{padding:11px}
.pack-session-summary-kicker{display:block;font:.57rem var(--mono);letter-spacing:.15em;color:var(--accent);margin:8px 0 12px}
.pack-session-summary h3{font:400 2.25rem/1.2 var(--serif);letter-spacing:-.04em;margin-bottom:10px}
.pack-session-summary .pack-session-summary-intro{font:.78rem/1.7 var(--sans);margin-bottom:22px;color:var(--sub)}
.pack-session[data-tone=positive]{--ceremony-accent:var(--holo-gold-deep);--ceremony-glow:var(--foil-brass-faint)}
.pack-session[data-tone=partial],.pack-session[data-tone=zero]{--ceremony-glow:var(--flash)}
.pack-session[data-tone=positive] .pack-session-moment-title{color:var(--ceremony-accent)}
.pack-session-sparkles{position:absolute;inset:14% -8% 9%;pointer-events:none;z-index:5}
.pack-session-sparkles i{position:absolute;font:16px var(--serif);color:var(--foil-brass);opacity:0;transform:scale(.4);font-style:normal;text-shadow:0 0 5px var(--holo-glint-soft)}
.pack-session-sparkles i:nth-child(1){left:7%;top:12%;--spark-delay:0ms}
.pack-session-sparkles i:nth-child(2){right:2%;top:5%;--spark-delay:160ms;font-size:21px}
.pack-session-sparkles i:nth-child(3){left:0;top:45%;--spark-delay:280ms;font-size:11px}
.pack-session-sparkles i:nth-child(4){right:4%;top:39%;--spark-delay:100ms}
.pack-session-sparkles i:nth-child(5){left:11%;bottom:11%;--spark-delay:220ms;font-size:20px}
.pack-session-sparkles i:nth-child(6){right:1%;bottom:17%;--spark-delay:360ms;font-size:12px}
.pack-session-sparkles i:nth-child(7){left:25%;top:0;--spark-delay:80ms;font-size:10px}
.pack-session-sparkles i:nth-child(8){right:27%;bottom:0;--spark-delay:300ms;font-size:14px}
.pack-session.is-anticipating .pack-session-slot>.pack{animation:ceremony-breathe .42s ease-in-out both}
.pack-session.is-anticipating .pack-session-theatre:before{animation:ceremony-gather .42s ease-out both}
.pack-session[data-phase=revealed] .pack-session-moment{animation:ceremony-welcome .5s ease-out both}
.pack-session[data-tone=positive][data-phase=revealed] .pack-session-sparkles i{animation:ceremony-spark 1.6s ease-out var(--spark-delay) both}
@keyframes ceremony-breathe{0%{transform:rotateY(-5deg) translateY(0)}55%{transform:rotateY(0) translateY(-5px)}100%{transform:rotateY(-3deg) translateY(-2px)}}
@keyframes ceremony-gather{from{opacity:.25;transform:scale(.85)}to{opacity:1;transform:scale(1.03)}}
@keyframes ceremony-welcome{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@keyframes ceremony-spark{0%{opacity:0;transform:translateY(5px) scale(.35) rotate(-15deg)}22%{opacity:.85;transform:translateY(0) scale(1) rotate(0)}100%{opacity:0;transform:translateY(-18px) scale(.35) rotate(20deg)}}
@media(max-width:680px){.wall-trading-floor .pack-stage.pack-batch-stage{padding:18px 16px 22px}.pack-session{display:block}.pack-session-status{font-size:.6rem;margin:10px 0}.pack-session-moment{text-align:center;padding-top:8px;max-width:320px;margin:0 auto 14px}.pack-session-moment-eyebrow{font-size:.5rem;margin-bottom:9px}.pack-session-moment-title{font-size:1.9rem;margin-bottom:10px}.pack-session-moment-message{font-size:.73rem;line-height:1.6;margin:auto}.pack-session-theatre{width:230px;padding:8px 10px 0;margin:16px auto 26px}.pack-session-result{text-align:center;margin:18px 0 0;padding-top:14px}.pack-session-result .pack-session-result-name{font-size:1rem}.pack-session-result .pack-session-result-label{margin-top:12px}.pack-session-result .pack-session-result-net{font-size:1.45rem}.pack-session-result .pack-session-result-note{font-size:.61rem;max-width:290px;margin:6px auto 0}.pack-session-controls{justify-content:center;margin:17px 0 4px;gap:8px}.pack-session-auto{justify-content:center}.pack-session-controls [data-session-action=again]{flex-basis:100%;padding:6px;min-height:36px}.pack-session-controls button{font-size:.73rem}.pack-session-summary h3{font-size:1.9rem}.pack-session-sparkles i:nth-child(3n){display:none}}
@media(prefers-reduced-motion:reduce){.pack-session.is-anticipating .pack-session-slot>.pack,.pack-session.is-anticipating .pack-session-theatre:before,.pack-session[data-phase=revealed] .pack-session-moment,.pack-session[data-tone=positive][data-phase=revealed] .pack-session-sparkles i{animation:none}.pack-session-sparkles{display:none}}

/* Portrait scenes sit inside continuous metallic edging; the brand lockup lives in the footer. */
.pull-card{--frame-finish:linear-gradient(135deg,var(--holo-shadow),var(--holo-silver) 20%,var(--holo-white) 28%,var(--holo-silver) 43%,var(--holo-shadow) 59%,var(--holo-silver) 75%,var(--holo-white));--frame-line:var(--holo-silver);--card-accent:var(--holo-white);position:absolute;inset:0;overflow:hidden;isolation:isolate;text-align:center;font-size:clamp(11px,5cqw,18px);color:var(--holo-white);background:var(--sleeve);border:2px solid var(--holo-shadow);border-radius:13px;box-shadow:1px 2px 0 var(--holo-shadow),3px 4px 0 var(--frame-line),6px 12px 24px var(--pop-shade)}
.pack-slot>.pull-card{inset:5% 0 auto;aspect-ratio:2/3}
.pull-card[role=button]{cursor:zoom-in}.pull-card:focus-visible{outline:3px solid var(--orange);outline-offset:5px}
.pull-card:before{content:"";position:absolute;inset:clamp(9px,4.2cqw,17px);border:1px solid color-mix(in srgb,var(--frame-line) 75%,transparent);border-radius:4px;pointer-events:none;z-index:8;box-shadow:0 0 0 1px var(--holo-shadow)}
.pull-card .desk-art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;border-radius:6px;mask-image:none;z-index:0}
.card-print-shade{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,color-mix(in srgb,var(--card-print-shadow) 92%,transparent),color-mix(in srgb,var(--card-print-shadow) 42%,transparent) 16%,transparent 28%,transparent 63%,color-mix(in srgb,var(--card-print-shadow) 48%,transparent) 76%,color-mix(in srgb,var(--card-print-shadow) 94%,transparent) 100%)}
.card-brand-marks{top:auto;bottom:4.7%;left:10%;right:10%;justify-content:center;gap:1.2em;border-top:1px solid color-mix(in srgb,var(--frame-line) 35%,transparent);padding-top:.55em}.brand-lockup{display:flex;align-items:center;gap:.45em}.brand-wordmark{font:600 .64em/1.15 var(--sans);text-align:left;max-width:3.9em;color:var(--foil-card-ink)}.card-brand-marks .brand-logo{width:2.1em;height:2.1em;border-radius:3px}
.card-header{position:absolute;top:4.8%;left:65%;right:9%;z-index:4;display:grid;justify-items:end;gap:.2em;color:var(--holo-white);text-shadow:0 1px 4px var(--card-print-shadow)}
.card-pack{font:600 .82em/1.1 var(--serif);white-space:nowrap}.card-chance{font:500 max(7px,.43em)/1.3 var(--sans);white-space:nowrap;letter-spacing:.04em;color:var(--foil-card-ink)}
.card-grade{display:flex;justify-content:center;gap:4px;margin-top:3px;height:5px}
.card-grade i{display:block;width:5px;height:5px;background:var(--card-accent);transform:rotate(45deg);box-shadow:0 0 4px color-mix(in srgb,var(--card-accent) 30%,transparent)}
.card-collection{position:absolute;top:14%;left:9%;right:9%;z-index:4;display:flex;justify-content:space-between;gap:6px;padding-top:.6em;border-top:1px solid color-mix(in srgb,var(--frame-line) 40%,transparent);font:500 max(6px,.45em)/1.2 var(--mono);letter-spacing:.08em;color:var(--foil-card-ink);text-shadow:0 1px 4px var(--card-print-shadow)}
.card-art-title{position:absolute;top:4.8%;bottom:auto;left:9%;right:37%;z-index:4;text-align:left;font:500 1.55em/1.1 var(--serif);letter-spacing:-.02em;color:var(--holo-white);text-shadow:0 2px 10px var(--card-print-shadow)}
.card-art-title.card-art-title-long{font-size:1.3em;white-space:nowrap}
.card-art-title:after{content:"";display:block;width:35%;height:1px;margin-top:.42em;background:linear-gradient(90deg,var(--card-accent),transparent)}
.card-result{position:absolute;bottom:14.8%;left:10%;right:10%;z-index:4;display:grid;grid-template-columns:1fr 1fr;align-items:center;column-gap:5px;row-gap:.05em;text-align:left;text-shadow:0 1px 4px var(--card-print-shadow)}
.card-multiple{grid-column:1;grid-row:1/3;font:500 2.55em/1 var(--serif);letter-spacing:-.05em;color:var(--card-accent)}
.card-brand{grid-column:2;grid-row:1;font:600 .58em/1.3 var(--mono);text-transform:uppercase;text-align:right;color:var(--foil-card-ink)}
.card-desk{grid-column:2;grid-row:2;justify-content:flex-end;font:600 .6em var(--sans);gap:5px;white-space:nowrap;color:var(--holo-white)}.card-desk .stock-logo{width:1.4em;height:1.4em;border-radius:3px}
.card-outcome{grid-column:1/-1;grid-row:3;font:600 max(7px,.5em)/1.4 var(--sans);letter-spacing:.07em;color:var(--foil-card-ink)}
.result-positive .card-outcome{color:var(--card-accent)}
.card-of{grid-column:1/-1;grid-row:4;font:500 max(8px,.53em)/1.5 var(--sans);color:var(--foil-card-ink)}
.card-serial{grid-column:1/-1;grid-row:5;width:100%;border-top:1px solid color-mix(in srgb,var(--frame-line) 35%,transparent);padding-top:.35em;margin-top:.2em;font:max(7px,.45em) var(--mono);letter-spacing:.07em;color:var(--foil-card-ink);text-align:center}
.card-foil-frame{position:absolute;inset:0;z-index:7;border-radius:11px;padding:clamp(8px,3.7cqw,15px);pointer-events:none;background-image:var(--frame-finish);background-size:180% 180%;background-position:20% 30%;-webkit-mask:linear-gradient(var(--holo-mask) 0 0) content-box,linear-gradient(var(--holo-mask) 0 0);mask:linear-gradient(var(--holo-mask) 0 0) content-box,linear-gradient(var(--holo-mask) 0 0);-webkit-mask-composite:xor;mask-composite:exclude;transition:none}
.card-foil-field{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0;mix-blend-mode:screen;background-size:180% 180%;background-position:20% 30%;transition:none}
.pull-card:hover .card-foil-frame,.pull-card:focus-visible .card-foil-frame{background-position:80% 65%}
.pull-card:hover .card-foil-field,.pull-card:focus-visible .card-foil-field{background-position:80% 65%}
.pull-card.rarity-0 .desk-art{filter:saturate(.8)}
.pull-card.rarity-0:after{opacity:.35}
.pull-card.rarity-1{--frame-line:var(--holo-titanium);--card-accent:var(--holo-white);--frame-finish:linear-gradient(130deg,var(--holo-titanium-deep),var(--holo-titanium) 17%,var(--holo-titanium-light) 27%,var(--holo-titanium-steel) 41%,var(--holo-titanium) 53%,var(--holo-titanium-glint) 62%,var(--holo-titanium) 72%,var(--holo-titanium-steel) 86%,var(--holo-titanium-light))}
.rarity-1 .card-foil-field{opacity:.23;background-image:url(./assets/cards-v8/foil-stars.svg),linear-gradient(115deg,transparent 35%,var(--holo-glint-soft) 48%,transparent 60%);background-size:100px 100px,180% 180%}
.rarity-1 .card-foil-frame{background-image:url(./assets/cards-v8/foil-stars.svg),var(--frame-finish);background-size:60px 60px,180% 180%}
.pull-card.rarity-2{--frame-line:var(--holo-violet);--card-accent:var(--holo-cyan);--frame-finish:conic-gradient(from 215deg,var(--holo-violet),var(--holo-blue) 12%,var(--holo-cyan) 24%,var(--holo-pink) 39%,var(--holo-violet) 52%,var(--holo-blue) 64%,var(--holo-cyan) 76%,var(--holo-mint) 84%,var(--holo-pink) 93%,var(--holo-violet));box-shadow:1px 2px 0 var(--holo-shadow),3px 4px 0 var(--holo-violet),6px 12px 24px var(--pop-shade)}
.rarity-2 .card-foil-frame{padding:clamp(9px,4cqw,16px);background-image:repeating-linear-gradient(45deg,transparent 0 8px,var(--holo-glint-soft) 8px 9px,transparent 9px 16px),repeating-linear-gradient(-45deg,transparent 0 8px,var(--holo-glint-soft) 8px 9px,transparent 9px 16px),var(--frame-finish);background-size:23px 23px,23px 23px,100% 100%;background-position:0 0,0 0,center}
.pull-card.rarity-2:before{inset:clamp(10px,4.5cqw,18px);border-color:var(--holo-cyan);box-shadow:0 0 0 1px var(--holo-shadow),inset 0 0 0 2px color-mix(in srgb,var(--holo-violet) 65%,transparent)}
.rarity-2 .card-foil-field{opacity:.27;background-image:repeating-linear-gradient(125deg,transparent 0 14px,var(--holo-glint-soft) 14px 14.8px,transparent 14.8px 28px),linear-gradient(125deg,var(--holo-violet),transparent 25%,var(--holo-cyan) 45%,transparent 58%,var(--holo-pink) 80%,transparent);background-size:100% 100%,180% 180%}
.pull-card.rarity-2:hover .card-foil-frame,.pull-card.rarity-2:focus-visible .card-foil-frame{background-position:8px 8px,-8px 8px,center}
.pull-card.rarity-3{--frame-line:var(--holo-gold-light);--card-accent:var(--holo-gold-light);--frame-finish:linear-gradient(135deg,var(--holo-gold-deep),var(--holo-gold-light) 15%,var(--holo-gold) 27%,var(--holo-white) 40%,var(--holo-gold-light) 53%,var(--holo-gold-deep) 65%,var(--holo-gold) 78%,var(--holo-gold-light));box-shadow:1px 2px 0 var(--holo-gold-deep),3px 4px 0 var(--holo-gold),6px 12px 24px var(--pop-shade)}
.rarity-3 .card-foil-frame{padding:clamp(9px,4cqw,16px);background-image:repeating-linear-gradient(45deg,transparent 0 3px,var(--holo-glint-soft) 3px 3.5px,transparent 3.5px 7px),var(--frame-finish)}
.pull-card.rarity-3:before{inset:clamp(10px,4.5cqw,18px);border:1px solid var(--holo-gold-light);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--holo-gold) 20%,transparent)}
.rarity-3 .card-foil-field{opacity:.16;background-image:repeating-radial-gradient(ellipse at 50% 50%,transparent 0 13px,var(--holo-glint-soft) 13px 13.5px,transparent 13.5px 20px),linear-gradient(125deg,transparent 10%,var(--holo-gold-light) 28%,transparent 40%,var(--holo-cyan) 57%,transparent 66%,var(--holo-gold-light) 78%,transparent 92%)}
.card-token-border{--token-width:clamp(8px,3.7cqw,15px);--token-pitch:clamp(24px,12cqw,48px);--token-low:var(--holo-shadow);--token-high:var(--holo-white);position:absolute;inset:0;z-index:8;pointer-events:none;opacity:.65}
.token-edge{position:absolute;display:block;background:linear-gradient(145deg,var(--token-low),var(--token-high) 26%,var(--token-low) 48%,var(--token-high) 76%,var(--token-low));mask-image:url(./assets/cards-v10/bitcoin-sequin.svg);filter:drop-shadow(0 .5px 0 var(--token-low))}
.token-top,.token-bottom{left:13px;right:13px;height:var(--token-width);mask-size:var(--token-pitch) 100%;mask-repeat:round no-repeat}
.token-top{top:0}.token-bottom{bottom:0}
.token-left,.token-right{top:13px;bottom:13px;width:var(--token-width);mask-size:100% var(--token-pitch);mask-repeat:no-repeat round}
.token-left{left:0}.token-right{right:0}
.rarity-1 .card-token-border{--token-low:var(--holo-titanium-deep);--token-high:var(--holo-titanium-glint);--token-pitch:clamp(19px,9cqw,36px);opacity:.85}
.rarity-2 .card-token-border{--token-low:var(--holo-violet);--token-high:var(--holo-white);--token-width:clamp(9px,4cqw,16px);--token-pitch:clamp(15px,6.5cqw,26px);opacity:.9}
.rarity-3 .card-token-border{--token-low:var(--holo-gold-deep);--token-high:var(--holo-gold-light);--token-width:clamp(9px,4cqw,16px);--token-pitch:clamp(11px,4.5cqw,18px);opacity:.95}
.pull-card.result-zero .desk-art{filter:saturate(.35) brightness(.78)}
.pull-card.result-zero .card-foil-field,.pull-card.result-zero:after{display:none}
.result-zero .card-token-border{opacity:.45}
.result-zero .card-outcome{font-weight:700;color:var(--holo-white)}
@media(prefers-reduced-motion:reduce){.card-foil-frame,.card-foil-field{transition:none}}
.pull-card.flip-in{animation:card-in .65s ease-out}.pull-card.extract-in{animation:card-extract .9s cubic-bezier(.2,.7,.2,1) both;z-index:4}.pull-card.flip-in:after,.pull-card.extract-in:after{animation:foil-reveal .6s ease-out;transition:none}
@keyframes card-in{from{transform:rotateY(35deg) translateY(10px);opacity:0}to{transform:none;opacity:1}}
@keyframes card-extract{0%{transform:translateY(12%) scale(.9) rotateY(-9deg);opacity:0}45%{transform:translateY(-20%) scale(.94) rotateY(-5deg);opacity:1}100%{transform:none;opacity:1}}
@keyframes foil-reveal{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
.album-note{margin-bottom:20px}.album{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:28px 24px}.album .empty-state{grid-column:1/-1}
.album-item{display:grid;gap:12px;align-content:start;margin:0;min-width:0;max-width:340px}.album-slot{position:relative;aspect-ratio:2/3;perspective:1100px;container-type:inline-size}
.card-inspector{width:min(460px,94vw);max-height:96vh;padding:44px 22px 26px;border:1px solid var(--foil-brass);border-radius:12px;background:var(--foil-night);overflow:auto;color:var(--white)}
.card-inspector::backdrop{background:var(--backdrop);backdrop-filter:blur(8px)}
.card-inspector .album-slot{width:min(100%,calc((100vh - 140px)*.6667));margin:auto}
.card-inspector-close{position:absolute;right:16px;top:10px;border:0;background:transparent;color:var(--white);padding:6px;font:600 13px var(--sans);cursor:pointer}
@container (max-width:260px){.card-result{bottom:15%;row-gap:.02em}.card-result .card-multiple{font-size:2.2em}.card-result .card-serial{display:none}.card-result .card-of{font-size:7px;line-height:1.25}}
@container (max-width:220px){.pull-card{border-width:2px;border-radius:10px}.brand-logo{width:2.45em;height:2.45em}.card-brand-marks .brand-logo{width:2em;height:2em}.card-pack{font-size:.76em}.card-chance{font-size:6px}.card-collection{font-size:6px}.card-art-title{font-size:1.35em}.card-multiple{font-size:2.55em}.card-brand{font-size:6px}.card-desk{font-size:7px}.card-of{font-size:7px}.card-serial{font-size:6px}.card-grade{gap:3px}.card-grade i{width:4px;height:4px}.card-foil-frame{inset:0}.brand-wordmark{font-size:6px}.market-token{padding:1px}.pack-odds{font-size:7px}}
.album-item figcaption{display:flex;justify-content:space-between;gap:6px;font:.72rem var(--mono);color:var(--sub)}
.album-actions{display:flex;flex-wrap:wrap;gap:6px}
.album-actions button{flex:1;min-width:0;padding:8px 10px;border:1px solid var(--ink);border-radius:var(--r);background:var(--paper);font-weight:600}
.album-item.refunded .pack{opacity:.55}

/* Allocate animation layers only while a pack or card is moving. */
.pack-unsealing>.pack,.pull-card.extract-in,.pull-card.flip-in{will-change:transform,opacity}
.pack-preparing .pack-status{opacity:.65}
.pack-art-status{position:absolute;z-index:10;left:8%;right:8%;top:45%;transform:translateZ(24px);padding:.8em;border:1px solid var(--foil-emblem-edge);border-radius:6px;background:var(--sleeve);color:var(--sleeve-ink);text-align:center;font:500 .75em/1.5 var(--sans)}
.card-art-fallback .desk-art,.card-art-fallback .card-foil-field,.card-art-fallback:after{visibility:hidden}
.card-art-status{position:absolute;z-index:3;left:12%;right:12%;top:35%;display:grid;gap:.5em;padding:1.2em .7em;border-block:1px solid color-mix(in srgb,var(--frame-line) 35%,transparent);text-align:center;font:500 .75em/1.5 var(--sans);color:var(--foil-card-ink)}
.card-art-status b{font:500 1.5em/1.2 var(--serif);color:var(--card-accent)}
.card-art-arrived .desk-art{animation:art-arrive .18s ease-out}
@keyframes art-arrive{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.card-art-arrived .desk-art{animation:none}}
@media(hover:none){.card-foil-frame,.card-foil-field{transition:none}.pack-face:after,.pull-card:after{transition:none}}

/* The source brand silhouettes and ticket number share one printed footer on every desk. */
.card-imprint-layout .card-result{bottom:16.5%}
.card-imprint-layout.desk-1{--imprint-shade:var(--foil-foot-ink)}
.card-imprint-layout.desk-2{--imprint-shade:var(--foil-night)}
.card-imprint-layout .card-imprint{position:absolute;z-index:5;left:5.8%;right:5.8%;bottom:4.5%;padding:.45em .65em .15em;display:grid;gap:.25em;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--imprint-shade,var(--foil-forest)) 28%,transparent));color:var(--foil-card-ink);text-shadow:0 1px 2px var(--card-print-shadow)}
.card-imprint-layout .card-imprint:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background-image:var(--frame-finish);background-size:180% 180%;opacity:.8;pointer-events:none}
.card-imprint-layout .card-brand-marks{position:relative;inset:auto;display:grid;grid-template-columns:1fr 1fr;gap:.75em;border:0;padding:0;z-index:1}
.card-imprint-layout .brand-lockup{justify-content:center;gap:.3em;min-width:0}
.card-imprint-layout .brand-lockup+ .brand-lockup{position:relative}
.card-imprint-layout .brand-lockup+ .brand-lockup:before{content:"";position:absolute;left:-.4em;top:25%;height:50%;width:1px;background:color-mix(in srgb,var(--frame-line) 30%,transparent)}
.card-imprint-layout .card-brand-marks .brand-logo{width:2.15em;height:2.15em;flex:none;background:transparent;border-radius:0;filter:none;opacity:1;mix-blend-mode:normal}
.card-imprint-layout .brand-wordmark{max-width:none;white-space:nowrap;font:500 max(8px,.68em)/1.15 var(--sans);letter-spacing:-.015em;color:var(--foil-card-ink)}
.card-imprint-layout .card-imprint-serial{display:flex;align-items:center;justify-content:center;gap:.8em;font:500 max(7px,.43em)/1.2 var(--mono);letter-spacing:.12em;color:color-mix(in srgb,var(--foil-card-ink) 70%,transparent);white-space:nowrap}
.card-imprint-layout .card-imprint-serial:before,.card-imprint-layout .card-imprint-serial:after{content:"";width:1.8em;height:1px;background:color-mix(in srgb,var(--frame-line) 35%,transparent)}
.card-imprint-layout.rarity-1 .card-imprint:before{height:3px;background-image:url(./assets/cards-v8/foil-stars.svg),var(--frame-finish);background-size:28px 28px,180% 180%}
.card-imprint-layout.rarity-2 .card-imprint:before{height:3px;background-image:repeating-linear-gradient(45deg,transparent 0 5px,var(--holo-glint-soft) 5px 6px,transparent 6px 10px),var(--frame-finish);background-size:14px 14px,100% 100%;opacity:1}
.card-imprint-layout.rarity-3 .card-imprint:before{height:3px;background-image:repeating-linear-gradient(45deg,transparent 0 3px,var(--holo-glint-soft) 3px 3.5px,transparent 3.5px 7px),var(--frame-finish);opacity:1}
.card-imprint-layout:hover .card-imprint:before,.card-imprint-layout:focus-visible .card-imprint:before{background-position:80% 65%}
@container (max-width:260px){.card-imprint-layout .card-imprint{padding:.6em .25em .15em;gap:.35em}.card-imprint-layout .card-brand-marks{gap:.5em}.card-imprint-layout .brand-lockup{gap:.12em}.card-imprint-layout .brand-lockup+ .brand-lockup:before{left:-.25em}.card-imprint-layout .card-brand-marks .brand-logo{width:1.65em;height:1.65em}.card-imprint-layout .brand-wordmark{font-size:max(7px,.62em)}.card-imprint-layout .card-imprint-serial{font-size:6px;letter-spacing:.06em}}


/* Each tier's lower outcome keeps its metallic foil; the higher carries the signature star foil in the same tier color. */
.pull-card.foil-standard.rarity-0 .card-foil-field,.pull-card.foil-standard.rarity-1 .card-foil-field{opacity:.16;background-image:linear-gradient(115deg,transparent 35%,var(--holo-glint-soft) 48%,transparent 60%);background-size:180% 180%}
.pull-card.foil-standard.rarity-1 .card-foil-frame,.foil-standard.rarity-1 .card-imprint:before{background-image:var(--frame-finish);background-size:180% 180%}
.pull-card.foil-star .card-foil-field{opacity:.23;background-image:url(./assets/cards-v8/foil-stars.svg),linear-gradient(115deg,transparent 35%,var(--holo-glint-soft) 48%,transparent 60%);background-size:100px 100px,180% 180%}
.pull-card.foil-star .card-foil-frame{background-image:url(./assets/cards-v8/foil-stars.svg),var(--frame-finish);background-size:60px 60px,180% 180%;background-position:20% 30%}
.pull-card.foil-star:is(:hover,:focus-visible) .card-foil-frame,.pull-card.foil-star:is(:hover,:focus-visible) .card-foil-field{background-position:80% 65%}
.card-imprint-layout.foil-star .card-imprint:before{height:3px;background-image:url(./assets/cards-v8/foil-stars.svg),var(--frame-finish);background-size:28px 28px,180% 180%}

/* Every desk uses the approved moving foil and broad reflection. The reveal finishes independently of the card movement. */
.pull-card.card-imprint-layout:after{inset:-50% -100%;transform:translateX(-35%)}
.pull-card.card-imprint-layout:is(:hover,:focus-visible):after{transform:translateX(35%)}
@keyframes card-foil-reveal{from{transform:translateX(-40%)}to{transform:translateX(40%)}}
@media(prefers-reduced-motion:no-preference){
  .pull-card.card-imprint-layout .card-foil-frame{transition:background-position .7s ease}
  .pull-card.card-imprint-layout .card-foil-field{transition:background-position .8s ease,opacity .6s ease}
  .pull-card.card-imprint-layout:after{transition:transform .8s ease}
  .pull-card.card-imprint-layout.card-foil-reveal:after{animation:card-foil-reveal 1.5s ease-out both;transition:none}
}
@media(prefers-reduced-motion:reduce){.pull-card.card-imprint-layout.card-foil-reveal:after{animation:none}}

/* Editorial identity. The exchange drawing is decorative, never a price chart. */
::selection{background:var(--pale-edge);color:var(--ink)}
.hero-principle{display:flex;align-items:center;gap:8px;margin-top:22px;color:var(--panel-faint);font:400 .64rem var(--mono);letter-spacing:.02em}
.hero-principle svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;flex:none}
.market-architecture{position:relative;margin:0 0 24px;border-bottom:1px solid var(--panel-line);padding-bottom:10px}
.architecture-caption{display:flex;justify-content:space-between;color:var(--panel-faint);font:400 .56rem var(--mono);letter-spacing:.12em}
.architecture-caption b{font-weight:500;color:var(--gold)}
.street-art{display:block;width:100%;height:180px;overflow:visible}
.street-art path,.street-art rect,.street-art circle{vector-effect:non-scaling-stroke}
.arch-grid{fill:none;stroke:var(--art-faint);stroke-width:.7}
.arch-shadow{fill:var(--art-shadow)}
.arch-face{fill:var(--art-fill);stroke:var(--art-line);stroke-width:.8}
.arch-outline{fill:none;stroke:var(--art-line);stroke-width:.8;stroke-linecap:round;stroke-linejoin:round}
.arch-accent{fill:none;stroke:var(--gold);stroke-width:1.2;stroke-linecap:round}
.arch-dot{fill:var(--gold);stroke:none}
.now-tiles>div:nth-child(odd){border-right:1px solid var(--panel-line)}
.now-tiles>div:nth-last-child(-n+2){border-bottom:0}
.door+.door{border-left:1px solid var(--line)}
.door:hover{background:var(--picked)}
.door-symbol{width:24px;height:24px;fill:none;stroke:var(--orange);stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}
.page-index{flex:none;padding-bottom:8px;font:400 .65rem var(--mono);color:var(--faint);letter-spacing:.12em}
.board-panel td[colspan]{text-align:center;padding:46px 20px;color:var(--sub);font-size:.84rem}
.connect-symbol{width:38px;height:38px;fill:none;stroke:var(--gold);stroke-width:1;stroke-linecap:round;stroke-linejoin:round}
.portfolio-outline{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--panel-line);padding-top:28px;gap:24px}
.portfolio-outline div{display:grid;gap:8px}
.portfolio-outline b{font:400 1.3rem var(--serif);color:var(--panel-ink)}
.portfolio-outline span{font-size:.73rem;line-height:1.6;color:var(--panel-faint)}
.faq details[open]{border-color:var(--pale-edge)}
.ready,.docs-splits,.money-split{border-radius:8px}
.wall-table{margin:20px -28px -28px;overflow:hidden;border-radius:0 0 11px 11px}
.pace-legend i{border-radius:50%;width:6px;height:6px}
.sell-panel{margin-top:40px;padding:32px 0}
.docs-chapter .one-minute p{font-size:.82rem;line-height:1.7}
.docs-chapter p.eyebrow{font:500 .67rem/1.5 var(--mono);color:var(--amber)}
@media (min-width:981px){.hero-copy .eyebrow{max-width:400px}.hero h1{max-width:550px}}
@media (max-width:1180px) and (min-width:981px){
  .hero{gap:32px;padding:40px 32px}.hero h1{font-size:4rem}.hero .lead{font-size:.9rem}
  .header-inner{gap:24px}.brand-type small{display:none}.main-nav{gap:16px}
}
@media (min-width:681px) and (max-width:980px){
  .hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;padding:32px}
  .hero h1{font-size:3.3rem}.hero .lead{font-size:.84rem;line-height:1.7}.hero-actions{gap:8px}
  .hero-actions .primary-button,.hero-actions .ghost-button{padding:11px 15px;font-size:.75rem}
  .hero-principle{font-size:.56rem}.now-tiles>div{padding:12px}.street-art{height:140px}
  .door{padding:24px 20px}.door h3{font-size:1.55rem}.door p{font-size:.78rem}
}

/* wide screens: the order and the floor stay in view */
@media (min-width:981px) and (min-height:880px){
  .workspace .market-column{position:sticky;top:calc(var(--head) + 20px)}
  .wall-workspace .order-card{position:sticky;top:calc(var(--head) + 20px)}
}
@media (max-width:1180px){
  .quote-stat.extra{display:none}
  .sell-panel{grid-template-columns:1fr 1fr}
  .sell-copy{grid-column:1/-1}
}
@media (max-width:860px){.quote-stat.mid{display:none}}
@media (max-width:1080px){.header-inner{gap:32px}.main-nav{gap:18px}}
@media (max-width:980px){
  :root{--gutter:20px}
  .header-inner{gap:24px}
  .main-nav{gap:16px}
  .hero{grid-template-columns:1fr;gap:36px;padding:40px}
  .doors{grid-template-columns:repeat(3,minmax(0,1fr))}
  .door{grid-template-rows:none}
  .trust{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 22px}
  .workspace,.wall-workspace,.board-top,.book-top{grid-template-columns:1fr}
  /* One column: the floor, then its odds, then the street and the Jackpot. */
  .wall-workspace .market-column{display:contents}
  .wall-workspace .order-card{order:-2}
  .wall-workspace .odds-card{order:-1}
  .wall-workspace{gap:20px}
  .page-heading{align-items:flex-start;flex-direction:column;gap:16px}
  .lights{width:100%;grid-template-columns:repeat(4,minmax(0,1fr))}
  .docs-layout{grid-template-columns:1fr;gap:12px}
  .docs-toc{position:static;max-height:none;border:1px solid var(--line);padding:10px 14px}
  .docs-toc summary{padding:2px 0}
  .docs-toc ol{columns:2;column-gap:24px;margin-top:8px}
  .one-minute{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* Narrower: still one row, the nav between the brand and the wallet, the wallet at the far right.
   A long label gives way before the nav does. */
@media (max-width:980px){
  :root{--head:60px}
  .header-inner{gap:16px}
  .brand-type small,.account-button .wide{display:none}
  .main-nav{gap:14px}
  .main-nav a{font-size:.8125rem}
  .account-button{min-width:0;overflow:hidden;text-overflow:ellipsis}
}
/* A narrow window: the same header, one line of quotes, one column. */
@media (max-width:680px){
  :root{--gutter:16px}
  html{scroll-padding-top:calc(var(--head) + 44px)}
  .brand img{width:34px;height:34px}
  .account-button{font-size:.8125rem;padding:8px 10px}
  .mode-strip{gap:6px;padding:3px 12px;min-height:0}
  #mode-note,.mode-strip a{display:none}
  .quote-board{position:sticky;top:var(--head);z-index:18;padding:6px var(--gutter);gap:10px;border-bottom-width:2px}
  .quote-main{gap:8px;flex-wrap:nowrap;white-space:nowrap}
  .quote-board strong{font-size:1.05rem}
  .quote-symbol{font-size:.75rem}
  .feed-status,.quote-stat:not(.next),.wide{display:none}
  .quote-stat.next{display:flex;align-items:baseline;gap:6px;padding-left:8px}
  .quote-stat.next b{font-size:.875rem}
  .quote-context .text-button{font-size:1.1rem;padding:4px 2px}
  .container{padding-bottom:28px}
  .page-heading{padding:24px 0 18px}
  .hero{padding:30px 24px;margin-top:20px;gap:32px}
  .hero-actions .primary-button,.hero-actions .ghost-button{flex:1 1 auto;padding:13px 14px}
  .now{padding:0}
  .now-tiles dd{font-size:1.15rem}
  .trust{grid-template-columns:1fr}
  .setup-section,.setup-submit{padding-left:16px;padding-right:16px}
  .setup-heading{padding:10px 16px}
  .setup-kicker>span:last-child{display:none}
  .tier-toggle,.auto-figures,.verbs{grid-template-columns:1fr}
  .pace-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .plan-lines div{grid-template-columns:1fr;gap:0}
  .mining-floor,.wall-card{padding:18px 16px}
  .wall-table{margin:12px -16px -18px}
  .wall-table th,.wall-table td{padding:9px 16px}
  .house-stats,.house-stats.two{grid-template-columns:1fr;gap:12px}
  .jackpot-main{grid-template-columns:1fr;gap:12px}
  .odds-card,.order-card{padding:18px 16px 14px;box-shadow:none}
  .odds-card .table-scroll{margin:14px -16px 0}
  .odds{font-size:.8125rem}
  .odds td,.odds th{padding:7px 8px}
  .odds td:first-child,.odds th:first-child{padding-left:16px}
  .odds td:last-child,.odds th:last-child{padding-right:16px}
  .odds .dot{margin-right:6px}
  .odds-chance{min-width:0}
  .odds-chance i{display:none}
  .sell-panel{grid-template-columns:1fr;gap:18px;margin-top:22px}
  .lights{grid-template-columns:repeat(2,minmax(0,1fr))}
  .board-main{padding:16px}
  .board-main h2{font-size:1.7rem}
  .board-card{padding:12px}
  .board-card b{font-size:1.05rem}
  .board-tabs{width:100%}
  .board-tabs button{flex:1 1 auto;min-height:44px;padding:8px 6px;font-size:.8125rem}
  .tab-long{display:none}
  .tab-short{display:inline}
  .season-field{width:100%}
  .season-field select{flex:1;min-height:40px}
  .rank-chip{min-height:36px}
  .leader-table th,.leader-table td{padding:9px 10px}
  .connect-card{grid-template-columns:1fr;align-items:stretch;padding:28px 24px;gap:24px}
  .connect-card .primary-button{width:100%}
  .book-top{padding:16px}
  .portfolio-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .portfolio-tabs{gap:18px;overflow-x:auto}
  .inline-fields,.button-pair,.button-pair.three{grid-template-columns:minmax(0,1fr)}
  #pl-form{grid-template-columns:1fr}
  .position-actions button,.secondary-button,.primary-button{min-height:44px}
  .hint{width:20px;height:20px;font-size:11px}
  .docs-toc ol{columns:1}
  .docs-chapter>h2{font-size:1.5rem}
  .docs-numbers dl,.one-minute,.glossary dl{grid-template-columns:1fr}
  .docs-split-legend,.split-legend{grid-template-columns:1fr 1fr}
  .docs-table th,.docs-table td{padding:8px 10px}
  .docs-bar{top:calc(var(--head) + 37px)}
  .to-top{right:14px}
  .toast{width:calc(100vw - 24px)}
  .footer-inner{grid-template-columns:minmax(0,1fr);padding:24px var(--gutter)}
  .footer-links{gap:40px}
  .confirm-sheet{padding:20px 16px 16px}
  .confirm-lines div{grid-template-columns:1fr;gap:2px}
}
/* The row holds as long as it can: the brand keeps its mark, then the wallet its short label. */
@media (max-width:760px){
  .brand-type{display:none}
  .header-inner,.main-nav{gap:12px}
}
/* Too narrow for one row: the brand and the wallet on top, the nav under them. */
@media (max-width:610px){
  :root{--head:89px}
  .header-inner{flex-wrap:wrap;gap:0 10px;padding-top:8px;min-height:0}
  .brand-type{display:grid}
  .main-nav{order:3;flex-basis:100%;justify-content:space-between;gap:4px;min-height:38px}
  .account-button{margin-left:auto}
}
@media (max-width:400px){
  .main-nav a{font-size:.75rem}
}
@media (max-width:350px){.main-nav a{font-size:.625rem}}
/* A touch phone, which width alone can't tell from a narrow window: the brand and the wallet on top,
   the navigation at the thumb. */
@media (max-width:680px) and (pointer:coarse){
  :root{--head:59px}
  body{padding-bottom:calc(58px + env(safe-area-inset-bottom))}
  .header-inner{flex-wrap:nowrap;justify-content:space-between;gap:10px;padding:8px var(--gutter);min-height:0}
  .brand-type{display:grid}
  .main-nav{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:repeat(6,auto);justify-content:stretch;gap:0;min-height:0;padding-bottom:env(safe-area-inset-bottom);background:var(--paper);border-top:1px solid var(--edge)}
  .main-nav a{flex-direction:column;justify-content:center;gap:1px;height:56px;font-size:.6875rem}
  .main-nav a[aria-current=page]:after{top:-1px;bottom:auto}
  .nav-icon{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
  .main-nav a[aria-current=page]{color:var(--amber)}
  .to-top{bottom:calc(70px + env(safe-area-inset-bottom))}
  .toast{bottom:calc(68px + env(safe-area-inset-bottom))}
}
@media (max-width:480px){
  /* The three desks stack as rows: the desk and its range on one line, its trait below. */
  .desk-grid{grid-template-columns:1fr}
  .desk{grid-template-columns:auto 1fr;column-gap:12px;align-items:baseline}
  .desk span{text-align:right}
  .desk small{grid-column:1/-1}
  .album{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px}
}
@media (max-width:360px){
  .quote-stat.next small{display:none}
  .lights{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .view,.flash,.pack.tearing,.pack.opened,.pull-card.extract-in,.pull-card.flip-in,.pull-card.rarity-3.flip-in,.refresh-mark.spinning{animation:none}
  *,*::before,*::after{transition:none!important}
  .pack,.pack-tear,.meter>i,.paycheck div{transition:none}
  .pull-card.flip-in:after,.pull-card.extract-in:after{animation:none}
  .pack:hover{transform:none}
  .spark,.reveal-ring{display:none}
}

@media (max-width:980px){
  .main-nav a[aria-current=page]:after{bottom:12px}
  .page-index{display:none}
}
@media (max-width:680px){
  .hero h1{font-size:clamp(2.8rem,10.6vw,4rem)}
  .hero .lead{font-size:.86rem;line-height:1.75;margin-top:22px}
  .hero .eyebrow{font-size:.56rem;letter-spacing:.12em}
  .hero:before{border-radius:12px}
  .hero-principle{font-size:.57rem}
  .street-art{height:150px}
  .now-tiles>div{padding:13px}
  .doors{grid-template-columns:1fr;margin-top:20px}
  .door{padding:24px;gap:10px}
  .door+.door{border-left:0;border-top:1px solid var(--line)}
  .door p{max-width:none}
  .trust{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 20px;padding-top:0}
  .page-heading h1{font-size:2.5rem}
  .page-heading .lead{font-size:.9rem;margin-top:14px}
  .setup-amount input{font-size:1.7rem}
  .setup-section,.setup-submit{padding-top:22px;padding-bottom:22px}
  .pace-grid{gap:8px}
  .pace{grid-template-columns:1fr 1fr;column-gap:16px;align-items:baseline}
  .pace span{text-align:right}
  .pace .spend-meter{grid-column:1/-1;width:100%;margin:0}
  .pace small{grid-column:1/-1}
  .portfolio-outline{grid-template-columns:1fr 1fr;gap:24px 20px;padding-top:22px}
  .connect-card h2{font-size:1.9rem}
  .board-card{gap:10px;padding:18px}
  .board-tabs{gap:2px}
  .wall-table{margin:18px -16px -18px}
  .odds-card .section-top{flex-wrap:wrap}
  .odds-desks{justify-content:flex-start}
  .footer-inner{padding-top:32px;gap:28px}
}
@media (max-width:610px){
  .main-nav a[aria-current=page]:after{bottom:0}
  .main-nav a{min-height:38px}
}
@media (max-width:680px) and (pointer:coarse){
  .main-nav a[aria-current=page]:after{top:-1px;bottom:auto}
  .main-nav{box-shadow:0 -4px 20px var(--card-shade)}
  .chips button{min-height:38px}
}
@media (min-width:681px) and (max-width:980px){
  .hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;padding:32px}
}

/* The field guide: asset flows, explicit waiting conditions and read-only examples. */
.docs-reading-path{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.docs-reading-path a{font-size:.8rem;padding:10px 14px;border:1px solid var(--edge);border-radius:6px;background:var(--paper)}
.docs-reading-path a:first-child{background:var(--ink);color:var(--white);border-color:var(--ink)}
.docs-reading-path a:hover{border-color:var(--orange)}
.docs-chapter p.chapter-deck{max-width:740px;font:400 1.1rem/1.65 var(--serif);color:var(--sub);margin:-8px 0 26px}
.figure-label{display:block;font:500 .64rem/1.6 var(--mono);letter-spacing:.11em;color:var(--amber)}
.diagram-tag{display:inline-flex;align-items:center;font:500 .57rem/1.6 var(--mono);letter-spacing:.08em;border:1px solid var(--edge);padding:5px 8px;border-radius:4px;color:var(--sub);white-space:nowrap}
.system-explorer{margin:28px 0;background:var(--panel);color:var(--panel-ink);padding:30px;border:1px solid var(--panel-line);border-radius:12px;overflow:hidden}
.explorer-heading,.lab-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}
.system-explorer .figure-label{color:var(--gold)}
.docs-chapter .explorer-heading h3{font-size:1.8rem;font-weight:400;margin:9px 0 0;color:var(--panel-ink)}
.system-explorer .diagram-tag{border-color:var(--panel-line);color:var(--panel-sub)}
.journey-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:4px;margin:24px 0 26px;background:var(--art-shadow);border:1px solid var(--panel-line);border-radius:7px}
.journey-tabs button{padding:12px 8px;background:transparent;border:0;border-radius:4px;color:var(--panel-sub);font:500 .65rem var(--mono);text-align:left;white-space:nowrap}
.journey-tabs button span{font:500 .85rem var(--sans);margin-left:7px}
.journey-tabs button[aria-selected=true]{background:var(--gold);color:var(--panel)}
.journey-tabs button:hover:not([aria-selected=true]){background:var(--panel-2);color:var(--white)}
.docs-chapter .journey-panel>h3{font:400 1.3rem/1.4 var(--serif);color:var(--panel-ink);margin:0 0 18px}
.journey-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;list-style:none;padding:0;margin:0}
.journey-track li{position:relative;min-width:0}
.journey-track li:not(:last-child):after{content:'→';position:absolute;right:-13px;top:50%;color:var(--gold);font-size:13px}
.journey-panel[hidden] .journey-track li:after{content:none}
.journey-step{position:relative;display:flex;flex-direction:column;gap:10px;width:100%;height:100%;min-height:198px;padding:16px 13px;background:var(--panel-2);border:1px solid var(--panel-line);border-radius:7px;text-align:left;color:var(--panel-sub);transition:border-color .2s,background .2s}
.journey-step:hover{border-color:var(--panel-edge)}
.journey-step[aria-pressed=true]{border-color:var(--gold);background:var(--art-fill);box-shadow:inset 0 2px var(--gold)}
.flow-number{display:grid;place-items:center;width:25px;height:25px;border:1px solid var(--panel-line);border-radius:50%;font:500 .63rem var(--mono);color:var(--panel-sub)}
.journey-step[aria-pressed=true] .flow-number{background:var(--gold);border-color:var(--gold);color:var(--panel)}
.journey-step small{font:500 .55rem/1.6 var(--mono);letter-spacing:.04em;color:var(--panel-sub)}
.journey-step b{font:400 1.22rem/1.22 var(--serif);color:var(--panel-ink)}
.journey-step>span:last-child{font-size:.76rem;line-height:1.6}
.journey-detail{margin-top:18px;padding:18px 20px;background:var(--art-shadow);border-radius:7px;min-height:140px;border-left:2px solid var(--gold)}
.system-explorer .journey-detail p{font-size:.85rem;line-height:1.8;color:var(--panel-ink);margin:7px 0 0}
.journey-repeat{display:flex;align-items:flex-start;gap:14px;margin:18px 0}
.journey-repeat>span{color:var(--gold);font-size:1.75rem;line-height:1.15}
.system-explorer .journey-repeat p{color:var(--panel-sub);font-size:.79rem;line-height:1.75;margin:0}
.diagram-link{font-size:.78rem;color:var(--gold);text-decoration:underline;text-underline-offset:4px}
.journey-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--panel-line);margin-top:20px;padding-top:16px}
.journey-controls>span{font:500 .65rem var(--mono);color:var(--panel-sub)}
.journey-controls>div{display:flex;gap:6px}
.journey-controls button{min-height:36px;min-width:36px;padding:8px 12px;border:1px solid var(--panel-line);border-radius:5px;background:var(--panel-2);color:var(--panel-ink);font-size:.75rem}
.journey-controls button:hover:not(:disabled){border-color:var(--gold)}
.journey-controls button[aria-pressed=true]{color:var(--gold);border-color:var(--gold)}
.system-explorer figcaption{margin-top:18px;color:var(--panel-faint);font-size:.72rem;line-height:1.7}
.is-playing .journey-step[aria-pressed=true] .flow-number{animation:guide-pulse 2.4s ease-in-out infinite}
@keyframes guide-pulse{50%{box-shadow:0 0 0 5px var(--art-faint)}}
.asset-key{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:26px 0 36px;padding-bottom:24px;border-bottom:1px solid var(--line)}
.asset-key>div{padding-left:12px;border-left:2px solid var(--edge)}
.asset-key span{font:500 .56rem var(--mono);letter-spacing:.08em;color:var(--faint)}
.asset-key b{display:block;font:400 1.2rem var(--serif);margin:9px 0}
.docs-chapter .asset-key p{font-size:.76rem;line-height:1.7;color:var(--sub);margin:0}
.mechanism{margin:26px 0;background:var(--paper);border:1px solid var(--line);padding:26px;border-radius:10px}
.docs-chapter .mechanism-heading h3{font:400 1.55rem/1.3 var(--serif);margin:8px 0 22px}
.flow-chain{display:flex;list-style:none;padding:0;margin:0;gap:26px}
.flow-chain>li{position:relative;flex:1;min-width:0;border-top:1px solid var(--edge);padding-top:18px}
.flow-chain>li:not(:last-child):after{content:'→';position:absolute;top:16px;right:-20px;color:var(--orange)}
.flow-chain .flow-number{background:var(--pale);color:var(--amber);border-color:var(--pale-edge);margin-bottom:15px}
.flow-chain small{display:block;font:500 .59rem/1.6 var(--mono);color:var(--amber);letter-spacing:.06em}
.flow-chain b{display:block;font:400 1.3rem/1.3 var(--serif);margin:8px 0}
.docs-chapter .flow-chain p{font-size:.8rem;line-height:1.75;margin:0;color:var(--sub)}
.mechanism figcaption{padding-top:20px;margin-top:20px;border-top:1px solid var(--line);font-size:.8rem;line-height:1.8;color:var(--sub)}
.mechanism figcaption>b{color:var(--ink)}
.diagram-branches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.docs-chapter .diagram-branches p{font-size:.8rem;line-height:1.75;color:var(--sub);margin:0}
.diagram-branches b{display:block;font-weight:600;color:var(--ink);margin-bottom:5px}
.bundle-diagram{display:grid;grid-template-columns:1fr 32px 1fr;align-items:center;gap:14px;margin:20px 0 24px;padding:26px;border:1px solid var(--line);border-radius:10px;background:var(--paper)}
.bundle-diagram>div{padding:22px;background:var(--soft);border-radius:7px;align-self:stretch}
.bundle-diagram>div:last-of-type{background:var(--pale)}
.bundle-diagram b{display:block;font:400 1.4rem var(--serif);margin:9px 0}
.docs-chapter .bundle-diagram p{margin:0;font-size:.8rem;color:var(--sub);line-height:1.7}
.bundle-plus{text-align:center;font:400 1.8rem var(--serif);color:var(--amber)}
.docs-chapter p.bundle-caption{grid-column:1/-1;text-align:center;font:500 .62rem/1.8 var(--mono);letter-spacing:.08em;padding-top:10px;color:var(--ink)}
.bundle-caption span{display:block;font:.77rem/1.6 var(--sans);color:var(--sub);letter-spacing:0;margin-top:5px}
.auction-chart{margin:10px 0 22px}
.auction-chart svg{display:block;width:100%;height:auto}
.chart-grid{stroke:var(--line);fill:none;stroke-dasharray:3 5}
.chart-line{stroke:var(--orange);stroke-width:3;fill:none;stroke-linecap:round}
.chart-reset{stroke:var(--sub);stroke-width:1.5;fill:none;stroke-dasharray:4 5}
.chart-label{fill:var(--sub);font:12px var(--mono)}
.docs-lab{padding:26px;margin:22px 0 28px;border:1px solid var(--edge);border-radius:10px;background:var(--paper)}
.docs-chapter .lab-heading h3{font:400 1.5rem/1.35 var(--serif);margin:8px 0 0}
.lab-inputs{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:24px;margin:24px 0}
.lab-inputs label{font-size:.77rem;color:var(--sub);display:block}
.lab-inputs select{margin-top:8px;font-size:.8rem;min-height:44px}
.lab-inputs input[type=range]{width:100%;height:36px;margin:10px 0 0;accent-color:var(--orange)}
.lab-inputs output{float:right;font:500 .82rem var(--mono);color:var(--ink)}
.allocation-bar{display:flex;gap:3px;height:10px;margin:24px 0;border-radius:2px;overflow:hidden}
.allocation-bar i{background:var(--ink);flex:89.1;min-width:0}
.allocation-bar i:nth-child(2){background:var(--orange);flex:9.9}
.allocation-bar i:nth-child(3){background:var(--pace-1);flex:1}
.lab-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:22px 0}
.lab-results dt{font-size:.74rem;color:var(--sub);line-height:1.55}
.lab-results dd:not(.result-description){font:400 1.8rem var(--mono);letter-spacing:-.045em;margin:10px 0}
.lab-results dd:not(.result-description) small{font:500 .62rem var(--mono);letter-spacing:0;color:var(--sub)}
.docs-chapter .lab-results .result-description{font-size:.76rem;line-height:1.7;margin:0;color:var(--sub)}
.docs-chapter p.lab-footnote{margin:18px 0 0;padding-top:14px;border-top:1px solid var(--line);font-size:.74rem;line-height:1.7;color:var(--sub)}
.ticket-example-base{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:26px 0 18px;padding:20px;background:var(--soft);border-radius:7px}
.ticket-example-base small{font:500 .57rem/1.7 var(--mono);color:var(--sub);display:block}
.ticket-example-base b{font:400 1.4rem var(--mono);display:block;margin-top:6px}
.ticket-example-base>span{color:var(--orange)}
.prize-equation{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:17px 20px;border-radius:6px;background:var(--panel);color:var(--panel-sub);font-size:.75rem}
.prize-equation strong{font:400 1.6rem var(--mono);color:var(--gold)}
.funding-lanes{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:24px}
.funding-lanes>div{padding:18px;border:1px solid var(--line);border-radius:7px;background:var(--canvas)}
.funding-lanes b{display:block;font:500 .85rem/1.7 var(--sans);margin:8px 0;color:var(--ink)}
.docs-chapter .funding-lanes p,.docs-chapter .pot-cycle p{font-size:.78rem;line-height:1.8;color:var(--sub);margin:0}
.pot-cycle{display:flex;align-items:center;gap:16px}
.pot-cycle>div{flex:1;min-width:0}
.pot-cycle h4{font:400 1.3rem/1.3 var(--serif);margin:8px 0}
.cycle-arrow{font-size:1.2rem;color:var(--orange)}
.loop-return{display:flex;gap:12px;align-items:baseline;margin-top:22px;padding:16px 20px;border:1px dashed var(--edge);border-radius:0 0 20px 20px;color:var(--sub);font-size:.8rem;line-height:1.7}
.loop-return>span{font-size:1.4rem;color:var(--orange)}
.mechanism .loop-return+.diagram-branches{margin-top:22px}
.protocol-clocks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:24px 0 32px;padding:26px;background:var(--panel);border-radius:10px}
.protocol-clocks .figure-label{color:var(--gold)}
.docs-chapter .protocol-clocks h3{font:400 1.3rem var(--serif);color:var(--panel-ink);margin:10px 0}
.docs-chapter .protocol-clocks p{font-size:.8rem;line-height:1.8;color:var(--panel-sub);margin:0}
.protocol-clocks>p{grid-column:1/-1;padding-top:18px;border-top:1px solid var(--panel-line)}
.exit-map{border:1px solid var(--line);border-radius:10px;background:var(--paper);padding:26px;margin:24px 0 30px;scroll-margin-top:calc(var(--head) + 24px)}
.docs-chapter .exit-map>h3{font:400 1.55rem var(--serif);margin:8px 0 22px}
.exit-rows>div{display:grid;grid-template-columns:135px 1fr;gap:6px 24px;border-top:1px solid var(--line);padding:18px 0}
.exit-rows b{font:400 1.2rem var(--serif);grid-row:span 2}
.exit-rows span{font:500 .8rem/1.6 var(--sans);color:var(--amber)}
.docs-chapter .exit-rows p{font-size:.79rem;color:var(--sub);margin:0;line-height:1.7}
@media (max-width:1180px){
  .docs-layout{grid-template-columns:190px minmax(0,1fr);gap:32px}
  .journey-track{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .journey-track li:after{display:none}
  .journey-step{min-height:172px}
  .asset-key{grid-template-columns:repeat(2,minmax(0,1fr))}
  .flow-chain{flex-wrap:wrap;gap:22px}
  .flow-chain>li{flex-basis:calc(50% - 11px)}
  .flow-chain>li:after{display:none}
  .explorer-heading,.lab-heading{flex-wrap:wrap}
}
@media (max-width:980px){.docs-layout{grid-template-columns:1fr}.journey-step{min-height:158px}}
@media (max-width:680px){
  .system-explorer,.mechanism,.docs-lab,.bundle-diagram,.protocol-clocks,.exit-map{padding:20px 16px}
  .docs-reading-path{gap:8px}.docs-reading-path a{font-size:.74rem;padding:9px 10px}
  .docs-chapter p.chapter-deck{font-size:1.05rem}
  .docs-chapter .explorer-heading h3{font-size:1.6rem}
  .journey-tabs{margin:22px 0;padding:3px;gap:2px}
  .journey-tabs button{display:grid;gap:4px;text-align:center;padding:10px 2px;font-size:.56rem}
  .journey-tabs button span{margin:0;font-size:.76rem}
  .journey-track{gap:10px}
  .journey-step{padding:12px 10px;min-height:190px;gap:9px}
  .journey-step b{font-size:1.13rem}
  .journey-step small{font-size:.5rem}
  .journey-step>span:last-child{font-size:.71rem}
  .journey-detail{padding:16px 14px;min-height:0}
  .system-explorer .journey-detail p{font-size:.8rem}
  .journey-controls{gap:6px}.journey-controls button{min-height:40px;padding:8px 10px}
  .journey-controls>span{font-size:.58rem}
  .system-explorer figcaption{font-size:.7rem}
  .asset-key{gap:20px 14px}.asset-key b{font-size:1.1rem}
  .flow-chain{display:grid;grid-template-columns:1fr;gap:20px}
  .flow-chain>li{padding:0 0 0 42px;border-top:0;border-left:1px solid var(--edge);margin-left:12px}
  .flow-chain .flow-number{position:absolute;left:-13px;top:0;margin:0}
  .flow-chain>li:not(:last-child):after{content:'↓';display:block;right:auto;left:-6px;top:auto;bottom:-19px;background:var(--paper);font-size:.8rem}
  .flow-chain b{font-size:1.2rem}.flow-chain p{padding-bottom:3px}
  .diagram-branches,.lab-inputs,.funding-lanes,.protocol-clocks{grid-template-columns:1fr;gap:20px}
  .bundle-diagram{grid-template-columns:1fr;gap:8px}.bundle-diagram>div{padding:18px}
  .bundle-plus{line-height:1}.bundle-caption{padding-bottom:3px}
  .lab-results{grid-template-columns:1fr;gap:16px}
  .lab-results>div{padding-left:14px;border-left:2px solid var(--edge)}
  .lab-results dd:not(.result-description){font-size:1.65rem;margin:7px 0}
  .lab-inputs{margin:22px 0}
  .ticket-example-base{gap:12px;flex-wrap:wrap;padding:16px}
  .ticket-example-base b{font-size:1.2rem}
  .ticket-example-base>span{display:none}
  .ticket-example-base>div:last-child{flex-basis:100%;border-top:1px solid var(--edge);padding-top:10px}
  .prize-equation{padding:14px;gap:8px 12px}.prize-equation>span:last-child{flex-basis:100%}
  .pot-cycle{flex-direction:column;align-items:stretch;gap:10px}
  .cycle-arrow{transform:rotate(90deg);align-self:center}
  .loop-return{padding:14px;font-size:.76rem;border-radius:0 0 12px 12px}
  .exit-rows>div{grid-template-columns:1fr;gap:8px}.exit-rows b{grid-row:auto}
  .chart-label{font-size:30px}
  .chart-note{display:none}
}
@media (max-width:350px){
  .journey-track{grid-template-columns:1fr}.journey-step{min-height:0}
  .journey-controls{align-items:flex-start;flex-direction:column;gap:10px}
  .journey-controls>div{width:100%}.journey-controls #journey-toggle-play{flex:1}
  .asset-key{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.is-playing .journey-step[aria-pressed=true] .flow-number{animation:none}}

/* Mining: personal balances, network reference, then deliberate manual operations. */
.quote-stat .quote-unit{display:block;font:400 .59rem/1.4 var(--sans);letter-spacing:0;color:var(--panel-sub);margin-top:3px}
[data-view=engine] .workspace .market-column{position:static;gap:18px}
.mining-personal{padding:26px;background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:0 5px 22px var(--card-shade);min-width:0}
.mining-personal-head{display:flex;gap:12px;align-items:center;justify-content:space-between}
.mining-personal h2{font:400 1.8rem/1.1 var(--serif);margin:0}
.mining-personal .eyebrow{font-size:.61rem;letter-spacing:.13em;margin-bottom:10px;color:var(--accent)}
.mining-personal .outlined-label{font-size:.61rem;white-space:nowrap;color:var(--sub);border-color:var(--line)}
.mining-personal>.field-note{font-size:.77rem;line-height:1.65;margin:14px 0}
.mining-personal-metrics{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);margin-top:18px}
.mining-personal-metrics>div{display:flex;flex-direction:column;gap:8px;min-width:0;padding:18px 12px 18px 0;border-bottom:1px solid var(--line)}
.mining-personal-metrics>div:nth-child(even){padding-left:16px;border-left:1px solid var(--line)}
.mining-personal-metrics span{font-size:.71rem;color:var(--sub)}
.mining-personal-metrics strong{font:500 clamp(.95rem,1.4vw,1.3rem)/1.3 var(--mono);overflow-wrap:anywhere;letter-spacing:-.03em}
.mining-personal-metrics small{font-size:.65rem;line-height:1.5;color:var(--sub)}
.mining-funds-path{display:flex;align-items:center;gap:8px;justify-content:space-between;margin-top:20px;font-size:.7rem;color:var(--ink)}
.mining-funds-path i{font-style:normal;color:var(--orange)}
.mining-manage{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:.78rem;min-height:44px;text-decoration:none;margin-top:18px}
.mining-round-card h2,.mining-operations-card h2{font-size:1.65rem}
.mining-round-card .eyebrow,.mining-operations-card>.section-top .eyebrow{font-size:.57rem;letter-spacing:.12em}
.mining-round-metrics{display:grid;grid-template-columns:1.05fr 1fr;gap:18px;padding:24px 0 18px}
.mining-round-metrics>div{display:flex;flex-direction:column;gap:9px;min-width:0}
.mining-round-metrics span{font-size:.72rem;color:var(--panel-sub)}
.mining-round-metrics strong{font:400 clamp(1.45rem,2.1vw,2rem)/1.2 var(--mono);letter-spacing:-.04em;overflow-wrap:anywhere;color:var(--white)}
.mining-round-metrics .mining-price-primary strong{color:var(--gold)}
.mining-round-metrics small{font-size:.65rem;line-height:1.55;color:var(--panel-sub)}
.mining-price-basis{display:grid;gap:6px;background:var(--panel-2);border:1px solid var(--panel-line);padding:13px;border-radius:6px;font-size:.72rem}
.mining-price-basis b{font:500 .77rem var(--mono);color:var(--panel-ink)}
.mining-price-basis>span,.mining-price-basis small{color:var(--panel-sub);font-size:.65rem;line-height:1.6}
.mining-network-total{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:20px 0;border-bottom:1px solid var(--panel-line)}
.mining-network-total span{font-size:.72rem;color:var(--panel-sub)}
.mining-network-total strong{font:400 1.2rem var(--mono);white-space:nowrap}
.mining-network-details{margin-top:15px;font-size:.74rem;color:var(--panel-sub)}
.mining-network-details summary{cursor:pointer;padding:5px 0}
.mining-network-details a{font-size:.73rem}
.mining-operations-card>.field-note{font-size:.76rem;line-height:1.65;color:var(--panel-sub)}
.mining-operations-card .mining-support{margin-top:20px}
.mining-operations-card .mining-support h3,.mining-operations-card .community-heading h3{font-size:1.4rem}
.mining-operations-card .community-heading>p{margin-bottom:14px}
@media(max-width:680px){
 .mining-personal{padding:20px}.mining-personal-metrics strong{font-size:1.05rem}
 .mining-round-metrics{gap:14px}.mining-round-metrics strong{font-size:1.65rem}
 .mining-personal h2{font-size:1.65rem}.mining-funds-path{font-size:.64rem;gap:5px}
 .mining-network-total{gap:10px}.mining-network-total strong{font-size:1.05rem}
}

@media(max-width:680px){
 .quote-price{display:none}
 .quote-stat.mining-quote{display:grid;padding-left:0;border-left:0;gap:1px}
 .quote-stat.mining-quote b{font-size:.92rem}
 .quote-stat.mining-quote .quote-unit{font-size:.53rem;margin-top:0}
 .quote-stat.mining-quote .hint{display:none}
}

/* Working views: compact summaries, readable actions and details on demand. */
.view:not([data-view=home])>.page-heading{padding:30px 0 22px;gap:20px}
.view:not([data-view=home])>.page-heading h1{font-size:clamp(1.85rem,2.8vw,2.6rem)}
.view:not([data-view=home])>.page-heading .eyebrow{margin-bottom:8px}
.view:not([data-view=home])>.page-heading .lead{font-size:.875rem;line-height:1.6;margin-top:10px;max-width:740px}
.quote-board{padding-top:8px;padding-bottom:8px}
.quote-board strong{font-size:1rem}
.quote-main{gap:16px}
.quote-stat{padding-left:16px}

/* One market panel, rather than a separate full-width block for the stock. */
.wall-market-overview{margin-bottom:18px}
.wall-market-top{padding:16px 20px;gap:20px}
.wall-market-top .street-fixed h2{font-size:1.6rem}
.wall-market-top .street-fixed img{width:36px;height:36px}
.wall-market-top .street-fixed{gap:10px}
.wall-market-top>.section-top{gap:10px}
.wall-market-stats{padding:16px 20px;gap:16px}
.wall-market-stats>div{gap:5px}
.wall-market-stats>div+div{padding-left:16px}
.wall-market-stats strong{font-size:1rem;line-height:1.35}
.wall-market-stats>div>span{font-size:.7rem}
.wall-market-stats small{font-size:.65rem}
.wall-market-timing{padding:10px 20px;font-size:.68rem}
.wall-market-timing small{font-size:.65rem}
.wall-market-details{grid-template-columns:repeat(3,minmax(0,1fr))}
.wall-market-details>details>summary{padding:12px 16px;font-size:.7rem;line-height:1.5;min-height:44px}
.wall-details-body{padding:8px 20px 20px}
@media(min-width:981px){
 .wall-market-overview:has(#wall-stock-picker[hidden]){display:grid;grid-template-columns:170px minmax(0,1fr)}
 .wall-market-overview:has(#wall-stock-picker[hidden]) .wall-market-top{display:flex;align-items:center;padding:16px 20px}
 .wall-market-timing,.wall-market-details{grid-column:1/-1}
}
.wall-floor-heading{padding:18px 24px;gap:16px}
.wall-floor-heading h2{font-size:1.8rem}
.wall-floor-heading .eyebrow{margin-bottom:5px}
.wall-pack-selection{padding:20px 28px}
.wall-selection-heading{margin-bottom:12px}
.wall-pack-grid.desk-grid{gap:24px}
.wall-pack-grid .wall-pack-visual{max-width:220px;margin-bottom:12px}
.wall-pack-grid .wall-pack-caption{padding:12px 2px;gap:3px}
.wall-pack-caption>small{min-height:0}
.wall-capacity{margin-top:16px;padding:14px 16px;gap:10px 20px}
.wall-capacity-main,.wall-capacity-funds{gap:4px}
.wall-capacity-main>strong{font:500 1.2rem/1.4 var(--mono)}
.wall-capacity-funds{padding-left:20px}
.wall-capacity>p{padding-top:8px}
.wall-collection-note{margin-top:16px;padding-top:16px}
.wall-rarity-key{margin:12px 0}
.wall-order-panel{padding:24px;gap:20px 28px}
.wall-order-selection{margin-top:14px;padding-bottom:16px}
.wall-order-selection h3{font-size:1.65rem}
.wall-order-panel .setup-amount{height:54px;min-height:54px}
.wall-order-panel .setup-amount input{font-size:1.2rem}

/* Balances remain prominent without competing with page titles. */
.workspace{gap:20px}
.setup-section,.setup-submit{padding:20px 24px}
.setup-heading{padding:14px 24px}
.setup-section-title{margin-bottom:14px}
.entry-card .setup-amount{height:56px}
.entry-card .setup-amount input{font-size:1.4rem;padding:0 16px}
.entry-card .setup-amount.small{height:48px}
.entry-card .setup-amount.small input{font-size:1.15rem}
.compact-details{border-top:1px solid var(--line);margin-top:14px}
.compact-details>summary{cursor:pointer;padding:12px 0;font-size:.8rem;line-height:1.5;color:var(--accent);min-height:44px}
.compact-details>summary:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
.compact-details:not([open]){padding-bottom:0}
.mining-personal{padding:22px}
.mining-personal h2{font-size:1.55rem}
.mining-personal-metrics{margin-top:14px}
.mining-personal-metrics>div{padding-top:14px;padding-bottom:14px;gap:6px}
.mining-personal-metrics strong{font-size:1.1rem}
.mining-floor,.board-main,.book-top{padding:22px}
.mining-round-metrics{padding:16px 0;gap:14px}
.mining-round-metrics strong{font-size:1.4rem}
.mining-network-total{padding:14px 0}
.board-main h2{font-size:2rem;margin:12px 0}
.board-cards{gap:12px}
.board-card{padding:18px;gap:8px}
.board-card b{font-size:1.3rem}
.board-bar{margin:22px 0 16px}
.leader-table th,.leader-table td{padding:12px 16px}
.book-top{gap:20px}
.book-total strong{font-size:1.65rem}
.account-panel{padding:22px}
.account-panel h2{font-size:1.4rem}

@media(max-width:980px){
 .wall-market-top:has(#wall-stock-picker[hidden]){display:block}
 .wall-market-top:has(#wall-stock-picker[hidden])>.section-top{flex-direction:row;align-items:center}
}
@media(max-width:680px){
 .view:not([data-view=home])>.page-heading{padding:22px 0 18px}
 .view:not([data-view=home])>.page-heading h1{font-size:1.85rem}
 .view:not([data-view=home])>.page-heading .lead{font-size:.85rem}
 .wall-market-top{padding:14px 16px}
 .wall-market-stats{gap:12px;padding:14px 16px}
 .wall-market-stats>div+div{padding-left:0}
 .wall-market-stats>div:nth-child(even){padding-left:12px}
 .wall-market-stats>div:nth-child(n+3){padding-top:12px}
 .wall-market-stats strong{font-size:1.05rem}
 .wall-market-timing{padding:10px 16px;gap:8px}
 .wall-market-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
 .wall-market-details>details+details{border-left:1px solid var(--line);border-top:0}
 .wall-market-details>details>summary{padding:12px 10px;font-size:.7rem}
 .wall-market-details>details[open]{border-left:0;border-top:1px solid var(--line)}
 .wall-floor-heading{padding:16px}
 .wall-floor-heading h2{font-size:1.65rem}
 .wall-pack-selection{padding:16px}
 .wall-pack-grid.desk-grid{gap:12px}
 .wall-pack-grid .wall-pack-visual{max-width:220px}
 .wall-capacity{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:10px 12px;padding:14px}
 .wall-capacity-funds{border-top:0;border-left:1px solid var(--line);padding:0 0 0 12px}
 .wall-capacity-main>strong{font-size:1.1rem}
 .wall-capacity-funds>b{font-size:.9rem;overflow-wrap:anywhere}
 .wall-order-panel{padding:18px;gap:18px}
 .setup-section,.setup-submit,.setup-heading{padding:16px}
 .mining-personal,.mining-floor,.board-main,.book-top,.account-panel{padding:18px}
 .mining-round-metrics strong{font-size:1.3rem}
 .leader-table th,.leader-table td{padding:10px}
}

/* Keep the selected route and its allocation together, beside the control. */
.allocation-example{margin-top:16px;padding:16px;background:var(--soft);border:1px solid var(--line);border-radius:7px}
.allocation-caption{font:.62rem/1.5 var(--mono);letter-spacing:.06em;color:var(--sub);margin:0 0 12px}
.allocation-amounts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0}
.allocation-amounts>div{min-width:0}
.allocation-amounts dt{font:.72rem/1.4 var(--sans);color:var(--sub);margin-bottom:6px}
.allocation-amounts dd{margin:0;font:500 .95rem/1.5 var(--mono);overflow-wrap:anywhere;font-variant-numeric:tabular-nums;color:var(--ink)}
.allocation-amounts>div:nth-child(2) dd{color:var(--accent)}
.allocation-example .field-note{margin:12px 0 0;font-size:.75rem;line-height:1.6}
.allocation-example>small{display:block;margin-top:10px;font:.65rem/1.5 var(--sans);color:var(--sub)}
@media(max-width:420px){.allocation-example{padding:14px}.allocation-amounts{grid-template-columns:1fr;gap:9px}.allocation-amounts>div{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.allocation-amounts dt{margin:0}.allocation-amounts dd{font-size:.88rem;white-space:nowrap}}

/* Rebuild R1 (2026-11-11): page tabs, keeper dot, one notch tighter. */
.status-inner{grid-template-columns:1.15fr .9fr 1.3fr .95fr .9fr}
.page-tabs{display:flex;gap:4px;margin:0 0 20px;padding:4px;border:1px solid var(--line);border-radius:999px;background:var(--paper);width:max-content;max-width:100%;overflow-x:auto;scrollbar-width:none}
.page-tabs::-webkit-scrollbar{display:none}
.page-tabs [role=tab]{flex:none;padding:8px 18px;border:0;border-radius:999px;background:none;color:var(--sub);font:600 .82rem var(--sans);cursor:pointer;white-space:nowrap}
.page-tabs [role=tab]:hover{color:var(--ink)}
.page-tabs [role=tab][aria-selected=true]{background:var(--ink);color:var(--paper)}
.page-pane{display:grid;gap:24px;align-content:start;min-width:0}
.page-pane[hidden]{display:none}
.plan-pane{max-width:820px}
.mining-pane .market-column{display:grid;gap:20px}
.pane-pointer{margin:14px 0 0}
.pane-pointer a{font-weight:600;color:var(--accent)}
.street-work .community-grid{margin-top:16px}
.page-heading{padding:30px 0 18px;gap:24px}
h1{font-size:clamp(2.1rem,3.3vw,3rem)}
.lead{margin-top:10px;line-height:1.6}
.hero{margin-top:20px;padding:36px 40px;gap:40px}
.roles{margin:20px 0 4px}
.trust{margin-top:20px;padding-top:16px}
@media(max-width:980px){
  .status-inner{grid-template-columns:repeat(3,minmax(0,1fr))}
  .status-item:nth-child(3){border-left:1px solid var(--line);padding-left:16px}
  .status-item:nth-child(4){border-left:0;padding-left:0}
  .status-item:nth-child(n+4){border-top:1px solid var(--line)}
}
@media(max-width:680px){
  .status-inner{display:flex;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity}
  .status-inner::-webkit-scrollbar{display:none}
  .status-item,.status-item:nth-child(n){flex:none;border-top:0;border-left:1px solid var(--line);padding:7px 12px;scroll-snap-align:start}
  .status-item:first-child{border-left:0;padding-left:0}
  .status-item .status-note{display:none}
  .page-heading{padding:20px 0 12px}
  .page-tabs{width:100%;border-radius:12px}
  .page-tabs [role=tab]{flex:1;padding:8px 10px;border-radius:9px}
  .hero{padding:24px 18px}
}
/* R1: a shorter hero, so the Introduction fits in about one and a half screens. */
.street-art{height:92px}
.market-architecture{margin-bottom:10px;padding-bottom:6px}
.hero-actions{margin-top:20px}
.hero-principle{margin-top:14px}
.now-tiles{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:10px}
.now-tiles>div{padding:10px 12px;gap:5px}
.now-tiles dd{font-size:1.1rem}
.now-tiles>div,.now-tiles>div:nth-child(odd){border-right:1px solid var(--panel-line);border-bottom:1px solid var(--panel-line)}
.now-tiles>div:nth-child(3n){border-right:0}
.now-tiles>div:nth-last-child(-n+3){border-bottom:0}
@media(max-width:680px){
  .now-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .now-tiles>div:nth-child(3n){border-right:1px solid var(--panel-line)}
  .now-tiles>div:nth-child(2n){border-right:0}
  .now-tiles>div:nth-last-child(-n+3){border-bottom:1px solid var(--panel-line)}
  .now-tiles>div:nth-last-child(-n+2){border-bottom:0}
}
.footer-inner{padding:26px var(--gutter) 18px;gap:18px 40px}
.footer-links div{gap:6px}
.footer-fine{padding-top:12px;line-height:1.6}
.hero{padding:28px 40px}
.trust{margin-top:14px;padding-top:10px}
[data-view=home] .hero-principle{display:none}
.role{padding:14px 18px;gap:4px}
.role b{font-size:1.35rem}
.roles h2{margin-bottom:8px}

/* Rebuild R2: Wall Street. */
.stake-stepper{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:8px;align-items:stretch}
.stake-stepper .setup-amount{margin:0}
.stake-step{border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);font:500 1.3rem var(--mono);cursor:pointer}
.stake-step:hover{border-color:var(--orange)}
.stake-step:disabled{opacity:.4;cursor:default}
.wall-pack-room{display:block;margin-top:4px;font:500 .66rem var(--mono);color:var(--sub)}
.desk[aria-checked=true] .wall-pack-room{color:var(--ink)}
.pack-facts{margin-top:10px}
.pack-facts .wall-rarity-key{margin:10px 0}
.pack-facts .wall-pack-disclosure{margin:0 0 8px}
.wall-continue{display:none}
.house-facts{padding:18px 20px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}
.house-facts dl{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0}
.house-facts dt{font:600 .6rem var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--sub)}
.house-facts dd{margin:4px 0 0;font:600 1.05rem var(--mono);letter-spacing:-.02em}
.house-facts small{font-size:.7rem;color:var(--sub)}
.house-facts .field-note{margin:12px 0 0}
@media(max-width:980px){.house-facts dl{grid-template-columns:repeat(2,minmax(0,1fr))}.wall-continue{display:inline-flex}}
@media(min-width:981px){
  .wall-ticket-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(340px,1fr);align-items:start}
  .wall-pack-selection{padding:18px 22px}
  .wall-pack-grid.desk-grid{gap:14px}
  .wall-pack-grid .desk{padding:12px 8px 0}
  .wall-pack-grid .wall-pack-visual{max-width:150px;margin-bottom:8px}
  .wall-order-panel{grid-template-columns:minmax(0,1fr);gap:14px;padding:20px 22px;border-top:0;border-left:1px solid var(--line)}
  .wall-order-intro{display:none}
  .wall-payment-controls,.wall-quote-controls{display:grid;gap:12px}
  #wall-capacity-note{display:none}
  .wall-capacity{margin-top:12px;padding:12px 14px}
  .wall-floor-heading{padding-top:16px;padding-bottom:12px}
  [data-view=wall] .page-heading .lead{display:none}
}
@media(min-width:981px){
  .wall-floor-heading{display:none}
  [data-view=wall] .page-heading{padding:18px 0 10px}
  [data-view=wall] .page-heading h1{font-size:2.1rem}
  .wall-quote-controls #ticket-summary{order:9;font-size:.74rem}
  .wall-quote-controls #buy-reason,.wall-quote-controls #pack-order-next{order:8}
  .wall-quote-controls .quote-box .confirm-lines{gap:4px}
  .wall-quote-controls .quote-box .confirm-lines>div{padding:4px 0}
  #stake-range{margin:6px 0 0}
}
@media(min-width:981px){
  .wall-quote-controls .quote-head{margin:0}
  .wall-quote-controls #order-title{font:600 .66rem var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--sub)}
  .wall-order-panel{padding-top:16px}
}

/* Rebuild R3/R4: Get Hooked plan, The Board overview and Street work. */
[data-view=engine] .page-heading,[data-view=board] .page-heading,[data-view=portfolio] .page-heading{padding:18px 0 10px}
[data-view=engine] .page-heading h1,[data-view=board] .page-heading h1,[data-view=portfolio] .page-heading h1{font-size:2.1rem}
[data-view=engine] .page-heading .lead,[data-view=board] .page-heading .lead{display:none}
.plan-pane{max-width:none}
.plan-summary{display:grid;gap:12px;align-content:start}
.plan-wait{margin:0;padding:10px 12px;border-left:3px solid var(--orange);background:var(--soft);font-size:.8rem;line-height:1.5}
@media(min-width:981px){
  #open-form{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,1fr);gap:0 28px;align-items:start}
  #open-form>.setup-heading{grid-column:1/-1}
  .plan-summary{position:sticky;top:calc(var(--head) + 70px);padding-top:18px}
  .plan-steps .setup-section{padding-top:16px;padding-bottom:16px}
}
.overview-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.overview-card{display:grid;gap:4px;align-content:start;min-width:0;padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:var(--paper)}
.overview-card small{font:600 .6rem var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--sub)}
.overview-card b{font:600 1.15rem var(--mono);letter-spacing:-.02em;overflow-wrap:anywhere}
.overview-card ul{list-style:none;margin:2px 0 0;padding:0;display:grid;gap:2px;font-size:.72rem;line-height:1.4;color:var(--sub)}
@media(max-width:980px){.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.overview-grid{grid-template-columns:1fr}}
.work-top{align-items:flex-end;gap:20px}
.work-all{display:grid;gap:6px;justify-items:end;min-width:240px}
.work-all small{font-size:.72rem;color:var(--sub);text-align:right;max-width:320px}
.work-alert{margin:12px 0 0;padding:10px 14px;border-radius:8px;background:color-mix(in srgb,var(--bad) 10%,transparent);color:var(--bad);font-weight:600;font-size:.82rem}
.work-table{display:grid;margin-top:14px;border:1px solid var(--line);border-radius:12px;background:var(--paper);overflow:hidden}
.work-row{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1.1fr) minmax(0,1.3fr) 104px;gap:14px;align-items:center;padding:11px 16px;border-top:1px solid var(--line)}
.work-row:first-child{border-top:0}
.work-name,.work-state,.work-last{display:grid;gap:2px;min-width:0}
.work-name b{font-size:.88rem}
.work-row small{font-size:.7rem;line-height:1.4;color:var(--sub)}
.work-status{font:600 .74rem var(--mono);letter-spacing:.04em;color:var(--sub)}
.work-status:before{content:'';display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--good);vertical-align:1px}
.state-due .work-status{color:var(--ink)}
.state-due .work-status:before{background:var(--warn-edge)}
.state-overdue{background:color-mix(in srgb,var(--bad) 7%,transparent)}
.state-overdue .work-status{color:var(--bad)}
.state-overdue .work-status:before{background:var(--bad)}
.work-last-at{font-size:.78rem}
.work-run{min-height:36px;padding:6px 12px}
.work-foot{margin-top:10px}
.street-work .duty-box{margin-top:14px}
.duty-inline{margin-top:4px}
.odds-fold{border:1px solid var(--line);border-radius:12px;background:var(--paper)}
.odds-fold>summary{padding:14px 18px;font-weight:600;cursor:pointer}
.odds-fold[open]>summary{border-bottom:1px solid var(--line)}
.odds-fold .odds-card{border:0;box-shadow:none}
@media(max-width:780px){
  .work-row{grid-template-columns:minmax(0,1fr) auto;gap:6px 12px}
  .work-state,.work-last{grid-column:1}
  .work-run{grid-column:2;grid-row:1/span 3;align-self:center}
  .work-top{flex-direction:column;align-items:stretch}
  .work-all{justify-items:stretch}
  .work-all small{text-align:left}
}

/* Rebuild: tabs on the heading row, a lighter footer, a shorter plan form. */
.page-heading .page-tabs{margin:0;flex:none;align-self:flex-end}
.page-heading .eyebrow{margin-bottom:2px}
[data-view=board] .page-heading .lights{display:none}
footer .tape{display:none}
.footer-inner{padding:18px var(--gutter) 14px;gap:12px 40px}
.footer-brand small{margin-top:3px}
.footer-fine{padding-top:10px;font-size:.64rem;line-height:1.5}
#open-form .allocation-example{display:none}
.plan-steps .setup-section{padding-top:12px;padding-bottom:12px}
.plan-steps .field-note{font-size:.74rem;line-height:1.5}
@media(max-width:780px){.page-heading{flex-direction:column;align-items:stretch;gap:12px}.page-heading .page-tabs{align-self:stretch}}

/* Rebuild R5: Portfolio. */
.history-list{list-style:none;margin:12px 0 0;padding:0;border:1px solid var(--line);border-radius:12px;background:var(--paper)}
.history-list>li{padding:10px 14px;border-top:1px solid var(--line)}
.history-list>li:first-child{border-top:0}
.history-item{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:12px;align-items:baseline;font-size:.84rem}
.history-item time{font:500 .72rem var(--mono);color:var(--sub)}
.history-link{font-size:.74rem;color:var(--accent);font-weight:600}
@media(max-width:680px){.history-item{grid-template-columns:minmax(0,1fr) auto}.history-item time{grid-column:1/-1}}
.auto-panel{display:grid;gap:18px}

/* Rebuild R6: the newcomer guide. */
.guide-button{border:1px solid var(--line);border-radius:999px;background:var(--paper);color:var(--ink);font:600 .78rem var(--sans);padding:7px 14px;cursor:pointer;margin-right:8px}
.guide-button:hover{border-color:var(--orange)}
.roles-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.start-here{font-size:.8rem;font-weight:600;color:var(--accent)}
.welcome{max-width:520px;width:calc(100% - 32px);border:1px solid var(--line);border-radius:16px;padding:26px 28px;background:var(--paper);color:var(--ink)}
.welcome::backdrop{background:color-mix(in srgb,var(--ink) 45%,transparent)}
.welcome h2{font-size:1.7rem;margin:8px 0 10px}
.welcome p,.welcome li{font-size:.92rem;line-height:1.6;color:var(--sub)}
.welcome-roles{padding-left:18px;display:grid;gap:6px}
.welcome-roles b{color:var(--ink)}
.welcome-picks{display:grid;gap:8px;margin-top:14px}
.welcome-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:18px}
.welcome-actions .text-button{margin-right:auto}
.next-step{position:fixed;right:16px;bottom:16px;z-index:40;width:min(340px,calc(100vw - 32px));max-height:min(70vh,520px);overflow:auto;border:1px solid var(--line);border-radius:14px;background:var(--paper);box-shadow:0 12px 32px color-mix(in srgb,var(--ink) 18%,transparent)}
.next-step-head{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--paper)}
.next-step-head>div{display:grid;flex:1;min-width:0}
.next-step-head small{font:600 .6rem var(--mono);letter-spacing:.1em;color:var(--accent)}
.next-step-head b{font-size:.92rem}
.next-step-toggle,.next-step-close{border:0;background:none;color:var(--sub);font-size:1.1rem;cursor:pointer;padding:2px 6px}
.next-step.folded .next-step-list{display:none}
.next-step-list{list-style:none;margin:0;padding:6px}
.next-step-go{display:grid;gap:2px;width:100%;text-align:left;border:0;background:none;padding:8px 8px 8px 30px;border-radius:8px;position:relative;cursor:pointer;color:var(--ink)}
.next-step-go:hover{background:var(--soft)}
.next-step-go:before{content:'';position:absolute;left:8px;top:11px;width:13px;height:13px;border:1.5px solid var(--faint);border-radius:50%}
.next-step-item.done .next-step-go:before{content:'✓';border-color:var(--good);background:var(--good);color:var(--paper);font-size:.6rem;line-height:12px;text-align:center}
.next-step-item.done b{color:var(--sub);text-decoration:line-through}
.next-step-item small{display:none;font-size:.74rem;line-height:1.45;color:var(--sub)}
.next-step-item.current small{display:block}
.next-step-item.current .next-step-go:before{border-color:var(--orange)}
.guide-flash{outline:3px solid var(--orange);outline-offset:3px;border-radius:8px}
@media(max-width:680px){.guide-button{padding:6px 10px;margin-right:4px}.next-step{right:8px;left:8px;width:auto;bottom:76px}}

/* Rebuild R7: the main action of each tab in the first screen. */
.plan-summary .setup-submit{display:flex;flex-direction:column;gap:10px}
.plan-summary .setup-submit>[type=submit]{order:-1}
.plan-summary .plan-readout{max-height:none}
@media(min-width:981px){.plan-summary{top:calc(var(--head) + 12px)}}

.wall-room-note{margin:10px 0 0;font-size:.72rem;line-height:1.5;color:var(--sub)}
/* Street lineup (live): a locked street keeps its logo in color, told by its dark gray frame (owner, 2026-10-29). */
.street-tab.locked,.stock-choice.locked{border-color:var(--edge);background:var(--soft);cursor:not-allowed}
.street-tab.locked .stock-logo,.stock-choice.locked .stock-logo{outline:2px solid var(--sub);outline-offset:1px;border-radius:6px}
.street-tab.locked .stock-state,.stock-choice.locked .stock-state{color:var(--sub)}
.street-rule{margin-top:12px;font-size:.8rem;line-height:1.5;color:var(--sub)}
.street-rule b{color:var(--ink);font-size:.82rem}
.street-rule ol{margin:4px 0 0;padding-left:18px}
.street-rule.compact{margin-top:8px;font-size:.76rem}
.wall-stock-hint{font-size:.75rem;color:var(--sub)}
@media(min-width:981px){.wall-stock-tabs.lineup{grid-template-columns:repeat(7,minmax(0,1fr))}}
.street-tab.locked .stock-logo,.stock-choice.locked .stock-logo{opacity:1}
/* One bar (rebuild B): Packs and the Keeper sit in the dark ticker; their notes are hover lines. */
.status-inline{display:contents}
.quote-board .status-item{display:grid;gap:3px;padding:0 0 0 22px;border-left:1px solid var(--panel-line);color:var(--white);text-decoration:none;grid-template-columns:none}
.quote-board .status-item:hover{background:transparent}
.quote-board .status-item small{display:flex;align-items:center;gap:6px;font:400 .56rem var(--mono);letter-spacing:.1em;color:var(--panel-sub);grid-column:auto}
.quote-board .status-item b{font:400 .78rem var(--mono);color:var(--white)}
.quote-board .status-item.tone-off b{color:var(--bad)}
.quote-board .status-item .status-note{display:none}
.status-bar:not(:has(.status-start:not([hidden]))){display:none}
/* The one bar keeps the bell and the pot in view on every page; the round number and today's draw go first. */
@media (max-width:1180px){.quote-stat.extra{display:grid}.quote-stat.extra:has(#q-miner-draw),.quote-stat.mid,.quote-price{display:none}.quote-stat.mining-quote{padding-left:0;border-left:0}.quote-main{flex-wrap:nowrap}}
.quote-stat.mining-quote{grid-template-columns:auto auto;column-gap:6px;align-items:baseline}
.quote-stat.mining-quote small{grid-column:1/-1}
.quote-stat.mining-quote .quote-unit{margin-top:0}
@media(max-width:680px){.quote-board .quote-stat.extra,.quote-board .status-item[data-status=packs]{display:none}.quote-board .status-item{padding-left:8px}}
/* A page's headline once: later tabs keep only a compact title. */
.view[data-first-tab=false]>.page-heading{padding:16px 0 12px}
.view[data-first-tab=false]>.page-heading .eyebrow,.view[data-first-tab=false]>.page-heading .lead,.view[data-first-tab=false]>.page-heading .lights{display:none}
.view[data-first-tab=false]>.page-heading h1{font-size:1.45rem}
.view:has(.page-tabs)>.page-heading{padding:20px 0 14px}
/* Draw: the Review button in the first screen at 1024 x 768. */
@media(min-width:681px){
.wall-payment-controls>.pay-row{margin:0 0 10px}
.wall-quote-controls{padding:14px 18px}
.wall-payment-controls,.wall-quote-controls{gap:8px}
#buy-button{margin-top:2px}
.view:has(.page-tabs)>.page-heading .lead{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;margin-top:6px}
.view:has(.page-tabs)>.page-heading{padding:14px 0 12px}
}
/* Phones: the tab's main action at the bottom of the screen until the real button is in view. */
.sticky-action{position:fixed;left:0;right:0;bottom:0;z-index:35;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--glass);backdrop-filter:blur(12px);border-top:1px solid var(--line)}
.sticky-action .primary-button{width:100%;min-height:46px}

@media(max-width:680px){body:has(.sticky-action:not([hidden])) .next-step{bottom:136px}}
/* Term help: the term itself, underlined; its meaning on hover, the full entry on a tap. */
.hint.term{display:inline;width:auto;height:auto;margin:0;padding:0;border:0;border-radius:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;text-decoration:underline dotted;text-decoration-thickness:1px;text-underline-offset:3px;cursor:help;vertical-align:baseline}
.hint.term:hover,.hint.term[aria-expanded=true]{background:none;color:inherit;text-decoration-style:solid}
/* Without a wallet, Trade and House show one connect prompt instead of a row of disabled buttons. */
.wallet-gate{display:none;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:0 0 16px;padding:14px 18px;border:1px solid var(--line);border-radius:10px;background:var(--paper)}
.wallet-gate p{margin:0;font-size:.9rem;color:var(--sub)}
body:not([data-wallet=on]) .wallet-gate{display:flex}
body:not([data-wallet=on]) [data-wallet-only]{display:none}
/* Phones: no text under 11 px outside the pack and card art, and tap targets of at least 40 px. */
@media(max-width:680px){
html body .quote-stat small,
html body .quote-board .status-item small,
html body .quote-stat .quote-unit,
html body .overview-card small,
html body .board-card small,
html body .pace span,
html body .stock-choice-label b,
html body .stock-choice-label small,
html body .stock-state,
html body .table-scroll th,
html body .table-scroll td,
html body .house-facts dt,
html body .now-tiles dt,
html body .confirm-lines dt,
html body .setup-section-title span,
html body .field-label span,
html body .wall-stock-heading span,
html body .wall-stock-heading b,
html body .wall-market-stats small,
html body .wall-market-timing b,
html body .wall-market-timing small,
html body .wall-market-timing span,
html body .wall-collection-link,
html body .wall-collection-link span,
html body #desk-label span,
html body .wall-capacity-main span,
html body .wall-capacity-funds span,
html body .wall-rarity-key b,
html body .wall-return-line span,
html body .wall-change-pack,
html body .wall-change-pack span,
html body #ticket-summary b,
html body .wall-swipe-note,
html body .wall-pack-name i,
html body .wall-pack-room,
html body .wall-pack-disclosure,
html body .wall-order-kicker,
html body .wall-order-street,
html body .role-step,
html body .eyebrow,
html body .tile-tag,
html body .architecture-caption span,
html body .architecture-caption b,
html body .hint.term{font-size:11px}
html body summary,html body .amount-max,html body .rank-chip,html body .work-run,html body .page-pane .secondary-button,html body .page-pane .text-button,
html body .wall-odds-link,html body .wall-collection-link,html body .start-here,html body .stake-step,html body .stepper button{min-height:40px}
html body .wall-odds-link,html body .wall-collection-link,html body .start-here{display:inline-flex;align-items:center}
html body .hint.term{padding:11px 0;margin:-11px 0}
}
/* Phones: the plan's stock step as one compact grid of logos and symbols. */
@media(max-width:680px){html body #demo-stock-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
html body #demo-stock-grid .stock-choice{padding:8px 6px;gap:4px;align-items:center;text-align:center}
html body #demo-stock-grid .stock-logo{width:28px;height:28px}
html body #demo-stock-grid .stock-choice-label small{display:none}
html body #demo-stock-grid .stock-state{padding-top:4px}}
/* The lineup row: chips of logo and ticker; locked streets keep their logo in color inside a dark gray frame. */
.lineup-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;margin-top:8px}
.lineup-chips{display:flex;flex-wrap:wrap;gap:6px}
.street-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 9px 3px 3px;border:1px solid var(--line);border-radius:999px;background:var(--paper);font:600 .74rem var(--mono);color:var(--ink)}
.street-chip .stock-logo{width:18px;height:18px;border-radius:50%}
.street-chip.selected{border-color:var(--orange);background:var(--picked);color:var(--accent)}
.street-chip.locked{border-color:var(--sub);background:var(--soft);color:var(--sub)}
.lineup-more{font-size:.78rem;color:var(--sub)}
.lineup-more summary{cursor:pointer;text-decoration:underline dotted;text-underline-offset:3px}
.lineup-more .street-rule{margin-top:6px}
.lineup-more ol{margin:0;padding-left:18px}
.compact-step{display:flex;flex-wrap:wrap;align-items:center;gap:2px 14px}
@media(min-width:681px){html body #open-form .setup-section{padding-top:10px;padding-bottom:10px}html body #open-form .compact-step{padding-top:6px;padding-bottom:6px}.compact-step .lineup-row{display:contents}.compact-step .lineup-more{flex-basis:100%}}
.compact-step .setup-section-title{margin:0}
.compact-step .lineup-row{margin-top:0}
.compact-step .street-chip.locked{padding:3px}
.compact-step .street-chip.locked b{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.compact-step .lineup-chips{gap:4px}
@media(max-width:680px){html body .street-chip.locked{padding:3px}html body .street-chip.locked b{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}html body .lineup-chips{gap:4px}html body .lineup-row{gap:0 10px;margin-top:4px}html body #open-form .setup-section.compact-step{padding-top:8px;padding-bottom:4px}html body .street-chip{font-size:11px;min-height:32px}html body .lineup-more summary{min-height:40px;display:flex;align-items:center}}
/* Board › Overview: the street card drops what the cards above it already show (inventory, Jackpot, bell, draw). */
#street-card .wall-market-stats>div:has(#street-inventory),#street-card .wall-market-stats>div:has(#jackpot-pot),#street-card .wall-market-timing{display:none}
#street-card .wall-market-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:680px){html body .pace-grid{gap:6px}html body .pace-grid .pace{padding:10px 12px;gap:4px;min-height:0;height:auto}html body .pace-grid .pace b{font-size:1rem}}
/* ---- Finish: paper grain, engraved terminals, depth, foil and motion. Display only. The packs and cards keep their
   own rules above; nothing here names them. ---- */
body{background-image:url(./assets/grain.svg);background-size:220px 220px}
h1,h2,h3{text-wrap:balance}
::selection{background:color-mix(in srgb,var(--orange) 26%,transparent)}
.quote-board b,.quote-board strong,.now-tiles dd,.board-card b,.wall-market-stats strong,.level-table td{font-variant-numeric:tabular-nums}

/* The header settles onto the page once it scrolls, and the sign swings on its hook. */
.site-header{transition:box-shadow .3s,border-color .3s}
.site-header.scrolled{border-bottom-color:var(--brass-rule);box-shadow:0 14px 34px -26px var(--pop-shade)}
.brand img{transform-origin:50% 0}
.brand:hover img{animation:hook-swing 1.5s ease-in-out}
@keyframes hook-swing{0%,100%{rotate:0deg}16%{rotate:-11deg}38%{rotate:8deg}60%{rotate:-5deg}80%{rotate:2deg}}

/* Terminals: an engraved band, fine grain and a light that follows the pointer. */
.quote-board,.mining-floor,.wall-card,.board-main,.book-top,.connect-card,.wall-market-stats,footer{
  background-image:radial-gradient(440px circle at var(--mx,-999px) var(--my,-999px),var(--spot-gold),transparent 70%),url(./assets/guilloche.svg),url(./assets/grain-light.svg);
  background-size:auto,240px 120px,220px 220px;box-shadow:var(--panel-rim)}
.hero:before{
  background-image:radial-gradient(560px circle at var(--mx,-999px) var(--my,-999px),var(--spot-gold),transparent 70%),radial-gradient(110% 85% at 88% 0%,color-mix(in srgb,var(--gold) 11%,transparent),transparent 62%),url(./assets/guilloche.svg),url(./assets/grain-light.svg),linear-gradient(var(--hero-grid) 1px,transparent 1px),linear-gradient(90deg,var(--hero-grid) 1px,transparent 1px);
  background-size:auto,auto,240px 120px,220px 220px,48px 48px,48px 48px;box-shadow:var(--panel-rim),0 36px 70px -46px var(--pop-shade)}

/* The headline's second line is struck in foil. */
.hero h1 em{padding-right:.08em;background:linear-gradient(100deg,var(--gold) 0%,var(--foil-cream) 26%,var(--gold) 50%,var(--foil-brass) 74%,var(--gold) 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:foil 10s linear infinite}
@keyframes foil{to{background-position:-220% 0}}

/* The hero arrives in order; the exchange leans toward the pointer and its beacons blink. */
.hero-copy>*,.now{animation:rise .8s cubic-bezier(.2,.7,.2,1) both}
.hero-copy>:nth-child(2){animation-delay:.07s}.hero-copy>:nth-child(3){animation-delay:.14s}
.hero-copy>:nth-child(4){animation-delay:.21s}.hero-copy>:nth-child(5){animation-delay:.28s}
.now{animation-delay:.2s}
@keyframes rise{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
.street-art{transform:perspective(900px) rotateY(calc(var(--px,0)*5deg)) rotateX(calc(var(--py,0)*-4deg));transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.arch-accent{filter:drop-shadow(0 0 5px color-mix(in srgb,var(--gold) 40%,transparent))}
.arch-dot{animation:beacon 2.8s ease-in-out infinite}
.arch-dot:nth-of-type(2){animation-delay:.7s}.arch-dot:nth-of-type(3){animation-delay:1.4s}.arch-dot:nth-of-type(4){animation-delay:2.1s}
@keyframes beacon{0%,100%{opacity:.3}50%{opacity:1}}

/* Paper: cards sit a little above the desk, and lift when touched. */
.doors,.entry-card,.wall-market-overview,.account-panel,.board-card,.mining-personal,.board-panel{box-shadow:var(--lift)}
.board-card{transition:translate .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s}
.board-card:hover{translate:0 -3px;box-shadow:var(--lift-hover)}
.door{position:relative;background-image:radial-gradient(320px circle at var(--mx,-999px) var(--my,-999px),var(--spot-warm),transparent 70%)}
.door:after{content:'';position:absolute;left:32px;right:32px;top:0;height:2px;background:linear-gradient(90deg,var(--orange),var(--gold));transform:scaleX(0);transform-origin:0 50%;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.door:hover:after,.door:focus-within:after{transform:scaleX(1)}
.door .door-symbol{transition:translate .45s cubic-bezier(.2,.7,.2,1),rotate .45s cubic-bezier(.2,.7,.2,1)}
.door:hover .door-symbol{translate:0 -3px;rotate:-7deg}
.door a{transition:letter-spacing .3s,color .2s}
.door:hover a{letter-spacing:.02em}
.leader-table tbody tr{transition:background-color .15s}
.board-panel .leader-table tbody tr:hover{background-color:var(--soft)}

/* Buttons: a struck face, a sheen on the way in, and a press. */
.primary-button{position:relative;overflow:hidden;background-image:linear-gradient(180deg,color-mix(in srgb,var(--white) 16%,transparent),transparent 58%);box-shadow:0 1px 0 color-mix(in srgb,var(--white) 32%,transparent) inset,0 1px 2px var(--card-shade)}
.primary-button:after{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 36%,color-mix(in srgb,var(--white) 34%,transparent) 50%,transparent 64%);translate:-120% 0;pointer-events:none}
.primary-button:hover:not(:disabled):after{translate:120% 0;transition:translate .75s ease}
.primary-button:active:not(:disabled),.secondary-button:active:not(:disabled),.ghost-button:active:not(:disabled),.account-button:active{transform:translateY(1px);box-shadow:none}
.setup-amount:focus-within{box-shadow:0 0 0 4px var(--focus-ring)}

/* The quote board: the round fills along its foot, and the bell swings when the hour is close. */
@media(min-width:681px){.quote-board{position:relative}}
.quote-board:after{content:'';position:absolute;left:0;bottom:-1px;height:2px;width:calc(var(--round,0)*100%);background:linear-gradient(90deg,transparent,var(--gold));transition:width 1s linear;pointer-events:none}
.quote-board.turn:after{animation:round-turn 1.4s ease-out}
@keyframes round-turn{0%{width:100%;opacity:1;filter:brightness(1.8)}100%{width:100%;opacity:0}}
.bell-glyph{width:11px;height:11px;margin-right:5px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;transform-origin:50% 12%;vertical-align:-1px}
.quote-stat.soon b,.quote-stat.soon .bell-glyph{color:var(--gold)}
.quote-stat.soon .bell-glyph{animation:bell 1.2s ease-in-out infinite}
.quote-stat.ring .bell-glyph{color:var(--gold);animation:bell .45s ease-in-out 5}
@keyframes bell{0%,100%{rotate:0deg}25%{rotate:16deg}75%{rotate:-16deg}}

/* The tape: the Street's rules, running above the footer. */
.tape{overflow:hidden;padding:12px 0;border-bottom:1px solid var(--panel-line);-webkit-mask-image:linear-gradient(90deg,transparent,var(--holo-mask) 9%,var(--holo-mask) 91%,transparent);mask-image:linear-gradient(90deg,transparent,var(--holo-mask) 9%,var(--holo-mask) 91%,transparent)}
.tape-track{display:flex;align-items:center;gap:26px;width:max-content;font:500 .6rem var(--mono);letter-spacing:.24em;color:var(--tape-ink);white-space:nowrap;animation:tape 70s linear infinite}
.tape-track i{font-style:normal;font-size:.5rem;color:var(--orange)}
.tape:hover .tape-track{animation-play-state:paused}
@keyframes tape{to{translate:-50% 0}}

/* Sections rise into place the first time they are seen (polish.mjs adds the classes), and a toast steps up. */
.reveal{opacity:0;translate:0 20px}
.reveal.reveal-in{opacity:1;translate:0 0;transition:opacity .75s cubic-bezier(.2,.7,.2,1),translate .75s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--ri,0)*80ms)}
.toast{animation:toast-in .4s cubic-bezier(.2,.9,.3,1.15)}
@keyframes toast-in{from{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}

@media(prefers-reduced-motion:reduce){
 .brand:hover img,.hero h1 em,.hero-copy>*,.now,.arch-dot,.tape-track,.toast,.quote-stat.soon .bell-glyph,.quote-stat.ring .bell-glyph,.quote-board.turn:after{animation:none}
 .street-art{transform:none}
 .reveal{opacity:1;translate:0 0}
 .primary-button:after{display:none}
 .board-card:hover{translate:0 0}
}
/* A recoverable connection issue stays visible without covering the controls. */
.connection-note { max-width: 1180px; margin: 12px auto; padding: 12px 20px; border: 1px solid var(--pale-edge); border-radius: 8px; background: var(--pale); color: var(--amber); font-size: 13px; line-height: 1.5; }