@font-face{font-family:Artegra;src:url('../fonts/ArtegraSans_Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Artegra;src:url('../fonts/ArtegraSans_Bold.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--bg:#001b15;--bg2:#00271f;--panel:#00392e;--panel2:#004737;--green:#06ca66;--mint:#8ce6c8;--gold:#f5c67c;--gold2:#d99938;--text:#effffb;--muted:#9bc9bc;--line:#0d5d4c;--left:208px;--top:72px;}
*{box-sizing:border-box}html{scrollbar-color:#075844 #00110d}body{margin:0;background:radial-gradient(circle at 55% 0,#052a22 0,#001d17 36%,#00110d 100%);color:var(--text);font-family:Artegra,Arial,sans-serif;overflow-x:hidden}.topbar{position:fixed;z-index:50;top:0;left:0;right:0;height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;background:linear-gradient(180deg,#02140f 0,#06110fdd 75%,#06110f00);backdrop-filter:blur(4px)}.brand-left{display:flex;align-items:center;gap:20px}.hamb{width:32px;height:32px;border:0;background:transparent;display:grid;gap:5px;padding:5px;cursor:pointer}.hamb span{display:block;width:25px;height:3px;border-radius:8px;background:#b5ded2}.logo img{width:84px;height:auto}.auth{display:flex;gap:14px;align-items:center}.btn{height:38px;border-radius:17px;padding:0 26px;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:800;text-decoration:none}.btn.ghost{border:1px solid #caa564;color:#fff;background:#00130f}.btn.gold{background:linear-gradient(#ffe5b4,#b67b2b);color:#08110e;box-shadow:0 7px 18px #bd7c2480}.sidebar{position:fixed;z-index:40;left:0;top:72px;bottom:0;width:var(--left);padding:8px 10px 16px;background:linear-gradient(180deg,#001b15 0,#001b15 65%,#00120e 100%);overflow:auto}.side-inner{display:flex;flex-direction:column;gap:8px}.side-promo{height:66px;border-radius:14px;background:linear-gradient(100deg,#2b004e,#8d22f5);border:1px solid #7e2edb;display:flex;align-items:center;overflow:hidden;text-decoration:none;color:#fff;font-weight:900;font-size:13px;line-height:1.1}.side-promo img{width:48px;height:62px;object-fit:cover;object-position:top;border-radius:10px;margin-right:8px}.side-link{height:42px;display:flex;align-items:center;gap:12px;color:#b8d5cf;text-decoration:none;font-size:16px;font-weight:700}.side-link:hover{color:#fff}.side-link img{width:25px;height:25px;object-fit:contain}.side-sep{height:1px;background:linear-gradient(90deg,#0b5b49,#e4c05f55,#0b5b4900);margin:10px 0}.page{margin-left:var(--left);min-height:100vh;padding:0 16px 60px}.hero{position:relative;min-height:590px;margin:0 -16px 22px;overflow:hidden;background:#00150f}.hero-bg{position:absolute;inset:0;background-image:linear-gradient(180deg,#00110d00 0,#00110d00 58%,#00110d 100%),url('../img/hero-bg.avif');background-size:cover;background-position:center top}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#00170f 0%,#00170f00 28%,#00170f00 70%,#00170f 100%)}.hero-person{position:absolute;z-index:2;left:50%;top:72px;transform:translateX(-50%);height:min(480px,44vw);width:auto;filter:drop-shadow(0 20px 40px #000a)}.hero-cards{position:absolute;z-index:5;left:7%;right:7%;bottom:35px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.hero-card{height:120px;border-radius:22px;background:linear-gradient(180deg,#003d31,#002d24);border:1px solid #00785e;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:8px;padding:0 18px 20px;text-align:center;color:#d7efe9;font-weight:800;text-decoration:none}.hero-card img{height:108px;margin-top:-58px;object-fit:contain;filter:drop-shadow(0 12px 12px #0007)}.chips{position:relative;z-index:6;display:flex;align-items:center;gap:12px;overflow-x:auto;margin-top:-12px;padding:0 0 12px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{height:38px;border-radius:22px;background:#00352c;border:1px solid #0b6b57;color:#d8f3ef;display:inline-flex;align-items:center;gap:10px;padding:0 24px;text-decoration:none;white-space:nowrap;font-weight:700;box-shadow:inset 0 0 0 1px #00362b}.chip img{width:23px;height:23px;object-fit:contain}.chip.search{width:42px;padding:0;justify-content:center;background:linear-gradient(#e0b563,#b8752a);color:#08110e;font-size:30px;line-height:1}.games-section{margin:18px 0 28px}.section-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 16px}.section-head h2{display:flex;align-items:center;gap:10px;margin:0;color:#fff;font-size:22px;line-height:1;font-weight:900;text-shadow:0 2px 8px #000}.section-head h2 img{width:27px;height:27px;object-fit:contain}.emoji{font-size:24px}.head-actions{display:flex;align-items:center;gap:10px}.see-all{height:40px;border-radius:20px;border:1px solid #00664e;background:#002b22;color:#d3fff4;text-decoration:none;display:flex;align-items:center;gap:10px;padding:0 20px;font-weight:700}.see-all b{background:#00764d;color:#dffff6;border-radius:11px;padding:2px 8px}.arrow{width:42px;height:42px;border-radius:50%;background:#00352b;border:1px solid #00644f;color:#b7fff0;font-size:25px;cursor:pointer}.cards-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(158px,1fr);grid-auto-columns:clamp(150px,13vw,220px);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 0 6px;scrollbar-width:none}.cards-row::-webkit-scrollbar{display:none}.game-card{position:relative;aspect-ratio:287/193;border-radius:15px;overflow:hidden;background:#00352b;border:1px solid #006950;scroll-snap-align:start;text-decoration:none;box-shadow:0 10px 24px #0005}.game-card img{width:100%;height:100%;object-fit:cover;transition:.2s}.game-card:hover img{transform:scale(1.04)}.game-info{position:absolute;right:8px;bottom:8px;width:18px;height:18px;border-radius:50%;background:#e6fff8cc;color:#07654f;display:grid;place-items:center;font-size:12px;font-weight:900}.tag{position:absolute;left:8px;top:8px;background:#1e2829e6;color:#fff;border-radius:9px;padding:3px 8px;font-size:12px;font-weight:900}.smalltag{background:#063f31;color:#49f17b}.app-banner{margin:18px 0 22px;border-radius:18px;overflow:hidden}.app-banner a{display:block;position:relative}.app-banner img{width:100%;height:auto;display:block}.app-button{position:absolute;left:7.5%;bottom:28%;width:220px;height:44px;border-radius:22px;background:linear-gradient(#ffe8bd,#bd842d);color:#08110e;display:grid;place-items:center;font-size:13px;font-weight:900}.ticker{border-top:1px solid #e0c36d8c;border-bottom:1px solid #e0c36d55;min-height:45px;display:flex;align-items:center;gap:12px;overflow:hidden;white-space:nowrap;margin:18px 0;color:#dffff6}.ticker span{display:inline-flex;align-items:center;gap:6px;min-width:150px;max-width:190px;overflow:hidden;text-overflow:ellipsis}.ticker img{width:38px;height:38px;border-radius:50%;object-fit:cover}.ticker b{color:#e4d38a}.crown{color:#e3c16b!important;font-size:20px;min-width:auto!important}.tour-card{min-height:190px;border-radius:18px;background:linear-gradient(90deg,#00352dee,#00271fcc),radial-gradient(circle at 85% 20%,#51be82 0 10%,#0000 28%),linear-gradient(105deg,#003427,#001b15);border:1px solid #065242;position:relative;overflow:hidden;padding:34px}.tour-card:after{content:"";position:absolute;right:0;bottom:0;width:45%;height:100%;background:radial-gradient(circle at 70% 55%,#fff6 0 5%,#0000 9%),linear-gradient(110deg,#0000,#0c5b45)}.tour-card b{font-size:30px;color:#25df72}.tour-card p{font-weight:800}.count{display:flex;gap:8px}.count span{background:#004c3d;border-radius:8px;padding:8px 10px;font-weight:900}.mini-btn{display:inline-flex;margin-top:18px;padding:12px 24px;border-radius:19px;background:linear-gradient(#ffe9bc,#bd842d);color:#07110e;text-decoration:none;font-weight:900;font-size:12px}.hall-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.big-win>div,.coef{background:#003529;border:1px solid #096047;border-radius:15px}.big-win p,.coeffs p{font-size:20px;font-weight:900}.big-win>div{min-height:210px;position:relative;display:grid;grid-template-columns:30% 1fr;gap:24px;align-items:center;padding:12px 20px;background-color:#00372b;background-image:repeating-linear-gradient(0deg,#0000 0 22px,#064e3d 23px),repeating-linear-gradient(90deg,#0000 0 22px,#064e3d 23px)}.big-win img{width:100%;border-radius:12px}.big-win strong{font-size:48px}.big-win span,.big-win em{grid-column:2;color:#ddfff4;font-style:normal;font-size:18px}.big-win em{display:inline-block;background:#004d38;border-radius:17px;padding:8px 14px;width:max-content}.coeffs{display:grid;gap:10px}.coef{display:grid;grid-template-columns:62px 1fr auto;align-items:center;gap:12px;padding:9px 14px}.coef img{width:54px;height:54px;border-radius:9px;object-fit:cover}.coef small{color:#20dc90}.coef b{color:#1ed66f}.random-wrap{position:relative;border-top:1px solid #c7b36299;border-bottom:1px solid #c7b36255;padding:26px 0}.random-btn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;min-width:190px;height:50px;border-radius:24px;background:linear-gradient(#ffe7bf,#bd842f);color:#08110e;display:grid;place-items:center;font-size:14px;font-weight:900;text-decoration:none;box-shadow:0 12px 24px #0007}.pointer{position:absolute;left:50%;transform:translateX(-50%);width:0;height:0;border-left:18px solid transparent;border-right:18px solid transparent}.pointer.top{top:-2px;border-top:0;border-bottom:50px solid #ffefcf}.pointer.bottom{bottom:-2px;border-bottom:0;border-top:50px solid #ffefcf}.text-block{border-top:1px solid #0a5a47;padding:28px 0 30px;color:#b8eee1}.text-block h1{font-size:28px;color:#fff;margin:0 0 18px;font-weight:900}.text-block p{max-width:1360px;line-height:1.6;font-size:16px}.hidden-text{display:none}.hidden-text.open{display:block}.expand{display:block;margin:18px auto 0;border:1px solid #0b7d64;background:#003226;color:#dffff6;border-radius:16px;padding:8px 18px;cursor:pointer}.footer{display:grid;grid-template-columns:1.4fr .7fr .7fr 220px;gap:36px;padding:35px;border-radius:20px 20px 0 0;background:#003528;color:#bdede2}.age{width:48px;height:48px;border-radius:50%;border:2px solid #bdebe4;display:grid;place-items:center;font-weight:900}.legal{display:grid;grid-template-columns:60px 1fr;gap:14px}.foot-col{display:grid;gap:7px;align-content:start}.foot-col h3{margin:0 0 10px;color:#dffff6}.foot-col a{color:#9edcd0;text-decoration:none;font-weight:700}.android{align-self:start;background:#000;border-radius:10px;color:#fff;text-decoration:none;padding:16px 20px;font-weight:900}.chat{position:fixed;right:26px;bottom:26px;width:56px;height:56px;border-radius:50%;background:#08c446;color:white;display:grid;place-items:center;text-decoration:none;z-index:70;font-size:0}.chat:before{content:"";width:22px;height:22px;border:4px solid #fff;border-radius:6px;display:block}.mobile-nav{display:none}@media(max-width:1180px){:root{--left:0}.sidebar{transform:translateX(-100%)}.page{margin-left:0;padding-left:14px;padding-right:14px}.hero{margin-left:-14px;margin-right:-14px}.hero-cards{left:4%;right:4%;grid-template-columns:repeat(4,1fr)}.hero-card{height:105px}.hero-card img{height:92px}.cards-row{grid-auto-columns:210px}.footer{grid-template-columns:1fr 1fr}.chat{bottom:88px}}@media(max-width:760px){body{background:#00130f}.topbar{height:76px;padding:0 16px;background:#06110f}.hamb{display:flex;flex-direction:column;justify-content:center}.logo img{width:72px}.auth{gap:8px}.btn{height:36px;padding:0 16px;font-size:12px}.btn.gold{padding:0 18px}.page{padding:76px 10px 90px}.hero{margin:0 -10px 10px;min-height:410px;border-bottom:1px solid #062e26}.hero-bg{top:0;height:250px;background-size:auto 250px;background-position:center top}.hero-person{top:0;height:245px;max-width:86%;object-fit:contain}.hero-cards{position:relative;left:auto;right:auto;bottom:auto;top:250px;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:0 12px}.hero-card{height:84px;border-radius:14px;padding:0 8px 10px;font-size:12px}.hero-card img{height:72px;margin-top:-34px}.chips{margin:0 -10px 12px;padding:0 10px 12px;gap:8px}.chip{height:30px;padding:0 14px;font-size:12px}.chip img{width:18px;height:18px}.chip.search{width:30px;font-size:21px}.section-head{margin-bottom:10px}.section-head h2{font-size:18px}.section-head h2 img{width:22px;height:22px}.head-actions .arrow{width:30px;height:30px}.see-all{height:30px;padding:0 10px;font-size:11px}.cards-row{display:grid;grid-auto-flow:column;grid-auto-columns:30%;gap:8px;overflow-x:auto}.game-card{border-radius:9px;aspect-ratio:1/1.16}.app-banner{border-radius:10px;margin:12px -2px}.app-banner img{height:160px;object-fit:cover;object-position:center}.app-button{left:7%;bottom:18%;width:112px;height:28px;font-size:9px}.ticker{font-size:11px;margin:10px 0}.ticker span{min-width:120px}.ticker img{width:28px;height:28px}.tour-card{min-height:130px;padding:18px;border-radius:12px}.tour-card b{font-size:24px}.count span{padding:6px 7px}.hall-grid{grid-template-columns:1fr}.big-win>div{min-height:150px;gap:12px;padding:10px}.big-win strong{font-size:28px}.coef{grid-template-columns:48px 1fr auto;padding:7px}.coef img{width:42px;height:42px}.coef b{font-size:12px}.random-wrap{padding:18px 0}.random-btn{min-width:130px;height:38px;font-size:10px}.pointer.top{border-left-width:12px;border-right-width:12px;border-bottom-width:35px}.pointer.bottom{border-left-width:12px;border-right-width:12px;border-top-width:35px}.text-block h1{font-size:22px}.text-block p{font-size:14px}.footer{display:block;padding:22px 14px;margin:0 -10px}.legal{grid-template-columns:44px 1fr}.age{width:38px;height:38px}.foot-col,.android{margin-top:22px}.mobile-nav{display:flex;position:fixed;z-index:80;left:0;right:0;bottom:0;height:58px;align-items:center;gap:8px;background:#00241b;border-top:1px solid #06664f;padding:7px 12px}.mobile-nav a{height:42px;display:flex;align-items:center;justify-content:center;color:#dffff7;text-decoration:none}.mobile-nav img{width:24px;height:24px}.mobile-nav a:not(.reg){width:40px}.mobile-nav .reg{margin-left:auto;min-width:132px;border-radius:18px;background:linear-gradient(#ffebbf,#bd842f);color:#08110e;font-size:10px;font-weight:900}.chat{width:46px;height:46px;right:12px;bottom:68px}.chat:before{width:17px;height:17px;border-width:3px}}@media(max-width:420px){.topbar{padding:0 10px}.brand-left{gap:10px}.btn.ghost{padding:0 14px}.btn.gold{padding:0 18px}.hero{min-height:390px}.cards-row{grid-auto-columns:32.5%}.game-card{aspect-ratio:1/1.1}.hero-cards{grid-template-columns:1fr;display:none}.footer{font-size:12px}.side-promo{display:none}}

/* v2 visual corrections based on original screenshots */
.chips{align-items:center;background:rgba(0,55,42,.55);border-radius:0;padding-top:12px;padding-bottom:12px;scroll-padding-left:8px}
/* .chips:before{content:"";flex:0 0 22px;width:22px;height:34px;border-radius:18px;background:linear-gradient(180deg,#ffd66f,#bd852c);box-shadow:inset 0 0 0 4px #00362c,0 0 0 1px #0c8266;display:block} */
.chip{min-width:max-content;border-color:#00765f;background:#00382d;color:#e7fff8;box-shadow:inset 0 0 0 1px #003e33}
.chip.search{display:none}
.games-section{margin-top:14px}.section-head h2{font-size:26px;letter-spacing:.2px}.section-head{align-items:center}
@media (min-width:761px){
  .games-section:first-of-type,.games-section:nth-of-type(2){padding-top:4px}
  .featured-grid{display:grid;grid-template-rows:repeat(2,minmax(0,1fr));grid-auto-flow:column;grid-auto-columns:clamp(150px,12.6vw,205px);gap:14px;height:344px;overflow-x:auto;padding:0 0 8px;align-items:stretch;scrollbar-width:none}
  .featured-grid::-webkit-scrollbar{display:none}
  .featured-grid .game-card{height:100%;aspect-ratio:auto;border-radius:12px;box-shadow:0 10px 22px #0006}
  .featured-grid .game-card:first-child{grid-row:1 / span 2;grid-column:span 2;border-radius:16px}
  .featured-grid .game-card:first-child img{object-position:center}
  .random-wrap{margin-top:4px;padding:28px 0;border-top-color:#d6c37c99;border-bottom-color:#d6c37c88}
  .random .cards-row{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(170px,13vw,225px);gap:18px;overflow-x:auto;padding:0 0 10px}
  .random .game-card{border-radius:12px}.random-btn{height:50px;min-width:205px;top:50%;font-size:14px}.pointer.top{border-bottom-width:56px}.pointer.bottom{border-top-width:56px}
}
@media (max-width:760px){
  .topbar{height:70px;background:#001d17;box-shadow:0 4px 24px #0009}.page{padding-top:70px}
  .mobile-install{display:flex;align-items:center;gap:10px;position:fixed;left:0;right:0;top:0;height:70px;background:#003528;z-index:120;padding:0 12px;box-shadow:0 8px 22px #0007;transform:translateY(-120%);transition:.25s}
  body.show-install .mobile-install{transform:translateY(0)}
  .mi-close{font-size:30px;line-height:1;color:#dffff6;text-decoration:none;width:28px;text-align:center}.mi-logo{width:36px;height:36px;object-fit:contain;background:#0a281f;border-radius:4px}.mi-text{display:flex;flex-direction:column;line-height:1.12;min-width:0;flex:1}.mi-text b{font-size:14px;color:#fff}.mi-text span{font-size:11px;color:#d1f6ec}.mi-download{height:36px;padding:0 18px;border-radius:18px;background:linear-gradient(#ffeec8,#c08a34);color:#07110e;display:flex;align-items:center;text-decoration:none;font-weight:900;font-size:11px}
  .hero{min-height:210px;margin:0 -10px 8px;background:#001d17;overflow:hidden}.hero-bg{height:205px;opacity:.9;background-size:auto 250px;background-position:center top}.hero-person{height:205px;max-width:95%;top:0}.hero-cards{display:grid!important;position:relative;top:132px;grid-template-columns:1fr;max-width:280px;margin:0 auto;padding:0 8px}.hero-card{height:104px;border-radius:18px;background:#00362c;border-color:#056d56}.hero-card:not(:first-child){display:none}.hero-card img{height:82px;margin-top:-48px}.hero-card span{font-size:13px}
  .chips{position:relative;z-index:5;margin:0 -10px 16px;padding:10px 10px 12px;gap:10px;background:#00261e}.chips:before{flex-basis:28px;width:28px;height:28px;border-radius:50%;box-shadow:inset 0 0 0 5px #00362c,0 0 0 1px #0a876a}.chip{height:38px;border-radius:20px;padding:0 20px;font-size:14px}.chip img{width:22px;height:22px}.section-head{gap:8px}.section-head h2{font-size:20px}.see-all{font-size:12px}.head-actions{gap:8px}.head-actions .arrow{display:flex;align-items:center;justify-content:center;width:36px;height:36px}
  .featured-grid{display:grid;grid-template-rows:repeat(2, minmax(0,1fr));grid-auto-flow:column;grid-auto-columns:31vw;gap:8px;height:230px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}.featured-grid::-webkit-scrollbar{display:none}.featured-grid .game-card{height:100%;aspect-ratio:auto}.featured-grid .game-card:first-child{grid-row:1 / span 2;grid-column:span 2;border-radius:12px}.featured-grid .game-card:first-child img{object-position:center}.featured-grid .tag{font-size:9px;padding:2px 6px}.featured-grid .game-info{width:16px;height:16px;font-size:10px;right:6px;bottom:6px}
  .random-wrap{margin:0 0 18px;padding:24px 0}.random .cards-row{grid-auto-columns:42vw;gap:12px}.random-btn{min-width:146px;height:38px;font-size:10px}.pointer.top{border-left-width:12px;border-right-width:12px;border-bottom-width:40px}.pointer.bottom{border-left-width:12px;border-right-width:12px;border-top-width:40px}
}
@media (max-width:420px){
  .auth .btn{height:36px}.auth .btn.ghost{padding:0 16px}.auth .btn.gold{padding:0 24px}.logo img{width:62px}.brand-left{gap:8px}.hamb{width:28px}.hamb span{width:22px;height:3px}.mobile-nav{height:61px;border-radius:0;background:#003528}.mobile-nav .reg{min-width:135px;height:44px;border-radius:22px}.mobile-nav a:not(.reg){width:36px}.mobile-nav img{width:22px;height:22px}.mobile-nav span{font-size:26px}.featured-grid{grid-auto-columns:33vw;height:218px}.hero{min-height:202px}.hero-bg,.hero-person{height:196px}.hero-cards{top:122px;max-width:286px}.chips{overflow-x:auto}.chip{padding:0 18px}.cards-row:not(.featured-grid){grid-auto-columns:36vw}.app-banner img{height:168px;object-position:center}.text-block{padding-bottom:22px}.footer{padding-bottom:76px}}


/* v3 responsive corrections */
.hero-person{font-size:0;color:transparent;height:min(420px,39vw);top:86px;}
.logo img{max-width:84px;}
@media (min-width:761px){
  .top-grid{display:grid;grid-template-rows:none;grid-auto-flow:column;grid-auto-columns:clamp(150px,13vw,220px);height:auto;gap:16px;align-items:start;overflow-x:auto;padding-bottom:8px;}
  .top-grid .game-card,.top-grid .game-card:first-child{grid-row:auto;grid-column:auto;aspect-ratio:287/193;border-radius:12px;height:auto;}
}
@media (max-width:760px){
  .topbar{height:68px;padding:0 12px;background:#001d17;}
  .page{padding-top:68px;padding-bottom:82px;}
  .topbar .hamb{display:none;}
  .brand-left{gap:0;}
  .logo img{width:72px;max-width:72px;}
  .auth{gap:10px;}
  .btn{height:38px;border-radius:19px;font-size:12px;letter-spacing:.2px;}
  .btn.ghost{padding:0 22px;}
  .btn.gold{padding:0 25px;}
  .hero{min-height:595px;margin:0 -10px 12px;overflow:hidden;background:#001d17;}
  .hero-bg{height:430px;background-size:auto 430px;background-position:center top;opacity:.95;}
  .hero-person{height:430px;max-width:none;width:auto;top:0;left:50%;transform:translateX(-50%);object-fit:contain;}
  .hero:before{background:linear-gradient(180deg,#001d1700 0%,#001d1700 58%,#001d17 92%);}
  .hero-cards{display:grid!important;position:relative;z-index:7;top:385px;left:auto;right:auto;grid-auto-flow:column;grid-auto-columns:57vw;grid-template-columns:none;overflow-x:auto;gap:12px;margin:0 14px;padding:44px 0 10px;scroll-snap-type:x mandatory;scrollbar-width:none;}
  .hero-cards::-webkit-scrollbar{display:none;}
  .hero-card{display:flex!important;height:128px;border-radius:18px;justify-content:flex-end;padding:0 12px 18px;font-size:14px;scroll-snap-align:start;}
  .hero-card:not(:first-child){display:flex!important;}
  .hero-card img{height:108px;margin-top:-58px;}
  .chips{margin-top:0;padding-top:8px;background:#00261e;}
  .top-grid{display:grid;grid-template-rows:none;grid-auto-flow:column;grid-auto-columns:38vw;height:auto;gap:8px;overflow-x:auto;}
  .top-grid .game-card,.top-grid .game-card:first-child{grid-row:auto;grid-column:auto;aspect-ratio:287/193;height:auto;border-radius:9px;}
  .footer{display:grid;grid-template-columns:1fr;gap:18px;margin:0 -10px;padding:22px 18px 86px;border-radius:0;background:#003528;font-size:12px;line-height:1.45;color:#bdeee3;}
  .footer p{font-size:12px;line-height:1.45;margin:0;}
  .legal{grid-template-columns:42px 1fr;gap:12px;align-items:start;}
  .age{width:38px;height:38px;font-size:13px;}
  .foot-col{gap:6px;margin-top:0;}
  .foot-col h3{font-size:18px;margin:0 0 8px;}
  .foot-col a{font-size:13px;line-height:1.35;}
  .android{display:inline-flex;align-items:center;justify-content:center;width:max-content;max-width:150px;margin-top:0;padding:10px 14px;font-size:12px;line-height:1.15;border-radius:7px;}
  .mobile-nav{display:flex;position:fixed;z-index:90;left:0;right:0;bottom:0;height:64px;align-items:center;justify-content:flex-end;gap:16px;background:#003528;border-top:1px solid #06664f;padding:9px 18px;box-shadow:0 -12px 30px #0008;}
  .mobile-nav a{display:flex;align-items:center;justify-content:center;text-decoration:none;color:#dffff7;}
  .mobile-nav .reg{height:44px;min-width:0;width:min(72vw,340px);border-radius:22px;background:linear-gradient(#ffedc7,#c28a35);color:#06120e;font-size:11px;font-weight:900;letter-spacing:.2px;gap:8px;box-shadow:0 8px 18px #0007;}
  .mobile-nav .menu{width:42px;height:42px;margin-left:0;}
  .mobile-nav .menu span{font-size:30px;line-height:1;color:#b7eadc;}
  .mobile-nav .reg-ico{font-size:16px;line-height:1;}
  .chat{bottom:74px;}
}
@media (max-width:420px){
  .logo img{width:68px;max-width:68px;}
  .btn.ghost{padding:0 20px;}
  .btn.gold{padding:0 23px;}
  .hero{min-height:575px;}
  .hero-bg,.hero-person{height:410px;}
  .hero-cards{top:365px;grid-auto-columns:62vw;margin-inline:14px;}
  .hero-card{height:124px;}
  .hero-card img{height:104px;}
  .mobile-nav{height:62px;padding:8px 16px;}
  .mobile-nav .reg{width:min(73vw,320px);height:44px;border-radius:22px;}
  .mobile-nav .menu{width:40px;height:40px;}
  .mobile-nav .menu span{font-size:29px;}
}

/* v4 final visual corrections */
.topbar .logo{display:flex;align-items:center;flex:0 0 auto;width:68px;height:34px;overflow:hidden}
.topbar .logo img{width:68px!important;max-width:68px!important;height:auto!important;max-height:34px!important;display:block;object-fit:contain}
.hero-person{height:min(360px,33vw)!important;max-width:420px!important;width:auto!important;object-fit:contain!important;top:86px!important}
.hero{min-height:520px!important}
.hero-cards{bottom:30px!important}

@media (min-width:1181px){
  .topbar{height:62px;padding:0 16px 0 18px}
  .sidebar{top:62px}
  .topbar .logo{width:62px;height:30px}
  .topbar .logo img{width:62px!important;max-width:62px!important;max-height:30px!important}
  .hero{min-height:520px!important;margin-top:0!important}
  .hero-bg{background-size:cover!important;background-position:center top!important}
  .hero-person{height:360px!important;max-width:390px!important;top:70px!important}
}

@media (max-width:760px){
  .topbar{height:64px!important;padding:0 12px!important;background:#001d17!important;align-items:center!important}
  .page{padding-top:64px!important;padding-bottom:84px!important}
  .topbar .logo{width:54px!important;height:28px!important;overflow:hidden!important}
  .topbar .logo img{width:54px!important;max-width:54px!important;max-height:28px!important;height:auto!important}
  .auth{gap:10px!important}
  .btn{height:36px!important;border-radius:19px!important;font-size:11px!important;padding:0 20px!important;white-space:nowrap!important}
  .btn.ghost{padding:0 20px!important}
  .btn.gold{padding:0 24px!important}

  .hero{min-height:552px!important;margin:0 -10px 10px!important;overflow:hidden!important;background:#001d17!important}
  .hero-bg{height:388px!important;background-size:auto 388px!important;background-position:center top!important;opacity:.95!important}
  .hero-person{height:388px!important;max-width:94vw!important;width:auto!important;top:0!important;left:50%!important;transform:translateX(-50%)!important;object-fit:contain!important}
  .hero:before{background:linear-gradient(180deg,#001d1700 0%,#001d1700 62%,#001d17 95%)!important}
  .hero-cards{top:344px!important;left:auto!important;right:auto!important;bottom:auto!important;display:grid!important;grid-auto-flow:column!important;grid-template-columns:none!important;grid-auto-columns:58vw!important;gap:12px!important;margin:0 14px!important;padding:44px 0 10px!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important;max-width:none!important;position:relative!important;z-index:8!important}
  .hero-cards::-webkit-scrollbar{display:none!important}
  .hero-card{display:flex!important;height:124px!important;border-radius:18px!important;padding:0 12px 18px!important;scroll-snap-align:start!important;justify-content:flex-end!important;background:#00362c!important;border-color:#076e58!important}
  .hero-card:not(:first-child){display:flex!important}
  .hero-card img{height:104px!important;margin-top:-56px!important}

  .footer{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;margin:0 -10px!important;padding:20px 18px 88px!important;border-radius:0!important;background:#003528!important;color:#bceee2!important;font-size:11px!important;line-height:1.38!important}
  .footer p{font-size:11px!important;line-height:1.38!important;margin:0!important;max-width:100%!important}
  .legal{display:grid!important;grid-template-columns:38px 1fr!important;gap:10px!important;align-items:start!important}
  .age{width:34px!important;height:34px!important;font-size:12px!important}
  .foot-col{display:grid!important;gap:4px!important;margin-top:4px!important}
  .foot-col h3{font-size:17px!important;margin:0 0 5px!important;color:#dffff6!important}
  .foot-col a{font-size:12px!important;line-height:1.3!important;color:#9edcd0!important;text-decoration:none!important}
  .android{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:128px!important;min-width:128px!important;max-width:128px!important;height:42px!important;margin-top:4px!important;padding:0 10px!important;border-radius:7px!important;background:#000!important;color:#fff!important;font-size:12px!important;line-height:1.08!important;font-weight:900!important;text-align:left!important;white-space:normal!important;text-decoration:none!important}

  .mobile-nav{display:flex!important;position:fixed!important;z-index:120!important;left:0!important;right:0!important;bottom:0!important;height:64px!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;background:#003528!important;border-top:1px solid #06664f!important;padding:9px 20px!important;box-shadow:0 -12px 30px #0008!important;border-radius:0!important}
  .mobile-nav a:not(.reg):not(.menu){display:none!important}
  .mobile-nav .reg{display:flex!important;align-items:center!important;justify-content:center!important;flex:1 1 auto!important;width:auto!important;max-width:none!important;height:42px!important;margin:0!important;border-radius:22px!important;background:linear-gradient(#ffedc7,#c28a35)!important;color:#06120e!important;font-size:11px!important;font-weight:900!important;letter-spacing:.2px!important;gap:8px!important;box-shadow:0 8px 18px #0007!important;text-decoration:none!important}
  .mobile-nav .menu{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 42px!important;width:42px!important;height:42px!important;margin:0!important;text-decoration:none!important;color:#b7eadc!important}
  .mobile-nav .menu span{font-size:30px!important;line-height:1!important;color:#b7eadc!important}
  .mobile-nav .reg-ico{font-size:15px!important;line-height:1!important}
  .chat{bottom:74px!important;right:12px!important;width:46px!important;height:46px!important}
}

@media (max-width:420px){
  .topbar .logo{width:50px!important;height:26px!important}
  .topbar .logo img{width:50px!important;max-width:50px!important;max-height:26px!important}
  .btn.ghost{padding:0 18px!important}
  .btn.gold{padding:0 22px!important}
  .hero{min-height:535px!important}
  .hero-bg,.hero-person{height:370px!important}
  .hero-cards{top:326px!important;grid-auto-columns:62vw!important;margin-inline:14px!important}
  .hero-card{height:120px!important}
  .hero-card img{height:100px!important}
  .mobile-nav{height:62px!important;padding:8px 18px!important;gap:12px!important}
  .mobile-nav .reg{height:42px!important}
  .mobile-nav .menu{flex-basis:40px!important;width:40px!important;height:40px!important}
  .mobile-nav .menu span{font-size:29px!important}
}

/* engine content blocks */
.seo-intro,.content-article,.content-faq{background:#003528;border:1px solid #075d49;border-radius:18px;padding:24px;margin:20px 0;color:#bdeee3;line-height:1.55;box-shadow:0 12px 28px #0004}.seo-intro h1{margin:0 0 12px;color:#fff;font-size:28px;line-height:1.15;font-weight:900}.seo-intro p{margin:0;color:#c8f3e9}.content-article h2,.content-faq h2{color:#fff;margin:18px 0 10px;font-size:24px}.content-article h2:first-child,.content-faq h2:first-child{margin-top:0}.content-article p,.content-faq p{margin:0 0 12px}.content-article ul,.content-article ol{margin:12px 0 12px 22px}.content-article li{margin-bottom:6px}.faq,.content-faq section{display:grid;gap:12px}.faq-item,.content-faq [itemtype*='Review']{background:#00251d;border:1px solid #075d49;border-radius:14px;padding:16px}.faq-item-title,.content-faq h3{color:#eafff9;margin:0 0 8px;font-size:18px}.anchors-block{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0 0 18px!important;padding:0}.anchors-block a{display:inline-flex;border:1px solid #0b725b;border-radius:18px;padding:7px 12px;color:#dffff7;text-decoration:none;background:#002a22}@media(max-width:760px){.seo-intro,.content-article,.content-faq{padding:16px 14px;border-radius:14px;margin:14px 0}.seo-intro h1{font-size:22px}.content-article h2,.content-faq h2{font-size:20px}.faq-item,.content-faq [itemtype*='Review']{padding:12px}}

.side-help-icon {
    width: 24px;
    min-width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    line-height: 1;
}