/* V21: a compact live inventory and a quiet physical exchange identity. */
#pit:has(.floor-stage) { --hud-h:108px; }
#pit .floor-stage { grid-template-rows:108px minmax(0,1fr); }
#pit .floor-hud { height:108px; grid-template-columns:minmax(130px,1fr) auto auto minmax(220px,280px) auto; gap:16px; align-items:center; }
#pit .v21-inventory-label { display:block; font:12px/1.4 var(--hsc-sans); color:var(--hsc-grey); }
#pit .v21-inventory nav { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:5px; }
#pit .v21-gpu-tile { min-width:0; min-height:44px; padding:5px 8px; display:flex; flex-direction:column; align-items:center; gap:2px; color:var(--hsc-ink); background:var(--hsc-paper); border:1px solid #6b685f; border-radius:3px; cursor:pointer; }
#pit .v21-gpu-tile span { font:11px var(--hsc-sans); }
#pit .v21-gpu-tile strong { font:600 17px/1.1 var(--hsc-sans); }
#pit .v21-gpu-tile:enabled:hover { background:var(--hsc-note); border-color:var(--hsc-ink); }
#pit .v21-gpu-tile:disabled { color:#79766e; border-color:#b8b4aa; background:#eeece6; cursor:default; }
#pit .v21-inventory-hint { display:block; margin-top:3px; font:11px/1.25 var(--hsc-sans); }
#pit .v21-gpu-tile:focus-visible, #pit .resale-action:focus-visible, #pit .resale-secondary:focus-visible { outline:3px solid var(--hsc-ink); outline-offset:3px; }
#pit .resale-buyer.is-match { opacity:1; }
#pit .resale-action:enabled { color:#fffdf7; background:#242321; border:2px solid #242321; opacity:1; }
#pit .resale-action:enabled:hover { background:#49443a; border-color:#49443a; }
#pit .resale-secondary:enabled { color:#242321; background:#fffdf7; border:2px solid #6b685f; opacity:1; }
#pit .resale-secondary:enabled:hover { background:#e4e0d4; }
#pit :is(.resale-action,.resale-secondary):disabled { color:#77746b; background:#e8e5dc; border:2px solid #b9b5aa; opacity:1; cursor:not-allowed; }
#pit .v21-floor-sign { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); opacity:.32; width:150px; display:flex; flex-direction:column; gap:6px; align-items:center; pointer-events:none; }
#pit .v21-floor-sign img { width:130px; height:auto; }
#pit .v21-floor-sign span { font:9px/1.2 var(--hsc-sans); letter-spacing:.18em; border-top:1px solid var(--hsc-ink); padding-top:5px; }
#pit .has-floor-funding .v21-floor-sign { top:65%; }
#pit .v21-arrival { margin-bottom:10px; }
#pit .v21-arrival .babur-guide { margin:0; padding:8px 12px; border:0; background:transparent; }
#pit .v21-arrival .babur-picture { width:54px; min-width:54px; height:64px; }
#pit .v21-arrival .babur-dialogue p { font:15px/1.4 var(--hsc-sans); }
#pit .v21-arriving .task-find { outline:2px solid #777c54; outline-offset:3px; animation:v21-first-action 1.6s ease-out 2; }
@keyframes v21-first-action { 50% { outline-offset:6px; outline-color:#444c24; } }
#pit .v21-frenzy .floor-filter-heading h2 { border-bottom:2px solid var(--hsc-ink); }
#pit .v21-bonus { max-width:820px; margin:auto; display:grid; grid-template-columns:230px minmax(0,1fr); gap:28px; align-items:center; padding:24px; }
#pit .v21-bonus-portrait { width:230px; height:300px; }
#pit .v21-bonus-portrait .babur-portrait { width:100%; height:100%; }
#pit .v21-bonus-copy p { font:24px/1.45 var(--hsc-serif); margin:14px 0; }
#pit .v21-bonus-copy strong { white-space:normal; overflow-wrap:anywhere; }
#pit .v21-speaker { font:600 14px var(--hsc-sans); }
#pit .v21-bonus-copy small, #pit .v21-bonus-copy .v21-earned { font:13px/1.5 var(--hsc-sans); color:var(--hsc-grey); }
#pit .v21-end { min-height:48px; }
@media (max-width:1000px) {
 #pit:has(.floor-stage) { --hud-h:186px; }
 #pit .floor-stage { grid-template-rows:186px minmax(0,1fr); }
 #pit .floor-hud { height:186px; grid-template-columns:1fr 1fr auto; grid-template-areas:'company company help' 'cash stake stake' 'inventory inventory inventory'; gap:6px 12px; padding:8px 12px; align-content:start; }
 #pit .floor-hud .hud-co { grid-area:company; }
 #pit .floor-hud .hud-cash { grid-area:cash; }
 #pit .floor-hud .hud-val { grid-area:stake; }
 #pit .floor-hud .v21-inventory { grid-area:inventory; }
 #pit .floor-hud .floor-help { grid-area:help; }
 #pit .floor-hud .hud-cash strong { font-size:clamp(12px,calc((100vw - 64px) / var(--cash-chars) / 1.3),21px); }
 #pit .floor-hud .hud-val strong { font-size:19px; }
 #pit .v21-inventory-label { display:none; }
 #pit .v21-gpu-tile { flex-direction:row; justify-content:space-between; }
}
@media (max-width:600px) {
 #pit .v21-bonus { grid-template-columns:1fr; padding:10px 8px; gap:4px; }
 #pit .v21-bonus-portrait { width:130px; height:150px; margin:auto; }
 #pit .v21-bonus-copy p { font-size:21px; }
 #pit .v21-floor-sign { width:92px; top:49%; }
 #pit .v21-floor-sign img { width:90px; }
 #pit .v21-floor-sign span { font-size:7px; }
 #pit .has-floor-funding .v21-floor-sign { top:36%; }
}
@media (prefers-reduced-motion:reduce) { #pit .v21-arriving .task-find { animation:none; } }

#pit [data-action="next"], #pit [data-action="extension-continue"], #pit .floor-cycle, #pit .round-progress { font-family:var(--hsc-sans);font-weight:700;letter-spacing:0;text-shadow:none; }
#pit [data-action="next"] { font-size:18px; }
#pit .round-progress { font-size:14px; }

#pit [data-action="next"] { text-transform:none; }
/* Primary sale actions retain the existing confirmation/accounting flow. */
#pit .resale-action { min-height:48px; font:700 18px/1.3 var(--hsc-sans); text-transform:none; }
#pit .resale-action:enabled { background:#ffdb54; color:#161514; border:2px solid #161514; box-shadow:0 3px 0 #161514; cursor:pointer; }
#pit .resale-action:enabled:hover { background:#161514; color:#fff; border-color:#161514; }
#pit .resale-action:focus-visible { outline:3px solid #161514; outline-offset:4px; }
#pit .resale-action:disabled { background:#e8e5dc; color:#77746b; border-color:#b9b5aa; box-shadow:none; cursor:not-allowed; }
#pit .frontier-status { margin:10px 0; flex-wrap:wrap; }
#pit .frontier-status [data-action="review-moonshot"] { min-height:48px; padding:10px 14px; font:700 17px/1.3 var(--hsc-sans); background:#ffdb54; color:#161514; border:2px solid #161514; text-shadow:none; white-space:normal; }
#pit .frontier-proposal h3 { font:700 30px/1.2 var(--hsc-serif); margin:16px 0; }
#pit .frontier-proposal :is(p,dt,dd) { font:400 16px/1.55 var(--hsc-sans); }
#pit .frontier-proposal .frontier-capital, #pit .frontier-proposal dt { font-weight:700; }
#pit .frontier-stakes { padding:12px; border:1px solid #6e685e; }
#pit [data-action="accept-moonshot"] { font:700 18px/1.3 var(--hsc-sans); min-height:48px; text-transform:none; white-space:normal; }
#pit [data-action="review-moonshot"]:focus-visible { outline:3px solid #161514; outline-offset:4px; }

/* Distinguish the title C from O while keeping the restrained retro lockup. */
#pit .pass1-opening .s1-game { font:700 26px/1.2 var(--hsc-sans); letter-spacing:.12em; text-shadow:none; }
/* Investors share fixed positions in the pit; resolved offers leave their seat reserved. */
#pit .open-pit .v212-investors { position:absolute; top:215px; left:0; width:100%; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-rows:210px; gap:0 10px; }
#pit .open-pit .v212-investors .floor-funding-person { position:static; transform:none; width:100%; max-width:100%; align-self:start; min-height:185px; padding:6px; border:1px solid var(--hsc-grey-light); }
#pit .v212-investors .funding-person-name { font:700 16px/1.25 var(--hsc-sans); overflow-wrap:anywhere; }
#pit .v212-investors .funding-invitation { font:700 14px/1.3 var(--hsc-sans); }
#pit .v212-investors .funding-person-terms { font:15px/1.35 var(--hsc-sans); }
#pit .v212-investors .funding-person-terms small { width:100%; }
#pit .open-pit .floor-scene.has-floor-funding { height:calc(435px + var(--investor-rows)*210px); min-height:calc(435px + var(--investor-rows)*210px); }
#pit .open-pit .has-floor-funding :is(.pit-seat-2,.pit-seat-3) { top:calc(225px + var(--investor-rows)*210px); }
@media(max-width:600px){
 #pit .open-pit .v212-investors { top:395px; gap:0 8px; }
 #pit .open-pit .floor-scene.has-floor-funding { height:calc(410px + var(--investor-rows)*210px); min-height:calc(410px + var(--investor-rows)*210px); }
 #pit .open-pit .has-floor-funding :is(.pit-seat-2,.pit-seat-3) { top:195px; }
 #pit .v212-investors .funding-person-art { height:48px; }
}
#pit .open-pit .v212-investors { pointer-events:none; }
#pit .open-pit .v212-investors .floor-funding-person { pointer-events:auto; }
#pit .open-pit .floor-scene:not(.has-floor-funding) .v212-investors { display:none; }
