/* GoldenX compact mobile shell. Shared chrome only; game-specific layouts stay isolated. */
.gx-language{position:relative;z-index:30;flex:0 0 auto;direction:ltr}
.gx-theme-toggle{position:relative;z-index:30;width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:rgba(18,24,43,.92);box-shadow:inset 0 1px rgba(255,255,255,.04);color:#b9c6e5;cursor:pointer;transition:background .2s,border-color .2s,color .2s,transform .2s}
.gx-theme-toggle:hover{border-color:rgba(245,166,35,.42);color:#ffd267}.gx-theme-toggle:active{transform:scale(.94)}
.gx-theme-toggle svg{position:absolute;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:opacity .2s,transform .25s}
.gx-theme-toggle__sun{opacity:0;transform:rotate(-45deg) scale(.6)}
.gx-theme-light .gx-theme-toggle__moon{opacity:0;transform:rotate(45deg) scale(.6)}
.gx-theme-light .gx-theme-toggle__sun{opacity:1;transform:none}
.gx-language__toggle{height:42px;min-width:58px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 10px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:rgba(18,24,43,.92);box-shadow:inset 0 1px rgba(255,255,255,.04);color:#eef2ff;cursor:pointer;font:800 11px/1 Arial,sans-serif}
.gx-language__toggle svg{width:20px;height:20px;fill:none;stroke:#aeb9d4;stroke-width:1.7}
.gx-language__toggle i{width:6px;height:6px;border-right:1.5px solid #7f8aa7;border-bottom:1.5px solid #7f8aa7;transform:rotate(45deg) translateY(-2px);transition:transform .2s}
.gx-language.is-open .gx-language__toggle{border-color:rgba(245,166,35,.45);background:#171e34}
.gx-language.is-open .gx-language__toggle i{transform:rotate(225deg) translate(-1px,-1px)}
.gx-language__menu{position:absolute;top:calc(100% + 9px);left:0;width:190px;padding:7px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:rgba(15,21,39,.98);box-shadow:0 22px 60px rgba(0,0,0,.5);backdrop-filter:blur(18px);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-7px) scale(.97);transform-origin:top left;transition:.18s ease}
.gx-language.is-open .gx-language__menu{opacity:1;visibility:visible;pointer-events:auto;transform:none}
.gx-language__menu a{min-height:46px;display:grid;grid-template-columns:34px 1fr 18px;align-items:center;gap:7px;padding:5px 9px;border-radius:11px;color:#aeb7cf;text-decoration:none;direction:ltr}
.gx-language__menu a:hover,.gx-language__menu a.is-active{background:rgba(255,255,255,.055);color:#fff}
.gx-language__menu b{width:31px;height:27px;display:grid;place-items:center;border-radius:8px;background:#242c43;color:#dce4f8;font-size:9px}
.gx-language__menu a.is-active b{background:rgba(245,166,35,.16);color:#ffc65c}
.gx-language__menu span{font-size:12px;font-weight:700}.gx-language__menu em{visibility:hidden;color:#40dda0;font-style:normal}.gx-language__menu a.is-active em{visibility:visible}

.gx-mobile-backdrop{display:none;position:fixed;z-index:8997;inset:0 0 calc(68px + env(safe-area-inset-bottom,0px));border:0;background:rgba(4,8,19,.62);backdrop-filter:blur(3px);cursor:pointer}
.mobile-navbar__head,.mobile-navbar__grid,.mobile-menu__links a>span{display:none}

@media only screen and (max-width:1125px){
  .mobile-menu{z-index:9000!important;height:calc(68px + env(safe-area-inset-bottom,0px))!important;padding:0 10px env(safe-area-inset-bottom,0px)!important;border-top:1px solid rgba(255,255,255,.075);background:rgba(13,19,35,.96)!important;box-shadow:0 -14px 35px rgba(0,0,0,.28);backdrop-filter:blur(18px)}
  .mobile-menu__links{height:68px;direction:ltr;gap:2px}
  .mobile-menu__links li{height:100%;flex:1;list-style:none;min-width:0}
  .mobile-menu__links li a{width:100%!important;height:100%!important;min-width:44px;min-height:58px;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:13px!important;color:#73809d;text-decoration:none}
  .mobile-menu__links li a>span{display:block;font-size:9px;font-weight:800;white-space:nowrap}
  .mobile-menu__links li a svg.icon{width:22px!important;height:22px!important;color:currentColor;fill:currentColor;transition:.18s}
  .mobile-menu__links li a.active{color:#45a8ff!important;background:rgba(57,139,255,.08)}
  .mobile-menu__links li a:active{transform:scale(.94)}
  .mobile-menu__home a{position:relative;color:#fff!important}
  .mobile-menu__home a:before{content:"";position:absolute;top:5px;width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,#4965ff,#22bde8);box-shadow:0 8px 22px rgba(55,113,255,.36);z-index:-1}
  .mobile-menu__home a svg.icon{width:21px!important;height:21px!important;margin-bottom:2px;filter:brightness(2)}
  .mobile-menu__home a>span{color:#dfe7ff}

  .mobile-navbar{display:none;position:fixed!important;z-index:8999!important;top:auto!important;right:8px!important;bottom:calc(76px + env(safe-area-inset-bottom,0px))!important;left:8px!important;width:auto!important;height:auto!important;max-height:calc(100dvh - 150px);margin:0!important;padding:0 12px 14px!important;overflow:auto;border:1px solid rgba(255,255,255,.08);border-radius:22px!important;background:linear-gradient(160deg,rgba(26,34,58,.99),rgba(13,19,35,.99))!important;box-shadow:0 25px 70px rgba(0,0,0,.55);animation:gxSheetIn .2s ease;direction:rtl}
  .mobile-navbar:before{display:none!important}.more--opened .mobile-navbar{display:block!important}.more--opened .gx-mobile-backdrop,.chat--opened .gx-mobile-backdrop{display:block}
  .mobile-navbar__head{position:sticky;z-index:2;top:0;display:flex;align-items:center;justify-content:space-between;padding:14px 2px 11px;background:linear-gradient(180deg,#1a223a 80%,rgba(26,34,58,0))}
  .mobile-navbar__head div{display:flex;flex-direction:column}.mobile-navbar__head small{color:#f5a623;font:900 7px Arial;letter-spacing:2px}.mobile-navbar__head strong{margin-top:3px;color:#fff;font-size:15px}
  .mobile-navbar__close{width:44px;height:44px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(255,255,255,.045);color:#b8c2dc;font-size:25px;cursor:pointer}
  .mobile-navbar__grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .mobile-navbar__grid a{min-height:64px!important;display:flex!important;align-items:center!important;gap:10px!important;margin:0!important;padding:10px 12px!important;border:1px solid rgba(255,255,255,.055)!important;border-radius:14px!important;background:rgba(255,255,255,.035)!important;color:#c8d1e8!important;text-decoration:none!important;text-transform:none!important;font-size:11px!important;font-weight:800!important}
  .mobile-navbar__grid a:active{background:rgba(61,142,255,.13)!important;border-color:rgba(61,142,255,.25)!important}
  .mobile-navbar__grid .icon{width:23px;height:23px;flex:0 0 23px;color:#62adff;fill:currentColor}

  .chat{z-index:8999!important;top:auto!important;right:8px!important;bottom:calc(76px + env(safe-area-inset-bottom,0px))!important;left:8px!important;width:auto!important;height:min(680px,calc(100dvh - 150px))!important;margin:0!important;padding-top:10px!important;overflow:hidden;border:1px solid rgba(255,255,255,.08)!important;border-radius:22px!important;background:#131b30!important;box-shadow:0 25px 70px rgba(0,0,0,.58);animation:gxSheetIn .2s ease}
  .chat__heading{padding:4px 14px 10px!important}.chat .close-chat{width:44px!important;height:44px!important;border-radius:13px!important;background:rgba(255,255,255,.055)!important}
  .chat__messages{height:calc(100% - 178px)!important}.chat__bottom{bottom:0}.chat__input{min-width:0;flex:1}.chat__input input{width:100%;font-size:16px!important}
  body.more--opened,body.chat--opened{overflow:hidden}

  .header{z-index:900!important;height:64px!important;min-height:64px!important;padding:7px 10px!important;background:rgba(14,20,36,.96);backdrop-filter:blur(15px)}
  .header .wrapper{width:100%!important;max-width:none!important;min-width:0!important;display:block!important;padding:0!important}
  .header__right{width:100%!important;min-width:0;display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:nowrap!important;gap:6px;direction:ltr}
  .header__right .sidebar__logotype{display:block!important;flex:1 1 auto!important;min-width:56px!important;max-width:118px!important;height:38px!important;margin:0!important}
  .header__right .sidebar__logotype a{height:100%;display:flex;align-items:center;justify-content:center;background-size:contain!important}
  .cms-header-logo{max-width:112px!important;max-height:36px!important}
  .header__user{flex:0 1 auto;min-width:0;gap:4px;direction:rtl}
  .header__user-balance{min-width:0!important;flex-wrap:nowrap!important}
  .header__user-b{max-width:112px!important;min-width:58px!important;height:42px!important;margin:0!important;padding:0 8px!important;gap:6px;overflow:hidden;border:1px solid rgba(255,255,255,.075)!important;border-radius:13px!important;background:rgba(255,255,255,.035)!important;direction:ltr}
  .header__user-b #balance{display:block;min-width:0;max-width:78px;overflow:hidden;text-overflow:clip;white-space:nowrap;color:#eef3ff;font:900 12px/1 Arial,sans-serif;font-variant-numeric:tabular-nums}
  .header__user-b .icon{width:17px!important;height:17px!important;flex:0 0 17px;margin:0!important}
  .header__user-balance-add{flex:0 0 auto}.header__user-balance-add a{width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;padding:0!important;border-radius:12px!important;font-size:0!important}
  .header__user-balance-add a:before{content:"+";font:900 21px/1 Arial;color:#fff}
  .header__user-profile{width:42px!important;min-width:42px!important;height:42px!important;margin:0!important;justify-content:center;border-radius:13px}
  .header__right>.btn{flex:0 0 auto;min-width:68px!important;height:42px!important;min-height:42px!important;padding-inline:14px!important;border-radius:13px!important}
  .gx-theme-toggle{width:42px;height:42px;flex-basis:42px}.gx-language__toggle{width:44px;min-width:44px;padding:0}.gx-language__toggle>span,.gx-language__toggle>i{display:none}.gx-language__toggle svg{width:22px;height:22px}
  .gx-language__menu{position:fixed;top:68px;left:10px;width:min(220px,calc(100vw - 20px));transform-origin:top left}

  .overlayed{align-items:flex-end!important;padding:10px 8px calc(78px + env(safe-area-inset-bottom,0px))!important}
  .popup{max-height:calc(100dvh - 98px)!important;margin:0 auto!important;overflow:hidden!important;border-radius:22px!important}
  .popup__title{position:sticky!important;z-index:5;top:0;min-height:58px;padding:7px 10px!important;background:inherit!important}
  .popup .close,.popup__title .close{position:relative!important;top:auto!important;right:auto!important;left:auto!important;width:44px!important;height:44px!important;flex:0 0 44px!important;border-radius:13px!important;background:rgba(255,255,255,.06)!important}
  .popup__content{max-height:calc(100dvh - 175px);overflow-y:auto!important;-webkit-overflow-scrolling:touch}
}

@media only screen and (max-width:420px){
  .header__right .sidebar__logotype{max-width:92px!important}.cms-header-logo{max-width:90px!important}
  .header__user-b{max-width:96px!important}.header__user-b #balance{max-width:62px}
  .header__user-profile{width:40px!important;min-width:40px!important}
  .mobile-navbar__grid a{min-height:58px!important;padding:8px 10px!important}
}

@keyframes gxSheetIn{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.mobile-navbar,.chat{animation:none!important}.gx-language__menu{transition:none}}