/* Mobile-only concept: bounded decorative stage and navigation from the header. */
.vmn-mobile-menu-trigger{display:none}
.vmn-mobile-navigation{display:none}
.vmn-mobile-navigation[open]{display:flex;flex-direction:column;position:fixed;inset:88px 0 auto;margin:0 auto;width:min(440px,calc(100% - 20px));max-width:none;max-height:calc(100dvh - 104px);padding:0;border:1px solid #8b99ec55;border-radius:23px;background:linear-gradient(150deg,#17223bf5,#0b1024fa 60%,#18112df7);box-shadow:0 24px 80px #02040ed9,inset 0 1px #d4ddff17;color:#e9efff;overflow:hidden;overscroll-behavior:contain;backdrop-filter:blur(24px);animation:vmn-mobile-menu-enter .15s ease-out}
.vmn-mobile-navigation::backdrop{background:#02061299;backdrop-filter:blur(4px)}
.vmn-mobile-navigation-heading{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 16px}
.vmn-mobile-navigation-heading small{font-size:8px;letter-spacing:.19em;color:#91a4cf}.vmn-mobile-navigation-heading h2{margin:4px 0 0;font-size:25px;letter-spacing:-.04em;line-height:1.1}
.vmn-mobile-navigation-close{display:grid;place-items:center;height:38px;width:38px;border:1px solid #a5b1ea33;border-radius:12px;background:#c3ccff08;color:#dce4ff}
.vmn-mobile-navigation-close svg{height:17px;width:17px;fill:none;stroke:currentColor;stroke-width:1.7}
.vmn-mobile-navigation-rewards{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:0 14px 13px}
.vmn-mobile-navigation-rewards a{position:relative;min-width:0;min-height:95px;display:flex;align-items:flex-end;padding:13px 10px;text-align:left;overflow:hidden;border:1px solid #8b79e94d;border-radius:15px;background:linear-gradient(135deg,#31306b99,#1b183cbb);box-shadow:inset 0 1px #c6b4ff11}
.vmn-mobile-navigation-rewards a:last-child{border-color:#b3954a44;background:linear-gradient(130deg,#3d304055,#1a1c36cc)}
.vmn-mobile-navigation-rewards small{display:block;font-size:6px;letter-spacing:.09em;color:#b3b6df;margin-bottom:4px}.vmn-mobile-navigation-rewards strong{font-size:12px;white-space:nowrap}
.vmn-mobile-navigation-rewards a>svg{height:13px;width:13px;position:absolute;right:9px;top:13px;fill:none;stroke:#abb1e3;stroke-width:1.5}
.vmn-mobile-reward-art{position:absolute;right:3px;top:-8px;width:72px;height:72px;background:center/contain no-repeat;filter:drop-shadow(0 0 10px #6562ed44);opacity:.9;pointer-events:none}.vmn-mobile-reward-gift{background-image:url('/img/home-scenes/chest.webp')}.vmn-mobile-reward-crown{background-image:url('/img/home-scenes/crown.webp');width:80px;right:4px;top:-13px}
.vmn-mobile-navigation nav{display:grid;gap:4px;padding:0 12px 12px}
.vmn-mobile-navigation nav .vmn-navigation-item{width:100%;display:flex;align-items:center;gap:12px;min-height:47px;padding:6px 10px;border:1px solid transparent;border-radius:12px;font-size:13px;font-weight:650;text-align:left;color:#dce5fa}
.vmn-mobile-navigation nav .vmn-navigation-item[aria-current]{background:linear-gradient(100deg,#6851b52e,#6a4d9f09);border-color:#8b7ed133}
.vmn-mobile-navigation nav .vmn-navigation-item:hover,.vmn-mobile-navigation nav .vmn-navigation-item:focus-visible{background:#b2bcfa13}
.vmn-mobile-navigation-icon{display:grid;place-items:center;width:32px;height:32px;border:1px solid #8a9bc82e;border-radius:10px;background:#a8c5ff08;color:#a9bde8}
.vmn-mobile-navigation-icon svg{height:18px;width:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.vmn-mobile-navigation nav .vmn-navigation-item>svg{height:14px;width:14px;margin-left:auto;fill:none;stroke:#7789b0;stroke-width:1.5}
.vmn-mobile-navigation-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #9baee417;margin:0 20px;padding:14px 0 16px;font-size:10px;color:#8da0c7}.vmn-mobile-navigation-footer i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#64b4e5;margin-right:7px}
@keyframes vmn-mobile-menu-enter{from{opacity:0}to{opacity:1}}

@media(max-width:820px){
 html.vjuh-mobile-shell,body.vjuh-mobile-navigation{width:100%;max-width:100%;overflow-x:hidden;overscroll-behavior-x:none}
 @supports(overflow:clip){html.vjuh-mobile-shell,body.vjuh-mobile-navigation{overflow-x:clip}}
 html.vjuh-mobile-shell{scrollbar-gutter:stable;scrollbar-width:none}
 html.vjuh-mobile-shell::-webkit-scrollbar{width:0;height:0}
 body.vjuh-mobile-navigation .wrapper,body.vjuh-mobile-navigation .wrapper>.page{width:100%;max-width:100%;overflow-x:clip;overflow-y:visible}
 body.vjuh-mobile-navigation #vjuhMobileDock{display:none!important;pointer-events:none!important}
 body.vjuh-mobile-navigation #mobileNeonHeader{position:fixed!important;top:10px!important;left:10px!important;right:10px!important;bottom:auto!important;width:auto!important;max-width:520px!important;height:64px!important;min-height:64px!important;margin:0 auto!important;padding:0!important;transform:none!important;background:none!important;border:0!important;box-shadow:none!important;z-index:1030!important}
 body.vjuh-mobile-navigation #mobileNeonHeader .mobile-neon-header__shell{position:relative!important;display:flex!important;align-items:center!important;gap:9px!important;width:100%!important;height:64px!important;padding:7px 9px 7px 6px!important;box-sizing:border-box!important;border:1px solid #9c91e438!important;border-radius:19px!important;background:linear-gradient(110deg,#111b36c9,#17142dbb)!important;box-shadow:inset 0 1px #e2d6ff11,0 8px 28px #0307164d!important;backdrop-filter:blur(20px)!important;overflow:visible!important}
 body.vjuh-mobile-navigation #mobileNeonHeaderLogoDock{position:relative!important;inset:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;width:83px!important;min-width:83px!important;height:48px!important;flex:0 0 83px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;transform:none!important;overflow:visible!important}
 body.vjuh-mobile-navigation #mobileNeonHeaderLogoDock::before,body.vjuh-mobile-navigation #mobileNeonHeaderLogoDock::after{display:none!important}
 body.vjuh-mobile-navigation #mobileNeonHeaderLogoDock>.logo{display:none!important}
 body.vjuh-mobile-navigation #mobileNeonHeader .mobile-neon-header__body{position:relative!important;display:flex!important;align-items:center!important;flex:1!important;min-width:0!important;width:auto!important;height:48px!important;margin:0!important;padding:0!important;background:none!important;border:0!important}
 body.vjuh-mobile-navigation #mobileNeonHeaderContent{display:flex!important;align-items:center!important;justify-content:flex-end!important;width:100%!important;min-width:0!important;height:48px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;backdrop-filter:none!important;overflow:visible!important}
 body.vjuh-mobile-navigation #mobileNeonHeader .vmn-mobile-menu-trigger{position:relative;display:flex;align-items:center;justify-content:center;gap:7px;width:83px;height:48px;flex:0 0 83px;padding:3px 6px;border:1px solid #a29cf966;border-radius:14px;background:linear-gradient(145deg,#25355899,#151731cc);box-shadow:inset 0 1px #c9d8ff12;color:#e5eaff}
 body.vjuh-mobile-navigation #mobileNeonHeader .vmn-mobile-menu-trigger img{display:block!important;width:33px!important;height:39px!important;max-width:none!important;object-fit:contain;filter:drop-shadow(0 0 7px #9978ff44)}
 body.vjuh-mobile-navigation .vmn-mobile-menu-indicator{display:flex;align-items:center;flex-direction:column;gap:5px;font-size:8px;font-weight:700;line-height:1}
 body.vjuh-mobile-navigation .vmn-mobile-menu-lines{display:flex;flex-direction:column;gap:3px;width:18px}.vmn-mobile-menu-lines i{display:block;width:18px;height:2px;background:currentColor;border-radius:2px}
 body.vjuh-mobile-navigation #mobileNeonHeader .headerWalletContainer__2Na0Y{display:flex!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:nowrap!important;gap:8px!important;min-width:0!important;width:auto!important;height:42px!important;min-height:42px!important;margin:0!important;padding:0!important}
 body.vjuh-mobile-navigation #mobileNeonHeader .headerWalletWrapper__YdVK6,body.vjuh-mobile-navigation #mobileNeonHeader .headerWalletDepositBlock__31xKC{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important;width:auto!important;height:42px!important;min-height:42px!important;margin:0!important;padding:0!important;background:none!important;border:0!important}
 body.vjuh-mobile-navigation #mobileNeonHeader .headerWalletCurrencyInput__33O0x.currencySwitcher{position:relative;display:flex!important;align-items:center!important;flex:0 1 112px!important;min-width:100px!important;width:112px!important;max-width:126px!important;height:40px!important;min-height:40px!important;padding:0!important;margin:0!important;background:none!important;border:0!important;box-shadow:none!important}
 body.vjuh-mobile-navigation #mobileNeonHeader .currencySwitcher_btn{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-width:0!important;height:40px!important;min-height:40px!important;padding:5px 7px!important;margin:0!important;border:1px solid #a596ff45!important;border-radius:11px!important;background:#11182b55!important;box-shadow:none!important;box-sizing:border-box!important}
 body.vjuh-mobile-navigation #mobileNeonHeader .currencyContent__277iR{min-width:0!important;width:100%!important}
 body.vjuh-mobile-navigation #mobileNeonHeader .balanceLabel__1SgFJ{font-size:6px!important;line-height:1.1!important;letter-spacing:.06em!important;margin-bottom:3px!important}
 body.vjuh-mobile-navigation #mobileNeonHeader .balanceInput__12H2U{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:3px!important;line-height:1.1!important}
 body.vjuh-mobile-navigation #mobileNeonHeader .animatedNumber__13268{font-size:13px!important;line-height:1.1!important;white-space:nowrap!important;font-variant-numeric:tabular-nums}
 body.vjuh-mobile-navigation #mobileNeonHeader .balanceIcon__1N9bB{font-size:9px!important}
 body.vjuh-mobile-navigation #mobileNeonHeader .currencySwitcher_arrow{font-size:10px!important;margin-left:2px!important}
 body.vjuh-mobile-navigation #mobileNeonHeader .btnWallet__XnoPy.elDesktop{display:none!important}
 body.vjuh-mobile-navigation #mobileNeonHeader .btnWallet__XnoPy.elMobile{display:flex!important;align-items:center!important;justify-content:center!important;width:40px!important;min-width:40px!important;max-width:40px!important;height:40px!important;min-height:40px!important;margin:0!important;padding:0!important;flex:0 0 40px!important;border:1px solid #c1a6ff75!important;border-radius:12px!important;background:linear-gradient(135deg,#5652e7,#8536de)!important;font-size:17px!important;box-shadow:inset 0 1px #e3c6ff44!important}
 body.vjuh-mobile-navigation #mobileNeonHeader .headerWalletTabs__1RPeA{display:flex!important;align-items:center!important;flex:0 0 auto!important;width:auto!important;min-width:0!important;height:42px!important;margin:0!important;padding:0!important}
 body.vjuh-mobile-navigation #mobileNeonHeader .auth-buttons{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important;margin:0!important;padding:0!important;min-width:0!important}
 body.vjuh-mobile-navigation #mobileNeonHeader .auth-buttons>a,body.vjuh-mobile-navigation #mobileNeonHeader .auth-buttons>button{font-size:10px!important;min-height:36px!important;padding:0 9px!important;margin:0!important}
 body.vjuh-mobile-navigation .vh-living-characters{clip-path:inset(-220px -14px -400px -14px)}
 body.vjuh-mobile-navigation .vmn-mobile-menu-trigger:focus-visible,body.vjuh-mobile-navigation .vmn-mobile-navigation a:focus-visible,body.vjuh-mobile-navigation .vmn-mobile-navigation button:focus-visible{outline:2px solid #66e6ff;outline-offset:3px}
}
.vmn-mobile-navigation a{text-decoration:none!important;color:inherit}
.vmn-mobile-navigation nav .vmn-navigation-item{box-sizing:border-box}
.vmn-mobile-navigation nav button.vmn-navigation-item{background:transparent!important;color:#dce5fa!important;box-shadow:none!important;appearance:none}
.vmn-mobile-navigation nav button.vmn-navigation-item:hover,.vmn-mobile-navigation nav button.vmn-navigation-item:focus-visible{background:#b2bcfa13!important}
.vmn-mobile-navigation .vmn-mobile-navigation-icon svg{fill:currentColor;stroke:none}
.vmn-mobile-navigation .vmn-languages{position:relative;flex:1;min-width:0}
.vmn-mobile-navigation .vmn-languages summary{cursor:pointer;list-style:none;color:#9fb4df;font-size:10px}
.vmn-mobile-navigation .vmn-language-list{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:10px 10px 0 0}
.vmn-mobile-navigation .vmn-language-list a{display:block;min-height:32px;padding:8px;border:1px solid #91a5d72e;border-radius:8px;font-size:10px}
.vmn-mobile-navigation .vmn-language-list a[aria-current]{background:#7862c92e}
@media(prefers-reduced-motion:reduce){.vmn-mobile-navigation[open]{animation:none}}

/* Keep the close control outside the scroll region, including short landscape screens. */
.vmn-mobile-navigation[open]{box-sizing:border-box;max-height:calc(100dvh - 104px)}
.vmn-mobile-navigation .vmn-mobile-navigation-heading{flex:0 0 auto;padding:14px 16px 12px;background:#111a30}
.vmn-mobile-navigation .vmn-mobile-navigation-close{box-sizing:border-box;flex:0 0 44px;width:44px;min-width:44px;height:44px;padding:0;cursor:pointer;touch-action:manipulation;border-color:#abb9f05c;background:#b1bfff12;box-shadow:none}
.vmn-mobile-navigation .vmn-mobile-navigation-close svg{pointer-events:none;width:20px;height:20px;stroke-width:2}
.vmn-mobile-navigation .vmn-menu-content{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.vmn-mobile-navigation .vmn-languages{margin:0 14px 12px;border:1px solid #8e9be766;border-radius:13px;background:linear-gradient(110deg,#30396788,#221d4266);overflow:hidden}
.vmn-mobile-navigation .vmn-languages summary{box-sizing:border-box;display:flex;align-items:center;gap:9px;min-height:48px;padding:10px 12px;color:#f0f4ff;font-size:13px;font-weight:650;touch-action:manipulation}
.vmn-mobile-navigation .vmn-languages summary::-webkit-details-marker{display:none}
.vmn-mobile-navigation .vmn-language-globe{width:20px;height:20px;fill:none;stroke:#7de5ff;stroke-width:1.6;flex:none}
.vmn-mobile-navigation .vmn-language-current{margin-left:auto;font-size:12px;color:#c5d4ff}
.vmn-mobile-navigation .vmn-language-chevron{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;flex:none}
.vmn-mobile-navigation .vmn-languages[open] .vmn-language-chevron{transform:rotate(180deg)}
.vmn-mobile-navigation .vmn-language-list{padding:0 10px 10px;gap:8px}
.vmn-mobile-navigation .vmn-language-list a{box-sizing:border-box;display:flex;align-items:center;min-height:44px;padding:10px;font-size:12px;background:#0a112555;border-color:#a0b5ee44}
.vmn-mobile-navigation .vmn-language-list a[aria-current]{background:#5263bb55;border-color:#83c8ff99}
.vmn-mobile-navigation .vmn-language-list a[aria-current]::after{content:'✓';margin-left:auto;color:#8ae6ff}
.vmn-mobile-navigation .vmn-mobile-navigation-footer{margin:0 16px;padding:10px 0;justify-content:flex-end}
@media(max-height:480px){.vmn-mobile-navigation[open]{inset:80px 0 auto;max-height:calc(100dvh - 88px)}.vmn-mobile-navigation .vmn-mobile-navigation-heading{padding:8px 14px}.vmn-mobile-navigation-heading h2{font-size:21px}}

.vmn-mobile-navigation .vmn-menu-content{scrollbar-width:thin;scrollbar-color:#6976b7 #10182b}
.vmn-menu-content::-webkit-scrollbar{width:4px}.vmn-menu-content::-webkit-scrollbar-thumb{background:#6976b7;border-radius:4px}.vmn-menu-content::-webkit-scrollbar-track{background:#10182b}

/* Keep the mobile interface at its initial scale; retain both scroll directions. */
@media(max-width:820px){
 html.vjuh-mobile-shell,body.vjuh-mobile-navigation,
 .vmn-mobile-navigation{touch-action:pan-x pan-y}
}

/* Centered crystal navigation. Header stays outside the inner scrolling region. */
.vmn-mobile-navigation[open]{
 inset:0;margin:auto;height:fit-content;width:min(420px,calc(100% - 32px));
 max-height:min(780px,calc(100dvh - 40px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)));
 border:1px solid #9bafff66;border-radius:26px;
 background:radial-gradient(ellipse at 8% 0%,#25476b66,transparent 44%),radial-gradient(ellipse at 100% 100%,#66215529,transparent 48%),linear-gradient(155deg,#121d34,#0a1021 65%,#161127);
 box-shadow:0 30px 90px #000b,0 0 42px #536ee523,inset 0 1px #daefff26;
}
.vmn-mobile-navigation::backdrop{background:#020713b8;backdrop-filter:blur(10px)}
.vmn-mobile-navigation .vmn-mobile-navigation-heading{
 position:relative;gap:12px;padding:17px 16px 15px;
 background:radial-gradient(ellipse at 14% 0%,#57b9ff1c,transparent 70%),linear-gradient(100deg,#17273c,#17192c);
 border-bottom:1px solid #a2beff1a;
}
.vmn-menu-brand{display:flex;align-items:center;gap:12px;min-width:0}
.vmn-menu-crystal{
 display:block;width:58px;height:64px;object-fit:contain;flex:0 0 58px;
 filter:drop-shadow(-3px 0 10px #37b6fc55) drop-shadow(4px 0 9px #ec477f33);
}
.vmn-mobile-navigation .vmn-mobile-navigation-heading small{font-size:9px;letter-spacing:.17em;color:#a4c8e7}
.vmn-mobile-navigation .vmn-mobile-navigation-heading h2{margin:5px 0 0;font-size:25px;letter-spacing:-.025em;color:#f1f6ff}
.vmn-mobile-navigation .vmn-mobile-navigation-close{
 border-radius:14px;background:linear-gradient(145deg,#b1c4ff13,#888fea05);
 border-color:#a7b9e941;color:#d9e6ff;box-shadow:inset 0 1px #d6eaff12
}
.vmn-mobile-navigation .vmn-mobile-navigation-close:hover{background:#a7c8ff25}
.vmn-mobile-navigation .vmn-menu-content{padding-top:14px;scrollbar-color:#6176a4 #0b1324}
.vmn-mobile-navigation .vmn-languages{margin:0 14px 13px;border-color:#8dafe93d;background:linear-gradient(110deg,#253d5766,#21213e66);box-shadow:inset 0 1px #d4edff0b}
.vmn-mobile-navigation .vmn-languages summary{min-height:48px}
.vmn-mobile-navigation .vmn-mobile-navigation-rewards{gap:10px;padding:0 14px 13px}
.vmn-mobile-navigation .vmn-mobile-navigation-rewards a{box-sizing:border-box;height:94px;min-height:94px;padding:12px;border-radius:16px;border-color:#7b9cff4a;background:radial-gradient(at 100% 0%,#536be544,transparent 75%),linear-gradient(135deg,#1c2b48,#1c1c38);box-shadow:inset 0 1px #cfe5ff14,0 5px 15px #0002}
.vmn-mobile-navigation .vmn-mobile-navigation-rewards a:last-child{border-color:#c6a86b40;background:radial-gradient(at 100% 0%,#bb8f3526,transparent 75%),linear-gradient(135deg,#292a3b,#211e32)}
.vmn-mobile-navigation .vmn-mobile-navigation-rewards small{font-size:7px;color:#adbbd8}
.vmn-mobile-navigation .vmn-mobile-navigation-rewards strong{font-size:12px;color:#f0f3ff}
.vmn-mobile-navigation .vmn-mobile-reward-art{width:68px;height:68px;top:-5px;right:4px}
.vmn-mobile-navigation .vmn-mobile-reward-crown{width:74px;top:-10px}
.vmn-mobile-navigation nav{gap:5px;padding:0 14px 12px}
.vmn-mobile-navigation nav .vmn-navigation-item{min-height:46px;padding:5px 9px;font-size:13px;font-weight:600;border-radius:13px;border-color:#9cb7e511;background:linear-gradient(100deg,#afcaff06,#afcaff02)}
.vmn-mobile-navigation nav button.vmn-navigation-item{background:linear-gradient(100deg,#afcaff06,#afcaff02)!important}
.vmn-mobile-navigation nav .vmn-navigation-item[aria-current]{border-color:#81beed46;background:linear-gradient(100deg,#317baf29,#6e4fad13);box-shadow:inset 2px 0 #79d6f5}
.vmn-mobile-navigation .vmn-mobile-navigation-icon{width:30px;height:30px;border-radius:9px;border-color:#9bbbeb29;background:linear-gradient(135deg,#79b6ef15,#aa84f509);color:#b6d6f4}
.vmn-mobile-navigation .vmn-mobile-navigation-footer{align-items:center;justify-content:space-between;gap:10px;margin:0 18px;padding:11px 0 13px;border-color:#a0bbe91a;color:#7185a8}
.vmn-menu-signature{font-size:8px;letter-spacing:.16em}
.vmn-mobile-navigation-footer>span:last-child{display:grid;place-items:center;width:25px;height:25px;border:1px solid #9ab5df26;border-radius:50%;font-size:9px;color:#8da2c4}
@media(max-width:359px){.vmn-mobile-navigation[open]{width:calc(100% - 20px)}.vmn-menu-brand{gap:8px}.vmn-menu-crystal{width:48px;height:56px;flex-basis:48px}.vmn-mobile-navigation .vmn-mobile-navigation-rewards strong{font-size:11px}}
@media(max-height:480px){.vmn-mobile-navigation[open]{inset:0;max-height:calc(100dvh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}.vmn-mobile-navigation .vmn-mobile-navigation-heading{padding:8px 14px}.vmn-menu-crystal{height:44px;width:42px;flex-basis:42px}.vmn-mobile-navigation .vmn-mobile-navigation-heading h2{font-size:21px}}

/* WebKit can paint :focus-visible for programmatic focus after a touch. */
.vmn-mobile-navigation:not(.vmn-keyboard-navigation) :focus{outline:none!important}
.vmn-mobile-navigation #vjuhHeaderMenuTitle:focus{outline:none!important}
.vmn-mobile-navigation .vmn-mobile-navigation-heading{-webkit-user-select:none;user-select:none}
.vmn-mobile-navigation .vmn-mobile-navigation-close{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}
@media(hover:none){.vmn-mobile-navigation .vmn-mobile-navigation-close:hover{background:linear-gradient(145deg,#b1c4ff13,#888fea05)}}