.home-view main{max-width:1400px;padding-top:26px}.home-promos{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:16px;margin-bottom:24px}.home-promo{position:relative;isolation:isolate;overflow:hidden;min-height:212px;border-radius:8px;padding:24px;background:#2e1c41;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.home-promo h1,.home-promo h2{font-size:25px;line-height:1.18;letter-spacing:-.6px;margin:14px 0 9px}.home-promo p{color:#cdbadf;font-size:11px;line-height:1.6;margin:0 0 18px}.home-promo .primary,.home-promo .secondary{padding:10px 15px;font-size:11px;position:relative;z-index:1}.home-promo .promo-label{font-size:7px;letter-spacing:1px}.home-welcome{background:linear-gradient(120deg,#452461,#2b163f)}.home-welcome>div{position:relative;z-index:1;max-width:68%}.home-welcome>img{position:absolute;right:-16px;bottom:-20px;width:47%;height:95%;object-fit:contain;z-index:0}.home-welcome .primary{background:#ffe778;color:#332316}.home-new{background:#15223d}.home-new>div{position:relative;z-index:1}.home-new:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0d1b35ef 5%,#1a255694 65%,transparent);z-index:-1}.home-new>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:35% 45%;z-index:-2;filter:saturate(.8)}.home-new h2{font-size:31px}.home-new .secondary{background:#243758;border-color:#5a7296;color:#fff}.home-club{background:linear-gradient(130deg,#30223d,#452150)}.home-club h2,.home-club p{position:relative;z-index:1}.home-club .secondary{background:#4d315e;border-color:#76528a}.home-diamond{position:absolute;right:-18px;bottom:-14px;transform:rotate(-14deg);color:#c17bf2;opacity:.24;z-index:0}.home-diamond .ui-icon{width:145px;height:145px}.home-view .lobby-vip-strip{border:0;background:#211a2d;margin-bottom:24px;padding:14px 18px}.home-catalog .catalog-search{border-radius:6px;padding:0 15px;border:1px solid #453450;background:#100d19;height:46px;margin-bottom:16px}.home-catalog .catalog-search input{padding:13px 0}.home-catalog .catalog-controls{overflow-x:auto;margin-bottom:28px;scrollbar-width:none}.home-catalog .catalog-controls::-webkit-scrollbar{display:none}.home-catalog .filters{width:max-content;min-width:0;padding:5px;border-radius:999px;gap:4px}.home-catalog .filter{padding:12px 18px;gap:8px}.home-catalog .section-heading{margin-bottom:17px}.home-catalog .section-heading h2{font-size:18px}.home-view .games-grid{gap:18px}.home-view .game-cover{height:auto;aspect-ratio:1/.98;border-radius:8px}.home-view .game-cover .card-title{font-size:24px}.home-view .card-info{padding:11px 0 0}.home-view .card-meta{margin-top:5px}.home-view .card-meta span{font-size:8px}.home-view .game-card:hover{transform:translateY(-3px)}.home-view .game-cover>img{transition:transform .25s}.home-view .game-card:hover .game-cover>img{transform:scale(1.035)}.home-activity{margin-top:32px}.home-activity .section-heading h2{font-size:18px}.recent-games{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.recent-game{display:flex;align-items:center;gap:12px;padding:12px;background:#241b31;border:1px solid #3a2a46;border-radius:7px;text-align:left;min-width:0}.recent-game>img{width:52px;height:60px;object-fit:cover;border-radius:5px}.recent-game>span{flex:1;min-width:0}.recent-game strong{font-size:11px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-game small{font-size:8px;color:#a78aba;display:block;margin-top:6px}.recent-game>.ui-icon{color:#d3a2f1;width:16px}.home-empty{display:flex;align-items:center;gap:18px;padding:22px;background:#21192c;border-radius:7px;color:#bca8ce}.home-empty>.ui-icon{width:28px;height:28px;color:#9574ae}.home-empty strong{font-size:12px;color:#e6d8ef}.home-empty p{font-size:10px;margin:7px 0 0}.home-empty .secondary{margin-left:auto;white-space:nowrap}.home-footer-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:30px;padding:20px 0;border-top:1px solid #372842}.home-footer-banner>div{display:flex;align-items:center;gap:13px}.home-footer-banner strong{font-size:12px}.home-footer-banner span{font-size:10px;color:#a08bad}.home-footer-banner .ui-icon{color:#b591cd}.home-footer-banner .secondary{font-size:10px}.home-view .footer{margin-top:15px}
@media(max-width:1150px){.home-promos{gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.home-promo{padding:20px;min-height:210px}.home-promo h1,.home-promo h2{font-size:22px}.home-welcome>div{max-width:85%}.home-welcome>img{opacity:.65;right:-18px;width:45%}.home-promo p{font-size:10px}.home-view .game-cover .card-title{font-size:21px}.recent-games{grid-template-columns:repeat(2,minmax(0,1fr))}.home-footer-banner span{display:none}}
@media(max-width:760px){.home-view main{padding-top:20px}.home-promos{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin-right:-16px;padding-right:16px;padding-bottom:10px;margin-bottom:15px;scrollbar-width:thin;scrollbar-color:#68467e transparent}.home-promo{flex:0 0 88%;min-height:196px;padding:22px;scroll-snap-align:start}.home-promo h1,.home-promo h2{font-size:25px}.home-welcome>div{max-width:65%}.home-welcome>img{width:48%;height:110%;opacity:1;right:-8px;bottom:-30px}.home-view .lobby-vip-strip{margin-bottom:20px}.home-catalog .filter{padding:11px 14px;font-size:11px}.home-catalog .catalog-controls{margin-bottom:22px}.home-catalog .section-heading h2,.home-activity .section-heading h2{font-size:16px}.home-view .games-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.home-view .game-cover{aspect-ratio:1/1.25}.home-view .game-cover .card-title{font-size:21px}.home-view .card-meta span{font-size:7px}.home-view .card-meta b{font-size:7px}.home-activity{margin-top:28px}.recent-games{grid-template-columns:1fr}.home-empty{padding:18px;gap:12px;flex-wrap:wrap}.home-empty>div{flex:1}.home-empty strong{font-size:11px}.home-empty p{line-height:1.6}.home-empty .secondary{margin-left:40px}.home-footer-banner{align-items:flex-start;flex-wrap:wrap;margin-top:24px}.home-footer-banner>div{gap:10px}.home-footer-banner .secondary{margin-left:28px}.home-view .footer{margin-top:0}}
