/* VEXMIRA v3.6.0 — Account, realtime and navigation UX */
:root{--vx360-toast-z:26000;--vx360-menu-z:9500}

/* Toasts must always sit above page drawers and authentication dialogs. */
#toasts.toasts,.toasts{position:fixed!important;z-index:var(--vx360-toast-z)!important;right:max(16px,env(safe-area-inset-right))!important;bottom:max(16px,env(safe-area-inset-bottom))!important;top:auto!important;max-width:min(390px,calc(100vw - 24px))!important;pointer-events:none!important;isolation:isolate!important}
#toasts.toasts>*{pointer-events:auto!important;max-width:100%!important;box-sizing:border-box!important;box-shadow:0 18px 55px rgba(0,0,0,.42)!important}
#modal-auth.vx320-auth-veil{z-index:20000!important}
#modal-auth.vx320-auth-veil.show~#toasts,#modal-auth.vx320-auth-veil[aria-hidden="false"]~#toasts{z-index:26000!important}

/* Auth never fails silently: feedback stays in the active panel as well as toast. */
.vx360-auth-feedback{display:flex!important;align-items:center!important;min-height:38px!important;margin:0 0 12px!important;padding:9px 12px!important;border:1px solid rgba(244,63,94,.28)!important;border-radius:11px!important;background:rgba(244,63,94,.075)!important;color:#f8b4c2!important;font:700 11px/1.45 Inter,system-ui,sans-serif!important;letter-spacing:.01em!important}
.vx360-auth-feedback[hidden]{display:none!important}
.vx360-auth-feedback[data-state="loading"]{border-color:rgba(64,202,255,.28)!important;background:rgba(64,202,255,.07)!important;color:#9fe9ff!important}
.vx360-auth-feedback[data-state="success"]{border-color:rgba(52,211,153,.30)!important;background:rgba(52,211,153,.075)!important;color:#9ef0cd!important}

/* Header navigation: More menu is never clipped. On extra-wide desktops all destinations are inline. */
#topbar.vx320-header,.vx320-nav,.vx320-more-wrap{overflow:visible!important}
.vx320-nav{position:relative!important;z-index:2!important}
.vx320-more-wrap{position:relative!important;z-index:5!important}
#vx100MoreMenu.vx320-more-menu{z-index:var(--vx360-menu-z)!important;top:calc(100% + 10px)!important;right:0!important;width:208px!important;max-height:min(360px,calc(100dvh - 92px))!important;overflow:auto!important;padding:7px!important;border:1px solid rgba(128,149,201,.22)!important;border-radius:15px!important;background:#080d1d!important;box-shadow:0 24px 64px rgba(0,0,0,.48)!important}
#vx100MoreMenu.vx320-more-menu.show{display:grid!important;gap:4px!important}
#vx100MoreMenu.vx320-more-menu button{width:100%!important;min-height:42px!important;justify-content:flex-start!important;padding:0 12px!important;border-radius:10px!important}
.vx360-wide-nav{display:none!important}
@media(min-width:1540px){.vx360-wide-nav{display:flex!important}.vx320-more-wrap{display:none!important}.vx320-nav{gap:2px!important}.vx320-nav>button{padding-inline:10px!important}}
@media(max-width:1180px) and (min-width:931px){.vx320-nav>button{padding-inline:8px!important}.vx320-actions{gap:5px!important}.vx320-theme{min-width:76px!important}.vx320-brand{min-width:172px!important}}

/* Home game identity: use direct, unfiltered source assets. */
.vx320-game-logo{display:grid!important;place-items:center!important;overflow:hidden!important;width:66px!important;height:60px!important;padding:7px!important;border-radius:15px!important;box-sizing:border-box!important;background:rgba(255,255,255,.025)!important}
.vx320-game-logo .vx360-game-img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;filter:none!important;transform:none!important;margin:auto!important}
.vx320-game-card[data-vx320-game="cs2"] .vx320-game-logo{padding:8px 4px!important;background:rgba(242,154,51,.07)!important}
.vx320-game-card[data-vx320-game="cs2"] .vx360-game-img{width:58px!important;height:32px!important}
.vx320-game-card[data-vx320-game="cs16"] .vx360-game-img{width:50px!important;height:50px!important}
.vx320-game-card[data-vx320-game="gta"] .vx360-game-img{width:42px!important;height:48px!important}
.vx320-game-card[data-vx320-game="mc"] .vx360-game-img{width:56px!important;height:32px!important}
.vx320-game-card[data-vx320-game="redm"] .vx360-game-img{width:54px!important;height:42px!important}
.vx320-game-card[data-vx320-game="rust"] .vx360-game-img{width:52px!important;height:42px!important}

/* Slightly cleaner desktop rhythm without adding expensive effects. */
.vx320-game-card{align-items:center!important}.vx320-game-copy{min-width:0!important;padding-left:1px!important}.vx320-game-copy b{line-height:1.25!important}.vx320-game-copy small{line-height:1.45!important}

/* Mobile: notifications remain visible over the auth sheet and all nav destinations stay reachable. */
@media(max-width:930px){#toasts.toasts,.toasts{right:10px!important;left:10px!important;bottom:max(10px,env(safe-area-inset-bottom))!important;max-width:none!important}.vx320-mobile-menu{z-index:9400!important}.vx320-mobile-menu-inner{max-height:calc(100dvh - var(--v33-header,64px) - 12px)!important;overflow:auto!important;overscroll-behavior:contain!important}}
@media(max-width:700px){body:has(#modal-auth.show) #toasts.toasts,body:has(#modal-auth[aria-hidden="false"]) #toasts.toasts{top:max(10px,env(safe-area-inset-top))!important;bottom:auto!important}.vx320-game-logo{width:58px!important;height:54px!important;padding:6px!important}.vx320-game-card[data-vx320-game="cs2"] .vx360-game-img{width:50px!important;height:28px!important}.vx320-game-card[data-vx320-game="cs16"] .vx360-game-img{width:44px!important;height:44px!important}.vx360-auth-feedback{font-size:10.5px!important;padding:8px 10px!important;margin-bottom:9px!important}}
@media(max-width:420px){.vx320-game-logo{width:52px!important;height:50px!important}.vx320-game-card[data-vx320-game="cs2"] .vx360-game-img{width:46px!important;height:25px!important}}

html[data-palette="blue"] #vx100MoreMenu.vx320-more-menu{border-color:rgba(35,133,255,.28)!important;box-shadow:0 24px 64px rgba(0,20,60,.46)!important}
html[data-palette="blue"] .vx360-auth-feedback[data-state="loading"]{border-color:rgba(35,133,255,.32)!important;background:rgba(35,133,255,.08)!important;color:#9ed5ff!important}