:root{--headerHeight:4.5rem;--sidebarWidth:4rem;--sidebarWidthExpanded:15rem;--containerWidth:90rem;--footerHeight:3.5rem;--primaryMain-1000:#fbbf24;--primaryDark-1000:#f59e0b;--gunmetal-1000:#1a1d29;--chineseBlack-500:rgba(0,0,0,.5);--darkJungleGreen-1000:#0d1117;--secondaryMain-250:rgba(0,194,142,.25);--secondaryMain-1000:#00c28e;--white-250:hsla(0,0%,100%,.25);--white-1000:#fff;--nickel-1000:#6b7280;--dangerMain-1000:#ef4444;--successMain-1000:#10b981;--warningMain-1000:#f59e0b;--infoMain-1000:#3b82f6;--black-1000:#000;--darkGunmetal-1000:#0f1419;--chineseBlack-1000:#1c1c1c;--darkGray-1000:#9ca3af;--secondaryMain-300:rgba(0,194,142,.3)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-rubik),sans-serif;background-color:var(--lux-black-300);color:var(--white-1000);line-height:1.6;overflow-x:hidden}.page-wrapper{flex:1;margin-left:var(--sidebarWidth);margin-top:var(--headerHeight);padding:0;transition:margin-left .2s ease-in-out;width:calc(100vw - var(--sidebarWidth));max-width:calc(100vw - var(--sidebarWidth));overflow-x:hidden}.main-wrapper{max-width:var(--containerWidth);margin:0 auto;width:100%;padding:1rem}.sidebar-toggle-btn-box{--button-width:2.5rem;--position:calc(var(--button-width) + var(--headerHeight) / 4);width:var(--sidebarWidthExpanded);max-width:var(--sidebarWidthExpanded);height:var(--headerHeight);z-index:51;position:fixed;top:0;left:0}.sidebar-toggle-btn-box,.sidebar-toggle-btn-box .sidebar-toggle-btn{display:flex;justify-content:center;align-items:center;transition:all .2s ease-in-out}.sidebar-toggle-btn-box .sidebar-toggle-btn{width:var(--button-width);min-width:var(--button-width);height:var(--button-width);background:var(--white-1000);border-radius:.625rem;cursor:pointer;padding:.5rem;border:none}.sidebar-toggle-btn-box .sidebar-toggle-btn svg{width:1.25rem;height:1.25rem;fill:var(--gunmetal-1000);transition:all .2s ease-in-out}.sidebar-toggle-btn-box .sidebar-toggle-btn:hover:not(:disabled){transform:scale(.95)}.sidebar-toggle-btn-box .sidebar-toggle-btn:active:not(:disabled){transform:scale(.85)}.sidebar-toggle-btn-box .sidebar-toggle-btn:disabled{opacity:.5;cursor:not-allowed}.sidebar-toggle-btn-box.sidebar-toggle-expand .sidebar-toggle-btn svg{transform:scaleX(-1)}.sidebar-toggle-btn-box.sidebar-toggle-expand .sidebar-toggle-btn:hover:not(:disabled){transform:scale(.95)}.sidebar-toggle-btn-box.sidebar-toggle-expand .sidebar-toggle-btn:active:not(:disabled){transform:scale(.85)}.sidebar-toggle-btn-box.sidebar-toggle-expand .sidebar-toggle-btn:disabled{opacity:.5;cursor:not-allowed}@media screen and (max-width:991.98px){.sidebar-toggle-btn-box{--button-width:2rem;width:3rem;max-width:3rem;justify-content:flex-end}.sidebar-toggle-btn-box .sidebar-toggle-btn{border-radius:.375rem}.sidebar-toggle-btn-box .sidebar-toggle-btn svg{width:1rem;height:1rem}}.sidebar-expanded .page-wrapper{margin-left:var(--sidebarWidthExpanded);width:calc(100vw - var(--sidebarWidthExpanded));max-width:calc(100vw - var(--sidebarWidthExpanded))}.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-container{background-color:var(--gunmetal-1000);border-radius:1rem;padding:2rem;max-width:90vw;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 10px 25px rgba(0,0,0,.3)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-header h2{font-weight:600}.modal-close-btn,.modal-header h2{color:var(--white-1000);font-size:1.5rem}.modal-close-btn{background:none;border:none;cursor:pointer;padding:.5rem}.modal-close-btn:hover{color:var(--secondaryMain-1000)}.custom-tabs .tab-header{display:flex;border-bottom:1px solid var(--chineseBlack-1000);margin-bottom:1.5rem}.custom-tabs .tab-header .tab-button{flex:1;padding:1rem;background:none;color:var(--darkGray-1000);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;border-bottom:2px solid transparent}.custom-tabs .tab-header .tab-button:hover{color:var(--white-1000)}.custom-tabs .tab-header .tab-button.active{color:var(--secondaryMain-1000);border-bottom-color:var(--secondaryMain-1000)}.custom-tabs .tab-content .auth-form-button-box{margin-top:1.5rem}.custom-tabs .tab-content .auth-form-button-box .base-btn{width:100%;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;transition:all .2s ease}.custom-tabs .tab-content .auth-form-button-box .base-btn.primary-btn{background:var(--lux-yellow-100);color:var(--lux-black-100)}.custom-tabs .tab-content .auth-form-button-box .base-btn.primary-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(238,159,19,.3)}.base-btn.primary-btn{color:var(--lux-black-100)!important}.base-btn.primary-btn,.base-btn.primary-btn:after{background:var(--lux-yellow-100)!important}header .auth-btn-box .base-btn,header .navigation-box .base-btn{border-radius:.5rem;font-weight:500;transition:all .2s ease;border:2px solid transparent}header .auth-btn-box .base-btn.primary-btn,header .navigation-box .base-btn.primary-btn{background:var(--secondaryMain-1000);color:var(--white-1000)}header .auth-btn-box .base-btn.primary-btn:hover,header .navigation-box .base-btn.primary-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,194,142,.3)}header .auth-btn-box .base-btn.secondary-btn,header .navigation-box .base-btn.secondary-btn{background:transparent;color:var(--white-1000);border-color:var(--secondaryMain-1000)}header .auth-btn-box .base-btn.secondary-btn:hover,header .navigation-box .base-btn.secondary-btn:hover{background:var(--secondaryMain-1000);color:var(--white-1000)}header .auth-btn-box .walletButton,header .navigation-box .walletButton{background:var(--secondaryMain-1000)!important;border-radius:.375rem;padding:.5rem;transition:all .2s ease}header .auth-btn-box .walletButton svg,header .navigation-box .walletButton svg{width:1rem;height:1rem;fill:var(--white-1000)}header .auth-btn-box .walletButton:hover,header .navigation-box .walletButton:hover{background:var(--primaryMain-1000)!important;transform:scale(.95)}@media screen and (max-width:639.98px){header .auth-btn-box .walletButton,header .navigation-box .walletButton{padding:.375rem}header .auth-btn-box .walletButton svg,header .navigation-box .walletButton svg{width:.875rem;height:.875rem}}header .auth-btn-box .dropdown .dropdown-btn,header .navigation-box .dropdown .dropdown-btn{display:flex;align-items:center;gap:.5rem;background:transparent;border:none;color:var(--white-1000);cursor:pointer}header .auth-btn-box .dropdown .dropdown-btn:hover .walletButton,header .navigation-box .dropdown .dropdown-btn:hover .walletButton{background:var(--primaryMain-1000)!important}@media screen and (max-width:1023.98px){.page-wrapper,.sidebar-expanded .page-wrapper{margin-left:0;width:100vw;max-width:100vw}}.lobby-wrap{width:100%;padding:.5rem 0}.games-slider-section{margin-bottom:1rem}.games-slider-section .games-slider-wrap{width:100%}.games-slider-section .games-slider-wrap .slider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.games-slider-section .games-slider-wrap .slider-header .slider-heading-text{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:600;color:var(--white-1000)}.games-slider-section .games-slider-wrap .slider-header .slider-heading-text .icon-box{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}.games-slider-section .games-slider-wrap .slider-header .slider-heading-text .icon-box img{width:100%;height:100%;object-fit:contain}.embla,.embla .embla__viewport{overflow:hidden}.bonus-banner-section{margin:1rem 0}.bonus-banner-section .bonus-banner-wrap{width:100%}.bonus-banner-section .bonus-banner-wrap .bonus-banner-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.bonus-banner-section .bonus-banner-wrap .bonus-banner-row .bonus-banner-column .bonus-banner-card{background:linear-gradient(135deg,var(--secondaryMain-1000),var(--gunmetal-1000));border-radius:1rem;padding:1.5rem;display:flex;align-items:center;gap:1rem}.bonus-banner-section .bonus-banner-wrap .bonus-banner-row .bonus-banner-column .bonus-banner-card .text-box{flex:1}.bonus-banner-section .bonus-banner-wrap .bonus-banner-row .bonus-banner-column .bonus-banner-card .text-box .title-text{font-size:1.125rem;font-weight:600;margin-bottom:.5rem;color:var(--white-1000)}.bonus-banner-section .bonus-banner-wrap .bonus-banner-row .bonus-banner-column .bonus-banner-card .text-box .subtitle-text{font-size:.875rem;color:var(--white-1000);opacity:.8;margin-bottom:1rem}.bonus-banner-section .bonus-banner-wrap .bonus-banner-row .bonus-banner-column .bonus-banner-card .img-box{width:80px;height:80px;flex-shrink:0}.bonus-banner-section .bonus-banner-wrap .bonus-banner-row .bonus-banner-column .bonus-banner-card .img-box img{width:100%;height:100%;object-fit:contain}@media screen and (max-width:767.98px){.bonus-banner-section{margin:.5rem 0}.bonus-banner-section .bonus-banner-row{grid-template-columns:1fr}.bonus-banner-section .bonus-banner-row .bonus-banner-column .bonus-banner-card{padding:1rem}.bonus-banner-section .bonus-banner-row .bonus-banner-column .bonus-banner-card .img-box{width:60px;height:60px}}.game-card{background-color:var(--onyx-1000);border-radius:.5rem;cursor:pointer;overflow:hidden;position:relative;transition:all .2s ease-in-out}.game-card .game-card-body,.game-card .game-card-body .game-img{width:100%;height:100%}.game-card .game-card-body .game-img img{width:100%;max-width:100%;height:100%}.game-card .game-card-overlay{width:100%;height:100%;background:var(--primaryDark-800);border:2px solid var(--primaryLight-1000);border-radius:inherit;display:flex;justify-content:center;align-items:center;opacity:0;box-shadow:0 0 10px var(--primaryLight-1000) inset;position:absolute;inset:0;transform:scale(0);transform-origin:center;transition:all .2s ease-in-out}.game-card .game-card-overlay .favorite-btn{opacity:0;padding:.5rem;position:absolute;top:.25rem;left:.25rem;transform:scale(0);transition:all .3s ease-in-out}.game-card .game-card-overlay .favorite-btn:before{border-width:1px}.game-card .game-card-overlay .favorite-btn svg{width:.875rem;min-width:.875rem;height:.875rem}.game-card .game-card-overlay .play-btn{width:40%;aspect-ratio:1/1;display:flex;justify-content:center;align-items:center;opacity:0;padding:2px;margin:auto;transform:scale(0);transition:all .3s ease-in-out}.game-card .game-card-overlay .play-btn svg{width:100%;height:100%;fill:var(--white-1000)}.game-card:hover{transform:translateY(-.5rem)}.game-card:hover .game-card-overlay,.game-card:hover .game-card-overlay .favorite-btn,.game-card:hover .game-card-overlay .play-btn{opacity:1;transform:scale(1)}