.game-category-container{max-width:1800px;margin:0 auto;padding-bottom:2rem}.game-category-container:before,.game-category-container:after{content:"";z-index:10;pointer-events:none;width:60px;position:absolute;top:0;bottom:0}.category-loading{color:#00000080;text-align:center;padding:2rem;font-style:italic;font-weight:500}.game-category-section{position:relative}.game-category-section:before{background:linear-gradient(90deg,#0f1116 0%,#0000 100%);left:0}.game-category-section:after{background:linear-gradient(270deg,#0f1116 0%,#0000 100%);right:0}.game-category-section::-webkit-scrollbar{display:none}.game-category-header{justify-content:space-between;align-items:center;padding:0 16px;display:flex}.game-category-title-group{align-items:center;gap:6px;padding-left:2rem;display:flex}.game-category-icon{font-size:1.25rem}.game-category-title{color:#fff;margin:0;font-size:1.125rem;font-weight:700}.game-category-nav{align-items:center;gap:8px;display:flex}.nav-see-all{color:#ffffffd9;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:.875rem;font-weight:500;transition:color .2s}.nav-see-all:hover{color:#2b2e36}.nav-label{color:#fff9;margin-right:4px;font-size:.875rem}.nav-arrow{color:#ffffffd9;cursor:pointer;background:#ffffff1a;border-radius:20%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.nav-arrow:hover:not(:disabled){background:#fff3;border-color:#ffffff4d}.nav-arrow:disabled{opacity:.3;cursor:not-allowed}.nav-arrow svg{width:14px;height:14px}.game-category-slider{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;gap:6px;padding:4px 16px 32px;display:flex;position:relative;overflow:auto visible}.game-category-slider-item{scroll-snap-align:start;flex:none;width:140px;margin-bottom:-24px;padding-bottom:24px}@media (min-width:640px){.game-category-slider-item{width:150px}}@media (min-width:1024px){.game-category-slider-item{width:150px}}.game-category-slider-item>a,.game-category-slider-item>div{width:100%}.slider-item-placeholder{border-radius:12px;flex:none;width:140px;height:180px;animation:1.5s ease-in-out infinite pulse}@media (min-width:640px){.slider-item-placeholder{width:150px;height:188px}}@media (min-width:1024px){.slider-item-placeholder{width:150px;height:188px}}@keyframes pulse{0%{opacity:.5}50%{opacity:.8}to{opacity:.5}}.game-card{cursor:pointer;margin-bottom:20px;transition:transform .2s}.game-card:hover{transform:translateY(-4px)}.game-card:hover .game-card-play-overlay,.game-card:hover .game-card-title-overlay{opacity:1}.game-card-image-wrapper{aspect-ratio:3/4;border-radius:12px;position:relative;overflow:hidden}.game-card-image-wrapper>img,.game-card-image-wrapper>.game-card-title-overlay,.game-card-image-wrapper>.game-card-play-overlay,.game-card-image-wrapper>.game-card-info{border-radius:12px}.game-card-img{object-fit:cover;border-radius:12px;width:100%;height:100%}.game-card-title-overlay{opacity:0;background:linear-gradient(#ffc351 0%,#0000 100%);border-radius:12px 12px 0 0;padding:12px;transition:opacity .2s;position:absolute;top:0;left:0;right:0}.game-card-title-overlay .game-title{text-shadow:0 1px 3px #00000080;-webkit-line-clamp:2;line-clamp:2;z-index:10;-webkit-box-orient:vertical;font-size:13px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:visible}.game-card-play-overlay{opacity:0;background:#0009;border-radius:12px;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.play-button{background:#e0e6f0;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .2s,background .2s;display:flex}.play-button:hover{transform:scale(1.1)}.play-icon{fill:#171a1a;width:20px;height:20px;margin-left:2px}.game-card-info{pointer-events:none;background:linear-gradient(#0000 0%,#000c 100%);border-radius:0 0 12px 12px;align-items:center;padding:8px 10px;display:flex;position:absolute;bottom:0;left:0;right:0}.player-info{align-items:center;gap:4px;display:flex}.player-info .player-count{color:#fff;font-size:9px;font-weight:600}.category-icons-nav{background:#1f2129;flex-direction:column;height:100%;padding:1rem .5rem;display:flex}.category-nav-title{text-transform:uppercase;color:#f8f8f8;letter-spacing:.1em;margin-bottom:1rem;padding-left:.5rem;font-size:11px;font-weight:700}.category-icons-list{flex-direction:column;gap:8px;display:flex}.category-icon-item{cursor:pointer;color:#a0aec0;background:0 0;border:none;border-radius:12px;flex-direction:row;align-items:center;gap:12px;width:100%;padding:8px 12px;transition:all .2s;display:flex}.category-icon-item:hover{color:#f8f8f8}.category-icon-image{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.category-icon-emoji{object-fit:contain;width:86px;height:86px}.landscape .category-icon-emoji{width:100%;height:86px}.category-icon-title{text-align:left;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.category-icon-skeleton{height:56px;animation:1.5s infinite pulse}@media (max-width:767px){.category-icons-nav{padding:.5rem .2rem}.category-icon-item{justify-content:center;padding:10px 0}}.sg-modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;opacity:0;pointer-events:none;background:#0009;justify-content:center;align-items:center;padding:0;transition:opacity .28s;display:flex;position:fixed;inset:0}.sg-modal-overlay.open{opacity:1;pointer-events:all}.sg-modal{opacity:0;background:#00000073;flex-direction:column;width:100%;height:100%;padding:8px;transition:transform .32s cubic-bezier(.34,1.4,.64,1),opacity .28s;display:flex;transform:translateY(20px)}.sg-modal-overlay.open .sg-modal{opacity:1;transform:translateY(0)}@media (min-width:768px){.sg-modal{border-radius:0;width:100%;height:100%}}.sg-header{justify-content:center;align-items:center;padding:20px 24px;display:flex;position:relative}.sg-header .sg-title{color:#fff;margin:0;font-size:1.1rem;font-weight:600}.sg-header .sg-close-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s;display:flex;position:absolute;right:24px}.sg-header .sg-close-btn:hover{background:#fff3}.sg-header .sg-close-btn svg{width:18px;height:18px}.sg-search-bar{align-items:center;gap:16px;padding:0 24px 16px;display:flex}.sg-search-group{background:#141517;border:1px solid #ffffff14;border-radius:8px;flex:1;align-items:center;transition:border-color .2s;display:flex;overflow:hidden}.sg-search-group.focus-within-green:focus-within{border-color:#4ade80}.sg-search-group .sg-dropdown-btn{color:#fff;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:12px 16px;font-size:.95rem;display:flex;position:relative}.sg-search-group .sg-dropdown-btn:after{content:"";background:#ffffff1a;width:1px;height:50%;position:absolute;top:25%;right:0}.sg-search-group .sg-dropdown-btn svg{color:#9ca3af;width:14px;height:14px}.sg-search-group .sg-input-wrapper{flex:1;align-items:center;gap:8px;padding:0 16px;display:flex}.sg-search-group .sg-input-wrapper .sg-search-icon{color:#6b7280;align-items:center;display:flex}.sg-search-group .sg-input-wrapper .sg-search-input{color:#fff;background:0 0;border:none;outline:none;flex:1;font-size:.95rem}.sg-search-group .sg-input-wrapper .sg-search-input::placeholder{color:#6b7280}.sg-search-group .sg-input-wrapper .sg-clear-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:4px;justify-content:center;align-items:center;margin-right:-4px;padding:2px;display:flex}.sg-search-group .sg-input-wrapper .sg-clear-btn:hover{background:#fff3}.sg-search-group .sg-input-wrapper .sg-clear-btn svg{width:14px;height:14px}.sg-cancel-btn{color:#9ca3af;cursor:pointer;white-space:nowrap;background:0 0;border:none;font-size:.95rem}.sg-cancel-btn:hover{color:#fff}.sg-tabs{scrollbar-width:none;align-items:center;gap:8px;margin-bottom:8px;padding:0 24px 16px;display:flex;overflow-x:auto}.sg-tabs::-webkit-scrollbar{display:none}.sg-tabs .sg-tab{color:#8a8e98;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.sg-tabs .sg-tab:hover{color:#fff;background:#ffffff0d}.sg-tabs .sg-tab.active{color:#4ade80;background:#2e3035}.sg-tabs .sg-tab.active .sg-tab-icon{color:#4ade80}.sg-tabs .sg-tab .sg-tab-icon{justify-content:center;align-items:center;display:flex}.sg-tabs .sg-tab .sg-tab-icon svg{width:18px;height:18px}.sg-provider-filter{padding:0 24px}.sg-provider-filter .sg-provider-btn{color:#9ca3af;cursor:pointer;background:#23262b;border:1px solid #ffffff0d;border-radius:6px;align-items:center;gap:6px;padding:8px 12px;font-size:.85rem;display:flex}.sg-provider-filter .sg-provider-btn span{color:#fff;margin-left:4px}.sg-provider-filter .sg-provider-btn svg{width:14px;height:14px}.sg-game-grid,.sg-provider-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(135px,1fr));align-content:flex-start;gap:16px;padding:24px;display:grid}@media (min-width:1024px){.sg-game-grid,.sg-provider-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.sg-game-grid::-webkit-scrollbar{width:8px}.sg-provider-grid::-webkit-scrollbar{width:8px}.sg-game-grid::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.sg-provider-grid::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.sg-game-card{cursor:pointer;background:#23262b23;border-radius:12px;transition:transform .2s,box-shadow .2s;animation:.35s both search-modal-pop;overflow:visible}.sg-game-card:first-child{animation-delay:20ms}.sg-game-card:nth-child(2){animation-delay:40ms}.sg-game-card:nth-child(3){animation-delay:60ms}.sg-game-card:nth-child(4){animation-delay:80ms}.sg-game-card:nth-child(5){animation-delay:.1s}.sg-game-card:nth-child(6){animation-delay:.12s}.sg-game-card:nth-child(7){animation-delay:.14s}.sg-game-card:nth-child(8){animation-delay:.16s}.sg-game-card:nth-child(n+9){animation-delay:.18s}.sg-game-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000004d}.sg-game-card .sg-card-img-wrap{aspect-ratio:1;background:#141517;width:100%;position:relative}.sg-game-card .sg-card-img-wrap .sg-card-img{object-fit:cover;border-top-left-radius:12px;border-top-right-radius:12px;width:100%;height:100%}.sg-game-card .sg-card-img-wrap .sg-badge{color:#fff;border-bottom-left-radius:8px;padding:4px 8px;font-size:.65rem;font-weight:700;position:absolute;top:0;right:0}.sg-game-card .sg-card-img-wrap .sg-badge.badge-new{background:#10b981}.sg-game-card .sg-card-img-wrap .sg-badge.badge-hot{background:#ef4444}.sg-game-card .sg-card-info{background:#23262b;justify-content:space-between;align-items:center;min-height:38px;padding:8px 10px;display:flex}.sg-game-card .sg-card-info .sg-card-provider{color:#b4bec7;white-space:nowrap;text-overflow:ellipsis;max-width:60%;font-size:.75rem;font-weight:500;overflow:visible}.sg-game-card .sg-card-info .sg-card-players{color:#9ca3af;flex-shrink:0;align-items:center;gap:4px;display:flex}.sg-game-card .sg-card-info .sg-card-players svg{width:12px;height:12px}.sg-game-card .sg-card-info .sg-card-players span{font-size:.75rem;font-weight:500}.sg-provider-card{cursor:pointer;background:#23262b;border:1px solid #ffffff0d;border-radius:8px;justify-content:center;align-items:center;padding:24px 12px;transition:all .2s;display:flex}.sg-provider-card:hover{background:#2e3035;border-color:#4ade80}.sg-provider-card .sg-provider-logo-text{color:#fff;font-size:1rem;font-weight:600}.sg-empty,.sg-loading,.sg-error{color:#9ca3af;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;padding:60px 20px;display:flex}.sg-empty-icon{opacity:.5;margin-bottom:16px;font-size:3rem}.sg-error button{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:6px;margin-top:16px;padding:8px 24px}.sg-load-more{text-align:center;grid-column:1/-1;padding:20px}.sg-load-more .sg-load-btn{color:#fff;cursor:pointer;background:#23262b;border:1px solid #ffffff1a;border-radius:6px;padding:10px 32px;transition:all .2s}.sg-load-more .sg-load-btn:hover:not(:disabled){background:#2e3035;border-color:#4ade80}.sg-load-more .sg-load-btn:disabled{opacity:.5}@keyframes search-modal-pop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.launch-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f1116d9;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.launch-modal{background:#171a1a;border:1px solid #ffffff14;border-radius:20px;width:90%;max-width:320px;padding:24px;animation:.2s scaleIn;box-shadow:0 10px 40px #0009}.launch-modal-content{text-align:center;flex-direction:column;align-items:center;display:flex}.launch-modal-game-icon{object-fit:cover;border-radius:16px;width:140px;height:140px;margin-bottom:20px;box-shadow:0 8px 24px #0006}.launch-modal-title{color:#fff;margin:0 0 6px;font-size:20px;font-weight:700;line-height:1.3}.launch-modal-subtitle{color:#8c8c8c;text-transform:uppercase;letter-spacing:.5px;margin:0 0 24px;font-size:13px;font-weight:600}.launching-state{flex-direction:column;justify-content:center;align-items:center;gap:16px;height:104px;padding:20px 0;display:flex}.launching-state p{color:#24ee89;margin:0;font-size:14px;font-weight:600;animation:1.5s infinite pulseText}.launch-modal-actions{flex-direction:column;gap:12px;width:100%;display:flex}.launch-modal-actions button{cursor:pointer;border:none;border-radius:12px;width:100%;padding:14px;font-size:15px;font-weight:600;transition:all .2s}.launch-btn{color:#0f1116;background:#24ee89}.launch-btn:hover{background:#1ebf6e}.launch-btn:active{transform:scale(.98)}.cancel-btn{color:#a0a0a0;background:0 0;border:1px solid #ffffff1a!important}.cancel-btn:hover{color:#fff;background:#ffffff0d}.cancel-btn:active{transform:scale(.98)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulseText{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin-slow{animation:8s linear infinite spin-slow}.delay-150{animation-delay:.15s}.delay-300{animation-delay:.3s}.delay-500{animation-delay:.5s}@property --gradient-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.bg-gradient-conic{background:conic-gradient(from var(--gradient-angle), hsl(var(--primary)), hsl(var(--primary)/.5), transparent, hsl(var(--primary)))}