*{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/e33f0d7839ce1ad8.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:none 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/e7066a9114b43e09.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}}
body{background:#e3e3e3;color:#666}body>svg{display:none}.site{background:#fff;color:#666}.download{background:#ff5a00}.download>button{color:#565656}.download-art{width:227px}.download-button{background:#074c96;color:white}header{background:#fff}.logo{width:164px}.logo img{width:164px;height:55px;object-fit:contain}.search{color:#777}.hero{border-radius:22px}.slide{aspect-ratio:3.38}.dots button{width:6px;height:6px;padding:0;border-radius:50%;background:#ffffff88}.dots .active{width:14px;background:#fff;border-radius:5px}.brands{margin-top:18px}.notice{color:#777}.notice>img{width:24px;height:24px;object-fit:contain}.jackpot{background-image:url('/assets/e33f0d7839ce1ad8.webp');margin:0 0 12px}.jackpot-number i{background-image:url('/assets/d07404b5f69e1e10.webp')}.login{border:1px solid #1677ff;color:#1677ff}.register{background:#1677ff;color:white;box-shadow:none;border-color:#1677ff}.register:before{background:#10c800}.quick{color:#888}.quick-actions{margin-bottom:18px}.categories-wrap{position:sticky;top:97px;background:#fff;z-index:25;border-bottom:1px solid #eee;margin:0 -1px 12px}.categories{display:flex;overflow:auto;scrollbar-width:none;height:46px;align-items:center;gap:20px;padding:0 6px}.categories a{display:flex;align-items:center;gap:5px;flex-shrink:0;color:#999;font-size:14px;white-space:nowrap}.categories img{width:30px;height:24px;object-fit:contain}.categories svg{width:23px;height:23px;fill:#888}.games{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 30px;padding:0 9px}.poster{aspect-ratio:1;border-radius:12px}.game-name{color:#777;line-height:16px;height:32px}.favorite{background-image:url('/assets/e7066a9114b43e09.webp');width:20px;height:20px}.recommend{position:absolute;top:0;left:0;width:27px;height:22px;background:url('/assets/60e485d3a752f42f.webp') center/contain no-repeat}.expand{color:#999;text-align:center;font-size:16px;margin:15px 0 18px}.expand span{color:#1677ff}.provider-section{border-top:1px solid #e5e5e5;padding-top:18px;margin-top:20px}.section-title strong{color:#444;font-size:20px}.section-title>span{margin-left:auto;color:#999;font-size:14px}.providers{padding:0 16px;gap:13px}.provider img{aspect-ratio:2.57}.institutional{background:#f8f8f8;color:#666}.institutional h1{color:#ff5a00}.institutional h2{color:#333}.institutional h3{color:#555}footer{background:#f7f7f7;color:#888}.footer-columns span{display:block;margin-bottom:9px}.socials img{object-fit:contain}.bottom{background:#fff;color:#999}.bottom .active{color:#1677ff}.bottom a:nth-child(3):after{content:'+0,5%';position:absolute;top:-5px;right:7px;background:#ec5646;color:white;font-size:11px;padding:0 3px;border-radius:4px}.bottom a:nth-child(4):after{display:none}.floating button{background:#777b;color:white}.provider-section{scroll-margin-top:153px}.popular{scroll-margin-top:153px}@media(max-width:420px){.logo,.logo img{width:150px}.download-art{width:61%}.games{gap:13px 18px;padding-inline:5px}.game-name{font-size:10px;height:28px;line-height:13px}.poster{border-radius:10px}.favorite{width:17px;height:17px}.recommend{width:22px;height:18px}.categories{gap:13px}.categories a{font-size:12px}.categories img{width:26px;height:22px}.providers{padding:0 10px}.section-title strong{font-size:18px}.quick-actions{margin-bottom:15px}}@media(prefers-reduced-motion:reduce){.marquee{animation:none}.track{transition:none}}
