.board-heading .clear-prediction{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:105px;
    min-height:48px;
    padding:0 18px;
    border:2px solid #ffe078;
    border-radius:4px;
    background:linear-gradient(#ffd45b,#f8c43c);
    box-shadow:inset 0 -4px rgba(150,103,0,.16);
    color:#6e5916;
    font:400 11px "Bowlby One SC",sans-serif;
    letter-spacing:.4px;
    text-transform:uppercase;
    cursor:pointer;
}

.board-heading .clear-prediction:hover{
    transform:translateY(-2px);
    filter:brightness(1.05)
}

.board-heading .clear-prediction:focus-visible{
    outline:3px solid #fff;
    outline-offset:3px
}

.prediction-tabs button{
    font-family:"Stack Sans Text",sans-serif;
    font-weight:800;
    letter-spacing:1.3px;
    text-transform:uppercase
}

.prediction-submit-row{
    display:grid;
    grid-template-columns:1fr;
    justify-items:end;
    gap:10px;
    margin-top:24px
}

.prediction-submit-status{
    width:100%;
    margin:0;
    text-align:right
}

.submit-prediction{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:52px;
    padding:0 22px;
    border:2px solid #ffe078;
    border-radius:4px;
    background:linear-gradient(#ffd45b,#f8c43c);
    box-shadow:inset 0 -4px rgba(150,103,0,.16);
    color:#6e5916;
    font:400 11px "Bowlby One SC",sans-serif;
    text-transform:uppercase;
    cursor:pointer
}

.submit-prediction:hover{
    transform:translateY(-2px);
    filter:brightness(1.05)
}

.prediction-results{
    margin-top:28px;
    padding:26px;
    border:1px solid #393a3f;
    border-radius:5px;
    background:#1d1e21
}

.prediction-results h2{
    margin:0 0 22px;
    font:400 28px "Bowlby One SC",sans-serif;
    letter-spacing:0
}

.likelihood-row{
    display:grid;
    grid-template-columns:minmax(140px,1fr) minmax(120px,2fr) 62px;
    align-items:center;
    gap:14px;
    padding:10px 0;
    border-top:1px solid #303136;
    font-size:12px;
    font-weight:800
}

.likelihood-row>span:first-child{
    display:flex;
    align-items:center;
    gap:10px
}

.likelihood-row>span:first-child img{
    width:32px;
    height:36px;
    object-fit:contain;
    image-rendering:pixelated
}

.likelihood-row:first-child{
    border-top:0
}

.likelihood-bar{
    height:10px;
    overflow:hidden;
    border-radius:20px;
    background:#121316
}

.likelihood-bar i{
    display:block;
    height:100%;
    width:var(--chance);
    border-radius:inherit;
    background:var(--team)
}

.likelihood-row b{
    text-align:right;
    color:#ffce48;
    font:400 13px "Bowlby One SC",sans-serif
}

@media(max-width:600px){
    .prediction-submit-row{
        justify-items:stretch
    }

    .submit-prediction{
        width:100%
    }

    .prediction-submit-status{
        text-align:left
    }

    .prediction-results{
        padding:20px 14px
    }

    .likelihood-row{
        grid-template-columns:minmax(105px,1fr) minmax(70px,1fr) 54px;
        gap:8px;
        font-size:10px
    }

}
