.art-0{background-image:url("game-101-okey.webp")!important}.art-1{background-image:url("game-okey.webp")!important}.art-2{background-image:url("game-canak.webp")!important}.art-3{background-image:url("game-tavla.webp")!important}.art-4{background-image:url("game-satranc.webp")!important}.art-5{background-image:url("game-batak.webp")!important}
.logo-image{width:190px;height:54px;display:flex;align-items:center}.logo-image picture,.logo-image img{display:block;max-width:100%;max-height:52px;width:auto;height:auto;object-fit:contain}
.mobile-menu-button{display:none;width:42px;height:42px;border:1px solid #2d4669;border-radius:10px;background:#101a2d;padding:10px;cursor:pointer}.mobile-menu-button span{display:block;height:2px;margin:4px 0;border-radius:2px;background:#f4f7ff;transition:transform .2s ease,opacity .2s ease}
@media(min-width:761px){.top,main,footer{max-width:1280px}.top{height:64px}.hero{min-height:330px}.game-art{height:132px}.dashboard-grid{grid-template-columns:1.05fr 1fr .72fr 1.18fr}}
@media(max-width:760px){body{background:#030713}.logo-image{width:min(54vw,190px);height:48px}.logo-image picture{width:100%}.logo-image img{width:100%;max-height:46px;object-position:left center}.top{max-width:390px;margin:auto;border:1px solid #243756;border-bottom:0;position:sticky}.top .logo{font-size:26px}.top-actions{margin-left:auto}.mobile-menu-button{display:block;margin-left:9px;flex:0 0 42px}.top.menu-open .mobile-menu-button span:nth-child(1){transform:translateY(6px) rotate(45deg)}.top.menu-open .mobile-menu-button span:nth-child(2){opacity:0}.top.menu-open .mobile-menu-button span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.top nav{display:none;position:absolute;top:63px;left:8px;right:8px;height:auto;margin:0;padding:8px;background:#081226f7;border:1px solid #2a4164;border-radius:0 0 14px 14px;box-shadow:0 18px 38px #000b;z-index:40}.top.menu-open nav{display:grid}.top nav a{padding:12px 14px;border:0;border-bottom:1px solid #1e304d;font-size:13px}.top nav a:last-child{border-bottom:0}.hero{min-height:250px;border-radius:0 0 12px 12px;background-position:64% center}.hero-copy{padding-top:30px}.hero h1{font-size:30px;max-width:230px}.hero-copy .online{position:absolute;top:8px;left:10px}.games-panel{margin-top:8px}.game-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.game-card{padding:4px}.game-art{height:72px}.game-card h3{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-card small{font-size:8px}.go{width:20px;height:20px;font-size:17px;right:4px;bottom:4px}.dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.dashboard-grid .live{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.dashboard-grid .live .section-head{grid-column:1/-1}.live-row{display:grid;grid-template-columns:1fr;text-align:center;padding:5px;gap:3px;border:1px solid #263c5d;border-radius:9px}.live-row .mini-art{margin:auto;width:52px;height:52px}.live-row b{font-size:9px}.live-row small{font-size:8px}.live-row a{display:none}.dashboard-grid .leaders{grid-column:1/-1}.feature{min-height:155px;padding:8px}.feature h2{font-size:11px}.feature>a{font-size:9px;padding:8px 3px}.gift{font-size:48px}.account{display:none}main{max-width:390px;margin:auto}.mobile-nav{max-width:390px;margin:auto}.section-head h2{font-size:12px}}