/* Scoped to SKY. Reference dimensions scale with the 428 px mobile shell. */
.sky-home{--sky-u:min(1vw,4.28px)}
html:has(.sky-home)::-webkit-scrollbar{width:2px;height:2px}
html:has(.sky-home)::-webkit-scrollbar-track{background:transparent}
html:has(.sky-home)::-webkit-scrollbar-thumb{background:rgba(130,110,168,.3)}
.sky-home.app{overflow:visible;padding-bottom:calc(25.067 * var(--sky-u))}
.sky-home .topbar{box-shadow:none;backdrop-filter:blur(calc(13.333 * var(--sky-u)));-webkit-backdrop-filter:blur(calc(13.333 * var(--sky-u)))}
.sky-home .brand{width:calc(30.667 * var(--sky-u));height:auto;overflow:visible}
.sky-home .brand img{width:100%;height:auto;max-height:calc(9.067 * var(--sky-u));object-fit:contain}
.sky-home .top-actions{gap:calc(2.133 * var(--sky-u))}
.sky-home .outline-btn{width:calc(19.467 * var(--sky-u));height:calc(8.533 * var(--sky-u));border-radius:calc(4.267 * var(--sky-u));font-size:calc(3.2 * var(--sky-u));background:linear-gradient(180deg,rgba(64,47,71,.12),rgba(252,245,255,.12));border-color:rgba(255,255,255,.18)}
.sky-home .top-actions.logged{gap:calc(1.333 * var(--sky-u))}
.sky-home .wallet-box{width:auto;height:calc(8.533 * var(--sky-u));padding:calc(1.067 * var(--sky-u));border-radius:calc(4.267 * var(--sky-u));box-shadow:none;min-width:0}
.sky-home .wallet-coin{flex:0 0 calc(5.6 * var(--sky-u));width:calc(5.6 * var(--sky-u));height:calc(5.333 * var(--sky-u));border:0;border-radius:0;background:transparent url('/static/brands/sky/home/20260918/wallet-coin.webp') center/100% 100% no-repeat;box-shadow:none;font-size:0}
.sky-home .wallet-balance{min-width:calc(8 * var(--sky-u));margin:0 calc(1.6 * var(--sky-u));font-size:calc(3.2 * var(--sky-u));font-weight:400}
.sky-home .wallet-refresh{width:calc(3.2 * var(--sky-u));height:calc(3.2 * var(--sky-u));margin:0 calc(1.333 * var(--sky-u));background:url('/static/brands/sky/home/20260918/header-refresh.png') center/100% 100% no-repeat;font-size:0;opacity:1}
.sky-home .header-recharge{flex:0 0 calc(9.6 * var(--sky-u));width:calc(9.6 * var(--sky-u));height:calc(6.4 * var(--sky-u));line-height:calc(6.4 * var(--sky-u));font-size:calc(3.2 * var(--sky-u));background-image:url('/static/brands/sky/home/20260918/header-recharge.webp');text-shadow:none}
.sky-home .quick-recharge{flex:0 0 calc(8.533 * var(--sky-u));width:calc(8.533 * var(--sky-u));height:calc(8.533 * var(--sky-u))}
.sky-home .shortcuts{display:flex;justify-content:space-between;margin-left:calc(3.733 * var(--sky-u));padding:0 calc(4.133 * var(--sky-u)) calc(2.667 * var(--sky-u)) calc(.4 * var(--sky-u))}
.sky-home .shortcut{width:calc(14.933 * var(--sky-u));gap:calc(.533 * var(--sky-u));font-size:calc(3.2 * var(--sky-u));line-height:calc(4.267 * var(--sky-u));color:#eee;font-weight:400}
.sky-home .shortcut-icon{width:calc(11.733 * var(--sky-u));height:calc(11.733 * var(--sky-u))}
.sky-home .category-nav{position:sticky;top:calc(11.733 * var(--sky-u));z-index:25;margin:0 calc(3.2 * var(--sky-u)) calc(1.6 * var(--sky-u)) calc(3.733 * var(--sky-u));height:calc(8.533 * var(--sky-u));gap:0;padding:0;border:0;border-radius:calc(4.8 * var(--sky-u));background:rgba(39,32,62,.38);backdrop-filter:blur(calc(6.667 * var(--sky-u)));-webkit-backdrop-filter:blur(calc(6.667 * var(--sky-u)))}
.sky-home .cat{height:100%;display:flex;align-items:center;flex:0 0 auto;padding:0 calc(2.133 * var(--sky-u));font-size:calc(3.2 * var(--sky-u));border-radius:calc(4.8 * var(--sky-u));color:#b9b7c4}
.sky-home .cat img{width:18px;height:14px;margin-right:0;object-fit:contain}
.sky-home .cat.active{background:linear-gradient(90deg,rgba(69,43,116,.8),rgba(72,40,117,.15));color:#fff;box-shadow:none}
.sky-home .cat.active:before{content:none}
.sky-home .game-section{margin:0 0 0 calc(3.733 * var(--sky-u));scroll-margin-top:calc(21.867 * var(--sky-u))}
.sky-home .section-head{height:calc(10.667 * var(--sky-u))}
.sky-home .section-title{font-size:calc(4.267 * var(--sky-u));font-weight:600;gap:calc(1.6 * var(--sky-u));line-height:1.2}
.sky-home .section-icon{width:calc(5.333 * var(--sky-u));height:calc(5.333 * var(--sky-u));background:none;border-radius:0}
.sky-home .section-icon img{width:100%;height:100%}
.sky-home .section-chevron{margin-left:calc(-.533 * var(--sky-u));font-size:calc(4.267 * var(--sky-u));color:#9290aa}
.sky-home .section-controls{gap:0;margin-right:calc(2.133 * var(--sky-u))}
.sky-home .section-controls button{width:calc(7.467 * var(--sky-u));height:calc(7.467 * var(--sky-u));padding:0;border:0;border-radius:0;background:transparent url('/static/brands/sky/home/20260918/section-left.webp') center/calc(5.333 * var(--sky-u)) calc(5.333 * var(--sky-u)) no-repeat;font-size:0}
.sky-home .section-controls button[data-scroll="1"]{background-image:url('/static/brands/sky/home/20260918/section-right.webp');margin-left:calc(-.533 * var(--sky-u))}
.sky-home .cards{gap:calc(2.133 * var(--sky-u));padding:0 calc(2.667 * var(--sky-u)) calc(2.667 * var(--sky-u)) 0;overscroll-behavior-x:contain}
.sky-home .game-card,.sky-home .game-card.showcase-card{flex:0 0 calc(28.267 * var(--sky-u));width:calc(28.267 * var(--sky-u));height:calc(27.733 * var(--sky-u));aspect-ratio:auto;border:0;border-radius:calc(1.6 * var(--sky-u));background:transparent}
.sky-home .game-card.compact{flex-basis:calc(20.8 * var(--sky-u));width:calc(20.8 * var(--sky-u));height:calc(27.733 * var(--sky-u));aspect-ratio:3/4}
.sky-home #hot .cards{gap:calc(1.6 * var(--sky-u))}
.sky-home .utility-block{margin:0 calc(3.2 * var(--sky-u)) calc(4.267 * var(--sky-u)) calc(3.733 * var(--sky-u))}
.sky-home .utility-title{height:calc(10.667 * var(--sky-u));font-size:calc(4.267 * var(--sky-u));font-weight:600}
.sky-home .vpn{font-size:calc(2.667 * var(--sky-u));padding:calc(1.333 * var(--sky-u)) calc(3.2 * var(--sky-u));border-color:rgba(214,199,255,.28);color:#ddd4fa;background:rgba(54,36,94,.2)}
.sky-home .coin-grid{gap:calc(2.133 * var(--sky-u))}
.sky-home .coin-card{height:calc(25.067 * var(--sky-u));border-radius:calc(1.6 * var(--sky-u));background:linear-gradient(175deg,rgba(252,245,255,.12),rgba(96,64,111,.12));gap:calc(2.4 * var(--sky-u));font-size:calc(3.2 * var(--sky-u))}
.sky-home .coin-logo{width:calc(10.667 * var(--sky-u));height:calc(10.667 * var(--sky-u))}
.sky-home .providers{grid-template-columns:repeat(3,1fr);gap:calc(1.867 * var(--sky-u))}
.sky-home .provider-card{height:calc(12.8 * var(--sky-u));border-radius:calc(1.6 * var(--sky-u));background:linear-gradient(175deg,rgba(252,245,255,.12),rgba(96,64,111,.12))}
.sky-home .provider-card img{max-width:90%;max-height:75%}
.sky-home .license{height:calc(21.333 * var(--sky-u));border-radius:calc(1.6 * var(--sky-u));background:linear-gradient(175deg,rgba(252,245,255,.12),rgba(96,64,111,.12))}
.sky-home .license img{max-width:70%;max-height:80%}
.sky-home .bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr));width:calc(min(100vw,428px) - 6.4 * var(--sky-u));height:calc(14.933 * var(--sky-u));bottom:max(calc(6.4 * var(--sky-u)),env(safe-area-inset-bottom));border-radius:calc(7.467 * var(--sky-u));box-shadow:inset 0 0 0 calc(.267 * var(--sky-u)) rgba(255,255,255,.2);backdrop-filter:blur(calc(6.667 * var(--sky-u)));-webkit-backdrop-filter:blur(calc(6.667 * var(--sky-u)))}
.sky-home .bottom-item{margin:calc(1.067 * var(--sky-u));border-radius:calc(6.4 * var(--sky-u));font-size:calc(3.2 * var(--sky-u));line-height:calc(3.2 * var(--sky-u))}
.sky-home .bottom-icon{width:calc(5.867 * var(--sky-u));height:calc(6.933 * var(--sky-u))}
.sky-home .bottom-icon img{width:calc(5.333 * var(--sky-u));height:calc(5.867 * var(--sky-u));object-fit:contain}
.sky-home .sky-back-top{position:fixed;z-index:19;right:max(calc((100vw - 428px)/2 + 2.667 * var(--sky-u)),calc(2.667 * var(--sky-u)));bottom:calc(22.933 * var(--sky-u));width:calc(11.733 * var(--sky-u));height:calc(11.733 * var(--sky-u));display:flex;align-items:center;justify-content:center;flex-direction:column;border:0;border-radius:calc(1.067 * var(--sky-u));background:rgba(34,35,51,.9);color:#fff;font-size:calc(2.933 * var(--sky-u));line-height:1.5;cursor:pointer}
.sky-home .sky-back-top span{font-size:calc(4.267 * var(--sky-u));line-height:1;color:#a16ce5}
.sky-home :is(.game-card[role="button"],.cat,.shortcut,.bottom-item,.sky-back-top):focus-visible{outline:2px solid #b69bff;outline-offset:-2px}
@media(prefers-reduced-motion:reduce){.sky-home .cards{scroll-behavior:auto}}