@media (max-width:900px), (orientation:landscape) and (max-width:1024px) and (max-height:600px) {
    .blot-mobile-game-menu { display:block; }

    .blot-mobile-menu-toggle {
        width:46px;
        height:44px;
        color:#dff6fb;
        background:linear-gradient(145deg,rgba(26,70,82,.9),rgba(9,34,42,.94));
        border:1px solid rgba(132,216,234,.2);
        border-radius:14px;
        box-shadow:0 10px 25px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.06);
        backdrop-filter:blur(12px);
        opacity:1;
        transition:color .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease;
    }
    .blot-mobile-menu-toggle i { font-size:18px; transition:transform .2s ease; }
    .blot-mobile-menu-toggle:hover,.blot-mobile-menu-toggle:focus,
    .blot-mobile-game-menu-open .blot-mobile-menu-toggle {
        color:#fff;
        background:linear-gradient(145deg,rgba(39,101,116,.96),rgba(13,49,59,.98));
        border-color:rgba(139,228,245,.34);
        box-shadow:0 12px 28px rgba(0,0,0,.34),0 0 18px rgba(76,197,219,.1),inset 0 1px 0 rgba(255,255,255,.08);
        transform:none;
    }
    .blot-mobile-game-menu-open .blot-mobile-menu-toggle i { transform:rotate(90deg); }

    .blot-mobile-menu-panel {
        top:46px;
        left:0;
        width:48px;
        padding:0;
        display:grid;
        gap:7px;
        background:transparent;
        border:0;
        border-radius:0;
        box-shadow:none;
        backdrop-filter:none;
        opacity:0;
        visibility:hidden;
        transform:none;
        pointer-events:none;
    }

    .blot-mobile-game-menu-open .blot-mobile-menu-panel {
        opacity:1;
        visibility:visible;
        pointer-events:auto;
    }

    .blot-mobile-menu-item {
        width:46px;
        min-height:44px;
        height:44px;
        padding:0;
        display:flex;
        align-items:center;
        justify-content:center;
        color:#dff5fa;
        background:rgba(10,34,42,.78);
        border:1px solid rgba(132,216,234,.15);
        border-radius:13px;
        box-shadow:0 9px 22px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.04);
        backdrop-filter:blur(10px);
        opacity:0;
        transform:translateY(-18px) scale(.9);
    }

    .blot-mobile-game-menu-open .blot-mobile-menu-item {
        animation:blotGameMenuDrop .2s cubic-bezier(.18,.86,.28,1.12) forwards;
    }
    .blot-mobile-game-menu-open .blot-mobile-menu-item:nth-child(1) { animation-delay:0s; }
    .blot-mobile-game-menu-open .blot-mobile-menu-item:nth-child(2) { animation-delay:.045s; }
    .blot-mobile-game-menu-open .blot-mobile-menu-item:nth-child(3) { animation-delay:.09s; }
    .blot-mobile-game-menu-open .blot-mobile-menu-item:nth-child(4) { animation-delay:.135s; }

    .blot-mobile-menu-item > i { margin:0; font-size:18px; }
    .blot-mobile-menu-exit > i { color:#ff9893; }
    .blot-mobile-sound > i { color:#74d9ed; }
    .blot-mobile-orientation-toggle > i { color:#c59be9; }
    .blot-mobile-fullscreen > i { color:#7de2b8; }

    .blot-mobile-menu-item:hover,.blot-mobile-menu-item:focus {
        background:rgba(30,76,88,.88);
        border-color:rgba(136,224,242,.28);
        transform:none;
    }
}

@keyframes blotGameMenuDrop {
    from { opacity:0; transform:translateY(-18px) scale(.9); }
    to { opacity:1; transform:translateY(0) scale(1); }
}