/*
 * Axinar v0.24 authoritative REVERIES presentation.
 *
 * The replay toolbar is emitted in its final order. No later CSS layer should
 * reorder controls or introduce horizontal scrolling.
 */
html.axinar-reveries-active .side-actions,
html.axinar-reveries-active #gameChatBtn,
html.axinar-reveries-active #renameGameBtn{
    display:none!important;
}
html.axinar-reveries-active .actions.icon-actions{
    display:block!important;
    position:relative;
    background:rgba(7,18,29,.97)!important;
    border:1px solid rgba(215,169,77,.28);
    border-radius:12px;
    padding:6px 8px!important;
    box-shadow:0 8px 24px rgba(0,0,0,.35);
    overflow:visible;
}
html.axinar-reveries-active .actions.icon-actions>:not(.axinar-reveries-controls){
    display:none!important;
}
.axinar-reveries-controls{
    display:grid;
    grid-template-columns:minmax(64px,1.6fr) repeat(2,28px) minmax(40px,.55fr) repeat(2,28px) minmax(80px,1.5fr) 30px;
    align-items:center;
    gap:3px;
    width:100%;
    max-width:100%;
    min-width:0;
    overflow:hidden;
}
.axinar-reveries-controls button{
    min-width:0!important;
    width:28px;
    height:32px;
    padding:2px!important;
    line-height:1;
}
.axinar-reveries-controls #reveriesExit{
    width:30px;
}
.axinar-reveries-controls select{
    width:100%;
    min-width:0;
    max-width:100%;
    height:32px;
    padding:3px 4px;
    background:#091723;
    color:var(--text);
    border:1px solid #39546d;
    border-radius:7px;
}
.axinar-reveries-position{
    min-width:0;
    text-align:center;
    font-weight:800;
    color:var(--v230-decorative,#f3c36d);
    white-space:nowrap;
    overflow:hidden;
}
.axinar-reveries-rack-label{
    text-align:center;
    margin:4px 0 7px;
    color:#f3c36d;
    font-weight:800;
}
html.axinar-reveries-active #players .player,
html.axinar-reveries-active #mobilePlayers .mobile-player{
    cursor:pointer;
    position:relative;
}
html.axinar-reveries-active .axinar-reveries-rack-owner::after{
    content:'RACK';
    position:absolute;
    right:6px;
    top:5px;
    padding:2px 5px;
    border-radius:5px;
    background:#0b2535;
    color:#7bd7ff;
    border:1px solid #397d9d;
    font-size:.62rem;
    font-weight:900;
    letter-spacing:.05em;
}
html.axinar-reveries-active #rackWrap{cursor:default}
html.axinar-reveries-active #rack .tile{pointer-events:none}
html.axinar-reveries-active #moves .move.axinar-reveries-current-move{
    border-color:#d7a94d;
    box-shadow:0 0 0 1px rgba(215,169,77,.28);
}
.axinar-reveries-result{
    position:absolute;
    inset:0;
    z-index:12;
    display:grid;
    place-content:center;
    justify-items:center;
    gap:10px;
    padding:20px;
    text-align:center;
    background:rgba(4,9,14,.92);
}
.axinar-reveries-result img{
    display:block;
    width:min(72%,520px);
    max-height:58vh;
    object-fit:contain;
}
.axinar-reveries-result h2{margin:.25rem 0}
.axinar-reveries-result p{margin:.2rem 0}

@media(max-width:520px){
    .axinar-reveries-controls{
        grid-template-columns:minmax(58px,1.3fr) repeat(2,26px) 38px repeat(2,26px) minmax(72px,1.4fr) 28px;
        gap:2px;
    }
    .axinar-reveries-controls button{
        width:26px;
        height:30px;
        font-size:.82rem;
    }
    .axinar-reveries-controls #reveriesExit{width:28px}
    .axinar-reveries-controls select{
        height:30px;
        font-size:.72rem;
    }
    .axinar-reveries-position{font-size:.72rem}
}

.axinar-reveries-final-scores{
    display:grid;
    gap:2px;
    min-width:min(360px,90%);
}
.axinar-reveries-final-scores p{
    display:flex;
    justify-content:space-between;
    gap:18px;
    width:100%;
}