/* StormBet mobile drawer — mirrors the graphite/gold desktop sidebar. */
@media (min-width: 1024px) {
    #ms-burger-btn, #ms-mobile-drawer, #ms-drawer-overlay { display: none !important; }
}

#ms-burger-btn {
    position: fixed; top: max(14px, env(safe-area-inset-top)); left: max(14px, env(safe-area-inset-left));
    z-index: 2147483640; width: 44px; height: 44px; padding: 0;
    display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px;
    border: 1px solid rgba(245,185,33,.28); border-radius: 12px;
    background: linear-gradient(145deg,rgba(24,28,36,.97),rgba(8,10,14,.97));
    box-shadow: 0 10px 28px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.05);
    cursor: pointer; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
    transition: border-color .2s ease,background .2s ease,transform .2s ease;
}
#ms-burger-btn:active { transform: scale(.96); }
#ms-burger-btn span { display:block;width:20px;height:2px;border-radius:2px;background:#f5b921;box-shadow:0 0 7px rgba(245,185,33,.25);transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .2s ease; }
#ms-burger-btn.open { border-color:rgba(255,221,97,.5);background:#17130a; }
#ms-burger-btn.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
#ms-burger-btn.open span:nth-child(2){opacity:0;transform:scaleX(0)}
#ms-burger-btn.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

#ms-drawer-overlay { position:fixed;inset:0;z-index:2147483638;background:rgba(0,0,0,0);pointer-events:none;transition:background .3s ease,backdrop-filter .3s ease; }
#ms-drawer-overlay.open { background:rgba(0,0,0,.72);pointer-events:auto;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px); }

#ms-mobile-drawer {
    position:fixed;inset:0 auto 0 0;z-index:2147483639;width:min(86vw,320px);box-sizing:border-box;
    display:flex;flex-direction:column;padding:env(safe-area-inset-top) 0 max(28px,env(safe-area-inset-bottom));
    border-right:1px solid rgba(116,132,158,.18);
    background:radial-gradient(circle at 15% 0,rgba(245,185,33,.07),transparent 31%),linear-gradient(145deg,#12151b 0%,#090b0f 66%,#060709 100%);
    box-shadow:22px 0 60px rgba(0,0,0,.48),inset -1px 0 rgba(245,185,33,.05);
    transform:translateX(-102%);transition:transform .3s cubic-bezier(.4,0,.2,1);
    overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(245,185,33,.32) transparent;
}
#ms-mobile-drawer.open { transform:translateX(0); }

.ms-drawer-logo { min-height:104px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:8px 58px 8px 14px;border-bottom:1px solid rgba(122,137,160,.1); }
.ms-drawer-logo a { display:block;width:100%; }
.ms-drawer-logo img { display:block!important;width:100%!important;max-width:220px!important;max-height:88px!important;height:auto!important;margin:0 auto!important;object-fit:contain; }
.ms-drawer-section { padding:16px 20px 5px;color:#70798a;font-size:10px;font-weight:800;letter-spacing:1.1px;text-transform:uppercase; }

.ms-drawer-link {
    min-height:46px;box-sizing:border-box;display:flex;align-items:center;gap:12px;margin:2px 11px;padding:8px 12px;
    border-radius:9px;color:#7f8aa2;background:transparent;text-decoration:none;
    font-family:var(--ms-font-family,Montserrat,sans-serif);font-size:13px;font-weight:700;letter-spacing:.2px;text-transform:uppercase;
    transition:color .15s ease,background .15s ease,box-shadow .15s ease;
}
.ms-drawer-link:hover { color:#a8b0bc;background:rgba(255,255,255,.035); }
.ms-drawer-link.active { color:#f2c72f;background:linear-gradient(118deg,rgba(91,69,4,.94),rgba(42,35,12,.92) 44%,rgba(14,18,25,.92));box-shadow:inset 0 1px 0 rgba(255,221,61,.72),inset 1px 0 0 rgba(255,199,0,.65),0 8px 22px rgba(0,0,0,.2); }
.ms-drawer-link .ms-menu-icon { flex:none;width:28px;height:28px;object-fit:contain;opacity:.78;filter:grayscale(1) sepia(1) saturate(7.5) hue-rotate(354deg) brightness(.92) contrast(1.28) drop-shadow(0 0 4px rgba(245,185,33,.22));transition:filter .15s ease,opacity .15s ease,transform .15s ease; }
.ms-drawer-link:hover .ms-menu-icon,.ms-drawer-link.active .ms-menu-icon { opacity:1;filter:grayscale(1) sepia(1) saturate(9) hue-rotate(354deg) brightness(1.18) contrast(1.34) drop-shadow(0 0 6px rgba(255,202,39,.5)); }
.ms-drawer-link.active .ms-menu-icon { transform:translateY(-1px) scale(1.03); }
.ms-drawer-divider { height:1px;margin:8px 16px;background:rgba(122,137,160,.09); }

.ms-drawer-auth { margin-top:auto;padding:16px 12px 0;border-top:1px solid rgba(122,137,160,.09); }
.ms-drawer-auth-btn { display:block;width:100%;box-sizing:border-box;margin-bottom:9px;padding:12px 14px;border-radius:11px;text-align:center;text-decoration:none;font-family:var(--ms-font-family,Montserrat,sans-serif);font-size:13px;font-weight:800;cursor:pointer; }
.ms-drawer-login { color:#f5c84b;border:1px solid rgba(245,185,33,.28);background:rgba(245,185,33,.06); }
.ms-drawer-reg { color:#241a00;border:1px solid #f5c625;background:linear-gradient(180deg,#ffdc27,#f0b500);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 8px 22px rgba(224,154,18,.18); }
.ms-drawer-user { display:block;padding:12px 14px;border:1px solid rgba(245,185,33,.18);border-radius:11px;color:#c9bfae;background:rgba(255,255,255,.035);text-decoration:none;font-size:13px;font-weight:700; }

@media (prefers-reduced-motion:reduce) { #ms-mobile-drawer,#ms-drawer-overlay,#ms-burger-btn,#ms-burger-btn span { transition-duration:.01ms!important; } }

@media (max-width: 1023px) {
    #ms-burger-btn { display: none !important; }
}