/* Royal Server mobile navigation v2.0.6 */
@media (max-width: 980px){
  .mobile-menu-overlay{
    position:fixed!important;inset:0!important;z-index:11990!important;
    background:rgba(2,8,18,.78)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;
    opacity:0!important;visibility:hidden!important;display:block!important;transition:opacity .25s ease,visibility .25s ease!important
  }
  .mobile-menu-overlay.is-open{opacity:1!important;visibility:visible!important}

  .mobile-drawer{
    position:fixed!important;top:0!important;right:-100%!important;left:auto!important;bottom:0!important;
    width:min(390px,92vw)!important;height:100dvh!important;z-index:12000!important;
    padding:0!important;overflow-y:auto!important;overscroll-behavior:contain!important;
    background:
      radial-gradient(circle at 90% 8%,rgba(47,118,255,.16),transparent 28%),
      radial-gradient(circle at 12% 42%,rgba(0,229,190,.08),transparent 30%),
      linear-gradient(180deg,#071326 0%,#08172c 48%,#06101f 100%)!important;
    border-left:1px solid rgba(94,170,255,.20)!important;
    box-shadow:-28px 0 80px rgba(0,0,0,.48)!important;
    transform:none!important;transition:right .30s cubic-bezier(.22,.61,.36,1)!important;
    font-family:Inter,Arial,sans-serif!important;color:#fff!important
  }
  .mobile-drawer.is-open{right:0!important}

  .mobile-drawer-head{
    position:sticky!important;top:0!important;z-index:4!important;
    display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;
    min-height:82px!important;padding:16px 18px!important;margin:0!important;
    background:linear-gradient(180deg,rgba(7,19,38,.98),rgba(7,19,38,.92))!important;
    border-bottom:1px solid rgba(104,173,255,.14)!important;
    backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important
  }
  .mobile-drawer-head .mobile-logo{
    display:block!important;flex:0 0 auto!important;width:205px!important;height:50px!important;min-width:0!important;margin:0!important;padding:0!important;
    background:url('/img/royal-server-logo.svg') left center/contain no-repeat!important
  }
  .mobile-drawer-head .mobile-logo>*{display:none!important}
  .mobile-drawer-head .mobile-logo img{display:none!important}

  .mobile-close{
    position:relative!important;inset:auto!important;display:grid!important;place-items:center!important;flex:0 0 40px!important;
    width:40px!important;height:40px!important;margin:0!important;padding:0!important;border-radius:12px!important;
    border:1px solid rgba(118,174,255,.20)!important;background:rgba(255,255,255,.045)!important;color:#aabbd3!important;
    font:700 0/1 Inter,Arial,sans-serif!important;cursor:pointer!important;transition:.2s ease!important
  }
  .mobile-close::before,.mobile-close::after{content:""!important;position:absolute!important;width:16px!important;height:2px!important;border-radius:2px!important;background:#dce8f8!important}
  .mobile-close::before{transform:rotate(45deg)!important}.mobile-close::after{transform:rotate(-45deg)!important}
  .mobile-close:hover{background:rgba(64,145,255,.12)!important;border-color:rgba(76,166,255,.45)!important;transform:rotate(4deg)!important}

  .mobile-status{
    display:flex!important;align-items:center!important;gap:9px!important;margin:14px 16px 10px!important;padding:10px 12px!important;
    border-radius:12px!important;border:1px solid rgba(0,232,168,.17)!important;background:rgba(0,232,168,.055)!important;
    color:#b8c9dd!important;font:700 11px/1.35 Inter,Arial,sans-serif!important;letter-spacing:.01em!important
  }
  .mobile-status span{display:block!important;flex:0 0 8px!important;width:8px!important;height:8px!important;border-radius:50%!important;background:#00e8a8!important;box-shadow:0 0 12px rgba(0,232,168,.75)!important}

  .mobile-links{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;padding:4px 16px 12px!important;margin:0!important}
  .mobile-link{
    position:relative!important;display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important;gap:4px 12px!important;
    min-height:58px!important;margin:0!important;padding:11px 13px!important;border-radius:14px!important;
    border:1px solid rgba(117,165,223,.13)!important;background:linear-gradient(135deg,rgba(255,255,255,.045),rgba(255,255,255,.018))!important;
    color:#fff!important;text-decoration:none!important;box-shadow:none!important;transition:transform .18s ease,border-color .18s ease,background .18s ease!important
  }
  .mobile-link::after{content:"›"!important;grid-column:2!important;grid-row:1/3!important;align-self:center!important;color:#55708f!important;font:700 22px/1 Inter,Arial,sans-serif!important;transition:transform .18s ease,color .18s ease!important}
  .mobile-link b{
    display:block!important;grid-column:1!important;margin:0!important;color:#f3f7fd!important;
    font-family:Inter,Arial,sans-serif!important;font-size:14px!important;font-weight:800!important;line-height:1.15!important;letter-spacing:-.01em!important;text-shadow:none!important
  }
  .mobile-link small{
    display:block!important;grid-column:1!important;margin:1px 0 0!important;color:#7389a5!important;
    font-family:Inter,Arial,sans-serif!important;font-size:10.5px!important;font-weight:500!important;line-height:1.3!important;text-shadow:none!important
  }
  .mobile-link:hover{transform:translateX(-2px)!important;border-color:rgba(81,157,255,.34)!important;background:linear-gradient(135deg,rgba(40,112,218,.12),rgba(17,35,66,.42))!important}
  .mobile-link:hover::after{transform:translateX(2px)!important;color:#73dfff!important}
  .mobile-link.active{
    border-color:rgba(56,153,255,.48)!important;
    background:linear-gradient(100deg,rgba(39,112,255,.20),rgba(0,214,188,.07))!important;
    box-shadow:inset 3px 0 0 #2f8cff,0 0 24px rgba(34,119,255,.06)!important
  }
  .mobile-link.active b{color:#67dfff!important}.mobile-link.active small{color:#9db3cc!important}.mobile-link.active::after{color:#43d8ff!important}
  .mobile-link.mobile-offers-link{border-color:rgba(126,94,255,.28)!important;background:linear-gradient(105deg,rgba(102,67,255,.12),rgba(0,204,255,.07))!important}
  .mobile-link.mobile-offers-link b::after{content:"HOT"!important;display:inline-flex!important;margin-left:7px!important;padding:2px 5px!important;border-radius:5px!important;background:linear-gradient(135deg,#765dff,#27cfff)!important;color:#fff!important;font-size:7px!important;font-weight:900!important;vertical-align:2px!important;letter-spacing:.05em!important}

  .mobile-actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;padding:8px 16px 24px!important;margin:0!important}
  .mobile-primary,.mobile-secondary{
    display:flex!important;align-items:center!important;justify-content:center!important;min-height:46px!important;border-radius:13px!important;
    font-family:Inter,Arial,sans-serif!important;font-size:12px!important;font-weight:850!important;text-decoration:none!important;transition:.2s ease!important
  }
  .mobile-primary{border:1px solid rgba(84,160,255,.48)!important;background:linear-gradient(135deg,#266dff,#20baf4)!important;color:#fff!important;box-shadow:0 10px 28px rgba(30,107,255,.20)!important}
  .mobile-secondary{border:1px solid rgba(120,163,216,.18)!important;background:rgba(255,255,255,.035)!important;color:#c9d7e9!important}
  .mobile-primary:hover,.mobile-secondary:hover{transform:translateY(-1px)!important}

  .mobile-flag-language-switcher{padding:0 16px 12px!important;margin:0!important}

  .mobile-menu-btn{
    display:grid!important;place-items:center!important;width:42px!important;height:42px!important;padding:0!important;border-radius:12px!important;
    border:1px solid rgba(100,164,240,.20)!important;background:rgba(255,255,255,.035)!important;cursor:pointer!important
  }
  .mobile-menu-btn span{display:block!important;width:18px!important;height:2px!important;margin:2px 0!important;border-radius:4px!important;background:#dce8f8!important;transition:.2s ease!important}
}

@media (max-width:560px){
  .mobile-drawer{width:min(350px,94vw)!important}
  .mobile-drawer-head{min-height:76px!important;padding:13px 14px!important}
  .mobile-drawer-head .mobile-logo{width:184px!important;height:46px!important}
  .mobile-status{margin:12px 13px 8px!important}
  .mobile-links{padding:3px 13px 10px!important;gap:6px!important}
  .mobile-link{min-height:54px!important;padding:10px 12px!important;border-radius:13px!important}
  .mobile-link b{font-size:13.5px!important}.mobile-link small{font-size:10px!important}
  .mobile-actions{padding:8px 13px 18px!important}
}