/* =========================================================
   Raccourcis latéraux — un seul repère absolu responsive.
   Les boutons restent dans le flux flex du parent et ne portent
   plus leurs propres coordonnées verticales.
   ========================================================= */
.gameSideActions {
    position:absolute;
    top:clamp(147px,21vh,188px);
    right:-4px;
    z-index:14;
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    gap:8px;
    width:max-content;
    pointer-events:none;
}

.gameSideActions > .summonSideButton,
.gameSideActions > .shopSideButton,
.gameSideActions > .inventorySideButton,
.gameSideActions > .runeBagSideButton,
.gameSideActions > .prestigeSideButton {
    flex:0 0 auto;
    width:50px;
    max-width:50px;
    height:54px;
    margin:0;
    pointer-events:auto;
}

@media (max-width:520px) {
    .gameSideActions {
        top:calc(max(14px, env(safe-area-inset-top)) + 145px);
        right:-1px;
        gap:7px;
    }

    .gameSideActions > .summonSideButton,
    .gameSideActions > .shopSideButton,
    .gameSideActions > .inventorySideButton,
    .gameSideActions > .runeBagSideButton,
    .gameSideActions > .prestigeSideButton {
        width:48px;
        max-width:48px;
        height:52px;
    }
}

@media (max-width:360px) {
    .gameSideActions { gap:6px; }
}