:root{--ink:#171b1d;--steel:#30383c;--paper:#f1eee5;--orange:#ff5a1f;--teal:#0fd5bf;--muted:#9aa2a2;--line:#596267;--mono:"Courier New",monospace;--sans:"Arial Narrow",Arial,sans-serif}
*{box-sizing:border-box}html,body{background:var(--ink);color:var(--paper);font-family:var(--sans);margin:0}button,input,textarea{font:inherit}button{border:1px solid var(--paper);color:inherit;letter-spacing:.06em;cursor:pointer;background:0 0;padding:.8rem 1rem;font-weight:900}button:hover{background:var(--teal);color:var(--ink)}button:disabled{opacity:.45}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:76px;padding:0 3vw;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand small{color:var(--muted);font:11px var(--mono);display:block}.hex{background:var(--orange);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);padding:14px 11px;font-weight:900}.status{font:11px var(--mono);color:var(--teal);background:#0e1112;justify-content:space-between;padding:8px 3vw;display:flex}.shop{border-bottom:1px solid var(--line);grid-template-columns:26% 48% 26%;min-height:590px;display:grid}.rail,.docket{padding:34px 28px}.rail{border-right:1px solid var(--line)}h1{text-transform:uppercase;letter-spacing:-.055em;margin:0 0 28px;font-size:clamp(2.5rem,5vw,5.2rem);line-height:.83}h1 i{color:var(--orange);font-style:normal}.rail p{color:#c7cdca;max-width:31ch}.rail label,.bench label{font:11px var(--mono);letter-spacing:.08em;margin-top:28px;display:block}.rail input,.bench textarea{border:1px solid var(--line);width:100%;color:var(--paper);background:#0d1011;margin-top:8px;padding:12px;display:block}.orange{background:var(--orange);border-color:var(--orange);color:#101315;margin-top:10px}.legend{font:10px var(--mono);gap:9px;margin-top:55px;display:grid}.dot{border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}.available{background:var(--teal)}.loan{background:var(--orange)}.quarantine{background:#ffdf4f}.pegboard{background-color:#262d30;background-image:radial-gradient(#5a656a 1.2px,#0000 1.2px);background-size:18px 18px;grid-template-columns:1fr 1fr;gap:1px;padding:28px;display:grid;position:relative;overflow:hidden}.silhouette{z-index:1;background:#1b2022dd;border:1px solid #566065;flex-direction:column;justify-content:flex-end;min-height:230px;padding:18px;display:flex;position:relative}.toolshape{filter:drop-shadow(8px 10px #0c0e0f);background:var(--paper);clip-path:polygon(12% 35%,55% 35%,55% 18%,86% 18%,86% 40%,62% 40%,62% 56%,48% 56%,48% 92%,24% 92%,24% 56%,12% 56%);height:120px;margin-bottom:20px}.s1 .toolshape{clip-path:polygon(5% 40%,75% 40%,90% 55%,75% 70%,35% 70%,25% 92%,10% 92%,18% 68%,5% 62%)}.s2 .toolshape{clip-path:polygon(10% 15%,90% 15%,75% 45%,58% 45%,58% 90%,42% 90%,42% 45%,25% 45%)}.s3 .toolshape{clip-path:polygon(12% 28%,82% 28%,82% 82%,12% 82%,0 60%,0 42%)}.silhouette small{font:10px var(--mono);color:var(--teal)}.beam{background:linear-gradient(90deg,#0000,#0fd5bf20,#0000);width:35%;height:100%;animation:7s linear infinite sweep;position:absolute;top:0;left:-30%}.docket{color:#171b1d;box-shadow:inset 12px 0 var(--orange);background:#e8e3d6}.tab{font:10px var(--mono);letter-spacing:.12em}.docket h2{text-transform:uppercase;margin:12px 0;font-size:2.2rem}.stamp{color:var(--teal);font:900 12px var(--mono);background:#172023;border:3px solid;padding:8px 12px;display:inline-block;transform:rotate(-2deg)}.docket h3{font:900 11px var(--mono);margin-top:32px}.docket li{margin:8px 0}.docket .ban{color:#9d321d}.bench{grid-template-columns:1fr 1fr;min-height:470px;display:grid}.bench>div{padding:40px 8vw}.bench>div:first-child{background:#202729}.inspection{background:#101314;position:relative;overflow:hidden}.inspection:after{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 30%,#0fd5bf14 48%,#0000 66%);animation:5s linear infinite sweep;position:absolute;inset:0}.bench h2{text-transform:uppercase;font-size:2rem}.bench textarea{resize:vertical;height:78px}.bench button{z-index:1;margin-top:20px;position:relative}.number{font:44px var(--mono);color:var(--orange)}.checks{font:11px var(--mono);color:var(--teal)}footer{font:11px var(--mono);color:var(--muted);justify-content:space-around;padding:20px;display:flex}@keyframes sweep{to{transform:translate(430%)}}@media (max-width:900px){.shop{grid-template-columns:1fr}.rail{border-right:0}.pegboard{min-height:520px}.bench{grid-template-columns:1fr}h1{font-size:3.5rem}.status{flex-wrap:wrap;gap:15px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}}