:root{--gp-red:#c40101;--gp-red-dark:#9f0000;--gp-amber:#f09a06;--gp-amber-dark:#d68400;--gp-amber-light:#ffe0a1;--gp-charcoal:#1a1a1a;--gp-charcoal-mid:#2a2a2a;--gp-slate:#3d3d3d;--gp-off-white:#f7f7f5;--gp-ivory:#fafaf8;--gp-border:#e2e2de;--gp-text:#1a1a1a;--gp-text-muted:#7c7c78;--gp-text-light:#a5a5a0;--gp-space-xs:4px;--gp-space-sm:8px;--gp-space-md:16px;--gp-space-lg:24px;--gp-space-xl:32px;--gp-space-2xl:48px;--gp-space-3xl:64px;--gp-radius-none:0px;--gp-radius-sharp:2px;--gp-radius-card:3px;--gp-radius-pill:100px;--gp-shadow-sm:0 1px 3px rgba(0,0,0,.08);--gp-shadow-md:0 4px 12px rgba(0,0,0,.1);--gp-shadow-lg:0 8px 24px rgba(0,0,0,.14);--gp-shadow-card-hover:0 12px 36px rgba(196,1,1,.15),0 4px 12px rgba(0,0,0,.12);--gp-ease-spring:cubic-bezier(0.22,1,0.36,1);--gp-ease-out:cubic-bezier(0.16,1,0.3,1);--gp-duration-fast:0.18s;--gp-duration-normal:0.28s;--gp-duration-slow:0.4s;--gp-font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}@keyframes gp-card-enter{0%{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes gp-fade-in{0%{opacity:0}to{opacity:1}}@keyframes gp-scroll-hint{0%,to{transform:translateX(0);opacity:.6}50%{transform:translateX(6px);opacity:1}}@keyframes gp-slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.game-page{background-color:var(--gp-off-white);overflow:hidden;font-family:var(--gp-font);animation:gp-fade-in .5s var(--gp-ease-out)}.lobby-game__search[data-v-7d840824]{background:var(--gp-ivory);border-bottom:1px solid var(--gp-border);margin-bottom:0;border-radius:0}.lobby-game__search.sticky[data-v-7d840824]{position:sticky;z-index:100;top:0;backdrop-filter:blur(12px);background:hsla(60,17%,98%,.92)}.lobby-game__search[data-v-7d840824] .category-menu,.lobby-game__search[data-v-7d840824] .search{padding:0 var(--gp-space-lg)}.search__box[data-v-2e590c59]{align-items:center;display:flex;justify-content:space-between;padding:var(--gp-space-md) 0;gap:var(--gp-space-md)}.search__input[data-v-2e590c59]{position:relative;flex:1;margin-right:0}.search__text[data-v-2e590c59]{color:var(--gp-text-muted);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;left:var(--gp-space-md);line-height:20px;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.search__input__search[data-v-2e590c59]{display:flex;flex-flow:column-reverse;margin-bottom:0;position:relative}.search__input__search input[data-v-2e590c59]{background:var(--gp-off-white);border:2px solid var(--gp-border);border-radius:var(--gp-radius-sharp);color:var(--gp-text);font-family:var(--gp-font);font-weight:500;font-size:14px;height:42px;padding:0 48px 0 100px;transition:border-color var(--gp-duration-fast) var(--gp-ease-out),box-shadow var(--gp-duration-fast) var(--gp-ease-out);outline:none}.search__input__search input[data-v-2e590c59]:focus{border-color:var(--gp-red);box-shadow:0 0 0 3px rgba(196,1,1,.1)}.search__input .icon-search,.search__input__remove-text[data-v-2e590c59]{cursor:pointer;font-size:18px;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.icon-search{right:var(--gp-space-sm);color:var(--gp-red);padding:var(--gp-space-sm);transition:color var(--gp-duration-fast)}.icon-search:hover{color:var(--gp-red-dark)}.category-menu__item .icon-search{padding:6px 8px;background-color:var(--gp-off-white);height:32px;border-radius:50%;display:flex}.search__button[data-v-2e590c59]{align-items:center;display:flex;gap:var(--gp-space-md);justify-content:flex-start}.search__button .promtion-btn{transition:transform var(--gp-duration-fast) var(--gp-ease-spring),opacity var(--gp-duration-fast)}.search__button .promtion-btn:hover{opacity:.85;cursor:pointer;transform:scale(1.03)}.search__button a[data-v-2e590c59]{align-items:center;background:var(--gp-red);border-radius:var(--gp-radius-sharp);color:#fff;display:flex;font-size:13px;font-weight:700;height:42px;justify-content:center;line-height:19px;padding:var(--gp-space-sm) var(--gp-space-md);text-wrap:nowrap;letter-spacing:.02em;transition:background var(--gp-duration-fast);text-decoration:none}.search__button a[data-v-2e590c59]:hover{background:var(--gp-red-dark)}.category-menu{min-height:52px;padding:var(--gp-space-sm) 0;border-top:1px solid var(--gp-border)}.category-menu__box{padding:var(--gp-space-xs) 0}.categorey-menu__wrapper{display:flex;flex-direction:row;align-items:center}.categorey-menu__left{display:flex;width:43px}.categorey-menu__wrapper.show-list .categorey-menu__left{width:230px}.categorey-menu__right{width:calc(100% - 230px)}.mobile-category-scroll{position:relative;width:100%;overflow:hidden}.mobile-category-scroll__track{display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-width:none;padding:4px 0;touch-action:pan-x}.mobile-category-scroll__track::-webkit-scrollbar{display:none}.mobile-category-scroll:after,.mobile-category-scroll:before{content:"";position:absolute;top:0;bottom:0;width:24px;z-index:2;pointer-events:none;transition:opacity .2s}.mobile-category-scroll:before{left:0;background:linear-gradient(to right,var(--gp-ivory) 0,transparent 100%);opacity:0}.mobile-category-scroll:after{right:0;background:linear-gradient(to left,var(--gp-ivory) 0,transparent 100%)}.mobile-category-scroll--scrolled:before{opacity:1}.mobile-category-scroll--end:after{opacity:0}.scroll-hint{position:absolute;right:4px;top:50%;transform:translateY(-50%);z-index:3;display:flex;align-items:center;gap:2px;color:var(--gp-text-muted);font-size:11px;font-weight:700;animation:gp-scroll-hint 1.5s ease-in-out infinite;pointer-events:none;letter-spacing:.02em}.category-menu__item{display:block;padding:var(--gp-space-xs) 2px}.category-menu__item>div{align-items:center;background:#fff;border:2px solid var(--gp-border);border-radius:var(--gp-radius-sharp);color:var(--gp-text);cursor:pointer;display:flex;font-size:13px;font-weight:700;height:36px;justify-content:center;line-height:19px;padding:var(--gp-space-sm) var(--gp-space-md);transition:all var(--gp-duration-normal) var(--gp-ease-spring);letter-spacing:.02em;box-shadow:none}.category-menu__item>div span{white-space:nowrap;margin-left:4px}.category-menu__item>div.prioritized{border:2px solid var(--gp-amber);color:var(--gp-amber-dark)}.category-menu__item>div.active,.category-menu__item>div.category-tile--active,.category-menu__item>div[style*="background-color: rgb(240, 154, 6)"],.category-menu__item>div[style*=backgroundColor]{background:#fff!important;color:var(--gp-red)!important;border-color:var(--gp-red)!important;box-shadow:0 0 0 1px var(--gp-red),0 2px 8px rgba(196,1,1,.25)!important;font-weight:800!important}.list-category{position:relative}.list-category .txt_list_category{white-space:nowrap}.list-category .txt_list_category span{margin:0 5px}.list-category__zone{background-color:#fff;border:2px solid var(--gp-border);border-radius:var(--gp-radius-sharp);display:flex;flex-direction:column;left:0;max-height:280px;opacity:0;overflow-y:auto;padding:var(--gp-space-md);position:absolute;top:calc(100% + 4px);transition:opacity var(--gp-duration-normal) var(--gp-ease-out),visibility var(--gp-duration-normal),transform var(--gp-duration-normal) var(--gp-ease-spring);transform:translateY(-8px);visibility:hidden;width:100%;z-index:990;box-shadow:var(--gp-shadow-lg)}.list-category__zone::-webkit-scrollbar{width:4px}.list-category__zone::-webkit-scrollbar-thumb{background:var(--gp-text-light);border-radius:2px}.list-category__zone--open[data-v-b2608a50]{opacity:1;visibility:visible;transform:translateY(0)}.list-category__item{background:transparent;border-radius:var(--gp-radius-sharp);color:var(--gp-text);cursor:pointer;font-size:13px;font-weight:600;margin-bottom:var(--gp-space-xs);padding:var(--gp-space-sm) var(--gp-space-md);transition:all var(--gp-duration-fast) var(--gp-ease-out)}.list-category__item:hover{background:var(--gp-off-white);color:var(--gp-red)}.list-category__item-active{background:var(--gp-charcoal);color:#fff}.list-category__item-active:hover{background:var(--gp-charcoal-mid);color:#fff}.categorey-menu__right .slick-slider[data-v-3d1a4f76]{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;box-sizing:border-box;display:block;position:relative;touch-action:pan-x;user-select:none}.categorey-menu__right .slick-list[data-v-3d1a4f76]{display:block;margin:0;overflow:hidden;padding:0;position:relative;transform:translateZ(0)}.categorey-menu__right .slick-track{position:relative;top:0;left:0;margin:0 auto;opacity:1;display:flex;flex-wrap:nowrap;width:280%;scrollbar-width:none;transition:transform .3s ease-in-out}.category-menu[data-v-b2608a50] .slick-arrow{background:var(--gp-charcoal);border:none;border-radius:var(--gp-radius-sharp);box-shadow:var(--gp-shadow-sm);color:#fff;font-weight:700;height:32px;width:32px;opacity:1!important;top:50%;transform:translateY(-50%);transition:background var(--gp-duration-fast)}.category-menu[data-v-b2608a50] .slick-arrow:hover{background:var(--gp-red)}.category-menu[data-v-b2608a50] .slick-arrow.slick-next{right:-80px}.category-menu[data-v-b2608a50] .slick-arrow.slick-prev{right:-40px}.category-menu[data-v-b2608a50] .slick-slider.slick-initialized .slick-arrow.slick-next,.category-menu[data-v-b2608a50] .slick-slider.slick-initialized .slick-arrow.slick-prev{left:auto}.provider-menu__box{border-top:1px solid var(--gp-border);padding-top:var(--gp-space-sm)}.filter-select{width:260px;zoom:.85}.filter-select .ant-select-item-option-selected{background-color:var(--gp-red)!important;color:#fff!important}.filter-select:hover .ant-select-selector{border-color:var(--gp-red)!important}.game-scrollable-list-container{background:#fff;padding:var(--gp-space-lg);margin:var(--gp-space-md) 0;border-radius:var(--gp-radius-sharp);border:1px solid var(--gp-border);box-shadow:none;animation:gp-slide-up .4s var(--gp-ease-out) both}.game-scrollable-list-container+.game-scrollable-list-container{animation-delay:.1s}.game-scrollable-header,.title-more{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--gp-space-lg)}.title-more{gap:var(--gp-space-sm)}.title-box{font-size:18px;font-weight:800;letter-spacing:.04em;line-height:1.3;padding-left:var(--gp-space-md);position:relative;color:var(--gp-text);text-transform:uppercase}.title-more .title-box{margin-bottom:0}.title-box:before{content:"";position:absolute;left:0;top:2px;width:4px;height:100%;background:var(--gp-red);border-radius:0}.text-main{color:var(--gp-text)}.see-more-link{-webkit-tap-highlight-color:rgba(0,0,0,0);color:var(--gp-red);display:inline-flex;font-size:14px;font-weight:700;gap:var(--gp-space-sm);text-decoration:none;letter-spacing:.03em;transition:color var(--gp-duration-fast)}.see-more-link:hover{color:var(--gp-red-dark)}.game-scrollable-list,.hot-game-scrollable-list{overflow-x:scroll;scroll-behavior:smooth;-webkit-overflow-scrolling:auto}.game-scrollable-list::-webkit-scrollbar,.hot-game-scrollable-list::-webkit-scrollbar,.slick-list[data-v-3d1a4f76]::-webkit-scrollbar{display:none}.game-scrollable-list{display:flex;gap:var(--gp-space-md);padding-bottom:var(--gp-space-sm);scrollbar-width:thin;flex-wrap:wrap;justify-content:flex-start}.game-card-scrollable{position:relative;flex:1 1 165px;max-width:200px;min-width:120px;border-radius:var(--gp-radius-card);overflow:hidden;background:#fff;border:1px solid var(--gp-border);cursor:pointer;transition:transform var(--gp-duration-normal) var(--gp-ease-spring),box-shadow var(--gp-duration-normal) var(--gp-ease-out),border-color var(--gp-duration-normal);will-change:transform;animation:gp-card-enter .4s var(--gp-ease-out) both}.game-card-scrollable:first-child{animation-delay:.02s}.game-card-scrollable:nth-child(2){animation-delay:.04s}.game-card-scrollable:nth-child(3){animation-delay:.06s}.game-card-scrollable:nth-child(4){animation-delay:.08s}.game-card-scrollable:nth-child(5){animation-delay:.1s}.game-card-scrollable:nth-child(6){animation-delay:.12s}.game-card-scrollable:nth-child(7){animation-delay:.14s}.game-card-scrollable:nth-child(8){animation-delay:.16s}.game-card-scrollable:nth-child(n+9){animation-delay:.18s}.game-card-scrollable:hover{transform:translateY(-6px) scale(1.02);box-shadow:var(--gp-shadow-card-hover);border-color:var(--gp-red)}.game-card-scrollable:hover .game-card-overlay{opacity:1}.game-card-scrollable:hover .game-card-image{transform:scale(1.08)}.reward-tag{position:absolute;top:0;right:0;background:var(--gp-red);color:#fff;padding:2px 10px;font-size:11px;font-weight:800;letter-spacing:.06em;z-index:2;text-transform:uppercase;border-radius:0 var(--gp-radius-card) 0 var(--gp-radius-card)}.image-container{position:relative;overflow:hidden;border-radius:var(--gp-radius-card) var(--gp-radius-card) 0 0;aspect-ratio:1/1;display:flex;justify-content:center;align-items:center;background:var(--gp-off-white)}.game-card-image{width:100%;height:100%;object-fit:cover;transition:transform var(--gp-duration-slow) var(--gp-ease-spring)}.game-card-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(26,26,26,.05),rgba(26,26,26,.75));display:flex;justify-content:center;align-items:flex-end;padding-bottom:var(--gp-space-lg);opacity:0;transition:opacity var(--gp-duration-normal) var(--gp-ease-out)}.play-now-button{background:var(--gp-red);color:#fff;border:none;border-radius:var(--gp-radius-sharp);padding:8px 22px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;box-shadow:0 4px 16px rgba(196,1,1,.4);transition:transform var(--gp-duration-fast) var(--gp-ease-spring),box-shadow var(--gp-duration-fast),background var(--gp-duration-fast);white-space:nowrap}.play-now-button:hover{transform:scale(1.08);box-shadow:0 6px 24px rgba(196,1,1,.55);background:var(--gp-red-dark)}.game-card-content{padding:var(--gp-space-sm) var(--gp-space-sm) 10px;text-align:center;background:#fff;border-top:1px solid var(--gp-border)}.game-title{margin:0;color:var(--gp-text);font-size:12px;font-weight:700;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.game-category{font-size:11px;color:var(--gp-text-muted);margin:2px 0 0;font-weight:500}.game-item .game-item__image[data-v-22e02847]{height:150px;width:150px}.game-item__image[data-v-22e02847]{border-radius:var(--gp-radius-card);overflow:hidden;position:relative}.game-item .game-item__image[data-v-22e02847] img{height:150px;object-fit:cover;width:100%}.game-item__jackpot[data-v-22e02847]{background:var(--gp-amber);border-radius:0 var(--gp-radius-card) 0 var(--gp-radius-card);color:#fff;font-size:11px;font-weight:800;line-height:16px;padding:4px 10px;position:absolute;right:0;top:0;letter-spacing:.04em}.game-item__hover[data-v-22e02847]{align-items:center;background:rgba(26,26,26,.7);border-radius:var(--gp-radius-card);display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity var(--gp-duration-normal) var(--gp-ease-out);width:100%}.game-item:hover .game-item__hover[data-v-22e02847]{opacity:1}.game-item__jackpot-favorite-mobile .icon-favorite[data-v-22e02847]{padding:0}.game-item__hover i[data-v-22e02847]{cursor:pointer;padding:0 0 32px 32px;position:absolute;right:8px;top:8px}.game-item__hover i[data-v-22e02847]:before{color:var(--gp-text-light)}.game-item__hover a[data-v-22e02847]{background:var(--gp-red);border-radius:var(--gp-radius-sharp);color:#fff;display:inline-block;font-size:13px;font-weight:800;line-height:22px;padding:6px 20px;text-align:center;letter-spacing:.04em;transition:all var(--gp-duration-fast)}.game-item__hover a[data-v-22e02847]:hover{background:#fff;color:var(--gp-red)}.game-item .game-item__title[data-v-22e02847]{max-width:150px}.game-item__title[data-v-22e02847]{color:var(--gp-text);font-size:13px;font-weight:700;line-height:22px;margin-top:var(--gp-space-sm);text-transform:capitalize;white-space:nowrap}.game-item__title>[data-v-22e02847]{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-item .game-provider[data-v-22e02847]{color:var(--gp-text-muted);font-size:11px;font-weight:500;line-height:17px}.list-game__load-more{align-items:center;border:2px solid var(--gp-charcoal);border-radius:var(--gp-radius-sharp);cursor:pointer;display:flex;height:40px;justify-content:center;margin:var(--gp-space-lg) auto 0;width:160px;transition:all var(--gp-duration-fast) var(--gp-ease-spring)}.list-game__load-more:hover{background-color:var(--gp-charcoal);transform:scale(1.03)}.list-game__load-more span{color:var(--gp-charcoal);font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.list-game__load-more:hover span{color:#fff}.provider-list{scroll-behavior:smooth}.provider-list::-webkit-scrollbar{display:none}.provider-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:2px solid transparent;border-radius:var(--gp-radius-sharp);cursor:pointer;padding:4px 8px;height:48px;min-width:120px;flex-shrink:0;transition:all var(--gp-duration-fast) var(--gp-ease-spring);outline:none}.provider-btn:hover{background:var(--gp-off-white);border-color:var(--gp-border);transform:scale(1.05)}.provider-btn--active{border-color:var(--gp-red)!important;background:rgba(196,1,1,.04);box-shadow:0 0 0 1px var(--gp-red),0 2px 8px rgba(196,1,1,.2)}.provider-btn img{width:100%;height:100%;object-fit:contain}.provider-fallback-label{font-weight:700;color:var(--gp-text);font-size:13px;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;letter-spacing:.02em}@media (max-width:998px){.category-menu .categorey-menu__right .slick-list[data-v-3d1a4f76]{overflow:auto;scrollbar-width:none}.categorey-menu__right .slick-track{width:180%}.categorey-menu__right{width:100%}.game-page{display:block}}@media (max-width:768px){.game-page{padding:0}.lobby-game__search[data-v-7d840824] .category-menu,.lobby-game__search[data-v-7d840824] .search{padding:0 var(--gp-space-sm)}.list-category .txt_list_category .icon,.search__button[data-v-2e590c59]{display:none}.categorey-menu__left{display:none!important}.categorey-menu__wrapper.show-list .categorey-menu__left{display:none!important;width:0!important}.categorey-menu__right{width:100%!important;margin:0;padding:0}.categorey-menu__right .slick-list[data-v-3d1a4f76]{overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch;scrollbar-width:none;width:100%;margin-left:0;padding:0 4px;touch-action:pan-x}.categorey-menu__right .slick-list::-webkit-scrollbar{display:none}.categorey-menu__right .slick-track{display:flex!important;flex-wrap:nowrap!important;width:max-content!important;transform:none!important;transition:none!important;margin:0!important;gap:var(--gp-space-sm);touch-action:pan-x}.categorey-menu__right .slick-slide{display:block!important;width:auto!important;float:none!important}.categorey-menu__right .slick-slider[data-v-3d1a4f76]{touch-action:pan-x pan-y}.game-scrollable-list{gap:var(--gp-space-sm);scrollbar-width:none}.game-scrollable-list-container{padding:var(--gp-space-md);margin:var(--gp-space-sm) 0}.game-card-scrollable{flex:0 0 calc(33.33% - 8px);max-width:none;min-width:100px;border-radius:var(--gp-radius-card);overflow:hidden}.title-box{font-size:15px}}@media (min-width:48em){.category-menu__item>div:hover{background:#fff;color:var(--gp-red);border-color:var(--gp-red);box-shadow:0 0 0 1px var(--gp-red),0 2px 8px rgba(196,1,1,.2)}}@media (max-width:512px){.categorey-menu__right .slick-track{width:220%}}