.header-bar{z-index:1;justify-content:space-between;align-items:center;height:60px;margin-top:20px;margin-bottom:20px;margin-left:40px;padding-left:100px;padding-right:15px;display:flex;position:relative}.header-left{align-items:center;display:flex}.logo-container{cursor:pointer;max-width:200px}.logo-image-size{object-fit:contain;max-width:100%;height:auto;max-height:35px}.header-right{align-items:center;display:flex}.theme-toggle-button{cursor:pointer;color:#989fb4;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;transition:background-color .3s;display:flex}.theme-toggle-button:hover{color:#5a5a5a;background-color:#f0f0f0}.theme-dropdown{z-index:1001;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;width:220px;padding:8px 0;position:absolute;top:60px;right:20px;box-shadow:0 4px 12px #00000026}.theme-option{cursor:pointer;align-items:center;padding:10px 16px;transition:background-color .3s;display:flex}.theme-option:hover{background-color:#f5f5f5}.theme-option.active{background-color:#e8f4fd}.theme-option .theme-icon{margin-right:12px;font-size:18px}.theme-option span{flex-grow:1;font-size:14px;font-weight:500}.theme-option .fa-check-circle{color:#2196f3;font-size:14px}.login-button{cursor:pointer;color:#fff;background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:contain;border:none;justify-content:center;align-items:center;width:120px;height:40px;padding:0;font-size:14px;font-weight:600;display:flex}body.dark .theme-toggle-button:hover{background-color:#2d2d3d}body.dark .theme-dropdown{background-color:#1e1e2d;border-color:#2d2d3d}body.dark .theme-option:hover{background-color:#2d2d3d}body.dark .theme-option.active{background-color:#252540}.member-info{flex-direction:column;width:100%;max-width:180px;display:flex}.member-info-item{justify-content:space-between;align-items:center;width:92%;display:flex}.member-icon{color:#989fb4;font-size:13px}.member-text{text-align:right;font-size:14px;font-weight:600}.balance-link{cursor:pointer;font-weight:700;text-decoration:none;color:#2ecc71!important}.wallet-modal-overlay{z-index:9999;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.wallet-modal{text-align:center;background:#fff;border-radius:12px;min-width:280px;padding:30px 40px}.wallet-icon{border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 14px;font-size:38px;font-weight:700;display:flex}.wallet-icon.success{color:#22c55e;border:4px solid #22c55e}.wallet-icon.error{color:#ef4444;border:4px solid #ef4444}.wallet-ok-btn{color:#fff;cursor:pointer;background:#2879dc;border:none;border-radius:6px;margin-top:16px;padding:8px 20px}.loader{border:4px solid #eee;border-top-color:#2879dc;border-radius:50%;width:40px;height:40px;margin:0 auto 12px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.theme-dropdown{background:#fff;border:none;border-radius:10px;padding:6px;box-shadow:0 8px 25px #00000026}body.dark .theme-dropdown{background:#111827}body.dark .member-text{color:#fff}.theme-option{color:#1f2933;border-radius:8px;align-items:center;gap:10px;padding:10px 14px;font-weight:600;display:flex}body.dark .theme-option{color:#fff}.theme-option:hover{background:#f3f4f6}body.dark .theme-option:hover{background:#1f2933}.theme-option.active{color:#2563eb;background:#f1f5f9}body.dark .theme-option.active{color:#60a5fa;background:#1f2933}.theme-icon{font-size:18px}.theme-option .fa-check-circle{color:#2563eb;margin-left:auto}body.dark .theme-option .fa-check-circle{color:#60a5fa}.wallet-modal p{color:#000!important}body.dark .logo-container{filter:none!important}.hamburger{flex-direction:column;gap:3px;display:flex}.hamburger span{background:#a2a1a1;width:20px;height:4px}.hamburger span:first-child{background:#000}body.dark .hamburger span,body.dark .hamburger span:first-child{background:#fff}@media (max-width:991px){.header-bar{margin-top:0;margin-bottom:0;margin-left:0;padding:0 10px}.app-container{min-height:100vh;display:flex}.main-content{flex-grow:1}.logo-container{max-width:150px}.logo-image-size{max-height:18px;margin-left:6px}.login-button{background-size:90%}.theme-dropdown{width:220px;height:100px;top:55px;right:15px}.member-text{font-size:13px;font-weight:800}.member-icon{font-size:13px;color:#2879dc!important}}
.aside{color:#000;z-index:10;background:#fff;width:100px;height:100vh;transition:transform .3s;position:fixed;top:0;left:0;box-shadow:0 2px 15px #0000001a}.aside-extended{height:100%}.sidebar-container{flex-direction:column;width:100%;height:100%;display:flex}.navigation{width:100%;padding:3.25px 0}.nav-grid{flex-direction:column;align-items:center;width:100%;display:flex}@media (max-width:991px){.nav-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.navigation{padding:32.5px 0}}.nav-item{flex-direction:column;width:100%;padding:5px 0;display:flex}.nav-item a,.nav-item button{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;width:100%;padding:6.5px 13px;text-decoration:none;display:flex}.nav-item img{width:25px;height:25px;margin-top:4px}.nav-item div{font-size:13px}body.light .nav-item div{color:var(--nav-text-light-default)}body.dark .nav-item div{color:var(--nav-text-dark-default)}.language-selector{flex-direction:column;align-items:center;width:100%;padding:5px 0;display:flex}.language-selector button{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;width:100%;display:flex}.language-selector img{border-radius:50%;width:25px;height:25px;margin-bottom:4px}.language-selector div{margin-top:4px;font-size:12px}@media (max-width:991px){.language-selector img{border-radius:50%;width:33px;height:33px;margin-bottom:4px}.language-selector div{margin-top:4px;font-size:14px}}.divider-line{border:none;width:100%;height:1px;margin:0}.game-categories{border-top:1px solid #e5e5e5;flex-grow:1;width:100%;min-height:0;margin-left:0;padding:0 16.25px;overflow-y:auto}.game-categories ul{flex-direction:column;align-items:center;display:flex}.game-categories li{text-align:center;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:10px 5px;display:flex}.game-categories li:hover{background-color:#0000}.game-categories li img{width:25px}.game-categories li span{margin-bottom:3.25px;font-size:13px}.game-categories li svg{display:none}@media (max-width:991px){.game-categories ul{align-items:stretch}.game-categories li{text-align:left;flex-direction:row;justify-content:space-between;padding:10px 0}.game-categories li img{width:40px;margin-bottom:0}.game-categories li span{text-align:left;flex-grow:1;margin-top:3.25px;margin-left:16.25px;font-size:14px}.game-categories li svg{display:block}}.language-dialog{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.language-dialog h3{margin-top:0;margin-bottom:15px}.language-option:hover{background-color:#f5f5f5}@media (max-width:991px){.aside{width:300px;transform:translate(-100%)}.aside.open{transform:translate(0)}.game-categories{border-bottom:none;flex:1;padding:16.25px;overflow-y:auto}.nav-item img{width:40px;height:40px;margin-top:0}.nav-item div{margin-top:3.25px;font-size:14px}.game-categories li{justify-content:space-between}.game-categories li span{font-size:14px}}.sidebar-overlay{z-index:9;background:#0000004d;position:fixed;inset:0}@media (min-width:992px){.sidebar-overlay{display:none}}body.dark .aside{color:#fff;background:#000}.aside{overflow-x:hidden}.game-categories{margin-left:0;overflow-x:hidden}.navigation{flex-direction:column;display:flex}.game-categories{flex:auto}.nav-item.logout button{flex-direction:column;justify-content:center;padding-left:0}@media (max-width:991px){.nav-item.logout button{flex-direction:row;justify-content:flex-start;padding-left:25px}}
.language-dialog{z-index:100001;background:#00000059;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog-content{background:#fff;border-radius:16px;width:32em;max-width:90%;padding:20px}.language-list{margin:0;padding:0;list-style:none}.language-item{cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:16px 18px;transition:all .2s;display:flex}.language-item:hover{background:#f5f9ff}.language-item.selected{background:#f9fcff;border:1px solid #cfe3ff}.language-left{align-items:center;gap:12px;display:flex}.flag-icon{object-fit:cover;border-radius:50%;width:36px;height:36px}.language-name{color:#000;font-size:18px;font-weight:500}.language-right{align-items:center;display:flex}.check-icon{color:#4caf50;font-size:22px}.radio-circle{border:2px solid #ddd;border-radius:50%;width:22px;height:22px}