.mobile-game-hub-backdrop{position:fixed;inset:0;z-index:10000;display:grid;place-items:end center;padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom));background:#020a08b8;backdrop-filter:blur(10px)}.mobile-game-hub{width:min(720px,100%);max-height:min(88dvh,780px);overflow:auto;border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:18px;background:linear-gradient(160deg,#0f2b21fa,#071915fc);box-shadow:0 24px 80px #0000006b;color:#f5fbf8}.mobile-game-hub-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.mobile-game-hub-head h2{margin:3px 0 4px;font-size:clamp(1.4rem,5vw,1.9rem)}.mobile-game-hub-head p{margin:0;color:#ebf8f2b8;line-height:1.4}.mobile-game-hub-eyebrow{font-size:.72rem;letter-spacing:.14em;color:#d7b96a}.mobile-game-hub-close{flex:0 0 auto;width:40px;height:40px;border:1px solid rgba(255,255,255,.13);border-radius:50%;background:#ffffff0f;color:#fff;font-size:1.5rem}.mobile-game-hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mobile-game-mode{min-height:112px;display:grid;align-content:center;justify-items:start;gap:4px;padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:#ffffff0e;color:inherit;text-align:left}.mobile-game-mode>span{font-size:1.5rem}.mobile-game-mode strong{font-size:1rem}.mobile-game-mode small{color:#ebf8f2ab;line-height:1.25}.mobile-game-mode.primary{border-color:#d7b96a6b;background:linear-gradient(145deg,#d7b96a2e,#ffffff0d)}.mobile-game-mode:not(:disabled):active{transform:translateY(1px)}.mobile-game-mode.coming-soon{opacity:.5}@media(min-width:821px){.mobile-game-hub-backdrop{place-items:center}}@media(max-width:760px){.mobile-nav.mobile-app-nav{display:flex!important;grid-template-columns:none!important;align-items:stretch;justify-content:flex-start;gap:4px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x;padding:6px 7px}.mobile-nav.mobile-app-nav::-webkit-scrollbar{display:none}.mobile-nav.mobile-app-nav button{flex:0 0 72px!important;width:72px;min-width:72px!important;min-height:50px;scroll-snap-align:center;padding:5px 4px}.mobile-nav.mobile-app-nav .mobile-nav-emoji{display:block;min-height:24px;font-size:21px;line-height:24px}.mobile-nav.mobile-app-nav [data-mobile-nav-action=more] .mobile-nav-emoji{font-size:22px;font-weight:900;letter-spacing:2px}.mobile-nav.mobile-app-nav button.active{box-shadow:inset 0 0 0 1px #f4c95d2e}}@media(max-width:420px){.mobile-game-hub-grid{grid-template-columns:1fr}.mobile-game-mode{min-height:88px}.mobile-nav.mobile-app-nav button{flex-basis:68px!important;width:68px;min-width:68px!important}}.mobile-nav.mobile-app-nav .mobile-nav-emoji{display:grid;place-items:center;min-height:24px}.mobile-nav.mobile-app-nav .mobile-nav-sprite{display:block;width:22px;height:22px;max-width:100%;object-fit:contain}.mobile-game-mode>span .premium-hub-icon{display:block;width:38px;height:38px;object-fit:contain}.mobile-game-mode>span:has(.premium-hub-icon){width:44px;height:44px;display:grid;place-items:center}
