.web-match-workspace { display:grid; grid-template-columns:minmax(0,1fr) 330px; align-items:start; gap:18px; }
.web-match-workspace > * { min-width:0; }
.web-dugout { position:sticky; top:82px; scroll-margin-top:82px; background:#101d2e; border:1px solid #294159; border-radius:16px; padding:16px; color:#dce9f5; max-height:calc(100vh - 100px); overflow:auto; }
.web-dugout header { display:flex; justify-content:space-between; align-items:center; gap:12px; }
.web-dugout h3 { margin:3px 0; font-size:19px; }
.web-dugout small { color:#85b5cf; font-size:11px; }
.web-dugout button,.web-dugout select { background:#233951; color:#e8f5ff; border:1px solid #42627e; border-radius:8px; padding:8px 10px; font:inherit; font-size:12px; cursor:pointer; }
.web-dugout button:disabled { opacity:.45; cursor:not-allowed; }
.web-dugout button:focus-visible,.web-dugout select:focus-visible { outline:2px solid #80e5ee; outline-offset:2px; }
.dugout-info,.dugout-feedback { font-size:12px; line-height:1.6; color:#b1c6dc; }
.dugout-review,.dugout-scope { display:flex; align-items:center; gap:8px; font-size:12px; margin:14px 0; }
.dugout-slots { display:grid; gap:9px; max-height:440px; overflow:auto; margin-bottom:14px; }
.dugout-groups { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.web-dugout .dugout-groups button { display:grid; gap:6px; text-align:left; padding:12px 10px; min-height:70px; }
.dugout-groups button strong { font-size:16px; }
.dugout-groups button span { font-size:11px; }
.web-dugout .dugout-groups button[aria-pressed="true"] { background:#176157; border-color:#6ce2cf; }
.dugout-help,.dugout-list-hint { font-size:12px; line-height:1.6; color:#b7cadd; margin:0; }
.dugout-list-hint { margin:12px 0; }
.dugout-health.is-ready { color:#9ee3cf; }
.dugout-record summary,.dugout-settings summary { cursor:pointer; font-size:12px; color:#a9bed0; padding:6px 0; }
.dugout-record[open] .dugout-stat { display:block; line-height:1.7; padding:6px 0; }
.dugout-settings { border-top:1px solid #294159; margin-top:14px; padding-top:8px; }
.dugout-candidates .dugout-player { background:#0e1e2c; }
.web-dugout [data-replace]:not(:disabled) { background:#176157; }
.dugout-player { display:grid; gap:5px; background:#15283c; border:1px solid #29455e; border-radius:10px; padding:10px; }
.dugout-player.is-selected { border-color:#6ee7d1; }
.dugout-player strong { font-size:13px; }
.dugout-health,.dugout-stat { font-size:11px; color:#b7d1e4; font-variant-numeric:tabular-nums; }
.dugout-health.is-alert { color:#ffa89c; }
.dugout-candidates { margin-top:15px; display:grid; gap:8px; }
.dugout-candidates h4 { margin:0 0 4px; font-size:14px; }
.web-dugout .dugout-resume { background:#14685f; border-color:#5dd9c1; width:100%; margin-top:12px; }
#key-moment-overlay .key-moment-sheet { width:min(1120px,96vw); max-height:95vh; padding:20px; }
#key-moment-overlay .key-moment-kicker { margin:0 0 5px; }
#key-moment-overlay #key-moment-reason { font-size:21px; margin:0 0 6px; }
#key-moment-overlay .key-moment-score { font-size:26px; margin:5px 0; }
#key-moment-overlay .key-moment-situation,#key-moment-overlay .key-moment-due,#key-moment-overlay .key-moment-pitch-note { margin:6px 0; }
#key-moment-overlay .km-field { width:100%; height:auto; aspect-ratio:16/9; max-height:58vh; border-radius:12px; cursor:crosshair; touch-action:manipulation; }
#key-moment-overlay .km-plate-hint { line-height:1.6; }
#key-moment-overlay .km-plate-main button { background:#157d71; color:white; border:1px solid #5ad8c4; min-height:44px; border-radius:9px; padding:10px 28px; }
@media(max-width:1100px) { .web-match-workspace { grid-template-columns:1fr; } .web-dugout { position:static; max-height:none; } .dugout-slots { grid-template-columns:1fr; max-height:440px; } }
@media(max-width:520px) { #key-moment-overlay .key-moment-sheet { padding:10px; } .web-dugout { padding:12px; } }