/* Detached Arena selectors above a single, stable stake action platform. */
#app.arena-view > header > .arena-rules-button{
    width:34px!important;height:34px!important;flex:0 0 34px;
    display:inline-grid!important;place-items:center!important;
    padding:0!important;gap:0!important;
    font-size:0!important;line-height:0!important;
    border-radius:50%!important;
    box-shadow:inset 0 1px #ffffff18;
}
#app.arena-view > header > .arena-rules-button svg{
    width:17px;height:17px;flex:none;
}
.arena-page:not(.arena-private-lobby)>.arena-dock{
    box-sizing:border-box;
    width:min(calc(100% - 28px),540px);
    padding:7px;
    border-radius:20px;
    min-height:62px;
    overflow:visible;
    background:#202024f0;
    box-shadow:0 12px 28px #05050766,inset 0 1px #ffffff15;
}
.arena-page:not(.arena-private-lobby) .arena-dock>.arena-modes{
    position:absolute;
    bottom:calc(100% + 10px);
    left:0;
    right:0;
    width:100%;
    padding:0;
    margin:0;
    min-height:38px;
    display:flex;
    flex-wrap:nowrap;
    align-items:center;
    justify-content:space-between;
    gap:7px;
    pointer-events:none;
}
.arena-page:not(.arena-private-lobby) .arena-dock>.arena-modes>*{
    pointer-events:auto;
    min-width:0;
}
.arena-page:not(.arena-private-lobby) .arena-mode-tabs,
.arena-page:not(.arena-private-lobby) .arena-dock>.arena-modes>.arena-room-tabs{
    box-sizing:border-box;
    display:flex;
    align-items:center;
    flex:0 0 auto;
    min-height:38px;
    margin:0;
    padding:3px;
    border:1px solid #ffffff1e;
    border-radius:999px;
    background:#25252bdb;
    -webkit-backdrop-filter:blur(16px);
    backdrop-filter:blur(16px);
    box-shadow:0 4px 10px #0005;
}
.arena-page:not(.arena-private-lobby) .arena-mode-tabs button{
    width:37px;height:32px;min-height:32px;
    display:grid;place-items:center;
    padding:3px;
    border-radius:999px;
    border:0;
    flex:0 0 37px;
}
.arena-page:not(.arena-private-lobby) .arena-room-tabs button{
    min-height:32px;
    min-width:0;
    padding:5px clamp(9px,2vw,16px);
    font-size:clamp(10px,2.55vw,12px);
    border-radius:999px;
    white-space:nowrap;
}
.arena-page:not(.arena-private-lobby) .arena-dock>.arena-actions{
    display:flex;
    flex-wrap:nowrap;
    width:100%;
    gap:6px;
    min-width:0;
    align-items:stretch;
}
.arena-page:not(.arena-private-lobby) .arena-actions button{
    min-width:0;
    min-height:43px;
    max-height:64px;
    border-radius:15px;
    padding:8px clamp(5px,1.9vw,12px);
    font-size:clamp(10px,2.7vw,13px);
    flex:1 1 0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.arena-page:not(.arena-private-lobby) .arena-actions .arena-pencil{
    flex:0 0 38px;
    border-radius:14px;
}
.arena-page:not(.arena-private-lobby) .arena-actions .arena-stake-amount{
    display:flex;align-items:center;justify-content:center;
    gap:3px;
}
.arena-page:not(.arena-private-lobby) .arena-actions .arena-gram-icon{
    width:13px;height:13px;flex:0 0 13px;
}
.arena-page:not(.arena-private-lobby) .arena-actions.arena-gift-actions{
    gap:9px;
}
.arena-page:not(.arena-private-lobby) .arena-actions.arena-gift-actions button{
    flex:1 1 50%;
    min-height:53px;
    border-radius:17px;
    font-size:clamp(12px,3.35vw,16px);
}
.arena-page:not(.arena-private-lobby) .arena-actions .arena-quick-gift{
    display:flex;align-items:center;justify-content:space-around;
}
.arena-page:not(.arena-private-lobby) .arena-actions .arena-quick-gift .arena-quick-art{
    flex:0 0 40px;max-width:40px;
}
#app.arena-view #main{padding-bottom:calc(205px + env(safe-area-inset-bottom))}
@media(max-width:359px){
    .arena-page:not(.arena-private-lobby)>.arena-dock{
        width:calc(100% - 18px);
        padding:5px;
        border-radius:16px;
    }
    .arena-page:not(.arena-private-lobby) .arena-dock>.arena-modes{
        gap:4px;
    }
    .arena-page:not(.arena-private-lobby) .arena-room-tabs button{
        padding:4px 8px;
        font-size:10px;
    }
    .arena-page:not(.arena-private-lobby) .arena-actions button{
        padding:7px 4px;
    }
}
@media(min-width:560px){
    .arena-page:not(.arena-private-lobby)>.arena-dock{
        bottom:calc(110px + env(safe-area-inset-bottom));
    }
}
/* Private lobby keeps its existing fixed control layout. */