.match-workspace { width:min(820px,calc(100vw - 32px)); max-height:88dvh; overflow:auto; box-sizing:border-box; padding:24px; background:#0b202b; color:#eef9ff; border:1px solid #458e86; border-radius:18px; }
.match-workspace [hidden] { display:none !important; }
.match-workspace nav { display:flex; flex-wrap:wrap; gap:10px; margin:16px 0; }
.match-workspace button { margin:6px; min-height:44px; }
.match-workspace label { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:10px 0; border-bottom:1px solid #31515d; }
.match-workspace select,.match-workspace textarea { color:#eef9ff; background:#102c39; border:1px solid #527681; border-radius:10px; padding:10px; min-height:44px; font:inherit; }
.match-workspace textarea { width:100%; box-sizing:border-box; }
.match-workspace a { color:#6dd8ff; display:inline-block; margin:8px 0; }
.match-workspace nav [aria-pressed="true"] { outline:2px solid #3de7b0; }
.match-workspace .match-result-summary { margin:20px 0; padding:18px; border:1px solid #527681; border-radius:12px; background:#ffffff08; }
.match-workspace .match-result-summary strong { display:block; font-size:32px; }
@media(max-width:500px){.match-workspace label { align-items:stretch; flex-direction:column; } .match-workspace { padding:16px; } }