.rack{flex-direction:column;gap:16px;margin-top:32px;display:flex}.rack-row{grid-template-columns:32px 1fr;align-items:center;gap:16px;display:grid}.rack-row-label{color:var(--accent-soft);text-align:center;font-family:Fraunces,serif;font-size:22px;font-weight:500}.rack-positions{grid-template-columns:repeat(8,1fr);gap:10px;display:grid}.rack-slot{aspect-ratio:1;border:1px dashed var(--hairline-hi);background:var(--surface);cursor:default;color:var(--text-dim);border-radius:50%;justify-content:center;align-items:center;padding:0;font-family:IBM Plex Mono,monospace;font-size:10px;display:flex}.rack-slot.filled{border:1px solid var(--slot-color);background:var(--slot-color);color:var(--bg);cursor:pointer;transition:transform .15s,opacity .15s}.rack-slot.filled:hover{transform:translateY(-2px)}.rack-slot.filled.dimmed{opacity:.22}.rack-slot.filled.dimmed:hover{opacity:.45;transform:none}.rack-slot-label{pointer-events:none}@media (width<=640px){.rack-row{grid-template-columns:24px 1fr;gap:10px}.rack-positions{gap:6px}.rack-slot{font-size:9px}}