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