.match-nav{display:grid;grid-template-columns:auto 1fr auto;align-items:center;max-width:600px;margin:12px auto}.nav-label{font-size:.85rem;text-align:center;font-weight:700}.nav-btn{border-radius:1rem;padding:6px 12px;background:#25254a;text-decoration:none;cursor:pointer}.nav-btn.disabled{opacity:.3;pointer-events:none}.nav-btn span{color:#fff;font-size:1rem;font-weight:700;line-height:1}#round-select{display:inline-flex;align-items:center;gap:6px;cursor:pointer;padding:0 .35rem}#round-select:after{content:"";border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #f5f5f5}#round-dropdown{position:absolute;left:50%;transform:translate(-50%);max-width:570px;margin:0;list-style:none;padding:0;border:1px solid #3a3a6a;border-radius:8px;background-color:#25254a;max-height:250px;overflow-y:auto;z-index:10;cursor:pointer;-webkit-tap-highlight-color:transparent}#round-dropdown li{padding:.5rem 1rem;cursor:pointer;color:#f5f5f5}#round-dropdown li:hover,#round-dropdown li:focus{background-color:#3a3a6a}.pills{display:flex;justify-content:center;gap:10px}.pill{flex:1;max-width:193px;padding:8px 0;border-radius:999px;font-size:.85rem;text-decoration:none;background:#25254a;color:#ccc;cursor:pointer;transition:all .2s}.pill:hover{color:#fff}.pill.active{color:#82aaff;font-weight:700;box-shadow:inset 0 0 0 1px #82aaff}