.yard{--side:380px;background:var(--night);color:var(--night-ink)}.yard-cams{background:#070a11;border-bottom:2px solid #000}.yard-cams-in{flex-wrap:wrap;align-items:center;gap:16px;min-height:48px;padding-top:6px;padding-bottom:6px;display:flex}.rec{letter-spacing:.1em;text-transform:uppercase;color:#ff6b6b;align-items:center;gap:6px;font-size:12px;font-weight:800;display:inline-flex}.rec i{background:#ff3b3b;border-radius:50%;width:10px;height:10px;animation:1s steps(2,end) infinite blink}.cam-tabs{flex-wrap:wrap;gap:6px;display:flex}.cam-tabs button{color:#c9d3e6;font-family:var(--f-mono);cursor:pointer;background:#111827;border:2px solid #2a3650;align-items:center;gap:6px;padding:6px 10px;font-size:12px;display:inline-flex}.cam-tabs button.is-on{background:var(--yellow);color:var(--ink);border-color:var(--ink)}.yard-count{flex-wrap:wrap;gap:6px 16px;margin:0 0 0 auto;font-size:13px;display:flex}.yard-count div{align-items:baseline;gap:6px;display:flex}.yard-count dt{color:#8b93a6}.yard-count dd{margin:0;font-weight:800}.yard-count .red,.side-sum .red{color:#ff6b6b}.yard-count .yel{color:var(--yellow)}.yard-grid{grid-template-columns:minmax(0, 1fr) var(--side);min-height:calc(100dvh - 150px);display:grid}.yard-stage{touch-action:none;background:#0e1626;min-height:560px;position:relative;overflow:hidden}.yard-host{position:absolute;inset:0}.yard-host canvas{width:100%!important;height:100%!important}.yard-loading{color:#c9d3e6;place-content:center;justify-items:center;gap:10px;display:grid;position:absolute;inset:0}.cctv{pointer-events:none;background:repeating-linear-gradient(0deg,#ffffff06 0 2px,#0000 2px 4px);position:absolute;inset:0}.cctv-tl,.cctv-tr{color:#d8e2f5;text-shadow:0 1px #000;letter-spacing:.06em;font-size:12px;position:absolute;top:14px}.cctv-tl{left:18px}.cctv-tr{right:18px}.cctv-corner{border:3px solid #ffffff8c;width:26px;height:26px;position:absolute}.cctv-corner.c1{border-bottom:0;border-right:0;top:40px;left:14px}.cctv-corner.c2{border-bottom:0;border-left:0;top:40px;right:14px}.cctv-corner.c3{border-top:0;border-right:0;bottom:70px;left:14px}.cctv-corner.c4{border-top:0;border-left:0;bottom:70px;right:14px}.yard-sfx{--sfx-size:clamp(64px, 9vw, 130px);pointer-events:none;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)rotate(-8deg)}.yard-tools{flex-wrap:wrap;align-items:center;gap:12px;display:flex;position:absolute;bottom:14px;left:16px;right:16px}.yard-hint{color:#d8e2f5;background:#070a11bf;border:1px solid #2a3650;align-items:center;gap:6px;padding:6px 10px;font-size:13px;display:inline-flex}.yard-pick{width:min(340px,100% - 32px);color:var(--ink);grid-template-columns:84px minmax(0,1fr);gap:12px;padding:14px;display:grid;position:absolute;top:52px;right:16px}.yard-pick b{font-size:30px;font-weight:400;line-height:1;display:block}.yard-pick small{margin-bottom:8px;font-weight:700;display:block}.yard-pick p{margin:8px 0;font-size:12px}.yard-pick-x{cursor:pointer;background:0 0;border:0;font-size:22px;line-height:1;position:absolute;top:4px;right:6px}.yard-side{background:#0b111c;border-left:2px solid #000;flex-direction:column;gap:12px;min-height:0;padding:16px;display:flex}.side-tabs{border:2px solid #2a3650;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.side-tabs button{color:#c9d3e6;cursor:pointer;background:0 0;border:0;padding:8px 4px;font-size:13px;font-weight:800}.side-tabs button+button{border-left:2px solid #2a3650}.side-tabs button.is-on{background:var(--yellow);color:var(--ink)}.side-body{flex:1;min-height:300px;max-height:calc(100dvh - 330px);overflow:auto}.side-sum{color:#c9d3e6;background:#0e1626;border:1px solid #2a3650;padding:10px 12px;font-size:14px}.side-sum b{color:var(--night-ink)}.side-queue{color:#8b93a6;margin:8px 2px;font-size:12px}.side-list{gap:4px;margin:10px 0 0;padding:0;list-style:none;display:grid}.side-row{border:1px solid #0000;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px 8px;text-decoration:none;display:grid}.side-row:hover{background:#111827;border-color:#2a3650}.side-name b{text-overflow:ellipsis;white-space:nowrap;font-size:14px;display:block;overflow:hidden}.side-name small{color:#8b93a6;font-size:12px}.side-tag{letter-spacing:.06em;text-transform:uppercase;color:#ff6b6b;white-space:nowrap;border:2px solid #ff6b6b;padding:2px 6px;font-size:10px;font-weight:800}.side-tag.stamp--thrown{color:#a7b4c8;border-color:#8b9bb5}.side-tag.stamp--pit{color:#e9e1cc;background:#2e2a23;border-color:#e9e1cc}.side-tag.stamp--held{color:#7fb0ff;border-color:#7fb0ff}.side-tag.stamp--breakout{border-color:var(--yellow);color:var(--yellow)}.side-empty{color:#8b93a6;padding:10px;font-size:14px}.side-board{gap:10px;display:grid}.side-board ol{gap:4px;margin:0;padding-left:0;font-size:14px;list-style:none;display:grid}.side-board li{gap:8px;display:flex}.side-board li b{margin-left:auto}.side-foot{color:var(--night-ink);font-size:14px}@media (max-width:1024px){.yard-grid{grid-template-columns:minmax(0,1fr)}.yard-stage{height:64vh;min-height:0}.yard-side{border-top:2px solid #000;border-left:0}.side-body{max-height:none}.yard-count{margin-left:0}}@media (max-width:640px){.yard-stage{height:58vh}.yard-hint{display:none}.cam-tabs button{padding:5px 7px;font-size:11px}.yard-pick{top:auto;bottom:64px}}