.mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:0 0 9px}.mode-option{display:flex;align-items:center;gap:9px;min-width:0;text-align:left;padding:10px 9px;color:#aab7c5;background:#0e1621;border:1px solid #2b394c;border-radius:6px;cursor:pointer;transition:background .18s,border-color .18s,color .18s}.mode-option:hover{border-color:#4a667a}.mode-option.is-selected{background:#112d35;border-color:#37858a;color:#e8f8f7;box-shadow:inset 0 0 0 1px rgba(63,225,220,.08)}.mode-option:focus-visible{outline:2px solid #3fe1dc;outline-offset:2px}.mode-symbol{width:27px;height:27px;flex:0 0 27px;display:grid;place-items:center;color:#8d9db0;background:#202a39;border-radius:6px;font-size:15px}.mode-option.is-selected .mode-symbol{color:#3fe1dc;background:#18434a}.mode-option>span:last-child{display:flex;flex-direction:column;gap:2px}.mode-option strong{font-size:10px;line-height:1.2}.mode-option small{font-size:8px;color:#8493a5;line-height:1.2}.mode-option.is-selected small{color:#9dc3c6}.mode-help{min-height:30px;margin:0 0 12px;color:#8493a4;font-size:9px;line-height:1.5}.team-average.random-mode-label{color:#9eb0bd}.team-average.random-mode-label strong{color:#3fe1dc;font-size:11px}.random-team-note{color:#97a9b6}.random-team-note strong{color:#e7f1f5}.random-rank-label{color:#79899b;font-size:8px;font-style:italic}@media(max-width:600px){.mode-switch{gap:6px}.mode-option{padding:9px 7px;gap:7px}.mode-symbol{width:24px;height:24px;flex-basis:24px}.mode-option strong{font-size:9px}.mode-option small{font-size:7px}}