/* Mobile landing only. Desktop and standalone service pages keep their layout. */
.mobile-home{display:none}
@media(max-width:760px){
 .home-page main>.mobile-home{display:block;width:min(100%,600px);margin:0 auto;padding:19px 12px 8px}
 .home-page main>:not(.mobile-home):not(.mobile-open){display:none!important}
 .home-page main>.mobile-open:not([hidden]){display:block}
 .home-page .portal-lower-grid.mobile-open>.section:not(.mobile-open){display:none}
 .home-page .home-market-toplink{display:none}
 .home-page .header__inner{min-height:60px;padding:5px 0;gap:6px}
 .home-page .header{position:relative;top:auto;transform:none}
 .home-page .mobile-home__heading{margin-bottom:16px;text-align:left}
 .home-page .mobile-home__heading p{font-size:9px;letter-spacing:1.6px;line-height:1.5;color:var(--home-muted);margin:0 0 7px}
 .home-page .mobile-home__heading h1{font-family:Inter,system-ui,sans-serif;font-size:27px;line-height:1.2;font-weight:650;letter-spacing:-.8px;margin:0;color:var(--home-text)}
 .mobile-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
 .home-page .mobile-service{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-width:0;min-height:90px;padding:12px 5px 10px;border:1px solid #342d48;border-radius:17px;background:linear-gradient(145deg,#201a30,#161220);color:#f5f2fb;text-decoration:none;text-align:center;font-size:11px;font-weight:600;line-height:1.4;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
 .mobile-service__icon{display:grid;place-items:center;width:37px;height:37px;border-radius:12px;background:#c4afff13;color:#c4afff}
 .mobile-service__icon svg{width:24px;height:24px}
 .mobile-service--study .mobile-service__icon{color:#9ed2ea;background:#9ed2ea12}
 .mobile-service--chess .mobile-service__icon,.mobile-service--clock .mobile-service__icon,.mobile-service--tournament .mobile-service__icon{color:#edcf91;background:#edcf9112}
 .mobile-service--gallery .mobile-service__icon,.mobile-service--ideas .mobile-service__icon{color:#edb4c4;background:#edb4c412}
 .mobile-service--coins .mobile-service__icon{color:#f0cd77;background:#f0cd7712}
 .home-page .mobile-service:is(:hover,:focus-visible){background:#2c2240;color:#fff;border-color:#a68ad5}
 .home-page .mobile-service:active{background:#35264d;border-color:#c4afff}
 .mobile-home__extras{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}
 .home-page .mobile-home__extras a,.home-page .mobile-home__close{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 12px;font-size:11px;line-height:1.4;color:#cbc2dc;border:1px solid #342d48;border-radius:11px;background:#17121f;text-decoration:none;touch-action:manipulation}
 .home-page .mobile-home__extras a:hover,.home-page .mobile-home__close:hover{color:white;background:#2c2240}
 .home-page .mobile-home__close{margin-top:12px;width:100%;border-color:#6b527e;color:#e4d5f5}
 .mobile-home__close[hidden]{display:none!important}
 .home-page .mobile-open{scroll-margin-top:16px}
 .home-page .footer{padding:12px 12px max(20px,env(safe-area-inset-bottom));margin-top:6px}
 .home-page .footer__content{display:block;text-align:center}
 .home-page .footer__brand{align-items:center;gap:4px}
 .home-page .footer__logo,.home-page .footer__nav{display:none}
 .home-page .footer__copyright{font-size:10px;line-height:1.6;margin:0;color:#9c92b1}
 .home-page .mobile-open #games-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .home-page .mobile-open #games-grid .game-card__desc{display:none}
 .home-page .mobile-open #games-grid .game-card__content{padding:11px}
 .home-page .mobile-open #games-grid .game-card__title{font-size:13px}
 .home-page .mobile-open #games-grid .game-card__cta{font-size:11px;padding:8px;min-height:44px}
}
@media(max-width:360px){.mobile-services{gap:7px}.home-page .mobile-service{min-height:84px;font-size:10px;border-radius:14px}.mobile-service__icon{width:33px;height:33px}.home-page main>.mobile-home{padding-inline:10px}.home-page .mobile-home__heading h1{font-size:25px}}
@media(max-width:760px){.home-page .site-container{min-height:0}.home-page>.portal-report{display:none}.home-page>#accountProgressStatus{box-sizing:border-box;width:calc(100% - 24px)!important;max-width:576px!important;min-width:0;margin:8px auto 16px!important;padding:0 4px!important;font-size:11px!important;line-height:1.7!important;white-space:normal!important;overflow-wrap:anywhere;color:#b8b3cc}.home-page>#accountProgressStatus a{display:inline-flex;align-items:center;min-height:44px;color:#d9c4ff}}
