.draft-cockpit{position:sticky;top:72px;z-index:20;margin:0 0 18px;background:rgba(12,20,36,.97);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:16px;padding:12px 14px;box-shadow:0 14px 40px rgba(0,0,0,.28)}
.cockpit-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px}.cockpit-top>div:first-child{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.cockpit-top b{font-size:14px}.cockpit-top small{color:var(--muted)}.cockpit-turn{text-align:right;display:flex;flex-direction:column;gap:2px}.cockpit-turn span{font-size:10px;letter-spacing:.1em;color:var(--accent);font-weight:900}.cockpit-turn b{font-size:12px}
.cockpit-slots{display:grid;grid-template-columns:repeat(8,minmax(90px,1fr));gap:6px}.cockpit-slot{min-width:0;border:1px dashed var(--line);border-radius:9px;padding:6px 8px;background:rgba(255,255,255,.02)}.cockpit-slot.filled{border-style:solid;background:rgba(69,214,140,.05)}.cockpit-slot>span{display:block;font-size:8px;letter-spacing:.08em;color:var(--muted);margin-bottom:3px}.cockpit-slot button{border:0;background:none;color:var(--text);padding:0;text-align:left;cursor:pointer;min-width:0;width:100%}.cockpit-slot b,.cockpit-slot small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cockpit-slot b{font-size:10px}.cockpit-slot small,.cockpit-slot em{font-size:8px;color:var(--muted);font-style:normal}
.cockpit-confirm{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding:9px 10px;border-radius:10px;background:rgba(69,214,140,.10);border:1px solid rgba(69,214,140,.35)}.cockpit-confirm>div:first-child{display:flex;flex-direction:column;gap:2px}.cockpit-confirm span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.cockpit-confirm b{font-size:12px}.cockpit-confirm>div:last-child{display:flex;gap:7px}
.mock-grid.v061{align-items:start}.mock-side.v061{position:static!important;top:auto!important}.mock-pool-warning{margin-bottom:16px}.mock-board-controls{display:flex;gap:10px;align-items:end;flex-wrap:wrap;padding:0 14px 12px}.mock-board-controls label{display:flex;flex-direction:column;gap:4px}.mock-board-controls label>span{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.mock-board-controls select{background:var(--card);border:1px solid var(--line);color:var(--text);border-radius:8px;padding:8px 10px}.position-filter{display:flex;gap:5px;flex-wrap:wrap}.position-filter button{border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:8px;padding:8px 11px;font-weight:800;cursor:pointer}.position-filter button.active{background:var(--accent);border-color:var(--accent);color:#fff}
@media(max-width:1200px){.cockpit-slots{grid-template-columns:repeat(4,minmax(90px,1fr))}.draft-cockpit{top:64px}}
@media(max-width:760px){.draft-cockpit{position:static}.cockpit-top{align-items:flex-start}.cockpit-turn{display:none}.cockpit-slots{grid-template-columns:repeat(2,minmax(0,1fr))}.cockpit-confirm{align-items:stretch;flex-direction:column}.cockpit-confirm>div:last-child button{flex:1}}