/* V10.5 The Founder: HUD (never dimmed) / the trading room (left) / YOUR COMPANY (right).
   Phones stack it: two-row HUD, a strip of objective cards, a 2×2 floor, a bottom rail.
   The frame of an open desk (dock, band, desk surface, rail) is pit-desk.css. */
:root { --pit-cream:#f2e4c8; --pit-gold:#d5b66e; --pit-green:#193d30; --pit-line:#8a7147; --pit-ink:#2b2117; }
.pit-stage, .pit-stage *, .pit-focus-scrim, .pit-focus-scrim * { box-sizing:border-box; }
:where(.pit-stage, .pit-focus) button { font:inherit; cursor:pointer; }
.pit-stage button:focus-visible, .pit-focus :is(button,input,select,summary,a,textarea):focus-visible { outline:3px solid #ffe1a1; outline-offset:3px; }
:where(.pit-stage) button { color:inherit; }
.pit-stage button:disabled, .pit-focus button:disabled { cursor:default; opacity:.45; }
.pit-focus-close .exit-arrow::before { content:'←'; }
.fig .mouth-open, .fig .arm-raise, .fig .arms-crossed { display:none; }
.fig .badge-t { display:none; }

/* One GPU colour system, everywhere: H100 green, H200 blue, B200 copper. */
.gpu-h100 { --gc:var(--h100); --gc-hi:var(--h100-hi); --gc-deep:var(--h100-deep); --gc-die:var(--h100-die); }
.gpu-h200 { --gc:var(--h200); --gc-hi:var(--h200-hi); --gc-deep:var(--h200-deep); --gc-die:var(--h200-die); }
.gpu-b200 { --gc:var(--b200); --gc-hi:var(--b200-hi); --gc-deep:var(--b200-deep); --gc-die:var(--b200-die); }
.pit-gpu { font-family:var(--font-mono); font-weight:700; letter-spacing:.02em; color:var(--gc-hi); }
.gtag { display:inline-block; padding:0 .45em; border-radius:3px; background:var(--gc); color:#10140f; font:800 .92em/1.45 var(--font-mono); letter-spacing:.02em; box-shadow:inset 0 0 0 1px #ffffff40, 0 1px 0 var(--gc-deep); }
.gchip { position:relative; display:inline-block; flex:0 0 auto; width:var(--chip,18px); height:var(--chip,18px); border-radius:3px;
  background:radial-gradient(circle at 50% 50%,var(--gc-die) 0 26%,transparent 28%),linear-gradient(135deg,var(--gc-hi),var(--gc) 52%,var(--gc-deep));
  box-shadow:0 0 0 1px var(--gc-deep),inset 0 0 0 2px #ffffff2e,0 2px 0 #0007; }
.gchip::before, .gchip::after { content:''; position:absolute; top:22%; bottom:22%; width:2px; background:repeating-linear-gradient(var(--gc-hi) 0 1px,transparent 1px 3px); opacity:.8; }
.gchip::before { left:-3px; }.gchip::after { right:-3px; }
.gchip.is-ghost { opacity:.18; filter:grayscale(.6); }

.pit-stage { height:100%; min-height:0; display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:var(--hud-h,56px) minmax(0,1fr); overflow:hidden; color:var(--pit-cream); background:#221b16; font-family:var(--font-text); }

/* ---- HUD: exactly --hud-h tall, above the dock, never dimmed ---------------------------- */
.pit-hud { position:relative; z-index:5; height:var(--hud-h,56px); min-width:0; display:flex; align-items:center; gap:20px; padding:0 18px; overflow:hidden;
  background:linear-gradient(#24392e,#16271e); border-bottom:2px solid #b4975c; box-shadow:inset 0 -4px 0 #0f1b15, 0 3px 10px #0008; }
.pit-hud > * { flex:0 0 auto; min-width:0; }
.hud-co { display:flex; align-items:center; gap:12px; margin-right:auto; min-width:0; flex:0 1 auto; }
.hud-mark { font:700 26px/1 Georgia,serif; letter-spacing:-2px; color:#e8c980; text-shadow:0 2px 0 #0d1712; border-right:1px solid #9a8454; padding-right:12px; }
.hud-name { display:grid; gap:3px; min-width:0; }
.hud-name > b { font:700 19px/1.05 Georgia,serif; color:#fbe7b6; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.hud-chips { display:flex; gap:5px; }
.hud-chips i { font:800 10px/1.5 var(--font-mono); font-style:normal; letter-spacing:.12em; padding:0 6px; border-radius:3px; white-space:nowrap; }
.hud-stage { background:linear-gradient(#f6e2a6,#c9a352); color:#2a1d0b; }
.hud-model-inline { display:none; background:#ffffff14; color:#d9cfae; }
.pit-hud :is(.hud-cash,.hud-val,.hud-flow,.hud-model,.hud-round,.pit-clock) { display:flex; flex-direction:column; justify-content:center; gap:1px; }
.pit-hud :is(.hud-cash,.hud-val,.hud-flow,.hud-model,.hud-round,.pit-clock) > span { font:10px/1.1 var(--font-mono); letter-spacing:.1em; color:#c4c6ad; white-space:nowrap; }
.hud-cash strong { font:700 23px/1.05 var(--font-mono); color:#f4dfaa; letter-spacing:-.02em; white-space:nowrap; }
.hud-val strong { font:700 18px/1.05 var(--font-mono); color:#e3d6b4; white-space:nowrap; }
.hud-val small, .hud-flow small { font:700 10px/1.2 var(--font-mono); letter-spacing:.06em; color:#a8d9a0; white-space:nowrap; }
.hud-val small b { color:#c9f5c4; }
.hud-flow strong { display:flex; gap:6px; font:700 14px/1.15 var(--font-mono); white-space:nowrap; }
.hud-flow strong i { font-style:normal; }
.hud-flow .short { display:none; }
.hud-flow .rev { color:#9fe58a; }.hud-flow .burn { color:#ffb49c; }.hud-flow .sep { color:#6c765a; }
.hud-flow span i { font-style:normal; }
.hud-flow.is-red small { color:#ff8a75; animation:none; }
.hud-flow.is-red { padding:2px 6px; border-radius:3px; box-shadow:inset 0 0 0 1px #c0473a; }
.hud-model strong { font:700 15px/1.1 Georgia,serif; color:#e7d6ff; white-space:nowrap; }
.hud-round em { font-style:normal; color:#e6cc8c; }
.hud-round strong, .pit-clock strong { font:700 21px/1.05 var(--font-mono); white-space:nowrap; }
.hud-round small { font:13px var(--font-mono); color:#b8bdad; }
.pit-clock { min-width:62px; padding:3px 8px; border-radius:4px; border:1px solid transparent; }
.pit-clock strong { color:#ffd18a; }
.pit-clock.is-paused { background:#26342c; border-color:#56644f; }
.pit-clock.is-paused > span { color:#d9dccb; }
.pit-clock.is-paused > span::before { content:'❚❚ '; font-size:7px; vertical-align:1px; }
.pit-clock.is-paused strong { color:#aeb4a2; }
.pit-clock.is-closed strong { font-size:16px; }
.pit-sound { height:44px; min-width:44px; display:inline-flex; align-items:center; justify-content:center; gap:7px; padding:0 12px; border:1px solid #786d49; border-radius:22px; background:#13261c; color:#b9ae91; }
.pit-sound-icon { font-size:20px; line-height:1; }
.pit-sound-text { font:10px var(--font-mono); letter-spacing:.12em; text-transform:uppercase; }
.pit-sound.is-on { color:#f2d18b; border-color:#c5a66b; background:#1d3326; }
@media (max-width:1240px) and (min-width:769px) { .pit-hud { gap:14px; padding:0 12px; } .hud-mark, .pit-sound-text { display:none; } .pit-sound { width:44px; padding:0; } .hud-round em { display:none; } }
@media (max-width:1050px) and (min-width:769px) { .hud-model { display:none; } .hud-model-inline { display:inline; } .hud-cash strong { font-size:19px; } }

/* ---- Main: the room (left ~58%) and your company (right ~42%) ------------------------- */
.pit-main { min-height:0; min-width:0; display:grid; grid-template-columns:minmax(0,58fr) minmax(0,42fr); }
.pit-phone-company { display:none; }
.pit-room { position:relative; min-height:0; min-width:0; display:grid; grid-template-rows:auto minmax(0,1fr) auto; }

/* The tape: this round's phase and market event, the live lot count, the next arrival. */
.pit-tape { position:relative; z-index:3; min-width:0; display:flex; align-items:center; gap:14px; padding:7px 14px; overflow:hidden;
  background:repeating-linear-gradient(#121a13 0 2px,#172017 3px 4px); border-bottom:3px ridge #9d8350; box-shadow:0 4px 10px #0007; color:#e5bd70; font-family:var(--font-mono); }
.tape-phase { flex:0 0 auto; font:700 11px/1.2 var(--font-mono); letter-spacing:.14em; color:#c6b995; white-space:nowrap; }
.tape-event { flex:1 1 auto; min-width:0; display:flex; align-items:center; gap:7px; font:700 14px/1.2 var(--font-mono); color:#ffe1a0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.tape-event > span:last-child { min-width:0; overflow:hidden; text-overflow:ellipsis; }
.tape-event.kind-shortage { color:#ffb49c; }.tape-event.kind-glut { color:#b9f59f; }
.tape-count { display:none; flex:0 0 auto; font-size:12px; color:#e9c57d; white-space:nowrap; }
@media (min-width:1400px) { .tape-count { display:inline; } }
.tape-count b { font-size:15px; color:#ffe1a0; }
.tape-next { flex:0 0 auto; display:flex; align-items:center; gap:6px; font-size:11px; color:#b9c4a3; white-space:nowrap; }
.tape-next .pit-fuse { width:96px; }

/* Fuse: the remaining window of a real quote; the controller moves --left and .is-short. */
.pit-fuse { display:flex; align-items:center; gap:.45em; min-width:0; font:700 max(10px,.74em)/1 var(--font-mono); color:#c9e3a4; }
.pit-fuse::before { content:''; flex:1 1 auto; min-width:16px; height:4px; border-radius:2px; background:linear-gradient(#a6e07e,#7fbf5a) 0 0/calc(var(--left,1) * 100%) 100% no-repeat,#ffffff1c; }
.pit-fuse b { flex:0 0 auto; font-weight:700; }
.pit-fuse.is-short { color:#ffbe5c; }
.pit-fuse.is-short::before { background:linear-gradient(#ffc163,#e58a2c) 0 0/calc(var(--left,1) * 100%) 100% no-repeat,#ffffff1c; }
@media (prefers-reduced-motion:no-preference) { .pit-stage .pit-fuse.is-short:not(.is-cooldown)::before { animation:pit-fuse-pulse 1s steps(2,jump-none) infinite; } }
@keyframes pit-fuse-pulse { 50% { opacity:.45; } }

/* ---- The hall: booths around the brass pit ------------------------------------------- */
.pit-hall { position:relative; min-height:0; overflow:hidden; isolation:isolate; container-type:size;
  --bw:clamp(118px, min(25cqw, 38cqh), 206px);
  background:radial-gradient(ellipse at 50% 4%,#a17f4988,transparent 62%),linear-gradient(#2c352e 0%,#394337 24%,#211d17 25%,#28271f 30%,#5d5544 31%,#b2a58b 100%); }
.pit-architecture { position:absolute; inset:0; z-index:-1; overflow:hidden; pointer-events:none; }
.pit-coffer { position:absolute; left:0; right:0; top:-130px; height:160px; border:14px double #8c784e; border-radius:0 0 50% 50%; box-shadow:0 7px 0 #281d13,0 10px 0 #b79a5a,0 17px 20px #0009; background:repeating-linear-gradient(90deg,#77613e 0 1px,#242c25 2px 75px,#8d7748 76px 79px); }
.pit-column { position:absolute; top:0; bottom:75%; width:38px; background:linear-gradient(90deg,#3e3528,#afa087 17%,#d6ccb0 28%,#8a7c61 48%,#c5b797 60%,#5d5241 95%); box-shadow:5px 2px 16px #0009; border-left:3px solid #b49b69; border-right:3px solid #5f4e31; }
.column-left { left:1.5%; }.column-right { right:1.5%; }
.pit-marble { position:absolute; left:-20%; right:-20%; bottom:-60%; height:96%; transform:perspective(450px) rotateX(46deg); transform-origin:center top;
  background:repeating-linear-gradient(90deg,transparent 0 129px,#554e3c88 131px 134px,transparent 136px 260px),repeating-linear-gradient(0deg,#ddd0b428 0 84px,#50473566 85px 89px,#c8b99e22 90px 174px); border-top:8px double #c5ad76; }
.pit-balustrade { position:absolute; top:24%; height:22px; width:100%; border-block:4px solid #8a744c; background:repeating-linear-gradient(90deg,#161e17 0 31px,#9b8458 33px 38px,#32271c 39px 44px); box-shadow:0 4px 0 #20170f,0 6px 0 #cfb77b,0 10px 14px #0009; }
.pit-center { position:absolute; z-index:0; left:50%; bottom:2cqh; width:40cqw; height:30cqh; transform:translateX(-50%) rotate(-1.5deg); border-radius:50%;
  background:linear-gradient(#b89b59,#f1d78b 14%,#6d582b 18%,#d0b479 22%,#6f4c2d 24%,#38251b 58%,#1b241b 60%,#111b15); border:3px solid #3c3020; box-shadow:0 12px 0 #3b2b1e,0 15px 0 #b39356,0 20px 14px #0008; }
.pit-center-inset { position:absolute; inset:10% 5% 22%; border:4px double #c6a764; border-radius:50%; background:radial-gradient(ellipse,#2b5a42,#132e22); display:flex; align-items:center; justify-content:center; color:#d2b575; box-shadow:inset 0 5px 15px #000a; }
.pit-center-inset > b { font:700 clamp(26px,5cqw,48px)/.95 Georgia,serif; letter-spacing:-.06em; }

.pit-stations { position:absolute; inset:0; z-index:1; }
.pit-station { position:absolute; width:var(--bw); display:flex; flex-direction:column; align-items:stretch; padding:0; border:0; background:none; text-align:left; color:inherit; --side:#78986c; }
.pit-stage .pit-station { font-size:calc(var(--bw) / 15); }
.seat-s0 { left:calc(15cqw - var(--bw) / 2); bottom:2cqh; z-index:3; }
.seat-s1 { left:calc(85cqw - var(--bw) / 2); bottom:2cqh; z-index:3; }
.seat-s2 { left:calc(31cqw - var(--bw) / 2); bottom:51cqh; z-index:2; scale:.88; transform-origin:center bottom; }
.seat-s3 { left:calc(69cqw - var(--bw) / 2); bottom:51cqh; z-index:2; scale:.88; transform-origin:center bottom; }
.pit-station-person { position:relative; z-index:1; flex:0 0 calc(var(--bw) * .36); }
.pit-station-person .fig { position:absolute; left:50%; bottom:calc(var(--bw) * -.2); width:calc(var(--bw) * .48); height:calc(var(--bw) * .576); transform:translateX(-50%); filter:drop-shadow(3px 4px 3px #0005); }
.pit-crt { position:relative; z-index:2; display:flex; flex-direction:column; gap:.16em; padding:.38em .55em .5em; border:6px solid #b5a98e; border-bottom-width:9px; border-radius:8px 8px 5px 5px;
  background:repeating-linear-gradient(#111b15 0 2px,#142018 3px 4px); box-shadow:3px 4px 0 #756b54,5px 7px 6px #0006,inset 0 0 14px #000; color:#edc37b; }
.pit-crt-rate { display:flex; align-items:baseline; flex-wrap:wrap; gap:0 .3em; line-height:1; }
.pit-crt-rate b { font:700 2.2em/1 var(--font-mono); letter-spacing:-.05em; color:#ffd88a; text-shadow:0 0 10px #ffb54744; }
.pit-crt-rate small { font:max(10px,.8em) var(--font-mono); color:#c0ac86; }
.pit-crt-rate s { order:-1; flex-basis:100%; font:max(10px,.72em)/1.1 var(--font-mono); color:#a39a7c; text-decoration-color:#e0805e; text-decoration-thickness:2px; }
.pit-crt-head .booth-piece{--m:7px;flex:none;margin-left:2px}
.pit-crt-head { display:flex; align-items:center; gap:.35em; font:700 max(10px,.95em)/1.1 var(--font-mono); color:#e8dcb6; white-space:nowrap; }
.pit-need { margin-left:auto; padding:0 .35em; border-radius:2px; font:800 max(9px,.62em)/1.5 var(--font-mono); font-style:normal; letter-spacing:.08em; color:#10140f; background:var(--gc,#ffe08f); }
.pit-station .pit-crt-head .pit-gpu { padding:0 .3em; border-radius:2px; color:#10140f; background:var(--gc); }
.pit-crt-total { font:max(10px,.84em)/1.15 var(--font-mono); color:#d6c79e; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.pit-crt-away { font:700 max(10px,.9em)/1.2 var(--font-mono); letter-spacing:.14em; color:#cdb98a; padding:.5em 0 .2em; }
.pit-station-plaque { position:relative; z-index:2; margin:-1px -.35em 0; display:flex; flex-direction:column; align-items:center; gap:1px; padding:.36em .4em .4em; text-align:center;
  background:linear-gradient(#6e4630 0 3px,#c3a169 3px 5px,#4d3020 5px); border:2px solid #2a1a10; border-radius:2px 2px 4px 4px; box-shadow:0 6px 8px #0007; }
.pit-station-plaque b { font:700 max(11px,1em)/1.12 Georgia,serif; color:#f6e3b6; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:100%; }
.pit-station-plaque small { font:max(10px,.64em)/1.1 var(--font-mono); letter-spacing:.14em; color:#cbb17a; }
/* A held block from a trusted firm: a gold plaque, so loyalty paying off is visible at a glance. */
.pit-station.is-favor .pit-station-plaque { background:linear-gradient(#5a4313,#2f220a); border-color:#f6d78f; box-shadow:0 0 0 2px #7f6e45,0 0 18px #ffd88c66,0 6px 10px #0008; }
.pit-station.is-favor .pit-station-plaque small { color:#ffe08f; font-weight:800; }
.pit-station.is-favor .pit-crt { box-shadow:0 0 0 2px #e3c37a,0 0 16px #ffd88c66; }
.pit-station.is-relevant .pit-crt { border-color:#cdbf9c; }
button.pit-station:hover .pit-station-plaque { background:linear-gradient(#7d5038 0 3px,#d8b679 3px 5px,#5d3a27 5px); }
button.pit-station:hover .pit-crt { border-color:#e2d6b6; }
@media (prefers-reduced-motion:no-preference) { button.pit-station:hover .pit-station-person .fig { transform:translateX(-50%) translateY(-2px); } }
.pit-station.is-cooling .pit-crt { opacity:.82; }
.pit-station.is-cooling .pit-station-person { opacity:.55; }
.pit-station.is-cooling .pit-fuse::before { background:linear-gradient(#bfae86,#bfae86) 0 0/calc((1 - var(--left,1)) * 100%) 100% no-repeat,#ffffff1c; }
.pit-station.is-empty { opacity:.45; }
.pit-station.is-empty .pit-crt-away, .pit-station.is-vacated .pit-crt-away { text-align:center; }
.pit-station.is-vacated .pit-crt { background:repeating-linear-gradient(#0d130f 0 2px,#101712 3px 4px); }
.pit-station.is-vacated .pit-crt-away { color:#9fa98f; padding:.9em 0 .7em; }
.pit-station.is-rival .pit-crt { border-color:#e7a7b1; box-shadow:0 0 0 3px #b1475688,0 0 18px #e7a7b166,3px 4px 0 #756b54; }

/* The investor's booth: a term sheet on green baize on the brass pit, under a spotlight. */
.pit-investor { position:absolute; z-index:4; left:50%; bottom:3cqh; width:calc(var(--bw) * 1.12); transform:translateX(-50%); display:flex; flex-direction:column; align-items:stretch; padding:0; border:0; background:none; text-align:left; color:#fff1c8; font-size:calc(var(--bw) / 15); }
.pit-investor::before { content:''; position:absolute; z-index:-1; left:-26%; right:-26%; top:-30%; bottom:14%; pointer-events:none;
  background:radial-gradient(ellipse 50% 58% at 50% 40%,#bfe8c855,#bfe8c81a 55%,transparent 72%),conic-gradient(from 162deg at 50% -10%,transparent 0deg,#e6ffe82e 12deg,#e6ffe82e 24deg,transparent 36deg); }
.ib-tag { align-self:center; position:relative; z-index:3; margin:-12px 0 -6px; padding:2px 10px; border:2px solid #fff0bf; border-radius:3px; background:linear-gradient(#f6e2a6,#d9b766 48%,#c39b4a 52%,#e9cf8c); color:#2a1d0b;
  font:800 max(10px,.8em)/1.2 var(--font-mono); letter-spacing:.2em; box-shadow:0 3px 0 #6e5420,0 0 14px #ffd88c88; }
.ib-person { position:relative; z-index:1; height:calc(var(--bw) * .44); }
.ib-person .fig { position:absolute; left:50%; bottom:-12%; width:54%; height:auto; transform:translateX(-50%); filter:drop-shadow(3px 4px 3px #0006); }
.ib-sheet { position:relative; z-index:2; display:grid; gap:.12em; padding:.45em .7em .55em; border:5px solid #e0c27a; border-bottom-width:8px; border-radius:6px;
  background:radial-gradient(ellipse at 50% 0,#2f6a4a,#173a29 70%); box-shadow:0 0 0 2px #6e5420,0 0 22px #ffd88c55,3px 5px 0 #6e5420,inset 0 0 12px #000a; font-family:var(--font-mono); }
.ib-kind { font:700 max(10px,.68em)/1.2 var(--font-mono); letter-spacing:.12em; color:#cfe8c9; }
.ib-check { font:800 2em/1 var(--font-mono); letter-spacing:-.04em; color:#fff1c2; text-shadow:0 0 10px #ffe08f55; }
.ib-for { font:700 max(10px,.95em)/1.2 var(--font-mono); color:#d9e8c8; }
.ib-for b { font-size:1.25em; color:#ffe08f; }
.pit-investor .pit-fuse { color:#ffe08f; }
.ib-name { position:relative; z-index:2; margin:-1px -.3em 0; padding:.32em .4em .38em; text-align:center; background:linear-gradient(#26402f 0 3px,#e3c37a 3px 5px,#1a2e22 5px); border:2px solid #0f1a12; border-radius:2px 2px 4px 4px; box-shadow:0 6px 8px #0007; }
.ib-name b { display:block; font:700 max(11px,1em)/1.1 Georgia,serif; color:#fff0c6; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
button.pit-investor:hover .ib-sheet { border-color:#fff0bf; }
@media (prefers-reduced-motion:no-preference) { button.pit-investor .ib-tag { animation:pit-term-glow 1.6s ease-in-out infinite alternate; } }
@keyframes pit-term-glow { from { box-shadow:0 3px 0 #6e5420,0 0 6px #ffd88c55; } to { box-shadow:0 3px 0 #6e5420,0 0 20px #ffd88ccc; } }
.has-term .pit-center { opacity:.8; }

/* ---- The room's rail: the resale desk · the market ledger · the bell ------------------- */
.pit-desk-rest { position:relative; z-index:4; display:flex; align-items:stretch; gap:10px; padding:10px 14px calc(11px + env(safe-area-inset-bottom,0px));
  background:radial-gradient(ellipse at 50% -40%,#8a5a3a,transparent 70%),repeating-linear-gradient(91deg,#ffffff07 0 3px,transparent 3px 12px),linear-gradient(#5d3b27,#3b2418);
  border-top:5px solid #c9a861; box-shadow:inset 0 3px 0 #f6dc9f66,inset 0 10px 16px #0005,0 -8px 18px #0006; }
.pit-desk-rest > * { min-width:0; min-height:64px; }
.rest-resale { flex:1 1 auto; display:flex; align-items:stretch; gap:6px; min-width:0; }
.rest-tag { flex:0 0 auto; writing-mode:vertical-rl; transform:rotate(180deg); align-self:center; font:700 10px var(--font-mono); letter-spacing:.2em; color:#d8bf84; }
.rest-tag i { font-style:normal; }
.rest-none { align-self:center; font:italic 14px Georgia,serif; color:#d9c79f; }
.resale-ticket { flex:1 1 0; min-width:0; display:grid; grid-template-columns:minmax(0,1fr) auto; grid-template-areas:"who who" "want want" "own fuse"; align-content:center; gap:2px 6px; padding:5px 9px 6px;
  border:1px solid #b9a77e; border-left:5px solid var(--gc); border-radius:2px; background:linear-gradient(#f6edd7,#e9dcbd); color:var(--pit-ink); text-align:left; box-shadow:0 3px 0 #8c7650,0 5px 10px #0006; }
.rt-who { grid-area:who; font:700 12.5px/1.15 Georgia,serif; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.rt-want { grid-area:want; font:600 12px/1.2 var(--font-mono); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.rt-want b { font-weight:800; }.rt-want small { color:#6b5a40; }
.rt-want .pit-gpu { color:var(--gc-deep); }
.rt-own { grid-area:own; font:700 10px/1.2 var(--font-mono); letter-spacing:.04em; color:#8f795d; white-space:nowrap; }
.rt-own.has-stock { color:#1f6b3f; }
.resale-ticket .pit-fuse { grid-area:fuse; width:64px; color:#4f6b3f; }
.resale-ticket .pit-fuse::before { background:linear-gradient(#6aa851,#4c8a3a) 0 0/calc(var(--left,1) * 100%) 100% no-repeat,#2b211722; }
button.resale-ticket:hover { background:linear-gradient(#fffaf0,#efe4c8); }
.resale-ticket.has-stock { box-shadow:0 3px 0 #8c7650,0 0 0 2px var(--gc),0 5px 10px #0006; }
.pit-ledger, .pit-resale-btn { flex:0 0 132px; display:grid; grid-template-columns:1fr auto; align-content:center; column-gap:8px; padding:6px 12px; text-align:left;
  border:2px solid #b69553; border-radius:4px; background:linear-gradient(90deg,#16271e 0 8px,#c9a861 8px 10px,#1f3a2c 10px); box-shadow:0 4px 0 #120c08,0 8px 14px #0007,inset 0 0 0 1px #00000088; color:#f1dcae; }
.pit-ledger-tag { grid-column:1; font:700 10px var(--font-mono); letter-spacing:.2em; color:#d8bf84; padding-left:6px; }
.pit-ledger b, .pit-resale-btn b { grid-column:1; font:700 19px/1.1 Georgia,serif; color:#fff0c6; padding-left:6px; white-space:nowrap; }
.pit-ledger i { grid-column:2; grid-row:1/3; align-self:center; font-style:normal; font-size:20px; color:#e2c47f; }
button.pit-ledger:hover, button.pit-resale-btn:hover { border-color:#f0d494; }
.pit-desk-rest .pit-resale-btn { display:none; }
.pit-bell { flex:0 0 74px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; padding:4px; border:0; background:none; color:#e9d29c; }
.pit-bell svg { width:42px; height:42px; fill:#d9b766; filter:drop-shadow(0 3px 0 #6d5328) drop-shadow(0 5px 6px #0008); }
.pit-bell span { font:700 10px var(--font-mono); letter-spacing:.12em; text-transform:uppercase; white-space:nowrap; }
button.pit-bell:hover svg { fill:#f0d08a; }
button.pit-bell:active svg { transform:translateY(2px); }

/* ---- YOUR COMPANY: the board on the right (pit-company.css draws the pieces) ----------- */
.pit-board { position:relative; min-height:0; min-width:0; overflow:hidden; display:flex; flex-direction:column;
  background:radial-gradient(ellipse at 50% 0%,#2d4a3b,#17291f 70%),#17291f; border-left:5px solid #c9a861; box-shadow:inset 6px 0 14px #0007; }

/* ---- The room behind an open desk: a calm, inert backdrop ------------------------------ */
.is-backdrop .pit-station:not(.is-vacated):not(.is-rival) { opacity:.72; }
.is-backdrop .pit-station .pit-fuse::before { animation:none; }
.is-backdrop :is(.pit-tape,.pit-center) { opacity:.6; }
.is-backdrop .pit-investor:not(.is-vacated) { opacity:.6; }
.is-backdrop .pit-investor .ib-tag { animation:none; }
.is-backdrop .pit-board { opacity:.55; }
#pit:has(.pit-focus-scrim.is-paper) .pit-tape { visibility:hidden; }

/* ---- Desktop heights ---------------------------------------------------------------- */
@media (max-height:730px) and (min-width:769px) {
  .pit-desk-rest { padding-block:8px 9px; }
  .pit-desk-rest > * { min-height:56px; }
  .pit-tape { padding-block:5px; }
}

/* ---- Phones: a deliberate stack, not a squeezed desktop -------------------------------- */
@media (max-width:768px) {
  .hud-flow .full { display:none; }.hud-flow .short { display:inline; }
  .pit-hud { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr) minmax(0,.85fr) 44px; grid-template-rows:minmax(0,1fr) minmax(0,1fr); grid-template-areas:"co round clock sound" "cash val flow sound";
    gap:2px 9px; align-items:center; padding:3px 8px 4px 10px; }
  .hud-co { grid-area:co; margin:0; }
  .pit-hud .hud-mark, .pit-hud .hud-model { display:none; }
  .hud-name { gap:2px; }
  .hud-name > b { font-size:15px; }
  .hud-chips i { font-size:9px; padding:0 4px; letter-spacing:.06em; }
  .hud-model-inline { display:inline; }
  .hud-cash { grid-area:cash; }.hud-val { grid-area:val; }.hud-flow { grid-area:flow; }.hud-round { grid-area:round; }.pit-clock { grid-area:clock; }.pit-sound { grid-area:sound; }
  .pit-hud :is(.hud-cash,.hud-val,.hud-flow,.hud-round,.pit-clock) > span { font-size:9px; letter-spacing:.04em; }
  .pit-hud .hud-round > span, .pit-hud .pit-clock > span { display:none; }
  .hud-round { flex-direction:row; align-items:baseline; }
  .hud-round strong { font-size:17px; }.hud-round strong::before { content:'R'; font-size:.8em; color:#c6b995; margin-right:1px; }
  .hud-round small { font-size:11px; }
  .pit-clock { min-width:0; padding:1px 6px; align-items:center; }
  .pit-clock strong { font-size:17px; }
  .pit-clock.is-paused strong::before { content:'❚❚ '; font-size:8px; vertical-align:2px; }
  .pit-clock.is-closed strong { font-size:11px; letter-spacing:.04em; }
  .pit-clock.is-closed strong::before { content:''; }
  .hud-cash strong { font-size:16px; letter-spacing:-.04em; }
  .hud-val { flex-direction:row; flex-wrap:wrap; align-items:baseline; column-gap:5px; }
  .hud-val > span { flex-basis:100%; }
  .hud-val strong { font-size:14px; letter-spacing:-.03em; }
  .hud-val small { font-size:9.5px; letter-spacing:0; }
  .hud-flow > span, .hud-flow .sep { display:none; }
  .hud-flow strong { flex-direction:column; gap:0; font-size:11.5px; line-height:1.08; letter-spacing:-.03em; }
  .hud-flow small { font-size:9.5px; letter-spacing:0; }
  .hud-flow span i { display:none; }
  .hud-flow.is-red { padding:0 4px; }
  .pit-sound { width:44px; height:100%; min-height:44px; padding:0; border-radius:12px; align-self:stretch; }
  .pit-sound-text { display:none; }
  .pit-hud.has-large-cash .hud-cash strong { font-size:14px; }

  .pit-main { display:flex; flex-direction:column; }
  .pit-board { display:none; }
  .pit-phone-company { display:block; flex:0 0 auto; min-width:0; overflow:hidden; background:radial-gradient(ellipse at 50% 0%,#2d4a3b,#17291f 80%); border-bottom:3px solid #c9a861; box-shadow:0 4px 10px #0007; position:relative; z-index:3; }
  .pit-room { flex:1 1 auto; grid-template-rows:auto minmax(0,1fr) auto; }
  .pit-tape { gap:8px; padding:4px 10px; border-bottom-width:2px; }
  .tape-phase, .tape-long, .tape-count { display:none; }
  .tape-event { font-size:11.5px; }
  .tape-next { font-size:10.5px; }.tape-next .pit-fuse { width:auto; }.tape-next .pit-fuse::before { display:none; }
  .pit-hall { --bw:calc((100cqw - 26px) / 2); background:radial-gradient(ellipse at 50% 0%,#a17f4977,transparent 60%),linear-gradient(#2c352e 0%,#394337 8%,#211d17 9%,#28271f 11%,#5d5544 12%,#b2a58b 100%); }
  .pit-coffer, .pit-column, .pit-balustrade { display:none; }
  .pit-marble { transform:none; left:0; right:0; bottom:0; height:90%; }
  .pit-center { top:30%; bottom:auto; width:70cqw; height:40cqh; }
  .pit-stations { position:absolute; inset:0; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); grid-template-rows:minmax(0,1fr) minmax(0,1fr); gap:6px 8px; padding:6px 9px 6px; }
  .pit-station, .pit-investor { position:relative; left:auto; bottom:auto; width:auto; min-width:0; min-height:0; scale:none; transform:none; }
  .pit-crt, .ib-sheet { min-width:0; overflow:hidden; }
  .seat-s0 { grid-area:1/1; }.seat-s1 { grid-area:1/2; }.seat-s2 { grid-area:2/1; }.seat-s3 { grid-area:2/2; }
  .has-term .seat-s3 { display:none; }
  .pit-investor { grid-area:2/2; }
  .pit-stage .pit-station, .pit-stage .pit-investor { font-size:clamp(10px, calc(var(--bw) / 13.5), 14px); }
  .pit-station-person, .ib-person { flex:1 1 0; min-height:0; height:auto; }
  .pit-station-person .fig, .ib-person .fig { bottom:-10%; height:115%; width:auto; aspect-ratio:100/120; max-width:96%; }
  .pit-crt { border-width:4px; border-bottom-width:7px; padding:.28em .45em .4em; }
  .pit-crt-rate b { font-size:1.9em; }
  .pit-station-plaque { margin-inline:-.2em; padding:.26em .3em .3em; }
  .ib-sheet { border-width:4px; border-bottom-width:6px; padding:.3em .5em .4em; }
  .ib-check { font-size:1.6em; }.ib-long { display:none; }
  .ib-name { padding:.24em .3em .28em; }
  .ib-tag { font-size:9px; letter-spacing:.1em; padding:1px 6px; margin:-8px 0 -4px; }

  .pit-desk-rest { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) 70px; gap:8px; padding:7px 10px calc(7px + env(safe-area-inset-bottom,0px)); border-top-width:4px; }
  .pit-desk-rest > * { min-height:48px; }
  .rest-resale { display:none; }
  .pit-desk-rest .pit-resale-btn { display:grid; }
  .pit-ledger, .pit-resale-btn { padding:4px 8px; }
  .pit-ledger b, .pit-resale-btn b { font-size:16px; padding-left:4px; }
  .pit-ledger-tag { padding-left:4px; letter-spacing:.12em; }
  .pit-ledger i { font-size:16px; }
  .pit-bell { width:auto; padding:0; gap:1px; }
  .pit-bell svg { width:28px; height:28px; }
  .pit-bell span { font-size:10px; letter-spacing:.02em; }
  .is-backdrop .pit-phone-company { opacity:.5; }
}
@media (max-width:360px) {
  .pit-hud { gap:2px 6px; padding:2px 6px 3px; }
  .hud-name > b { font-size:14px; }
  .hud-chips .hud-model-inline { display:none; }
  .hud-cash strong { font-size:14.5px; }
  .hud-val small i, .hud-flow > span { display:none; }
  .hud-val strong { font-size:13px; }
  .hud-val small { font-size:9px; }
  .hud-flow strong { font-size:10.5px; }
  .hud-round strong, .pit-clock strong { font-size:15px; }
  .pit-hud.has-large-cash .hud-cash strong { font-size:12.5px; }
  .pit-hud.has-huge-cash .hud-cash strong { font-size:11px; letter-spacing:-.06em; }
  .pit-stations { gap:5px 6px; padding:5px 6px; }
  .pit-hall { --bw:calc((100cqw - 18px) / 2); }
  .pit-desk-rest { gap:6px; padding:6px 7px calc(6px + env(safe-area-inset-bottom,0px)); grid-template-columns:minmax(0,1fr) minmax(0,1fr) 60px; }
  .pit-ledger b, .pit-resale-btn b { font-size:14px; }
  .pit-ledger i { display:none; }
}
@media (max-width:768px) and (max-height:700px) {
  .pit-stage .pit-station, .pit-stage .pit-investor { font-size:clamp(9.5px, calc(var(--bw) / 14.5), 13px); }
  .pit-station-plaque small { display:none; }
}
@media (forced-colors:active) { .pit-stage button,.pit-focus button { border:1px solid ButtonText; }.pit-hall { background:Canvas; }.pit-crt,.pit-station-plaque,.pit-tape { color:CanvasText; } }

/* ---- The market ledger (directory): a paper ledger on the desk ------------------------
   Id-scoped so the desk's generic instrument button styles never reach the ledger. */
#pit .pit-directory { display:flex; flex-direction:column; gap:10px; min-height:100%; }
#pit .pit-market-filters { display:flex; gap:6px; padding-left:12px; }
#pit .pit-market-filters .pit-tab { min-height:44px; margin:0; padding:8px 18px; border:1px solid #9a885b; border-bottom:0; border-radius:6px 6px 0 0; background:linear-gradient(#2b3d30,#1b3024); color:#e9d9b5; font:15px/1.2 Georgia,serif; white-space:nowrap; }
#pit .pit-market-filters .pit-tab b { font:700 12px var(--font-mono); margin-left:5px; padding:1px 6px; border-radius:8px; background:#00000040; }
#pit .pit-market-filters .pit-tab[aria-pressed="true"] { background:linear-gradient(#f4ead2,#ece0c2); color:#2e281a; border-color:#ead39b; font-weight:700; }
#pit .pit-market-filters .pit-tab[aria-pressed="true"] b { background:#2e281a22; }
#pit .pit-ledger-sheet { flex:1 1 auto; margin-top:-10px; padding:10px 16px 12px; border-radius:2px; color:var(--pit-ink);
  background:linear-gradient(90deg,transparent 30px,#d7928066 30px 31px,transparent 31px),linear-gradient(#f4ead2,#ebdfc0); box-shadow:0 4px 0 #b9a77e,0 10px 22px #0007; }
#pit .pit-market-list { display:grid; grid-template-columns:1fr 1fr; gap:0 28px; }
#pit .pit-market-list.is-split { align-items:start; }
#pit .pit-market-col { display:grid; min-width:0; }
#pit .pit-market-col h3 { margin:2px 0 2px; padding-bottom:4px; border-bottom:2px solid #2b211744; font:700 11px var(--font-mono); letter-spacing:.2em; text-transform:uppercase; color:#4f6f45; }
#pit .pit-market-col.buyer h3 { color:#8d4a5e; }
#pit .is-split .pit-market-role { display:none; }
#pit .pit-market-row { width:100%; min-height:92px; margin:0; display:grid; grid-template-columns:58px minmax(0,1fr) auto; grid-template-areas:"face who rate" "face fuse lot"; align-items:center; gap:4px 14px;
  padding:9px 6px 9px 0; border:0; border-bottom:1px dashed #b7a27a; border-radius:0; background:none; color:var(--pit-ink); font:inherit; text-align:left; --side:#78986c; }
#pit .pit-market-row.buyer { --side:#be8b9b; }
#pit .pit-market-row:hover { background:#fff8e2aa; }
#pit .pit-market-face { grid-area:face; align-self:stretch; height:70px; overflow:hidden; border-radius:4px; background:#e1d3b2; border:1px solid #c7b48c; }
#pit .pit-market-face .fig { width:58px; height:70px; display:block; }
#pit .pit-market-who { grid-area:who; min-width:0; }
#pit .pit-market-who small { display:block; font:700 10px var(--font-mono); letter-spacing:.14em; color:#4f6f45; }
#pit .pit-market-row.buyer .pit-market-who small { color:#8d4a5e; }
#pit .pit-market-who b { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-top:2px; font:700 18px/1.12 Georgia,serif; color:#2b2117; overflow:hidden; }
#pit .pit-market-rate { grid-area:rate; justify-self:end; font:700 26px/1 var(--font-mono); letter-spacing:-.04em; color:#1f4a33; white-space:nowrap; }
#pit .pit-market-row.buyer .pit-market-rate { color:#6a2b3a; }
#pit .pit-market-rate small { font-size:12px; color:#6b5a40; letter-spacing:0; }
#pit .pit-market-rate s { font-size:13px; color:#8c7c5c; margin-right:6px; text-decoration-color:#b1473a; text-decoration-thickness:2px; }
#pit .pit-market-lot { grid-area:lot; justify-self:end; font:12.5px/1.3 var(--font-mono); color:#4e4232; white-space:nowrap; }
#pit .pit-market-lot .pit-gpu { color:#3f3424; }
#pit .pit-market-cover{display:block;max-width:220px;overflow:hidden;text-overflow:ellipsis;color:#275b3e;font:700 10px/1.3 var(--font-mono)}
#pit .pit-market-context{margin:3px 0 10px;color:#e9d6a9;font:700 11px var(--font-mono);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#pit .pit-dot::before { content:'·'; margin:0 .45em; opacity:.7; }
#pit .pit-market-row .pit-fuse { grid-area:fuse; color:#4f6b3f; font-size:11px; }
#pit .pit-market-row .pit-fuse::before { background:linear-gradient(#6aa851,#4c8a3a) 0 0/calc(var(--left,1) * 100%) 100% no-repeat,#2b211722; }
#pit .pit-market-row .pit-fuse.is-short { color:#b0581c; }
#pit .pit-market-row .pit-fuse.is-short::before { background:linear-gradient(#e08a34,#c46a1c) 0 0/calc(var(--left,1) * 100%) 100% no-repeat,#2b211722; animation:none; }
#pit .pit-market-row.is-primary .pit-market-who b::after { content:''; display:inline-block; width:9px; height:9px; margin-left:7px; border-radius:50%; background:#e2a93f; box-shadow:0 0 6px #e2a93f; vertical-align:2px; }
#pit .pit-market-empty { grid-column:1/-1; padding:22px 6px; font:15px/1.5 Georgia,serif; color:#5a4a33; }
#pit .pit-directory-footer { width:100%; display:flex; align-items:center; gap:14px; flex-wrap:wrap; }
#pit .pit-pagination { flex:1 1 auto; display:flex; align-items:center; gap:12px; }
#pit .pit-pagination button { min-height:46px; min-width:92px; margin:0; border:1px solid #c7aa74; border-radius:3px; background:#342a1d; color:#f0e1c1; padding:8px 14px; font:15px/1.2 Georgia,serif; }
#pit .pit-pagination > span { font:13px var(--font-mono); white-space:nowrap; color:#e3cfaa; }
#pit .pit-page-prev::before { content:'← '; }
#pit .pit-page-next::after { content:' →'; }
#pit .pit-directory-rooms { display:flex; gap:8px; }
#pit .pit-door-btn { min-height:46px; margin:0; border:1px solid #a88d57; border-radius:14px 14px 2px 2px; color:#ead6ae; background:#2a221a; padding:8px 16px; font:14px/1.2 Georgia,serif; }
#pit .pit-door-btn:hover, #pit .pit-pagination button:not(:disabled):hover { border-color:#ecd297; }
@media (max-height:730px) and (min-width:769px) {
  #pit .pit-market-row { min-height:80px; padding-block:6px; grid-template-columns:50px minmax(0,1fr) auto; }
  #pit .pit-market-face { height:60px; }#pit .pit-market-face .fig { width:50px; height:60px; }
}
@media (max-width:768px) {
  #pit .pit-directory { gap:8px; }
  #pit .pit-market-filters { padding-left:6px; gap:4px; }
  #pit .pit-market-filters .pit-tab { flex:1 1 0; min-width:0; padding:8px 4px; font-size:14px; }
  #pit .pit-ledger-sheet { padding:6px 10px 6px; margin-top:-8px; background:linear-gradient(90deg,transparent 14px,#d7928066 14px 15px,transparent 15px),linear-gradient(#f4ead2,#ebdfc0); }
  #pit .pit-market-list { grid-template-columns:1fr; }
  #pit .pit-market-row { min-height:78px; grid-template-columns:44px minmax(0,1fr) auto; grid-template-areas:"face who rate" "face lot lot" "face fuse fuse"; gap:2px 10px; padding:7px 2px 7px 0; }
  #pit .pit-market-face { height:58px; }#pit .pit-market-face .fig { width:44px; height:53px; }
  #pit .pit-market-who b { font-size:16px; line-height:1.1; }
  #pit .pit-market-rate { font-size:22px; }
  #pit .pit-market-lot { justify-self:start; font-size:11px; }
  #pit .pit-directory-footer { display:grid; gap:6px; }
  #pit .pit-pagination { justify-content:space-between; gap:6px; }
  #pit .pit-pagination button { min-width:84px; min-height:44px; padding:6px 10px; font-size:14px; }
  #pit .pit-door-btn { flex:1 1 0; min-height:44px; padding:6px 8px; font-size:13px; }
}
@media (max-width:360px) {
  #pit .pit-market-row { min-height:70px; grid-template-columns:36px minmax(0,1fr) auto; gap:1px 8px; padding-block:5px; }
  #pit .pit-market-face { height:48px; }#pit .pit-market-face .fig { width:36px; height:43px; }
  #pit .pit-market-who b { font-size:14px; }
  #pit .pit-market-rate { font-size:19px; }
  #pit .pit-market-lot { font-size:10px; }
  #pit .pit-market-filters .pit-tab { font-size:13px; padding:6px 2px; }
  #pit .pit-market-filters .pit-tab b { margin-left:3px; padding:1px 4px; }
}

/* ---- Welcome: a title card ------------------------------------------------------------ */
#pit .pit-welcome { position:relative; overflow:hidden; background:radial-gradient(ellipse 70% 55% at 50% 0%,#c79a4e88,transparent 70%),radial-gradient(ellipse at 50% 120%,#000c,transparent 60%),
  repeating-linear-gradient(90deg,#1d3328 0 72px,#a18b5526 73px 76px),#14271f; }
#pit .pit-welcome::after { content:''; position:absolute; left:-10%; right:-10%; bottom:-30%; height:48%; transform:perspective(500px) rotateX(55deg); transform-origin:center top; pointer-events:none;
  background:repeating-linear-gradient(90deg,transparent 0 119px,#c5ad7633 120px 123px),repeating-linear-gradient(0deg,#ddd0b41a 0 70px,#5047354d 71px 74px),linear-gradient(#5d5544,#2b281f); border-top:6px double #c5ad76; }
#pit .pit-welcome > section { position:relative; z-index:1; width:min(640px,100%); padding:clamp(26px,5vw,54px) clamp(18px,5vw,56px); border:6px double #c9a861; outline:1px solid #6d5532; outline-offset:-14px;
  background:radial-gradient(ellipse at 50% 0%,#24493a,#152c22 70%); box-shadow:0 0 0 3px #1c140c,0 0 0 9px #8a6c3a,0 0 0 11px #1c140c,0 30px 80px #000c,inset 0 0 50px #0008; }
#pit .pit-welcome > section::before { content:'HSC'; position:absolute; inset:0; display:grid; place-items:center; z-index:-1; font:700 clamp(130px,30vw,260px)/1 Georgia,serif; letter-spacing:-.08em; color:#e8c98012; pointer-events:none; }
#pit .pit-welcome > section::after { content:''; position:absolute; inset:-18px; border:4px dotted #ffe2a0; border-radius:4px; pointer-events:none; opacity:.75; filter:drop-shadow(0 0 3px #ffcf6a); }
#pit .pit-welcome .eyebrow { font:600 12px var(--font-mono); letter-spacing:.32em; color:#e7c889; }
#pit .pit-welcome h1 { margin:14px 0 6px; font:700 clamp(40px,7.6vw,66px)/1.12 Georgia,serif; letter-spacing:-.01em; color:#f2d38c;
  background:linear-gradient(#fff2c4 0%,#f0cf7e 45%,#b8873c 55%,#f4d999 100%) 0 0/100% 1.12em repeat-y; -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; filter:drop-shadow(0 3px 0 #3a2814) drop-shadow(0 8px 14px #000a); }
#pit .pit-welcome h2 { margin:6px 0 18px; font:600 15px var(--font-mono); letter-spacing:.34em; color:#d9c38e; }
#pit .pit-welcome h2::before, #pit .pit-welcome h2::after { content:''; display:inline-block; width:34px; height:1px; margin:0 12px; vertical-align:middle; background:#b69553; }
#pit .pit-welcome p { font:17px/1.5 Georgia,serif; color:#eadfc3; }
#pit .pit-welcome button { position:relative; min-height:58px; margin:20px 0 10px; padding:16px 38px; border:2px solid #fff1bd; border-radius:4px; cursor:pointer;
  background:linear-gradient(#f6e2a6,#d9b766 48%,#c39b4a 52%,#e9cf8c); color:#1c2f24; font:700 19px/1 Georgia,serif; letter-spacing:.16em;
  box-shadow:0 6px 0 #7c5c2a,0 10px 22px #000a,inset 0 1px 0 #fff8; text-shadow:0 1px 0 #fff6; }
#pit .pit-welcome button:hover { background:linear-gradient(#fff0c0,#e6c679 48%,#d0a957 52%,#f3dc9d); }
#pit .pit-welcome button:active { transform:translateY(4px); box-shadow:0 2px 0 #7c5c2a,0 5px 12px #000a,inset 0 1px 0 #fff8; }
#pit .pit-welcome button:focus-visible { outline:3px solid #ffe1a1; outline-offset:4px; }
@media (prefers-reduced-motion:no-preference) {
  #pit .pit-welcome > section { animation:pit-title-in .5s cubic-bezier(.2,.9,.3,1.15) both; }
  #pit .pit-welcome h1 { animation:pit-title-in .5s .12s cubic-bezier(.2,.9,.3,1.3) both; }
}
@keyframes pit-title-in { from { opacity:0; transform:scale(.92) translateY(12px); } to { opacity:1; transform:none; } }
@media (max-width:540px) {
  #pit .pit-welcome { padding:28px 22px; }
  #pit .pit-welcome > section::after { inset:-12px; }
  #pit .pit-welcome .eyebrow { font-size:10px; letter-spacing:.22em; }
  #pit .pit-welcome h2 { font-size:12px; letter-spacing:.22em; }
  #pit .pit-welcome h2::before, #pit .pit-welcome h2::after { width:16px; margin:0 8px; }
  #pit .pit-welcome p { font-size:15px; }
  #pit .pit-welcome button { width:100%; padding:16px 12px; font-size:17px; letter-spacing:.1em; }
}


/* ---- V10.5 ledger additions: GPU colours in rows, the one-GPU filter tab --------------- */
#pit .pit-market-row { border-left:4px solid var(--gc,#b7a27a); padding-left:6px; }
#pit .pit-market-lot .pit-gpu { color:var(--gc-deep); }
#pit .pit-market-row.is-relevant .pit-market-role { color:#1f6b3f; }
#pit .pit-market-row.is-favor .pit-market-role { color:#8a5a12; }
#pit .pit-market-filters .pit-tab-gpu { margin-left:auto; background:var(--gc); color:#10140f; border-color:var(--gc-deep); font-weight:700; }
@media (max-width:768px) { #pit .pit-market-filters .pit-tab-gpu { flex:0 0 auto; padding:8px 10px; } }

.fc-capital{font-size:10px;margin:2px 0;letter-spacing:.03em}

/* Inventory and resale flow */
#pit .resale-inventory { max-width: 900px; margin:auto; }
#pit .inventory-cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
#pit .inventory-card, #pit .resale-buyer { background:#f7f4ec; border:1px solid #b8b0a3; border-radius:5px; padding:18px; color:#242321; }
#pit .inventory-card h3, #pit .resale-buyer h3 { margin:0 0 10px; font-size:20px; }
#pit .inventory-card dl { display:flex; flex-wrap:wrap; gap:16px; margin:0; }
#pit .inventory-card dt { font-size:12px; } #pit .inventory-card dd { margin:3px 0; font-weight:700; font-size:20px; }
#pit .inventory-card p, #pit .resale-buyer p { margin:8px 0; line-height:1.4; }
#pit .resale-action, #pit .resale-secondary { min-height:44px; padding:10px 15px; border:1px solid #252420; border-radius:4px; font:inherit; cursor:pointer; }
#pit .resale-action { background:#292824; color:#fffdf7; font-weight:700; }
#pit .resale-secondary { background:transparent; color:#292824; }
#pit .resale-buyer { display:flex; justify-content:space-between; gap:20px; margin-bottom:10px; }
#pit .resale-buyer.is-match { border-left:4px solid #292824; }
#pit .resale-buyer small { font-size:11px; letter-spacing:.05em; }
#pit .resale-buyer-quote { display:flex; flex-direction:column; align-items:flex-end; gap:8px; text-align:right; }
#pit .resale-buyer-quote strong { white-space:nowrap; }
#pit .resale-buyer-quote strong small { display:block; font-weight:400; letter-spacing:0; }
#pit .resale-review { max-width:620px; margin:auto; padding:24px; background:#f7f4ec; color:#242321; }
#pit .resale-review dl { display:grid; gap:0; margin:20px 0; }
#pit .resale-review dl div { display:flex; justify-content:space-between; gap:12px; padding:10px 0; border-bottom:1px solid #d1cbbf; }
#pit .resale-review dd { margin:0; text-align:right; font-weight:700; }
#pit .resale-review input { width:120px; max-width:100%; min-height:44px; font:inherit; padding:8px; }
#pit .resale-review [role=alert] { color:#8b2727; }
#pit .resale-action:focus-visible, #pit .resale-secondary:focus-visible, #pit .resale-review input:focus-visible { outline:3px solid #49443a; outline-offset:3px; }
@media(max-width:600px) { #pit .inventory-cards { grid-template-columns:1fr; } #pit .resale-buyer { flex-direction:column; gap:8px; } #pit .resale-buyer-quote { align-items:flex-start; text-align:left; } #pit .resale-review { padding:14px; } }
@media (max-width:600px) {
  #pit .pit-focus-footer:has([data-action="confirm-sale"]) { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); width:100%; }
  #pit .pit-focus-footer:has([data-action="confirm-sale"]) > button { width:100%; min-width:0; white-space:normal; }
  #pit .pit-focus-footer [data-action="confirm-sale"] { grid-column:1 / -1; }
  #pit .resale-review label[for="review-qty"] { display:block; margin-bottom:6px; }
}

/* GPU type tiles open matching floor offers without changing task allocations. */
#pit .gpu-find-tile { min-height:44px; min-width:44px; padding:4px; border:1px solid currentColor; border-radius:3px; background:transparent; color:inherit; cursor:pointer; }
#pit .gpu-find-tile:focus-visible, #pit .floor-matching-buyers:focus-visible { outline:3px solid currentColor; outline-offset:3px; }
#pit .floor-matching-buyers { min-height:44px; padding:6px 10px; border:1px solid currentColor; border-radius:3px; background:transparent; color:inherit; font:inherit; cursor:pointer; }
#pit .floor-filter-heading { flex-wrap:wrap; }
#pit .action-help .help-notes { display:grid; gap:12px; }
#pit .action-help .help-notes h2 { margin:0 0 3px; font-size:17px; }
#pit .action-help .help-notes p { margin:0; line-height:1.4; }