/* crate.8004.page — tokens from the edition's own palette: Warm Cream / Deep Navy / Champagne Gold */
:root{
  --bg:#f0e7d8; --bg2:#e2d4ba; --ink:#123145; --ink2:#425467; --muted:#7a8696; --line:#cbbfa8;
  --card:#f7f1e6; --gold:#c5ab70; --gold2:#987e4d; --ok:#5f8f6e; --bad:#b0523c; --navy:#123145;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){ :root:not([data-theme="light"]){
  --bg:#0e1f2c; --bg2:#123145; --ink:#ece4d4; --ink2:#c3c9d1; --muted:#8793a0; --line:#2c4356;
  --card:#15283a; --gold:#d6bd80; --gold2:#eadbb0; --ok:#7fb48e; --bad:#d87a63; --navy:#0b1822; color-scheme:dark;}}
:root[data-theme="dark"]{
  --bg:#0e1f2c; --bg2:#123145; --ink:#ece4d4; --ink2:#c3c9d1; --muted:#8793a0; --line:#2c4356;
  --card:#15283a; --gold:#d6bd80; --gold2:#eadbb0; --ok:#7fb48e; --bad:#d87a63; --navy:#0b1822; color-scheme:dark;}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 "IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace}
a{color:inherit}
.loading{padding:40vh 16px 0;text-align:center;color:var(--muted)}
.shell{min-height:100%}
.top{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:13px;text-decoration:none}
.brand .muted{color:var(--muted)}
.top nav{display:flex;gap:18px;font-size:13px}
.top nav a{text-decoration:none;color:var(--ink2)} .top nav a:hover{color:var(--ink)}
.wallet{display:flex;gap:8px;align-items:center} .who{font-size:12px;color:var(--muted)}
.btn{appearance:none;border:1px solid var(--ink);background:var(--ink);color:var(--bg);font:inherit;font-weight:600;padding:10px 16px;border-radius:4px;cursor:pointer}
.btn.ghost{background:transparent;color:var(--ink)} .btn.gold{background:var(--gold);border-color:var(--gold);color:var(--navy)}
.btn:disabled{opacity:.45;cursor:default}

/* THE HERO: full-bleed canvas, copy floats over it */
.hero{position:relative;height:min(92vh,980px);min-height:560px;overflow:hidden;border-bottom:1px solid var(--line)}
.hero-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.hero-copy{position:absolute;left:16px;top:clamp(24px,6vh,72px);z-index:2;max-width:min(560px,calc(100% - 32px));display:grid;gap:14px;pointer-events:none}
.hero-copy > *{pointer-events:auto}
.hero h1{font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:clamp(44px,7.5vw,92px);line-height:.95;margin:0;letter-spacing:-.01em;text-wrap:balance}
.hero h1 em{font-style:italic;color:var(--gold2)}
.lede{margin:0;max-width:52ch;color:var(--ink2);background:color-mix(in srgb,var(--bg) 70%,transparent);padding:8px 10px;border-radius:4px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:6px;overflow:hidden;max-width:480px}
.stat{background:color-mix(in srgb,var(--card) 92%,transparent);padding:10px 12px}
.stat b{display:block;font-size:22px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.1}
.stat span{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.edition-tag{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}

.buy{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:28px 16px;max-width:1040px;margin:0 auto}
.panel{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:18px;display:grid;gap:14px;align-content:start}
.panel h2{font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:28px;margin:0;line-height:1.1}
.qty{display:flex;align-items:center;gap:10px}
.qty input{width:84px;font:inherit;font-size:20px;padding:8px 10px;border:1px solid var(--line);border-radius:4px;background:var(--bg);color:var(--ink);text-align:center}
.qty .pm{width:40px;height:40px;border:1px solid var(--line);background:transparent;color:var(--ink);font:inherit;font-size:20px;border-radius:4px;cursor:pointer}
.row{display:flex;justify-content:space-between;gap:12px;font-size:14px;color:var(--ink2)} .row b{color:var(--ink);font-variant-numeric:tabular-nums}
.note{font-size:12.5px;color:var(--muted);line-height:1.5}
.status{min-height:22px;font-size:13px} .status.ok{color:var(--ok)} .status.bad{color:var(--bad)}

/* the reveal tiles */
.reveal .reveal-tile{display:grid;gap:6px;position:relative;width:min(100%,256px)}
.reveal-canvas{width:100%;aspect-ratio:1;image-rendering:pixelated;border-radius:4px;background:var(--bg2);display:block}
.reveal-tile .lid{position:absolute;left:0;right:0;top:0;aspect-ratio:1;border-radius:4px;background:
  repeating-linear-gradient(135deg,var(--bg2) 0 10px,color-mix(in srgb,var(--bg2) 80%,var(--ink)) 10px 12px);
  border:1px dashed var(--line);transition:transform .9s cubic-bezier(.2,.8,.2,1),opacity .9s;transform-origin:top;z-index:1}
.reveal-tile.revealed .lid{transform:perspective(600px) rotateX(-110deg);opacity:0;pointer-events:none}
.reveal-tile .cap{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)} .reveal-tile .cap b{color:var(--ink)}

.how{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:8px 16px 28px;max-width:1040px;margin:0 auto;border-top:1px solid var(--line)}
.how h3{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold2);margin:16px 0 8px}
.how p{margin:0;font-size:13.5px;color:var(--ink2);line-height:1.55}
footer{padding:24px 16px 48px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);display:flex;flex-wrap:wrap;gap:8px 20px;max-width:1040px;margin:0 auto}
footer code{font-size:11px}
.soon{padding:60px 16px;max-width:1040px;margin:0 auto} .soon h2{font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:34px;margin:0 0 8px}
.picker{position:fixed;inset:0;background:rgba(0,0,0,.45);display:none;place-items:center;z-index:9} .picker.open{display:grid}
.picker .box{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:16px;min-width:260px;display:grid;gap:8px}
.picker button{display:flex;align-items:center;gap:10px;font:inherit;padding:10px;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:4px;cursor:pointer;justify-content:flex-start}
.picker img{width:22px;height:22px}
@media (max-width:760px){
  .buy,.how{grid-template-columns:1fr}
  .hero{height:88vh}
  .stats{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* the Door is only the canvas: full viewport under the bar, headline alone */
.hero.full{height:calc(100vh - 57px);height:calc(100dvh - 57px);min-height:520px;border-bottom:none}
.hero.full .hero-copy{top:clamp(40px,10vh,120px)}
.buy-page{padding-block:8px 0}
.buy-head{max-width:1040px;margin:0 auto;padding:36px 16px 8px;display:grid;gap:14px}
.page-title{font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:clamp(40px,6vw,64px);line-height:1;margin:0}
.buy-head .lede{background:none;padding:0}

/* ── HERO TYPE ──
   Two voices: a refined serif for the invitation, a pixel face for the subnets (the same pixel
   DNA as the glyphs pouring out of the crate). Ink follows the edition's paper (--ink-h), gold is
   the one accent. The block floats in the open space left of the crate and drifts slowly. */
.hero.full{--ink-h:#123145;--ink-h2:rgba(18,49,69,.7);--gold-h:#8a6a2c}
.hero.full .hero-copy{left:clamp(32px,7.5vw,140px);top:50%;transform:translateY(-58%);
  max-width:min(620px,calc(100% - 64px));gap:22px;animation:hover-drift 9s ease-in-out infinite}
@keyframes hover-drift{0%,100%{transform:translateY(-58%)}50%{transform:translateY(calc(-58% - 10px))}}
.hero.full .kicker{font-family:"Pixelify Sans","IBM Plex Mono",monospace;font-size:14px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--gold-h);display:flex;align-items:center;gap:12px;transition:color 1.2s}
.hero.full .kicker::before{content:"";width:28px;height:2px;background:currentColor}
.hero.full h1{margin:0;display:grid;gap:.12em;line-height:.95}
.hero.full h1 .l1{font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:clamp(52px,7vw,104px);
  letter-spacing:-.02em;color:var(--ink-h);transition:color 1.2s}
.hero.full h1 .l2{font-family:"Pixelify Sans","IBM Plex Mono",monospace;font-weight:600;font-size:clamp(28px,3.7vw,56px);white-space:nowrap;
  letter-spacing:.01em;color:var(--gold-h);transition:color 1.2s}
.hero.full .say{margin:0;max-width:36ch;font-size:15px;line-height:1.6;color:var(--ink-h2);transition:color 1.2s}
@media (max-width:760px){
  .hero.full .hero-copy{left:16px;max-width:calc(100% - 32px);top:auto;bottom:24px;transform:none;animation:none}
}
@media (prefers-reduced-motion:reduce){.hero.full .hero-copy{animation:none}}

/* ── THE SHELF: Agent Finance. Same desk everywhere; each one dressed in its own crate ──
   --paper (background), --trim / --trim-dark (material), --thread (console ink), --panel. */
.kicker-s{font-family:"Pixelify Sans","IBM Plex Mono",monospace;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold2)}
.say-s{max-width:60ch;color:var(--ink2);margin:0}
.shelves{max-width:1120px;margin:0 auto;padding:40px 16px 60px;display:grid;gap:28px}
.shelves-head{display:grid;gap:10px}
.shelves-empty{display:grid;gap:12px;justify-items:start;padding:24px;border:1px dashed var(--line);border-radius:8px}
.shelf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px}
.shelf-card{display:grid;justify-items:center;gap:0;padding:18px 14px 12px;border-radius:10px;background:var(--paper);color:var(--sink);text-decoration:none;box-shadow:inset 0 0 0 1px rgba(60,48,30,.10);
  border:1px solid color-mix(in srgb,var(--trim-dark) 35%,transparent);transition:transform .2s ease,box-shadow .2s ease}
