.auto-mode-box{
    min-height:46px;
    border:1px solid #2b3444;
    border-radius:12px;
    background:#0d1118;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:.55rem .8rem
}
.auto-mode-box strong{font-size:.9rem}
.auto-mode-box span{font-size:.75rem;color:#8e99aa}

.draft-section{
    background:rgba(255,255,255,.018);
    border:1px solid rgba(255,255,255,.06);
    border-radius:18px;
    padding:18px
}

.optional-badge,.context-badge{
    font-size:.68rem;
    letter-spacing:.08em;
    font-weight:800;
    border-radius:999px;
    padding:.38rem .58rem;
    border:1px solid rgba(255,255,255,.1);
    background:rgba(255,255,255,.06);
    color:#c8d0dc
}
.context-badge{
    color:#fff;
    background:rgba(116,88,255,.18);
    border-color:rgba(116,88,255,.35)
}

.picker-input-wrap{position:relative}
.picker-clear{
    position:absolute;
    top:50%;
    right:8px;
    transform:translateY(-50%);
    border:0;
    background:transparent;
    color:#8995a7;
    width:28px;
    height:28px;
    font-size:20px;
    z-index:3
}
.picker-clear:hover{color:#fff}
.champion-search{padding-right:38px}

.picker-results{
    display:none;
    position:absolute;
    left:0;
    right:0;
    top:calc(100% + 6px);
    z-index:100;
    background:#121722;
    border:1px solid #2b3444;
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 18px 50px rgba(0,0,0,.38);
    max-height:260px;
    overflow-y:auto
}
.picker-results.show{display:block}
.picker-option{
    width:100%;
    display:flex;
    align-items:center;
    gap:10px;
    border:0;
    padding:9px 11px;
    background:transparent;
    color:#f4f7fb;
    text-align:left
}
.picker-option:hover{background:rgba(116,88,255,.13)}
.picker-avatar{
    width:30px;
    height:30px;
    border-radius:9px;
    display:grid;
    place-items:center;
    background:#252d3b;
    font-weight:800
}
.picker-empty{padding:12px;color:#8e99aa;font-size:.85rem}

.reason-flags{
    display:flex;
    flex-wrap:wrap;
    gap:6px
}
.reason-flags span{
    font-size:.72rem;
    border-radius:999px;
    padding:.34rem .55rem;
    color:#d8d3ff;
    background:rgba(116,88,255,.13);
    border:1px solid rgba(116,88,255,.22)
}

.alternate-row{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:12px 0;
    border-top:1px solid rgba(255,255,255,.07)
}
.rank-no{
    display:inline-grid;
    place-items:center;
    width:25px;
    height:25px;
    margin-right:7px;
    border-radius:8px;
    background:#202735;
    color:#aeb8c8;
    font-size:.76rem;
    font-weight:800
}

.draft-result-panel{top:88px}

@media(max-width:1199.98px){
    .draft-result-panel{position:static!important}
}