/* Yard: lapangan 3D semua robot, papan peringkat kanan, kartu pilot saat diklik */
.yd { position: relative; z-index: 6; min-height: 100vh; padding: 84px var(--gutter) 80px; pointer-events: none; }
.yd > * { pointer-events: auto; }
.intro { position: absolute; left: var(--gutter); top: 88px; max-width: 420px; pointer-events: none; }
.intro h1 { margin: 0 0 8px; font: 700 clamp(30px, 3.2vw, 46px)/1.02 var(--f-display); text-shadow: 0 2px 18px rgba(4, 9, 18, .6); }
.intro .dim { font-size: 14px; }
.board { position: absolute; right: var(--gutter); top: 84px; bottom: 82px; width: 440px; display: flex; flex-direction: column; }
.find .input { height: 32px; width: 170px; font-size: 12px; }
.cls-tabs { display: flex; gap: 1px; background: var(--hud-line-2); border-bottom: 1px solid var(--hud-line-2); }
.cls-tabs button { flex: 1; height: 34px; border: 0; background: var(--hud-bg); color: var(--hud-dim); cursor: pointer; font: 600 10.5px/1 var(--f-display); letter-spacing: .12em; text-transform: uppercase; }
.cls-tabs button.on { background: var(--hud-bg-2); color: var(--hud-text); box-shadow: inset 0 -2px 0 var(--accent); }
.scroll { overflow: auto; flex: 1; min-height: 0; }
.card { position: absolute; left: var(--gutter); bottom: 82px; width: 300px; }
.card[hidden] { display: none; }
.cd-load { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; margin: 12px 0; }
.cd-load div { display: grid; gap: 4px; font: 500 10.5px/1 var(--f-mono); }
.cd-load .bar { height: 4px; }
.labels { position: fixed; inset: 0; z-index: 4; pointer-events: none; }
.ylabel { position: absolute; left: 0; top: 0; padding: 4px 7px; transform: translate(-50%, -100%); white-space: nowrap; background: rgba(8, 13, 24, .78); border: 1px solid var(--hud-line); font: 500 11px/1 var(--f-mono); color: #eaf2ff; }
.ylabel b { color: var(--accent); font-weight: 600; margin-right: 5px; }
.ylabel.me { border-color: var(--accent); }
@media (max-width: 860px) {
  .board { position: relative; right: auto; top: auto; bottom: auto; width: 100%; margin-top: 52vh; max-height: 70vh; }
  .intro { top: 70px; left: 16px; }
  .card { position: fixed; left: 12px; right: 12px; bottom: 70px; width: auto; z-index: 20; }
}