.game-category-container{max-width:1800px;margin:0 auto;padding:1rem}.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;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-search,.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-search:hover:not(:disabled),.nav-arrow:hover:not(:disabled){background:#fff3;border-color:#ffffff4d}.nav-search:disabled,.nav-arrow:disabled{opacity:.3;cursor:not-allowed}.nav-search svg,.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;box-shadow:0 4px 8px #0003}.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{background:linear-gradient(to bottom, var(--primary-green-normal) 0%, transparent 100%);opacity:0;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;color:#fff;-webkit-box-orient:vertical;font-size:13px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:visible}.vendor-watermark{color:#fff;opacity:.12;pointer-events:none;text-transform:uppercase;letter-spacing:2px;z-index:10;text-shadow:0 0 4px #0000004d;-webkit-user-select:none;user-select:none;flex-wrap:wrap;place-content:center;gap:16px 24px;width:140%;height:140%;font-size:14px;font-weight:900;line-height:1;display:flex;position:absolute;top:-20%;left:-20%;transform:rotate(-15deg)}.vendor-watermark span{white-space:nowrap}.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:var(--primary-green-normal);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .2s,background .2s;display:flex}.play-button:hover{background:var(--primary-green-hover);transform:scale(1.1)}.play-icon{width:20px;height:20px;fill:var(--secondary-darker);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{display:none}@media (min-width:768px){.category-icons-nav{background:var(--darkdark-700);flex-direction:column;height:100%;padding:1rem .5rem;display:flex}.sidebar-brand{justify-content:center;align-items:center;width:100%;margin-bottom:.5rem;padding:1rem .5rem;display:flex;overflow:hidden}.sidebar-brand a{justify-content:center;width:100%;display:flex}.sidebar-brand img{object-fit:contain;max-width:180px;height:auto;max-height:90px;transition:all .3s}:global(.narrow) .sidebar-brand img{max-width:60px;max-height:40px}.category-nav-title{text-transform:uppercase;color:var(--darkdark-50);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;width:100%;color:var(--darkdark-200);background:0 0;border:none;border-radius:6px;flex-direction:row;align-items:center;padding:0 .25rem;transition:all .2s;display:flex}.category-icon-item:hover{color:var(--darkdark-50)}.category-icon-item.active{background:color-mix(in srgb, var(--primary-green-normal,#ffffffe6) 10%, transparent);color:var(--primary-green-normal,#ffffffe6)}.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:24px;height:24px}.landscape .category-icon-emoji{width:100%;height:24px}.category-icon-title{text-align:left;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.category-icon-skeleton{background:var(--darkdark-400);border-radius:12px;height:56px;animation:1.5s infinite pulse}}.menu{display:none}@media (max-width:767px){.menu{-webkit-backdrop-filter:blur(12px);z-index:1000;background:#1e1e23d9;border:1px solid #ffffff1a;border-radius:20px;justify-content:space-around;align-items:center;width:90%;max-width:400px;height:70px;padding:0 8px;transition:all .3s;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000080}.menu__item{color:var(--darkdark-200);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:0;transition:color .3s;display:flex;position:relative}.menu__item.active{color:var(--primary-green-normal,#ffffffe6)}.menu__item.active:after{content:"";width:var(--lineWidth,20px);background:var(--primary-green-normal,#ffffffe6);height:3px;box-shadow:0 0 10px var(--primary-green-normal,#ffffffe6);border-radius:10px;transition:width .3s cubic-bezier(.175,.885,.32,1.275);position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.menu__item.active .icon{filter:drop-shadow(0 0 5px var(--primary-green-normal,#ffffffe6));transform:translateY(-5px)scale(1.1)}.menu__icon{justify-content:center;align-items:center;transition:transform .3s;display:flex}.menu__icon .icon{object-fit:contain;width:24px;height:24px}.menu__text{text-transform:capitalize;opacity:.6;margin-top:4px;font-size:10px;font-weight:600;transition:all .3s}.menu__text.active{opacity:1;transform:translateY(-2px)}.menu__loading{justify-content:space-around;width:100%;display:flex}.menu__icon-skeleton{background:var(--darkdark-400);border-radius:8px;width:32px;height:32px;animation:1.5s infinite pulse}}.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)))}