.shelf-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(0,0,0,.12)}
.shelf-card-cap{display:flex;justify-content:space-between;width:100%;font-size:12px;color:var(--sink2);margin-top:10px} .shelf-card-cap b{color:var(--sink)}
.shelf-crate{image-rendering:pixelated;display:block}
.plank{width:86%;height:7px;border-radius:2px;background:linear-gradient(var(--trim),var(--trim-dark));box-shadow:0 4px 0 color-mix(in srgb,var(--trim-dark) 60%,transparent)}
.shelves-look{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.look-in{font:inherit;width:110px;padding:9px 10px;border:1px solid var(--line);border-radius:4px;background:var(--card);color:var(--ink)}

.shelf{background:var(--paper);color:var(--sink);min-height:calc(100vh - 57px);padding:28px clamp(16px,4vw,48px) 48px;transition:background 1s ease,color 1s ease}
.shelf .note{color:var(--sink2)}
.shelf-head{display:flex;gap:clamp(18px,4vw,48px);align-items:flex-end;max-width:1240px;margin:0 auto 26px;flex-wrap:wrap}
.shelf-stage{display:grid;justify-items:center}
.shelf-id{display:grid;gap:10px;padding-bottom:14px}
.shelf .kicker-s{color:var(--thread)}
.shelf-title{font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:clamp(44px,6vw,80px);line-height:.95;margin:0;letter-spacing:-.02em}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;padding:4px 9px;border-radius:999px;border:1px solid color-mix(in srgb,var(--sink) 25%,transparent);color:var(--sink2)}
.shelf .who{font-size:13px;color:var(--sink2)}
.desk{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr) minmax(220px,300px);gap:16px;max-width:1240px;margin:0 auto}
.pane{background:var(--panel);border:1px solid color-mix(in srgb,var(--trim-dark) 30%,transparent);border-radius:10px;padding:16px;display:grid;gap:12px;align-content:start;position:relative;overflow:hidden}
.pane-h{font-family:"Pixelify Sans","IBM Plex Mono",monospace;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--thread)}
.ck{display:grid;gap:2px} .ck code{font-size:12px}
.pos-total{display:grid} .pos-total b{font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:38px;line-height:1}
.pos-empty{font-size:13px;color:var(--sink2)}
.pos-row{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;padding:8px 0;border-top:1px solid color-mix(in srgb,var(--sink) 12%,transparent)}
.pos-row b{display:block;font-size:13px} .pos-row .note{font-size:11.5px}
.pos-sym{font-size:20px;text-align:center} .pos-usd{font-variant-numeric:tabular-nums;font-size:13px}
.console{min-height:520px;grid-template-rows:auto 1fr auto auto}
.sigil{position:absolute;right:-10px;bottom:40px;font-size:min(34vw,320px);line-height:1;color:var(--sink);opacity:.045;pointer-events:none;font-family:"Instrument Serif",serif}
.log{display:grid;gap:8px;align-content:start;overflow-y:auto;max-height:440px;padding-right:4px;position:relative}
.ln{display:flex;gap:10px;font-size:13.5px;line-height:1.5}
.who-l{flex:0 0 46px;font-family:"Pixelify Sans",monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding-top:2px;color:var(--sink2)}
.ln.agent{color:var(--thread)} .ln.agent .who-l{color:var(--thread)}
.ln.sys{color:var(--sink2);font-size:12.5px;font-style:italic}
.ln.err{color:#b0523c} .shelf.on-dark .ln.err{color:#f0a48f}
.ln.card{display:grid;gap:12px;padding:14px;border-radius:8px;border:1px solid var(--trim);background:color-mix(in srgb,var(--paper) 70%,var(--trim))}
.card-h{display:flex;gap:10px;align-items:center} .card-sym{font-size:22px}
.card-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}
.kv{display:grid;gap:1px} .kv .note{font-size:11px;text-transform:uppercase;letter-spacing:.06em} .kv b{font-size:13px;font-weight:600}
.card-go{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.prompt{display:flex;gap:8px;align-items:center;border:1px solid color-mix(in srgb,var(--sink) 25%,transparent);border-radius:8px;padding:6px 6px 6px 12px;background:color-mix(in srgb,var(--paper) 85%,#fff)}
.shelf.on-dark .prompt{background:rgba(255,255,255,.06)}
.caret{font-family:"Pixelify Sans",monospace;color:var(--thread);font-size:18px}
.prompt-in{flex:1;min-width:0;font:inherit;font-size:14px;border:none;outline:none;background:transparent;color:var(--sink)}
.shelf .btn{background:var(--sink);color:var(--paper);border-color:var(--sink)} .shelf .btn.gold{background:var(--trim);border-color:var(--trim-dark);color:var(--sink)}
.shelf.on-dark .btn.gold{color:#16222c}
.quick{display:flex;flex-wrap:wrap;gap:6px}
.q{font:inherit;font-size:12px;padding:5px 10px;border-radius:999px;border:1px solid color-mix(in srgb,var(--sink) 22%,transparent);background:transparent;color:var(--sink2);cursor:pointer}
.q:hover{color:var(--sink);border-color:var(--sink)}
/* THE AXI AGENT RAIL (Rail.scala): one card per listed agent, the paired one opened */
.rail{display:grid;gap:12px;align-content:start}
.aons{display:grid;gap:8px}
.aon{display:grid;gap:8px;padding:12px;border-radius:8px;border:1px solid color-mix(in srgb,var(--sink) 15%,transparent);cursor:pointer}
.aon.on{cursor:default;border-color:var(--trim-dark);background:color-mix(in srgb,var(--trim) 22%,transparent)}
.aon-h{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.aon-h b{font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:22px;line-height:1}
.aon-st{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--sink2)}
.aon-st .dot{width:7px;height:7px;border-radius:50%;background:currentColor}
.aon-st.ok{color:#4f8a5f} .aon-st.ok .dot{box-shadow:0 0 0 3px color-mix(in srgb,#4f8a5f 25%,transparent);animation:aonPulse 2.4s ease-in-out infinite}
.aon-st.bad{color:#b0523c}
.shelf.on-dark .aon-st.ok{color:#8fcf9f} .shelf.on-dark .aon-st.bad{color:#f0a48f}
@keyframes aonPulse{50%{box-shadow:0 0 0 6px transparent}}
.aon-offer{font-size:12.5px;line-height:1.45}
.aon-pick{font-size:11.5px}
.aon-body{display:grid;gap:10px}
.aon-why{font-size:12px;padding:8px 10px;border-radius:6px;color:#b0523c;background:color-mix(in srgb,#b0523c 10%,transparent)}
.shelf.on-dark .aon-why{color:#f0a48f}
.aon-sec{font-family:"Pixelify Sans","IBM Plex Mono",monospace;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--thread);padding-top:4px;border-top:1px dashed color-mix(in srgb,var(--sink) 18%,transparent)}
.meter{display:grid;gap:5px}
.meter-k{display:flex;justify-content:space-between;gap:8px;font-size:11.5px;flex-wrap:wrap} .meter-k span:last-child{font-variant-numeric:tabular-nums}
.meter-bar{height:6px;border-radius:3px;background:color-mix(in srgb,var(--sink) 12%,transparent);overflow:hidden}
.meter-fill{height:100%;background:linear-gradient(90deg,var(--trim-dark),var(--trim));transition:width .6s ease}
.facts{display:grid;gap:4px}
.fact{display:grid;grid-template-columns:86px minmax(0,1fr);gap:8px;font-size:11.5px;line-height:1.4}
.record{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.stat{display:grid} .stat b{font-variant-numeric:tabular-nums;font-size:14px} .stat .note{font-size:10.5px}
.record-last{grid-column:1/-1;font-size:11px}
.quote{display:grid;gap:8px}
.quote-in{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:13px}
.quote-amt{width:76px;font:inherit;font-size:16px;padding:6px 8px;border-radius:6px;border:1px solid color-mix(in srgb,var(--sink) 25%,transparent);background:color-mix(in srgb,var(--paper) 85%,#fff);color:var(--sink);font-variant-numeric:tabular-nums}
.shelf.on-dark .quote-amt{background:rgba(255,255,255,.06)}
.quote-net{font:inherit;font-size:12px;padding:5px;border-radius:6px;background:transparent;color:var(--sink);border:1px solid color-mix(in srgb,var(--sink) 25%,transparent)}
.quote-range{font-size:11px}
.quote-out{display:grid;gap:6px}
.qrow{display:grid;grid-template-columns:86px minmax(0,1fr);gap:8px;font-size:11.5px;line-height:1.35}
.qrow b{display:block;font-size:13px;font-variant-numeric:tabular-nums} .qrow div .note{font-size:10.5px}
.quote-bad{font-size:12px;color:#b0523c;line-height:1.4} .shelf.on-dark .quote-bad{color:#f0a48f}
.quote-go{width:100%} .quote-go:disabled{opacity:.45;cursor:not-allowed}
.orders{display:grid}
.order{display:grid;border-top:1px solid color-mix(in srgb,var(--sink) 12%,transparent)}
.order-row{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;font-size:12.5px;padding:7px 0;cursor:pointer}
.order-row:hover{color:var(--thread)}
.tl{display:grid;gap:0;padding:2px 0 10px 4px}
.tl-step{display:grid;grid-template-columns:14px minmax(0,1fr);gap:8px;font-size:12px;position:relative;padding-bottom:10px}
.tl-step::before{content:"";position:absolute;left:6px;top:12px;bottom:0;width:1px;background:color-mix(in srgb,var(--sink) 22%,transparent)}
.tl-step:last-of-type::before{display:none}
.tl-dot{width:9px;height:9px;margin-top:4px;border-radius:50%;border:1.5px solid color-mix(in srgb,var(--sink) 40%,transparent);background:var(--panel)}
.tl-step.done .tl-dot{background:var(--trim-dark);border-color:var(--trim-dark)}
.tl-step.now .tl-dot{border-color:var(--thread);animation:aonPulse 2.4s ease-in-out infinite;box-shadow:0 0 0 3px color-mix(in srgb,var(--thread) 25%,transparent)}
.tl-step.todo,.tl-step.skip{opacity:.55} .tl-step.skip b{text-decoration:line-through}
.tl-step b{font-size:12px;font-weight:600} .tl-step .note{font-size:11px} .tl-step a{color:var(--thread)}
.st{font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;padding:2px 6px;border-radius:4px;border:1px solid currentColor}
.st-settled{color:#5f8f6e} .st-refunded,.st-late{color:#b0523c}
@media (max-width:980px){ .desk{grid-template-columns:1fr} .console{min-height:420px} }
.prompt-in::placeholder{color:var(--sink2);opacity:.75}
/* BIRTHS: activate / adopt / reveal, only when something is pending */
.births{display:grid;gap:10px;padding:18px;border-radius:10px;border:1px solid var(--gold);background:color-mix(in srgb,var(--gold) 10%,var(--card))}
.births .pane-h{color:var(--gold2)}
.birth-rows{display:grid;gap:10px}
.birth-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;border-top:1px solid var(--line)}
.birth-row p{margin:2px 0 0;max-width:62ch}
.birth-st{min-height:18px}
@media (max-width:640px){.birth-row{flex-direction:column;align-items:flex-start}}

/* THE WALL: drifting shelves of every crate born so far.
   Each row is a shelf unit: a back panel, crates (their token art, or the reveal's sealed lid),
   a plank with a lit top, a grained front lip and bracket arms, a shadow on the wall below.
   Tags hang on the lip, inside the row, so a lifted crate never clips its label. */
.wall{display:grid;gap:0;margin-top:8px;padding:22px 0 8px;border-top:1px solid var(--line)}
.wall-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;padding:0 4px 14px}
.wall-unit{border-radius:6px;padding:4px 0 10px;
  background:linear-gradient(180deg,rgba(90,70,40,.07),rgba(90,70,40,.03) 70%,rgba(90,70,40,.08));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 0 0 1px rgba(90,70,40,.08)}
.wall-row{position:relative;overflow:hidden;padding-top:30px;
  mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.wall-loading{height:190px}
.wall-track{position:relative;z-index:2;display:flex;align-items:flex-end;gap:26px;width:max-content;padding:0 13px;animation:wall-drift linear infinite}
.wall-track.rev{animation-direction:reverse}
.wall-row:hover .wall-track{animation-play-state:paused}
@keyframes wall-drift{from{transform:translateX(0)}to{transform:translateX(-50%)}}
/* the plank: lit top, grained lip, brackets, cast shadow */
.wall-plank{position:relative;z-index:1;height:16px;margin-top:-1px;
  background:
    repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 1px,transparent 1px 7px,rgba(60,40,15,.05) 7px 8px,transparent 8px 19px),
    linear-gradient(180deg,#e2cb9c 0,#d4b880 4px,#b8955a 5px,#a6844c 11px,#8d6d3b 16px);
  box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 12px 14px -6px rgba(70,48,18,.38),0 26px 30px -14px rgba(70,48,18,.18)}
.wall-plank::after{content:"";position:absolute;left:0;right:0;top:16px;height:16px;
  background:repeating-linear-gradient(90deg,transparent 0 180px,rgba(80,60,30,.55) 180px 184px,rgba(120,95,55,.35) 184px 188px,transparent 188px 380px);
  clip-path:polygon(0 0,100% 0,100% 100%,0 100%);opacity:.9}
.wall-tile{position:relative;display:grid;justify-items:center;width:112px;padding-bottom:0;text-decoration:none;color:inherit;
  transition:transform .32s cubic-bezier(.2,.8,.2,1);transform-origin:50% 100%}
.wall-art{display:block;width:112px;height:112px;border-radius:3px;image-rendering:pixelated;
  box-shadow:inset 0 0 0 1px rgba(60,48,30,.14),0 1px 0 rgba(255,255,255,.4),0 8px 6px -6px rgba(40,28,10,.45)}
.wall-lid{display:grid;place-items:center;
  background:repeating-linear-gradient(135deg,#e2d4ba 0 10px,#d6c6a6 10px 12px);border:1px dashed rgba(90,70,40,.35);opacity:.8}
.wall-lid .shelf-crate{opacity:.45;filter:grayscale(.6)}
.wall-tile:hover{transform:translateY(-16px) rotate(-1.5deg)}
.wall-tile:hover .wall-art{box-shadow:inset 0 0 0 1px rgba(60,48,30,.2),0 18px 22px -8px rgba(40,28,10,.35)}
.wall-tile:hover .wall-lid{opacity:1}
/* the tag on the lip */
.wall-tag{position:absolute;left:50%;bottom:-27px;transform:translateX(-50%);display:flex;gap:6px;align-items:baseline;white-space:nowrap;
  font-family:"Pixelify Sans",monospace;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:#3b2c14;
  background:#f6eedd;border:1px solid rgba(90,70,40,.35);border-radius:2px;padding:1px 6px;box-shadow:0 1px 1px rgba(40,28,10,.2);
  transition:transform .32s cubic-bezier(.2,.8,.2,1)}
.wall-tag .wall-tier{color:#8a6a2c;max-width:0;overflow:hidden;transition:max-width .3s ease}
.wall-tile:hover .wall-tag{transform:translateX(-50%) translateY(16px) rotate(1.5deg)}
.wall-tile:hover .wall-tag .wall-tier{max-width:110px}
.wall-row + .wall-row{margin-top:0}
@media (prefers-reduced-motion:reduce){.wall-track{animation:none}}
.wall,.wall-unit,.wall-row{min-width:0;max-width:100%}
.wall-unit{overflow:hidden}
.wall-row{padding-bottom:46px}
.wall-row + .wall-row{margin-top:12px}

/* THE GATE: Activate your Axi Profile (create · Axi Link · fund) */
.gate{display:grid;gap:10px;padding:14px;border-radius:8px;border:1px solid var(--trim);background:color-mix(in srgb,var(--paper) 70%,var(--trim))}
.gate-h{font-family:"Instrument Serif",Georgia,serif;font-size:24px;line-height:1.1}
.gate-step{display:grid;grid-template-columns:28px 1fr auto;gap:12px;align-items:center;padding:10px 0;border-top:1px solid color-mix(in srgb,var(--sink) 12%,transparent);opacity:.55}
.gate-step.ready,.gate-step.done{opacity:1}
.gate-step p{margin:2px 0 0}
.gate-n{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-family:"Pixelify Sans",monospace;border:1px solid var(--sink);font-size:13px}
.gate-step.done .gate-n{background:var(--sink);color:var(--paper)}
.fund-in{display:flex;align-items:center;gap:6px} .fund-in .look-in{width:70px}
.gate-note{font-size:13px;color:var(--sink2);padding:12px;border:1px dashed color-mix(in srgb,var(--sink) 25%,transparent);border-radius:8px}
.console-open{display:grid;gap:10px}
.profile-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:12.5px}
.profile-bar code{font-size:12px}
.gate-st{min-height:18px}

/* THE GATE as a sign-in: the console stays on screen, veiled; one card on top, one step at a time */
.console{position:relative}
.gate-veil{position:absolute;inset:38px 0 0 0;display:grid;place-items:center;padding:16px;z-index:5;
  background:color-mix(in srgb,var(--paper) 55%,transparent);backdrop-filter:blur(3px) saturate(.8);-webkit-backdrop-filter:blur(3px) saturate(.8);
  border-radius:0 0 10px 10px;animation:veil-in .35s ease}
@keyframes veil-in{from{opacity:0}to{opacity:1}}
.si-card{width:min(420px,100%);display:grid;gap:18px;padding:30px 30px 22px;border-radius:14px;background:#fffdf8;color:#1d2731;
  border:1px solid rgba(29,39,49,.12);box-shadow:0 1px 2px rgba(0,0,0,.06),0 18px 40px rgba(20,28,36,.16);animation:card-in .4s cubic-bezier(.2,.8,.2,1)}
@keyframes card-in{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
.si-mark{display:flex;align-items:center;gap:10px}
.si-brand{font-family:"Pixelify Sans",monospace;font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:#5b6773}
.si-body{display:grid;gap:12px}
.si-progress{display:flex;gap:6px}
.si-pip{flex:1;height:4px;border-radius:2px;background:rgba(29,39,49,.12);transition:background .3s}
.si-pip.on{background:#c5ab70} .si-pip.done{background:#1d2731}
.si-step{font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:#7a8696}
.si-title{font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:30px;line-height:1.05;margin:0;color:#1d2731}
.si-sub{margin:0;font-size:13.5px;line-height:1.55;color:#4b5763}
.si-detail{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;padding:10px 12px;border-radius:8px;background:#f4efe4;font-size:12.5px;color:#1d2731}
.si-detail .note,.si-amount .note{color:#7a8696} .si-detail code{font-size:12px}
.si-amount{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;border:1px solid rgba(29,39,49,.18);font-size:20px;color:#1d2731}
.si-amt{flex:1;min-width:0;font:inherit;font-size:22px;border:none;outline:none;background:transparent;color:#1d2731}
.si-card .si-primary{width:100%;padding:12px 16px;border-radius:999px;background:#1d2731;color:#fffdf8;border-color:#1d2731;font-size:14px}
.si-card .si-primary:disabled{opacity:.7;cursor:progress}
.si-err{min-height:16px;font-size:12.5px;color:#b0523c}
.si-account{display:flex;align-items:center;gap:8px;padding-top:12px;border-top:1px solid rgba(29,39,49,.1);font-size:12.5px;color:#1d2731}
.si-account .note{color:#7a8696}
.si-dot{width:8px;height:8px;border-radius:50%;background:#5f8f6e}
.console{min-height:600px}

/* AXI PROFILE metadata: the strip on the shelf, and the editor card */
.pstrip{max-width:1240px;margin:0 auto 18px}
.pstrip-in{position:relative;display:grid;grid-template-columns:72px 1fr auto;gap:16px;align-items:center;padding:16px;border-radius:12px;overflow:hidden;
  background:var(--panel);border:1px solid color-mix(in srgb,var(--trim-dark) 30%,transparent)}
.pstrip-empty{grid-template-columns:1fr auto}
.pstrip-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.22}
.pstrip-av{position:relative;width:72px;height:72px;border-radius:50%;object-fit:cover;image-rendering:pixelated;border:2px solid var(--paper);box-shadow:0 0 0 1px var(--trim-dark);background:var(--trim)}
.pstrip-txt{position:relative;display:grid;gap:4px;min-width:0}
.pstrip-txt b{font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:26px;line-height:1.05}
.pstrip-txt p{margin:0;font-size:13.5px;color:var(--sink2);max-width:70ch}
.pstrip-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:12.5px}
.pstrip-meta a{color:var(--thread)}
.pstrip-in .q{position:relative}
.pe-veil{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:16px;overflow-y:auto;background:rgba(20,28,36,.35);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:veil-in .25s ease}
.pe-card{width:min(560px,100%);max-height:calc(100vh - 32px);overflow-y:auto}
.pe-media{position:relative;padding-bottom:40px}
.pe-bg{height:110px;border-radius:10px;background:#efe7d6 center/cover;display:flex;gap:6px;justify-content:flex-end;align-items:flex-start;padding:8px}
.pe-av{position:absolute;left:16px;bottom:0;display:flex;align-items:flex-end;gap:10px}
.pe-av img,.pe-av > div:first-child{width:84px;height:84px;border-radius:50%;object-fit:cover;image-rendering:pixelated;border:3px solid #fffdf8;background:#e2d4ba}
.pe-av-actions{display:flex;gap:6px;padding-bottom:4px}
.pe-btn{font:inherit;font-size:12px;padding:5px 10px;border-radius:999px;border:1px solid rgba(29,39,49,.2);background:#fffdf8;color:#1d2731;cursor:pointer;display:inline-flex;align-items:center}
.pe-file{display:none}
.pe-field{display:grid;gap:5px}
.pe-label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#7a8696}
.pe-in{font:inherit;font-size:14px;padding:9px 11px;border-radius:8px;border:1px solid rgba(29,39,49,.18);background:#fff;color:#1d2731;width:100%;box-sizing:border-box}
.pe-ta{min-height:70px;resize:vertical}
.pe-links{display:grid;gap:6px} .pe-link{display:grid;grid-template-columns:1fr 2fr;gap:6px}
.pe-cost{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;color:#5b6773;padding:8px 10px;border-radius:8px;background:#f4efe4}
.pe-actions{display:grid;grid-template-columns:auto 1fr;gap:10px}
.pe-actions .btn.ghost{border-radius:999px;color:#1d2731;border-color:rgba(29,39,49,.25);background:transparent}

/* the console head: advisor chip + the uAxi switch */
.console-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.console-h .pane-h{margin-right:auto}
.advisor{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--sink2)}
.advisor img{width:20px;height:20px;border-radius:4px;image-rendering:pixelated}
.uaxi-switch{display:inline-flex;align-items:center;gap:8px;font:inherit;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px 4px 4px;border-radius:999px;border:1px solid color-mix(in srgb,var(--sink) 25%,transparent);background:transparent;color:var(--sink2);cursor:pointer}
.uaxi-switch .knob{width:26px;height:14px;border-radius:999px;background:color-mix(in srgb,var(--sink) 20%,transparent);position:relative;transition:background .2s}
.uaxi-switch .knob::after{content:"";position:absolute;top:2px;left:2px;width:10px;height:10px;border-radius:50%;background:var(--paper);transition:left .2s}
.uaxi-switch.on{color:var(--sink);border-color:var(--trim-dark)} .uaxi-switch.on .knob{background:var(--trim-dark)} .uaxi-switch.on .knob::after{left:14px}
/* asks: the RaoPunk reel while the advisor thinks (uRAO) */
.ln.ask{align-items:flex-start}
.ask-body{display:grid;gap:8px;min-width:0}
.ask-text{white-space:pre-wrap;color:var(--sink)}
.reel{display:flex;align-items:center;gap:10px}
.reel img,.reel-blank{width:44px;height:44px;border-radius:6px;image-rendering:pixelated;background:color-mix(in srgb,var(--sink) 8%,transparent);animation:reel-pop .9s ease-in-out infinite}
@keyframes reel-pop{0%{transform:scale(.92);opacity:.6}40%{transform:scale(1);opacity:1}100%{transform:scale(.92);opacity:.6}}
.ask-acts{display:flex;flex-wrap:wrap;gap:6px}
.q.act{border-color:var(--trim-dark);color:var(--sink)}
/* acts: the crate spill while an order processes (uAxi) */
.spill{position:relative;height:190px;border-radius:8px;overflow:hidden;border:1px solid color-mix(in srgb,var(--trim-dark) 35%,transparent)}
.spill-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}

/* agents by ID, in the console's own type: no pictures */
.agent-id{font-family:"Pixelify Sans",monospace;font-weight:600;letter-spacing:.08em;font-size:11.5px;color:var(--thread)}
.advisor{gap:6px} .advisor img{display:none}
.ticker{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:6px;border:1px dashed color-mix(in srgb,var(--thread) 45%,transparent);width:max-content}
.tk-glyph{font-size:18px;width:18px;text-align:center;color:var(--thread)} .tk-glyph.dim{opacity:.55} .tk-glyph.dimmer{opacity:.25}

.si-skip{justify-self:center;font:inherit;font-size:13px;background:none;border:none;color:#5b6773;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:2px 6px}
.si-skip:hover{color:#1d2731}
.advisor > span{display:inline-flex;gap:6px;align-items:baseline}

/* the uQuery reel (ported from 8004's studio.css): an ask over the uRAO lane looks like a uQuery
   everywhere. Colours follow the shelf; the shape, timing and label are 8004's. */
.ul-dots::after{content:"";display:inline-block;width:1.2em;text-align:left;animation:ul-dots 1.2s steps(4) infinite}
@keyframes ul-dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}
.ul-load{display:flex;align-items:center;gap:11px;padding:4px 2px}
.ul-rao{position:relative;width:52px;height:52px;flex:none;border-radius:10px;overflow:hidden;
  border:1px solid color-mix(in srgb,var(--thread) 45%,transparent);background:color-mix(in srgb,var(--sink) 8%,transparent)}
.ul-rao-face{width:100%;height:100%;object-fit:cover;image-rendering:pixelated;display:block}
.ul-rao-blank{width:100%;height:100%;display:grid;place-items:center;font-size:22px;color:var(--sink2)}
.ul-rao-scan{position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,transparent 0,color-mix(in srgb,var(--thread) 28%,transparent) 50%,transparent 100%);
  background-size:100% 40%;background-repeat:no-repeat;animation:ul-scan 1.1s linear infinite}
@keyframes ul-scan{from{background-position:0 -40%}to{background-position:0 140%}}
.ul-load-l{font-family:"IBM Plex Mono",monospace;font-size:10.5px;color:var(--sink2)}
.ul-load-k{color:var(--thread);font-weight:700;letter-spacing:.08em}
@media(prefers-reduced-motion:reduce){.ul-rao-scan,.ul-dots::after{animation:none}}
.ln.demo{display:grid;gap:8px}

/* replies: text only (no agent label beside them) */
.ln.ask{display:block}
/* the agent's name in the console head: the shelf's serif, not the pixel face */
.advisor .agent-id{font-family:"Instrument Serif",Georgia,serif;font-style:italic;font-weight:400;font-size:17px;letter-spacing:.01em;text-transform:none;color:var(--sink)}
.pstrip-bg{opacity:.55}
.pstrip-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--panel) 0,color-mix(in srgb,var(--paper) 70%,transparent) 45%,transparent 100%)}

.gate-quiet{background:color-mix(in srgb,var(--paper) 35%,transparent)}
.si-reading{font-size:13px;color:var(--sink2);padding:10px 14px;border-radius:999px;background:color-mix(in srgb,var(--paper) 80%,transparent)}

/* the agent URI in the shelf head */
.uri{display:grid;gap:8px;max-width:640px}
.uri-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.uri-k{font-family:"Pixelify Sans",monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--thread)}
.uri-v{font-size:13px;color:var(--sink);text-decoration:underline;text-underline-offset:3px;word-break:break-all}
.uri-card{margin:0;max-height:260px;overflow:auto;padding:12px;border-radius:8px;font-size:11.5px;line-height:1.5;
  background:color-mix(in srgb,var(--paper) 80%,#000 4%);border:1px solid color-mix(in srgb,var(--trim-dark) 30%,transparent);color:var(--sink);white-space:pre-wrap;word-break:break-word}
.shelf-stage{align-self:flex-start}

/* the holder's own Axi Agents in the Position pane */
.my-agents{display:grid;gap:10px;padding-top:12px;border-top:1px solid color-mix(in srgb,var(--sink) 14%,transparent)}
.my-agent{display:grid;gap:4px}
.my-agent-h{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.my-agent-h b{font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:19px}
.my-agent-link{font-size:11.5px;justify-self:start}
/* the lane standing: one ladder for CRATE + uRAO memberships */
.standing{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:12px;padding-top:8px;border-top:1px dashed color-mix(in srgb,var(--sink) 18%,transparent)}
.lvl{font-family:"Pixelify Sans","IBM Plex Mono",monospace;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;padding:3px 8px;border-radius:999px;border:1px solid currentColor;color:var(--sink2)}
.lvl-holder{color:var(--thread)} .lvl-member{color:var(--trim-dark);background:color-mix(in srgb,var(--trim) 25%,transparent)}
.lvl-patron{color:var(--sink);background:linear-gradient(90deg,var(--trim),color-mix(in srgb,var(--trim) 50%,#fff));border-color:var(--trim-dark)}
.standing-left{margin-left:auto;font-variant-numeric:tabular-nums}
/* MOVE HOLDINGS (Holdings.scala): the profile bar's wizard, in the sign-in card's language */
.mv-card{position:relative;width:min(480px,100%);max-height:calc(100vh - 32px);overflow-y:auto}
.mv-x{position:absolute;top:12px;right:14px;border:none;background:transparent;font-size:22px;line-height:1;color:#7a8696;cursor:pointer}
.mv-steps{display:flex;flex-wrap:wrap;gap:6px}
.mv-step{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;padding:4px 8px;border-radius:999px;border:1px solid #dcd3c2;color:#9aa3ad}
.mv-step.on{color:#1d2731;border-color:#1d2731} .mv-step.done{color:#5f8f6e;border-color:#b9d1bf}
.mv-body{display:grid;gap:12px}
.mv-acct{display:flex;gap:8px;align-items:center;font-size:12px} .mv-acct code{font-size:12px}
.mv-list{display:grid;gap:8px}
.mv-vals{max-height:260px;overflow-y:auto}
.mv-opt{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;text-align:left;font:inherit;padding:11px 12px;border-radius:10px;border:1px solid #e3dccd;background:#fffdf8;color:#1d2731;cursor:pointer}
.mv-opt:hover{border-color:#1d2731} .mv-opt.on{border-color:#1d2731;background:#f6f1e6}
.mv-opt b{display:block;font-size:13.5px} .mv-opt .note{font-size:12px;color:#6b7684}
.mv-opt > div:only-child{grid-column:1/-1}
.mv-sym{font-size:20px;width:26px;text-align:center}
.mv-amt{display:grid;gap:6px}
.mv-amt-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.mv-in{flex:1;min-width:0;width:auto;font-size:15px;font-variant-numeric:tabular-nums} .mv-in.mono{font-family:"IBM Plex Mono",monospace;font-size:12.5px}
.mv-ok{font-size:12px;color:#3f7a52} .mv-bad{font-size:12.5px;color:#b0523c;line-height:1.45}
.mv-review{display:grid;gap:8px;padding:12px;border-radius:10px;background:#f6f1e6}
.mv-row{display:grid;grid-template-columns:86px minmax(0,1fr);gap:10px;font-size:12.5px;line-height:1.4} .mv-row b{font-weight:600}
.mv-nav{display:flex;gap:10px;align-items:center} .mv-nav .si-primary{flex:1}
.mv-back{flex:0 0 auto}
.mv-link{font-size:13px;color:#33506b}
.mv-card .note{color:#6b7684}
/* THE DESK HOLDS ITS SHAPE: one height for all three panes; the console fills it, the rails scroll inside
   their own pane, so a tall rail can never stretch the chat (the row used to grow to the rail's height) */
.desk{--desk-h:clamp(560px,calc(100vh - 140px),780px);align-items:start}
.desk > .pane{height:var(--desk-h)}
.desk > .pane.pos,.desk > .pane.side{overflow-y:auto;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--sink) 25%,transparent) transparent}
.desk > .pane.console{grid-template-rows:auto minmax(0,1fr) auto auto auto;overflow:hidden}
.console .log{max-height:none;min-height:0;height:100%}
@media (max-width:980px){ .desk > .pane{height:auto} .desk > .pane.console{height:min(620px,calc(100vh - 80px))} }
/* the Axi Agent card: compact, tabbed */
.aon-tabs{display:flex;gap:4px;padding:3px;border-radius:999px;background:color-mix(in srgb,var(--sink) 8%,transparent)}
.aon-tab{flex:1;font:inherit;font-size:11.5px;letter-spacing:.04em;padding:6px 8px;border:none;border-radius:999px;background:transparent;color:var(--sink2);cursor:pointer;white-space:nowrap}
.aon-tab.on{background:var(--panel);color:var(--sink);box-shadow:0 1px 2px color-mix(in srgb,var(--sink) 18%,transparent)}
.aon-pane{display:grid;gap:10px}
.fact{grid-template-columns:78px minmax(0,1fr)}
.aon-offer{overflow-wrap:anywhere}
.order-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* POSITION ON BITTENSOR */
.pos-wrap{display:grid;gap:10px}
.pos .pos-total{display:grid;gap:2px;padding-bottom:4px}
.pos .pos-total b{font-size:42px}
.pos-card{display:grid;gap:8px;padding:12px;border-radius:10px;border:1px solid color-mix(in srgb,var(--trim-dark) 35%,transparent);background:color-mix(in srgb,var(--paper) 55%,transparent)}
.pos-card-h{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;align-items:center}
.pos-name{display:grid;min-width:0} .pos-name b{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .pos-name .note{font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pos-card-k{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12px;font-variant-numeric:tabular-nums;color:var(--sink2)}
.pos-up{color:#4f8a5f} .pos-down{color:#b0523c}
.shelf.on-dark .pos-up{color:#8fcf9f} .shelf.on-dark .pos-down{color:#f0a48f}
.pos-card-go{display:flex;align-items:center;justify-content:space-between;gap:8px} .pos-card-go a{font-size:11.5px}
.pos-acct{display:grid;gap:6px;padding-top:10px;border-top:1px dashed color-mix(in srgb,var(--sink) 18%,transparent)}
.pos-acct-k{display:flex;flex-wrap:wrap;align-items:center;gap:6px} .pos-acct-k code{font-size:12px} .pos-acct-k .note:first-child{flex-basis:100%;font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.pos-acct .note{font-size:11.5px}
.pos-gas{font-size:11.5px;color:var(--sink2)} .pos-gas.low{color:#b0523c} .shelf.on-dark .pos-gas.low{color:#f0a48f}
/* THE MANIFEST (Manifest.scala): a manifesto, the cargo, the curated shelf */
.mf{max-width:1120px;margin:0 auto;padding:40px clamp(16px,4vw,48px) 72px;display:grid;gap:56px}
.mf-head{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:40px;align-items:center}
.mf-title{font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:clamp(46px,6.4vw,86px);line-height:.96;letter-spacing:-.02em;margin:14px 0 18px;text-wrap:balance}
.mf-title em{font-style:italic;color:var(--gold2)}
.mf-lede{margin:0;max-width:56ch;font-size:15px;line-height:1.65;color:var(--ink2)}
.mf-shelf{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:22px;border-radius:12px;
  background:linear-gradient(var(--bg2),var(--bg));box-shadow:inset 0 -10px 0 color-mix(in srgb,var(--gold2) 40%,transparent)}
.mf-crate{display:grid;place-items:center;padding:12px;border-radius:8px;background:color-mix(in srgb,var(--card) 70%,transparent)}
.mf-crate canvas{image-rendering:pixelated;max-width:100%}
.mf-theses{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden}
.mf-thesis{background:var(--card);padding:24px 22px 26px;display:grid;gap:8px;align-content:start}
.mf-num{font-family:"Instrument Serif",Georgia,serif;font-size:30px;line-height:1;color:var(--gold2)}
.mf-thesis h3{margin:0;font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:25px;line-height:1.1;text-wrap:balance}
.mf-thesis p{margin:0;font-size:13.5px;line-height:1.6;color:var(--ink2)}
.mf-proof{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;margin-top:-36px;font-size:12px;color:var(--muted)}
.mf-proof-k{font-family:"Pixelify Sans","IBM Plex Mono",monospace;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ok)}
.mf-h{font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:38px;margin:0 0 18px}
.mf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 28px}
.mf-cargo-i{display:grid;gap:4px;padding-top:12px;border-top:1px solid var(--line)}
.mf-cargo-i b{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold2)}
.mf-cargo-i p{margin:0;font-size:13.5px;line-height:1.55;color:var(--ink2)}
.mf-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:26px;background:var(--line);border:1px solid var(--line);border-radius:8px;overflow:hidden;max-width:620px}
.mf-stat{display:grid;gap:2px;padding:14px 16px;background:var(--card)}
.mf-stat b{font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:32px;line-height:1;font-variant-numeric:tabular-nums}
.mf-stat span{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.mf-curated-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px}
.mf-curated-h .mf-h{margin:0 0 18px}
.mf-product{display:grid;grid-template-columns:minmax(220px,0.8fr) minmax(0,1.4fr);border-radius:14px;overflow:hidden;border:1px solid #d9d6cd;background:#f7f6f2;color:#13151a}
.mf-product-art{display:grid;place-items:center;padding:36px;color:#13151a;
  background:linear-gradient(#d9d6cd 1px,transparent 1px) 0 0/24px 24px,linear-gradient(90deg,#d9d6cd 1px,transparent 1px) 0 0/24px 24px,#f7f6f2;border-right:1px solid #d9d6cd}
.mf-mark{width:min(220px,100%);height:auto}
.mf-product-copy{display:grid;gap:12px;padding:30px 32px;align-content:center}
.mf-product-k{font-family:"IBM Plex Mono",monospace;font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:#33506b}
.mf-product-name{margin:0;font-family:Inter,"Segoe UI",system-ui,sans-serif;font-weight:600;font-size:40px;letter-spacing:-.02em;line-height:1}
.mf-product-pitch{margin:0;font-size:15px;line-height:1.55;color:#3a3f48;max-width:52ch}
.mf-product-list{margin:4px 0 0;padding:0;list-style:none;display:grid;gap:7px;font-size:13.5px;line-height:1.5;color:#3a3f48}
.mf-product-list li{padding-left:16px;position:relative} .mf-product-list li::before{content:"▣";position:absolute;left:0;top:0;font-size:9px;color:#33506b}
.mf-product-list b{color:#13151a}
.mf-product-go{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.mf-product-go .btn{text-decoration:none;display:inline-block}
.mf-product-go .btn.gold{background:#13151a;border-color:#13151a;color:#f7f6f2}
.mf-product-go .btn.ghost{background:transparent;color:#13151a;border-color:#13151a}
.mf-foot{display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center;justify-content:space-between;padding-top:24px;border-top:1px solid var(--line)}
.mf-foot p{margin:0;font-size:14px;color:var(--ink2)} .mf-foot .btn{text-decoration:none}
@media (max-width:900px){ .mf-head,.mf-product{grid-template-columns:1fr} .mf-product-art{border-right:none;border-bottom:1px solid #d9d6cd} .mf-theses,.mf-grid{grid-template-columns:1fr 1fr} }
@media (max-width:560px){ .mf-theses,.mf-grid,.mf-stats{grid-template-columns:1fr} .mf-product-copy{padding:22px 20px} }
/* THE WAREHOUSE (Warehouse.scala): the open layer, any wallet, any agent on Arc */
.wh{max-width:1240px;margin:0 auto;padding:32px clamp(16px,4vw,48px) 64px;display:grid;gap:32px;--sink:var(--ink);--sink2:var(--ink2);--paper:var(--bg);--panel:var(--card);--trim:var(--gold);--trim-dark:var(--gold2);--thread:var(--navy)}
.wh-head{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);gap:32px;align-items:end}
.wh-title{font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:clamp(40px,5.4vw,68px);line-height:.98;letter-spacing:-.02em;margin:12px 0 14px;text-wrap:balance}
.wh-lede{margin:0;max-width:60ch;font-size:14.5px;line-height:1.65;color:var(--ink2)}
.wh-agent{display:grid;gap:10px;padding:16px;border-radius:10px;border:1px solid var(--line);background:var(--card)}
.wh-agent-in{display:flex;gap:8px} .wh-agent-in .look-in{flex:1;width:auto;min-width:0}
.wh-card{display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px;align-items:center}
.wh-card > div{display:grid;gap:2px;min-width:0} .wh-card b{font-size:14px} .wh-card .note{font-size:12px}
.wh-card-img{width:44px;height:44px;border-radius:8px;object-fit:cover;background:var(--bg2)}
.wh-card-blank{display:grid;place-items:center;font-family:"Instrument Serif",serif;font-size:22px;color:var(--gold2)}
.wh-yours{font-size:11.5px;color:var(--ok)}
.wh-desk .pane{background:var(--card);border-color:var(--line)}
.wh-desk .pane-h{color:var(--navy)}
.wh-order{overflow-y:auto;align-content:start}
.wh-form{display:grid;gap:14px}
.wh-row{display:grid;gap:6px}
.wh-amt{display:flex;align-items:center;gap:6px} .wh-amt .look-in{width:140px;font-size:16px}
.wh-chips{display:flex;flex-wrap:wrap;gap:6px} .wh-chips .q.on{border-color:var(--ink);color:var(--ink);background:color-mix(in srgb,var(--gold) 25%,transparent)}
.wh-select{font:inherit;font-size:12.5px;padding:8px;border-radius:6px;border:1px solid var(--line);background:var(--bg);color:var(--ink);max-width:100%}
.wh-dest{display:grid;gap:8px}
.wh-radio{display:flex;align-items:center;gap:8px;font-size:13px;flex-wrap:wrap} .wh-radio code{font-size:11.5px;color:var(--muted)}
.wh-ss58{display:grid;gap:4px} .wh-ss58 .look-in{width:100%;font-size:12.5px}
.wh-quote{display:grid;gap:6px;padding:12px;border-radius:8px;background:color-mix(in srgb,var(--gold) 10%,var(--bg))}
.wh-go{display:flex;flex-wrap:wrap;gap:10px;align-items:center} .wh-go .note{font-size:12.5px;line-height:1.45;flex:1;min-width:180px}
.wh-dock{display:grid;gap:14px;padding-top:24px;border-top:1px solid var(--line)}
.wh-dock .mf-h{margin:0}
.wh-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.wh-step{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start}
.wh-step b{font-size:14px} .wh-step p{margin:4px 0 0;font-size:12.5px;line-height:1.55;color:var(--ink2);overflow-wrap:anywhere}
.wh-addrs{display:grid;gap:6px}
.wh-addr{display:grid;grid-template-columns:170px minmax(0,1fr) auto;gap:10px;align-items:center;font-size:12.5px}
.wh-addr code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:900px){ .wh-head,.wh-steps{grid-template-columns:1fr} .wh-addr{grid-template-columns:1fr auto} .wh-addr .note{grid-column:1/-1} }

/* THE WAREHOUSE as a trading terminal: one deliberate dark look, whatever the site theme */
.wh-floor{--t-bg:#001d33;--t-panel:#002744;--t-panel2:#003055;--t-line:#0d4166;--t-text:#f3ead9;--t-dim:#9fb2c2;--t-gold:#e2c88a;--t-up:#8fd9b0;--t-down:#f2a48c;--t-deep:#00162a;
  background:var(--t-bg);color:var(--t-text);min-height:calc(100vh - 57px);font-variant-numeric:tabular-nums}
.wh-floor .wh{max-width:1320px;margin:0 auto;padding:22px clamp(16px,3vw,32px) 56px;display:grid;gap:18px}
.wh-dim{color:var(--t-dim)} .wh-floor .up{color:var(--t-up)} .wh-floor .down{color:var(--t-down)}
.wh-lbl{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--t-dim)}
.wh-ticker{overflow:hidden;border-bottom:1px solid var(--t-gold);background:var(--t-deep);white-space:nowrap}
.wh-tk-track{display:inline-flex;gap:28px;padding:9px 0;animation:wh-tick 70s linear infinite}
.wh-ticker:hover .wh-tk-track{animation-play-state:paused}
@keyframes wh-tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.wh-tk-track{animation:none}}
.wh-tk{display:inline-flex;gap:7px;align-items:baseline;font-size:12px}
.wh-tk b{color:var(--t-text);font-weight:600} .wh-tk-name{color:var(--t-dim)} .wh-tk-sym{color:var(--t-gold)}
.wh-tk-px{color:var(--t-text)} .wh-tk-usd{color:var(--t-dim)}
.wh-tk.hot b{color:var(--t-gold)} .wh-tk-tao b{color:var(--t-text)}
.wh-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:end;padding-bottom:4px}
.wh-kicker{font-family:"Pixelify Sans","IBM Plex Mono",monospace;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--t-gold)}
.wh-floor .wh-title{font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:clamp(32px,4vw,48px);line-height:1;margin:8px 0;color:var(--t-text)}
.wh-floor .wh-title em{color:var(--t-gold)}
.wh-floor .wh-lede{margin:0;font-size:13px;color:var(--t-dim);max-width:62ch}
.wh-kpis{display:grid;grid-template-columns:repeat(5,minmax(110px,auto));gap:1px;background:var(--t-line);border:1px solid var(--t-line);border-radius:8px;overflow:hidden}
.wh-kpi{display:grid;gap:3px;padding:10px 14px;background:var(--t-panel)}
.wh-kpi b{font-size:17px;font-weight:600;color:var(--t-text)} .wh-kpi .wh-dim{font-size:11px}
.wh-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:start}
.wh-main{display:grid;gap:18px;min-width:0}
.wh-panel{background:var(--t-panel);border:1px solid var(--t-line);border-radius:10px;overflow:hidden;box-shadow:inset 0 1px 0 rgba(226,200,138,.12)}
.wh-panel-h{display:flex;flex-wrap:wrap;gap:6px 14px;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--t-line);font-size:12.5px;font-weight:600;letter-spacing:.04em}
.wh-panel-h .wh-dim{font-weight:400;font-size:11.5px}
.wh-scroll{overflow-x:auto}
.wh-table{width:100%;border-collapse:collapse;font-size:12.5px}
.wh-table th{text-align:left;font-weight:500;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--t-dim);padding:9px 16px;border-bottom:1px solid var(--t-line);white-space:nowrap}
.wh-table td{padding:11px 16px;border-bottom:1px solid var(--t-line);vertical-align:middle;white-space:nowrap}
.wh-table tr:last-child td{border-bottom:none}
.wh-table tbody tr:hover{background:var(--t-panel2)} .wh-table tr.sel{background:color-mix(in srgb,var(--t-gold) 8%,transparent)}
.wh-table .num{text-align:right}
.wh-pill{display:inline-block;font-size:11px;padding:2px 7px;border-radius:4px;background:var(--t-panel2);border:1px solid var(--t-line);margin-right:4px}
.wh-bar{width:110px;height:5px;border-radius:3px;background:var(--t-panel2);overflow:hidden;margin-bottom:4px}
.wh-bar-fill{height:100%;background:linear-gradient(90deg,#b8955a,var(--t-gold))}
.wh-st{font-size:11.5px} .wh-st.up{color:var(--t-up)} .wh-st.down{color:var(--t-down)}
.wh-st.st-settled{color:var(--t-up)} .wh-st.st-refunded,.wh-st.st-late{color:var(--t-down)} .wh-st.st-open,.wh-st.st-filling,.wh-st.st-filled,.wh-st.st-receipt{color:var(--t-gold)}
.wh-links a{color:var(--t-gold);margin-right:10px;font-size:11.5px}
.wh-sym{color:var(--t-gold);margin-right:6px}
.wh-btn{font:inherit;font-size:11.5px;padding:5px 11px;border-radius:5px;border:1px solid var(--t-line);background:var(--t-panel2);color:var(--t-text);cursor:pointer}
.wh-btn:hover{border-color:var(--t-gold);color:var(--t-gold)}
.wh-empty{padding:22px 16px;font-size:12.5px;color:var(--t-dim)}
.wh-tabs{display:flex;gap:4px} .wh-tab{font:inherit;font-size:12.5px;font-weight:600;padding:4px 10px;border:none;border-radius:5px;background:transparent;color:var(--t-dim);cursor:pointer}
.wh-tab.on{background:var(--t-panel2);color:var(--t-text)}
.wh-ticket{position:sticky;top:12px;display:grid;gap:14px;padding:16px;background:var(--t-panel);border:1px solid var(--t-line);border-radius:10px}
.wh-side{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:3px;border-radius:7px;background:var(--t-bg)}
.wh-side-b{font:inherit;font-size:13px;font-weight:600;padding:8px;border:none;border-radius:5px;background:transparent;color:var(--t-dim)}
.wh-side-b.on{background:var(--t-gold);color:var(--t-deep)} .wh-side-b:disabled{cursor:not-allowed;opacity:.6}
.wh-tk-row{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px} .wh-tk-row.col{display:grid;justify-content:stretch;gap:7px}
.wh-chips,.wh-presets{display:flex;flex-wrap:wrap;gap:6px}
.wh-chip{font:inherit;font-size:12px;padding:5px 10px;border-radius:5px;border:1px solid var(--t-line);background:var(--t-panel2);color:var(--t-text);cursor:pointer}
.wh-chip.on,.wh-chip:hover{border-color:var(--t-gold);color:var(--t-gold)}
.wh-amount{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:7px;border:1px solid var(--t-line);background:var(--t-bg);font-size:20px}
.wh-amount input{flex:1;min-width:0;border:none;outline:none;background:transparent;color:var(--t-text);font:inherit;font-size:20px;font-variant-numeric:tabular-nums}
.wh-amount .wh-dim{font-size:12px}
.wh-amount:focus-within{border-color:var(--t-gold)}
.wh-select,.wh-input{font:inherit;font-size:12.5px;padding:8px 10px;border-radius:6px;border:1px solid var(--t-line);background:var(--t-bg);color:var(--t-text);width:100%;max-width:100%}
.wh-seg{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.wh-seg-b{font:inherit;font-size:12px;padding:7px;border-radius:5px;border:1px solid var(--t-line);background:var(--t-panel2);color:var(--t-dim);cursor:pointer}
.wh-seg-b.on{border-color:var(--t-gold);color:var(--t-text)}
.wh-ss58{display:grid;gap:5px;font-size:12px}
.wh-breakdown{display:grid;gap:7px;padding:12px;border-radius:7px;background:var(--t-bg);border:1px solid var(--t-line);font-size:12.5px}
.wh-brow{display:flex;justify-content:space-between;gap:10px} .wh-brow > span:first-child{color:var(--t-dim)} .wh-brow b{font-weight:600}
.wh-total{display:flex;justify-content:space-between;padding-top:8px;border-top:1px dashed var(--t-line);font-size:14px} .wh-total b{font-size:16px}
.wh-warn{font-size:12px;line-height:1.45;color:var(--t-down)}
.wh-place{font:inherit;font-size:14.5px;font-weight:700;padding:13px;border-radius:7px;border:none;background:var(--t-gold);color:var(--t-deep);cursor:pointer;box-shadow:0 0 0 1px #b8955a inset}
.wh-place:hover{filter:brightness(1.08)} .wh-place:disabled{opacity:.6;cursor:progress}
.wh-status{font-size:12px;line-height:1.5;color:var(--t-text)}
.wh-fine{font-size:11px;line-height:1.45;color:var(--t-dim)}
.wh-actfor{display:grid;gap:7px;padding-top:12px;border-top:1px solid var(--t-line)}
.wh-floor .wh-agent-in{display:flex;gap:6px} .wh-floor .wh-agent-in .wh-input{flex:1;min-width:0}
.wh-floor .wh-card{display:grid;grid-template-columns:36px minmax(0,1fr);gap:9px;align-items:center;font-size:12px}
.wh-floor .wh-card > div{display:grid;gap:1px;min-width:0}
.wh-floor .wh-card-img{width:36px;height:36px;border-radius:6px;object-fit:cover;background:var(--t-panel2);display:grid;place-items:center;color:var(--t-gold)}
.wh-api .wh-code{margin:0;padding:16px;overflow-x:auto;font-size:12px;line-height:1.65;color:#d9cfbd;background:var(--t-deep);border-bottom:1px solid var(--t-line)}
.wh-floor .wh-addrs{display:grid;padding:8px 16px 14px}
.wh-floor .wh-addr{display:grid;grid-template-columns:190px minmax(0,1fr) auto;gap:10px;align-items:center;font-size:12px;padding:6px 0;border-bottom:1px solid var(--t-line)}
.wh-floor .wh-addr:last-child{border-bottom:none}
.wh-floor .wh-addr code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--t-text)}
@media (max-width:1080px){ .wh-grid{grid-template-columns:1fr} .wh-ticket{position:static} .wh-top{grid-template-columns:1fr} .wh-kpis{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))} }
@media (max-width:560px){ .wh-floor .wh-addr{grid-template-columns:1fr auto} .wh-floor .wh-addr .wh-dim{grid-column:1/-1} }
.wh-gate{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}
/* the Warehouse card on the Manifest: the terminal dark, the crate mark */
.mf-product-wh{margin-bottom:18px;background:#002744;border-color:#0d4166;color:#f3ead9}
.mf-product-art-wh{background:#001d33;border-right-color:#0d4166}
.mf-product-wh .mf-product-k{color:#e2c88a} .mf-product-wh .mf-product-pitch,.mf-product-wh .mf-product-list{color:#b4c3cf} .mf-product-wh .mf-product-list b{color:#f3ead9} .mf-product-wh .mf-product-list li::before{color:#e2c88a}
.mf-product-wh .mf-product-go .btn.gold{background:#e2c88a;border-color:#e2c88a;color:#00162a}
@media (max-width:900px){.mf-product-art-wh{border-bottom-color:#0d4166}}
/* the wall while it is read: ghost crates settle onto the real planks; one soft light sweeps the rows */
.wall-ghost .wall-ghost-track{animation:none}
.wall-ghost-tile{display:grid;justify-items:center;gap:8px;width:112px;opacity:0;transform:translateY(-10px);
  animation:wall-ghost-in .5s cubic-bezier(.2,.8,.2,1) forwards,wall-ghost-breathe 1.8s ease-in-out .6s infinite}
.wall-ghost-art{width:112px;height:112px;border-radius:3px;position:relative;overflow:hidden;
  background:repeating-linear-gradient(135deg,rgba(214,198,166,.55) 0 10px,rgba(200,184,150,.55) 10px 12px);
  box-shadow:inset 0 0 0 1px rgba(90,70,40,.16)}
.wall-ghost-art::after{content:"";position:absolute;inset:0;
  background:linear-gradient(100deg,transparent 30%,rgba(255,250,238,.65) 50%,transparent 70%);
  transform:translateX(-100%);animation:wall-ghost-sweep 1.6s ease-in-out infinite}
.wall-ghost-tag{width:34px;height:12px;border-radius:2px;background:rgba(230,218,195,.9);box-shadow:inset 0 0 0 1px rgba(90,70,40,.15);margin-bottom:-6px}
@keyframes wall-ghost-in{to{opacity:1;transform:none}}
@keyframes wall-ghost-breathe{50%{opacity:.6}}
@keyframes wall-ghost-sweep{to{transform:translateX(100%)}}
@media (prefers-reduced-motion:reduce){.wall-ghost-tile{animation:none;opacity:1;transform:none}.wall-ghost-art::after{animation:none}}

/* PHONES (≤760px): the top bar keeps the mark and the wallet; the sections move to a bottom tab bar */
@media (max-width:760px){
  .top{padding:10px 14px}
  .top nav{display:none}
  .who,.brand .muted{display:none}
  /* the landing copy gets its own glass so it reads over the spill */
  .hero.full .hero-copy{top:auto;bottom:18px;left:12px;right:12px;max-width:none;transform:none;padding:16px 16px 18px;border-radius:12px;
    background:color-mix(in srgb,#fffdf6 62%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 1px 0 rgba(255,255,255,.4) inset}
  .hero.full.on-dark .hero-copy{background:color-mix(in srgb,#0b1822 55%,transparent)}
  .hero.full h1 .l1{font-size:46px} .hero.full h1 .l2{font-size:26px;white-space:normal}
  .hero.full .say{font-size:13.5px;max-width:none}
  .hero.full .kicker{font-size:11.5px}
  /* a crate's shelf: the sign-in card fits the console; the profile strip stacks */
  .gate-veil{padding:10px}
  .gate-veil .si-card{width:100%;max-width:420px;padding:22px 18px 18px;min-width:0}
  .si-card *{min-width:0}
  .pstrip-in{grid-template-columns:56px minmax(0,1fr)}
  .pstrip-av{width:56px;height:56px}
  .pstrip-in > .q{grid-column:1/-1;justify-self:start}
  .shelf{padding-top:18px}
  .shelf-title{font-size:48px}
  /* the Warehouse: the ticket first, a tidy two-up strip */
  .wh-grid .wh-ticket{order:-1}
  .wh-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wh-kpi:last-child{grid-column:1/-1}
  .wh-floor .wh-title{font-size:32px}
  .wh-table th,.wh-table td{padding:9px 12px}
}

/* THE ISLAND (phones only): a floating pill of four tabs above the bottom edge. It steps aside while you
   scroll down or type, and every page keeps room beneath its last line so nothing ends up under it. */
.tabbar{display:none}
@media (max-width:760px){
  .tabbar{position:fixed;left:50%;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:30;display:flex;gap:2px;
    transform:translateX(-50%);padding:5px;border-radius:999px;
    background:color-mix(in srgb,#003055 90%,transparent);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);
    border:1px solid rgba(226,200,138,.28);
    box-shadow:0 10px 28px rgba(0,22,42,.32),0 2px 6px rgba(0,22,42,.22),inset 0 1px 0 rgba(255,255,255,.08);
    transition:transform .32s cubic-bezier(.2,.8,.2,1),opacity .25s ease}
  .tabbar.away,.tabbar.typing{transform:translate(-50%,calc(100% + 24px));opacity:0;pointer-events:none}
  .tab{display:flex;align-items:center;gap:6px;height:42px;padding:0 12px;border-radius:999px;text-decoration:none;color:#b6c7d4;
    font-size:12px;font-weight:600;letter-spacing:.02em;white-space:nowrap;-webkit-tap-highlight-color:transparent;transition:background .2s,color .2s}
  .tab svg{display:block;flex:0 0 auto;width:20px;height:20px}
  .tab span{display:none}
  .tab.on{background:#e2c88a;color:#00162a;padding:0 14px 0 12px}
  .tab.on span{display:inline}
  .tab:active{background:rgba(226,200,138,.22)}
  .tab.on:active{background:#e8d29b}
  /* room under every page for the island */
  .shell{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}
  /* the Door is only the hero: it runs to the very bottom of the page, so scrolling shows more of the spill
     instead of a clipped edge; the copy keeps its place on the first screen */
  /* themed pages (the Door, a shelf, the Warehouse) carry the island's room themselves, so their own
     background runs to the bottom instead of the shell's cream showing through */
  .shell:has(.hero.full,.shelf,.wh-floor){padding-bottom:0}
  .shelf{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}
  .hero.full{height:calc(100dvh - 57px + 84px + env(safe-area-inset-bottom,0px));min-height:600px}
  .hero.full .hero-copy{bottom:calc(162px + env(safe-area-inset-bottom,0px))}
  .wh-floor{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}
}
@media (max-width:360px){ .tab{padding:0 10px} .tab.on{padding:0 12px 0 10px} }

/* THE INTELLIGENCE (packing list): TaoPunks, uRAO, 8004labs, and what each does for a crate */
.mf-intel{display:grid;gap:18px}
.mf-intel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden}
.mf-intel-i{display:grid;gap:10px;align-content:start;padding:22px 20px 24px;background:var(--card)}
.mf-intel-h{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.mf-intel-h b{font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:28px;line-height:1}
.mf-intel-role{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold2)}
.mf-intel-i p{margin:0;font-size:13.5px;line-height:1.6;color:var(--ink2)}
.mf-intel-i a{font-size:12.5px;color:var(--gold2);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--gold2) 40%,transparent);justify-self:start}
.mf-intel-sum{margin:0;font-size:14.5px;line-height:1.6;color:var(--ink2);max-width:72ch}
.mf-intel-sum b{color:var(--ink);font-weight:600}
@media (max-width:900px){.mf-intel-grid{grid-template-columns:1fr}}

/* uRAO beside uAxi */
.mf-cmp-wrap{display:grid;gap:12px}
.mf-cmp-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px}
.mf-cmp-h h3{margin:0;font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:26px}
.mf-cmp{width:100%;border-collapse:collapse;font-size:13px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--card)}
.mf-cmp thead th{text-align:left;padding:12px 16px;font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:22px;border-bottom:1px solid var(--line)}
.mf-cmp thead th:nth-child(2){color:#5b4a8a} .mf-cmp thead th:nth-child(3){color:var(--gold2)}
.mf-cmp tbody th{text-align:left;font-weight:500;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:11px 16px;width:150px;vertical-align:top;border-top:1px solid var(--line)}
.mf-cmp tbody td{padding:11px 16px;vertical-align:top;line-height:1.5;color:var(--ink2);border-top:1px solid var(--line)}
.mf-cmp tbody td:first-of-type{border-right:1px solid var(--line)}
@media (max-width:700px){
  .mf-cmp,.mf-cmp thead,.mf-cmp tbody,.mf-cmp tr,.mf-cmp th,.mf-cmp td{display:block}
  .mf-cmp thead{display:none}
  .mf-cmp tbody th{width:auto;padding-bottom:4px}
  .mf-cmp tbody td{border-top:none;padding-top:4px}
  .mf-cmp tbody td:first-of-type{border-right:none;padding-bottom:2px}
  .mf-cmp tbody td::before{display:block;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:2px}
  .mf-cmp tbody td:first-of-type::before{content:"uRAO";color:#5b4a8a}
  .mf-cmp tbody td:last-of-type::before{content:"uAxi";color:var(--gold2)}
}

/* the two walkthroughs above the table */
.mf-cmp-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.mf-walk{display:grid;gap:12px;padding:20px 22px 22px;border-radius:10px;border:1px solid var(--line);background:var(--card);border-top:3px solid var(--gold2)}
.mf-walk-urao{border-top-color:#5b4a8a}
.mf-walk-h{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.mf-walk-h b{font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:30px;line-height:1}
.mf-walk-h span{font-size:13px;color:var(--muted)}
.mf-walk ol{margin:0;padding:0 0 0 22px;display:grid;gap:9px;font-size:13.5px;line-height:1.55;color:var(--ink2)}
.mf-walk ol li::marker{color:var(--gold2);font-weight:600}
.mf-walk-urao ol li::marker{color:#5b4a8a}
.mf-walk ol b{display:block;color:var(--ink);font-weight:600}
@media (max-width:760px){.mf-cmp-cols{grid-template-columns:1fr}}

/* PPC inside every crate */
.mf-ppc{display:grid;gap:18px}
.mf-ppc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 28px}
.mf-ppc-i{display:grid;gap:5px;padding-top:12px;border-top:1px solid var(--line)}
.mf-ppc-i b{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold2)}
.mf-ppc-i p{margin:0;font-size:13.5px;line-height:1.58;color:var(--ink2)}
@media (max-width:900px){.mf-ppc-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.mf-ppc-grid{grid-template-columns:1fr}}

/* TaoPunks card beside 8004labs, in TaoPunks' own kit; the art panel is PPC's brand mark */
.mf-product-tp{margin-top:18px;background:#12121a;border-color:#23233a;color:#e6e6f0;
  --tp-bg:#0a0a0f;--tp-cyan:#00d4ff;--tp-green:#00ff88;--tp-dim:#8b8ba3}
.mf-product-art-tp{position:relative;overflow:hidden;background:var(--tp-bg);border-right-color:#23233a}
.mf-product-art-tp::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 3px)}
.ppc-brand{position:relative;z-index:1;display:grid;justify-items:center;gap:16px;width:100%;max-width:300px}
.ppc-bubble{position:relative;padding:20px 26px 18px;background:var(--tp-bg);
  box-shadow:0 0 0 4px var(--tp-cyan),0 0 0 8px var(--tp-bg),0 0 0 10px rgba(0,212,255,.35),0 0 34px rgba(0,212,255,.35)}
.ppc-word{display:block;font-family:"Press Start 2P",monospace;font-size:46px;line-height:1;letter-spacing:4px;color:var(--tp-cyan);
  text-shadow:4px 4px 0 rgba(0,255,136,.55),0 0 18px rgba(0,212,255,.55)}
.ppc-tail{position:absolute;left:26px;bottom:-16px;width:16px;height:12px;background:var(--tp-cyan);
  clip-path:polygon(0 0,100% 0,0 100%)}
.ppc-sub{display:flex;align-items:center;gap:8px;margin-top:6px;font-family:"Press Start 2P",monospace;font-size:9px;letter-spacing:3px;color:var(--tp-dim)}
.ppc-dot{width:7px;height:7px;background:var(--tp-green);box-shadow:0 0 8px var(--tp-green);animation:ppc-blink 1.4s steps(2) infinite}
.ppc-term{width:100%;display:grid;gap:7px;padding:12px;border:1px solid #23233a;background:rgba(18,18,26,.85);
  font-family:"Space Mono",monospace;font-size:11.5px;line-height:1.45;color:#c8c8dc}
.ppc-line span:first-child{font-weight:700} .ppc-line.you span:first-child{color:var(--tp-dim)} .ppc-line.punk span:first-child{color:var(--tp-cyan)}
.ppc-line.punk{color:#e6e6f0}
.ppc-cursor{color:var(--tp-green);animation:ppc-blink 1s steps(2) infinite}
@keyframes ppc-blink{50%{opacity:0}}
@media (prefers-reduced-motion:reduce){.ppc-dot,.ppc-cursor{animation:none}}
.mf-product-tp .mf-product-k{color:var(--tp-cyan);font-family:"Press Start 2P",monospace;font-size:9px;letter-spacing:2px}
.mf-product-tp .mf-product-name{font-family:"Press Start 2P",monospace;font-size:26px;font-weight:400;letter-spacing:1px;color:#fff;line-height:1.2}
.mf-product-tp .mf-product-pitch,.mf-product-tp .mf-product-list{font-family:"Space Mono",monospace;color:#b6b6cc}
.mf-product-tp .mf-product-list b{color:var(--tp-cyan)}
.mf-product-tp .mf-product-list li::before{content:"▸";color:var(--tp-green);font-size:11px}
.mf-product-tp .mf-product-go .btn{font-family:"Space Mono",monospace;border-radius:4px}
.mf-product-tp .mf-product-go .btn.gold{background:var(--tp-cyan);border-color:var(--tp-cyan);color:#05060a;box-shadow:0 4px 16px rgba(0,212,255,.3)}
.mf-product-tp .mf-product-go .btn.ghost{color:var(--tp-cyan);border-color:rgba(0,212,255,.5);background:transparent}
@media (max-width:900px){.mf-product-art-tp{border-bottom-color:#23233a}}
@media (max-width:480px){.ppc-word{font-size:36px}.mf-product-tp .mf-product-name{font-size:21px}}
/* Axieth: the maker */
.mf-axieth{display:grid;gap:14px;padding:32px 30px;border-radius:14px;background:#003055;color:#f3ead9}
.mf-axieth-k{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#e2c88a}
.mf-axieth-name{margin:0;font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:clamp(44px,6vw,72px);line-height:.95}
.mf-axieth-lede{margin:0;max-width:62ch;font-size:15px;line-height:1.6;color:#c9d5df}
.mf-axieth-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:rgba(226,200,138,.25);border:1px solid rgba(226,200,138,.25);border-radius:10px;overflow:hidden;margin-top:6px}
.mf-axieth-i{display:grid;gap:4px;padding:14px 16px;background:#002744}
.mf-axieth-i b{font-size:14px;color:#f3ead9} .mf-axieth-i span{font-size:12.5px;line-height:1.45;color:#9fb2c2}
.mf-axieth-line{margin:0;font-size:14px;line-height:1.6;color:#e2c88a;max-width:70ch}
@media (max-width:900px){.mf-axieth-grid{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.mf-axieth{padding:24px 18px}.mf-axieth-grid{grid-template-columns:1fr}}
.mf-axieth-lede b{color:#e2c88a;font-weight:600}

/* the uQuery button: the console's reel of RaoPunk faces, in a TaoPunks-dark capsule */
.uq-reel{position:relative;display:inline-block;flex:none;border-radius:6px;overflow:hidden;background:#1a1a28;box-shadow:0 0 0 1px rgba(0,255,136,.45),0 0 12px rgba(0,255,136,.25)}
.uq-reel-face{width:100%;height:100%;object-fit:cover;image-rendering:pixelated;display:block}
.uq-reel-blank{width:100%;height:100%;display:grid;place-items:center;font-size:15px;color:#00ff88}
.uq-reel-scan{position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,transparent 0,rgba(0,255,136,.35) 50%,transparent 100%) 0 -40%/100% 40% no-repeat;animation:ul-scan 1.1s linear infinite}
.mf-product-tp .mf-product-go .btn.uq-btn{display:inline-flex;align-items:center;gap:10px;padding:6px 14px 6px 6px;
  background:#0a0a0f;border:1px solid #00ff88;color:#00ff88;box-shadow:0 0 0 1px rgba(0,255,136,.15) inset,0 4px 16px rgba(0,255,136,.15)}
.mf-product-tp .mf-product-go .btn.uq-btn:hover{box-shadow:0 0 0 1px rgba(0,255,136,.35) inset,0 4px 20px rgba(0,255,136,.3)}
.uq-btn-t{display:grid;line-height:1.15;text-align:left}
.uq-btn-t b{font-family:"Press Start 2P",monospace;font-size:10px;font-weight:400;letter-spacing:1px}
.uq-btn-t small{font-size:10.5px;color:#8b8ba3;margin-top:3px}
@media (prefers-reduced-motion:reduce){.uq-reel-scan{animation:none}}

/* phones: the packing list tightens */
.mf-cmp-more > summary{list-style:none}
.mf-cmp-more > summary::-webkit-details-marker{display:none}
.mf-cmp-sum{display:none}
@media (max-width:760px){
  .mf{gap:40px}
  .mf-shelf{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:10px 10px 14px}
  .mf-crate{padding:6px} .mf-crate canvas{width:100%;height:auto}
  .mf-cmp-sum{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:12px 16px;margin-bottom:10px;
    border:1px solid var(--line);border-radius:10px;background:var(--card);font-size:13px;font-weight:600;color:var(--ink)}
  .mf-cmp-sum::after{content:"+";font-size:18px;color:var(--gold2)}
  .mf-cmp-more[open] .mf-cmp-sum::after{content:"−"}
  .mf-product-go{display:grid;grid-template-columns:1fr;gap:8px}
  .mf-product-go .btn{text-align:center;justify-content:center}
  .mf-product-tp .mf-product-go .btn.uq-btn{justify-content:center}
  .mf-axieth{padding:24px 18px}
  .mf-head .kicker-s{font-size:11px}
}

/* THE LEVER: a brass pull on the wall's frame; down = only your crates. The arm angle is --a (0 up, 180 down). */
.wall-head{align-items:center}
.wall-count{margin-right:auto}
.lever-wrap{display:flex;align-items:center;gap:14px;user-select:none;-webkit-user-select:none}
.lever{--a:0deg;position:relative;width:66px;height:120px;flex:none;cursor:grab;touch-action:none;outline:none;-webkit-tap-highlight-color:transparent}
.lever.down{--a:180deg}
.lever.dragging{cursor:grabbing}
.lever:focus-visible .lever-plate{box-shadow:0 0 0 3px rgba(0,48,85,.4),inset 0 1px 0 rgba(255,255,255,.4),0 8px 18px rgba(60,40,15,.35)}
.lever-plate{position:absolute;inset:0;border-radius:11px;
  background:
    repeating-linear-gradient(100deg,rgba(255,255,255,.05) 0 2px,transparent 2px 5px),
    linear-gradient(150deg,#e3c487 0%,#c39a55 38%,#9c7438 72%,#7d5a27 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45),inset 0 -3px 6px rgba(60,40,15,.35),inset 0 0 0 1px rgba(80,55,20,.35),0 8px 18px rgba(60,40,15,.32),0 2px 3px rgba(60,40,15,.25)}
.lever.clack .lever-plate{animation:lever-clack .32s cubic-bezier(.3,1.6,.5,1)}
@keyframes lever-clack{30%{transform:translateY(2px) scale(.985)}100%{transform:none}}
.lever-screw{position:absolute;width:7px;height:7px;border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#f6e3b4,#a0793c 55%,#5c4219);box-shadow:0 1px 0 rgba(255,255,255,.35),inset 0 -1px 1px rgba(0,0,0,.25)}
.lever-screw::after{content:"";position:absolute;left:1px;right:1px;top:50%;height:1px;margin-top:-.5px;background:rgba(50,35,12,.55);transform:rotate(-35deg)}
.lever-screw.s1{top:6px;left:6px}.lever-screw.s2{top:6px;right:6px}.lever-screw.s3{bottom:6px;left:6px}.lever-screw.s4{bottom:6px;right:6px}
.lever-mark{position:absolute;left:0;right:0;text-align:center;font-family:"Pixelify Sans","IBM Plex Mono",monospace;font-size:9px;letter-spacing:.16em;color:rgba(40,26,8,.62);
  text-shadow:0 1px 0 rgba(255,255,255,.25);transition:color .25s}
.lever-mark-up{top:7px}.lever-mark-down{bottom:7px}
.lever:not(.down) .lever-mark-up,.lever.down .lever-mark-down{color:#2a1a06}
.lever-slot{position:absolute;left:50%;top:27px;bottom:27px;width:10px;margin-left:-5px;border-radius:5px;
  background:linear-gradient(90deg,#120c04,#2c1f0d 50%,#120c04);box-shadow:inset 0 2px 4px rgba(0,0,0,.7),0 1px 0 rgba(255,255,255,.25)}
.lever-hub{position:absolute;left:50%;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#e9eef2,#8994a0 60%,#4d5660);box-shadow:0 1px 2px rgba(0,0,0,.45);z-index:2}
.lever-arm{position:absolute;left:50%;top:50%;width:7px;height:31px;margin-left:-3.5px;border-radius:4px;z-index:1;
  background:linear-gradient(90deg,#7f8b96,#eef3f6 45%,#6f7b86);box-shadow:1px 1px 2px rgba(0,0,0,.3);
  transform-origin:50% 100%;transform-style:preserve-3d;
  transform:perspective(200px) translateY(-100%) rotateX(calc(var(--a) * -1));transition:transform .5s cubic-bezier(.34,1.56,.64,1)}
.lever.dragging .lever-arm,.lever.dragging .lever-knob{transition:none}
.lever-knob{transition:transform .5s cubic-bezier(.34,1.56,.64,1)}
.lever-knob{position:absolute;left:50%;top:-11px;width:22px;height:22px;margin-left:-11px;border-radius:50%;transform:rotateX(var(--a));
  background:radial-gradient(circle at 34% 28%,#4f8fc0,#003055 58%,#00172b);
  box-shadow:0 4px 8px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.3),inset 0 -2px 3px rgba(0,0,0,.4)}
.lever-knob::after{content:"";position:absolute;left:5px;top:4px;width:8px;height:5px;border-radius:50%;background:rgba(255,255,255,.35);filter:blur(.5px)}
.lever:hover .lever-knob{box-shadow:0 5px 10px rgba(0,0,0,.5),0 0 0 3px rgba(226,200,138,.35),inset 0 1px 0 rgba(255,255,255,.3)}
.lever-lamp{position:absolute;right:8px;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:#4a3214;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.6),0 1px 0 rgba(255,255,255,.2);transition:background .25s,box-shadow .25s}
.lever.down .lever-lamp{background:#ffd36a;box-shadow:0 0 10px #ffcf5a,0 0 3px #fff,inset 0 -1px 1px rgba(150,90,0,.4)}
.lever.busy .lever-lamp{background:#ffd36a;animation:lever-lamp .5s steps(2) infinite}
@keyframes lever-lamp{50%{opacity:.25}}
.lever-text{display:grid;gap:2px;min-width:0}
.lever-text b{font-size:13.5px;color:var(--ink)} .lever-text span{font-size:11.5px;color:var(--muted)}
/* the handover: strangers tip off, yours drop on */
.wall-leaving .wall-tile{animation:wall-tip .42s cubic-bezier(.55,0,.8,.4) forwards;animation-delay:calc(var(--i,0) * 18ms)}
@keyframes wall-tip{to{opacity:0;transform:translateY(70px) rotate(8deg)}}
.wall.is-mine .wall-unit{background:linear-gradient(180deg,rgba(255,207,90,.11),rgba(90,70,40,.04) 70%,rgba(90,70,40,.08))}
.wall-track.wall-still{animation:none;justify-content:center;width:auto;flex-wrap:wrap}
.wall-yours{opacity:0;animation:wall-yours-in .6s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(var(--i,0) * 110ms)}
.wall-mine.wall-leaving .wall-yours{opacity:1;animation:wall-lift .34s ease-in forwards}
@keyframes wall-lift{to{opacity:0;transform:translateY(-40px)}}
.wall-yours .wall-art{box-shadow:0 0 0 2px #e2c88a,0 0 18px rgba(226,200,138,.55),0 8px 6px -6px rgba(40,28,10,.45)}
.wall-yours .wall-tag::after{content:"yours";margin-left:6px;padding:1px 5px;border-radius:3px;background:#003055;color:#e2c88a;font-size:9px;letter-spacing:.08em}
@keyframes wall-yours-in{0%{opacity:0;transform:translateY(-52px) rotate(-3deg)}68%{opacity:1;transform:translateY(5px) rotate(.8deg)}100%{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.lever-arm{transition:none}.wall-yours,.wall-leaving .wall-tile,.wall-mine.wall-leaving .wall-yours{animation:none;opacity:1}.lever.busy .lever-lamp,.lever.clack .lever-plate{animation:none}}
@media (max-width:760px){.wall-head{flex-wrap:wrap;row-gap:12px}.lever-wrap{width:100%;justify-content:flex-start}}