*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px;scrollbar-width:none}body{margin:0;background:#298061;color:#c1ddcf;font:14px Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}img{display:block;max-width:100%}.site{max-width:486px;margin:auto;background:#194c3c;min-height:100vh;padding-bottom:80px}.sticky{position:sticky;top:0;z-index:30}.download{height:39px;background:#ff1600;display:flex;align-items:center;gap:10px;padding:0 7px}.download>button{font-size:25px;padding:0 5px;color:#448754}.download-art{width:227px}.download-button{margin-left:auto;background:#24a162;color:white;padding:7px 9px;border-radius:4px;font-size:10px}header{height:58px;background:#22674b;display:flex;align-items:center;justify-content:space-between;padding:0 8px}.logo{width:269px}.search{text-align:center;width:75px}.search img{width:35px;height:31px;object-fit:contain;margin:auto}.search span{display:block;font-size:14px}main{padding:13px 13px 0}.hero{position:relative;border-radius:8px;overflow:hidden}.track{display:flex;transition:transform .5s ease;touch-action:pan-y}.slide{min-width:100%;aspect-ratio:3.36}.slide img{width:100%;height:100%;object-fit:cover}.dots{position:absolute;bottom:7px;left:50%;display:flex;gap:6px;transform:translateX(-50%)}.dots i{width:6px;height:6px;border-radius:50%;background:#ffffff88}.dots .active{background:white;width:14px;border-radius:5px}.brands{display:flex;gap:13px;overflow:auto;scrollbar-width:none;margin:18px 0 9px}.brand{flex:0 0 58px}.brand img{width:58px;height:58px;border-radius:7px}.notice{display:flex;gap:8px;align-items:center;height:42px}.speaker{width:24px}.notice-window{flex:1;overflow:hidden}.marquee{white-space:nowrap;width:max-content;animation:marquee 24s linear infinite}.message{position:relative;width:38px}.message:after{content:'23';position:absolute;top:-8px;right:0;background:#ec5043;color:#fff;border-radius:3px;font-size:12px;padding:1px 4px}@keyframes marquee{from{transform:translateX(15%)}to{transform:translateX(-100%)}}.jackpot{position:relative;width:100%;aspect-ratio:4.225;background:url('/assets/b371fc7a8d159d3d.webp') center/100% 100% no-repeat;margin:6px 0 12px}.jackpot-number{--digit:19px;position:absolute;top:48%;left:50%;transform:translateX(-50%);display:flex;height:31px}.jackpot-number i{display:block;width:var(--digit);height:31px;background:url('/assets/c2fb9f3f318fd8e2.webp') no-repeat;background-size:calc(var(--digit)*19) 31px;background-position:calc(var(--x)*var(--digit)*-1) 0}.jackpot-number i.punct{width:calc(var(--digit)*.5)}.quick-actions{display:flex;align-items:center;gap:9px;margin:6px 0 19px;height:48px}.login,.register{width:80px;height:35px;display:flex;align-items:center;justify-content:center;border:1px solid #cdbb32;color:#ffdf25;border-radius:6px;flex-shrink:0;font-size:11px}.register{background:#ffd41c;color:#275a3a;box-shadow:0 0 0 4px #9a9b3677;position:relative}.register:before{content:'0,1-15';position:absolute;top:-13px;right:-4px;background:#19c800;color:white;font-size:12px;border-radius:4px;padding:1px 3px}.quick{flex:1;text-align:center;white-space:nowrap;font-size:12px}.quick img{width:37px;height:32px;object-fit:contain;margin:0 auto 3px}.catalog{display:grid;grid-template-columns:98px minmax(0,1fr);gap:13px}.side-nav{position:sticky;top:110px;align-self:start;display:flex;flex-direction:column;gap:12px}.side-nav a{height:46px;background:linear-gradient(#226d53,#1b604b);border-radius:9px;display:flex;align-items:center;gap:7px;padding:0 5px;font-size:12px}.side-nav img{width:31px;height:23px;object-fit:contain}.game-tabs{height:46px;border-bottom:2px solid #2b6953;display:flex;justify-content:space-between;margin-bottom:12px}.game-tabs button{padding:0 10px;position:relative;font-size:14px;color:white}.game-tabs .active{color:#ffdd1a}.game-tabs .active:after{content:'';position:absolute;height:2px;background:#ffdc20;bottom:0;left:10px;right:10px}.games{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 20px;padding:0 6px}.game{min-width:0;text-align:center;display:block}.poster{position:relative;aspect-ratio:1;overflow:hidden;border-radius:12px}.poster img{height:100%;width:100%;object-fit:cover}.favorite{position:absolute;top:4px;right:3px;width:21px;height:21px;background:url('/assets/ae8fca8c1d36481c.webp') center/contain no-repeat}.game-name{display:block;font-size:12px;line-height:15px;height:30px;margin-top:6px;color:#c5dfd0;overflow:hidden}.expand{display:block;text-align:center;font-size:16px;color:#82b39e;margin:13px 0 18px}.expand b{color:#ffdc22;font-weight:400}.provider-section{border-top:1px solid #2d755a;margin-top:16px;padding-top:18px}.section-title{display:flex;align-items:center;gap:8px;margin-bottom:18px}.section-title img{width:31px;height:23px;object-fit:contain}.section-title strong{font-size:18px;font-weight:400;color:white}.section-title a{margin-left:auto;color:#85bba3}.providers{display:flex;flex-direction:column;gap:13px;padding:0 6px}.provider{display:block;border-radius:9px;overflow:hidden}.provider img{width:100%;aspect-ratio:2.57;object-fit:cover}.institutional{padding:16px;margin-top:22px;border-radius:9px;background:#22674b;font-size:14px;line-height:1.6}.institutional h1{font-size:26px;color:#ffe124}.institutional h2{font-size:20px;color:white;margin:22px 0 8px}.institutional h3{font-size:16px;color:#e0eeda;margin:12px 0 5px}.institutional p{margin:6px 0}footer{background:#22674b;margin:16px -13px 0;padding:20px 13px;color:#a1c7b3;line-height:1.5}.footer-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.footer-columns a,.footer-columns strong{display:block;margin-bottom:9px;font-weight:400}.socials{display:flex;gap:12px}.socials img{width:45px;height:45px}.bottom{position:fixed;bottom:0;left:50%;transform:translateX(-50%);max-width:486px;width:100%;height:80px;background:#22674b;display:flex;z-index:40;padding-top:10px}.bottom a{width:20%;text-align:center;font-size:14px;position:relative}.bottom svg{display:block;width:33px;height:33px;fill:currentColor;margin:0 auto 5px}.bottom .active{color:#ffe128}.bottom a:nth-child(2) img{width:65px;height:65px;position:absolute;top:-17px;left:50%;transform:translateX(-50%)}.bottom a:nth-child(2) span{display:block;padding-top:38px}.bottom a:nth-child(4):after{content:'0,1-15';position:absolute;top:-6px;right:2px;background:#12d500;color:white;padding:1px 3px;border-radius:4px;font-size:12px}.floating{position:fixed;right:max(calc((100vw - 486px)/2),0px);bottom:100px;z-index:35}.floating>div{position:relative;width:78px;height:78px}.floating img{width:100%;height:100%;object-fit:contain}.floating button{position:absolute;top:-5px;left:0;background:#1a483cc9;border-radius:50%;font-size:20px;width:22px;height:22px;padding:0}@media(max-width:420px){.logo{width:58%}.search{width:60px}.download-art{width:61%}.catalog{grid-template-columns:78px minmax(0,1fr);gap:10px}.side-nav a{height:40px;font-size:10px;gap:3px;padding:0 3px}.side-nav img{width:25px;height:20px}.side-nav{gap:10px}.quick-actions{gap:6px}.login,.register{width:62px;height:29px;font-size:10px}.quick{font-size:10px}.quick img{width:29px;height:26px}.games{gap:13px 12px;padding:0 3px}.game-name{font-size:10px;line-height:13px;height:26px}.poster{border-radius:9px}.game-tabs button{padding:0 5px;font-size:12px}.section-title strong{font-size:15px}.section-title{gap:4px}.expand{font-size:13px}.bottom{height:74px}.bottom a{font-size:12px}.site{padding-bottom:74px}.jackpot-number{--digit:15px;height:25px}.jackpot-number i{height:25px;background-size:calc(var(--digit)*19) 25px}.bottom a:nth-child(2) img{width:57px;height:57px;top:-13px}.floating>div{width:64px;height:64px}.favorite{width:17px;height:17px}.brand{flex-basis:48px}.brand img{width:48px;height:48px}.brands{gap:11px}.notice{font-size:12px}}
/* Reference proportions and floating shortcuts */
.jackpot{margin-top:0}.quick-actions{margin-bottom:13px}.floating{bottom:100px;display:flex;flex-direction:column;gap:12px}.floating-left{right:auto;left:max(calc((100vw - 486px)/2 + 5px),5px)}.floating-right{right:max(calc((100vw - 486px)/2 + 5px),5px)}.floating button{left:auto;right:0}.slide{aspect-ratio:3.4}.socials img{object-fit:contain}.speaker{height:24px;object-fit:contain}@media(max-width:420px){.floating{gap:10px;bottom:90px}}
