/* =========================
   GAINS CONFIG
========================= */

.config-grid{

    display:grid;

    gap:1rem;

    margin-bottom:2rem;

}

.config-grid select{

    width:100%;

    background:#0b0b0b;

    border:
    1px solid rgba(255,255,255,.08);

    color:white;

    padding:1rem;

    font-size:.9rem;

    letter-spacing:2px;

}

.gain-box{

    border:
    1px solid rgba(255,255,255,.08);

    padding:2rem;

    margin-bottom:1rem;

    text-align:center;

}

.stage-box{

    border-color:
    rgba(0,153,255,.2);

}

.gain-price{

    margin-top:1rem;

    color:#0099ff;

    font-size:1.1rem;

    letter-spacing:2px;

}

.hidden{

    display:none;

}

.reset-btn{

    width:100%;

    padding:1rem;

    border:none;

    background:#0099ff;

    color:white;

    cursor:pointer;

    letter-spacing:3px;

}

.option-grid{

    display:grid;

    grid-template-columns:
    repeat(2,1fr);

    gap:1rem;

}

.option-card{

    padding:1.2rem;

    border-radius:20px;

    border:
    1px solid rgba(255,255,255,.08);

    background:
    rgba(255,255,255,.03);

    color:white;

    letter-spacing:2px;

    transition:.3s ease;

}

.option-card.active{

    border-color:#009dff;

    background:
    rgba(0,120,255,.12);

    box-shadow:
    0 0 25px rgba(0,120,255,.18);

}