:root{--bg:#1c1e21;--deep:#141517;--panel:#26292d;--panel2:#2f3338;--line:#3a3f45;--lime:#b6f02e;--lime2:#8fd11a;--ink:#141a05;--text:#f1f2f4;--muted:#a1a6ad;--gold:#ffd23f;--red:#ff5a5f;--r:14px}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--deep);color:var(--text);font:15px/1.6 -apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
a{color:var(--lime);text-decoration:none}
img{max-width:100%;height:auto;display:block}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
ul,ol{padding-left:20px}
.app{max-width:480px;margin:0 auto;min-height:100vh;background:var(--bg);padding-bottom:84px;position:relative;overflow-x:hidden}

.topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:10px;height:58px;padding:0 12px;background:rgba(28,30,33,.96);backdrop-filter:blur(8px);border-bottom:1px solid #26292d}
.topbar__menu{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:#d5d8dc}
.topbar__menu svg{width:24px;height:24px}
.topbar__logo{flex:1;display:flex;align-items:center;min-width:0}
.topbar__logo img{height:32px;width:auto;object-fit:contain}
.topbar__auth{display:flex;gap:8px}
.btn-line,.btn-fill{display:inline-flex;align-items:center;justify-content:center;height:34px;padding:0 14px;border-radius:9px;font-weight:700;font-size:14px;white-space:nowrap}
.btn-line{border:1.5px solid var(--lime);color:var(--lime)}
.btn-fill{background:var(--lime);color:var(--ink)}

.dlbar{display:flex;align-items:center;gap:10px;margin:10px 12px 0;padding:8px 10px;border-radius:12px;background:linear-gradient(90deg,#2b3a12,#26292d 70%);border:1px solid #3f5317}
.dlbar img{width:36px;height:36px;border-radius:9px}
.dlbar p{flex:1;font-size:12.5px;line-height:1.35;color:#d9dcdf}
.dlbar b{color:var(--lime)}
.dlbar__go{background:var(--lime);color:var(--ink);font-weight:800;font-size:13px;padding:6px 12px;border-radius:8px}
.dlbar__x{width:22px;height:22px;color:var(--muted);font-size:18px;line-height:1}

.hero{margin:12px 12px 0;position:relative;border-radius:16px;overflow:hidden}
.hero__track{display:flex;transition:transform .45s ease}
.hero__slide{flex:0 0 100%;min-height:168px;padding:18px 16px;display:flex;align-items:center;gap:10px;color:#fff;position:relative;overflow:hidden}
.hero__slide--a{background:radial-gradient(circle at 85% 40%,#5f8f12 0,#2a3a10 45%,#1d2310 100%)}
.hero__slide--b{background:radial-gradient(circle at 85% 40%,#1f6c5a 0,#163a33 50%,#121c1a 100%)}
.hero__slide--c{background:radial-gradient(circle at 85% 40%,#8a5a12 0,#3d2a10 50%,#1d170f 100%)}
.hero__txt{flex:1;position:relative;z-index:1}
.hero__pre{font-size:14px;color:#e6e8ea}
.hero__big{font-size:23px;line-height:1.12;font-weight:900;letter-spacing:.2px;margin:2px 0 4px;text-transform:uppercase}
.hero__big em{font-style:normal;color:var(--lime)}
.hero__sub{font-size:14px;color:#e6e8ea}
.hero__sub b{color:var(--gold)}
.hero__badge{flex:0 0 104px;height:104px;border-radius:50%;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 35% 30%,#e9ff9a,#b6f02e 45%,#6c9d0c);color:var(--ink);font-weight:900;font-size:30px;line-height:1;box-shadow:0 0 0 6px rgba(182,240,46,.18),0 10px 24px rgba(0,0,0,.45)}
.hero__badge small{display:block;font-size:11px;font-weight:800;margin-top:3px}
.hero__dots{position:absolute;left:0;right:0;bottom:8px;display:flex;justify-content:center;gap:6px}
.hero__dot{width:7px;height:7px;border-radius:9px;background:rgba(255,255,255,.35);transition:.3s}
.hero__dot.is-on{width:18px;background:var(--lime)}

.tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 12px 0}
.tile{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:78px;padding:10px 12px;border-radius:14px;color:#fff;overflow:hidden;background:var(--panel);border:1px solid #33373c}
.tile b{font-size:21px;line-height:1.1;color:var(--lime);font-weight:900}
.tile span{font-size:12.5px;line-height:1.3;color:#e2e4e7;max-width:68%}
.tile i{position:absolute;right:8px;bottom:6px;font-size:34px;font-style:normal;filter:drop-shadow(0 4px 6px rgba(0,0,0,.4))}
.tile--a{background:linear-gradient(135deg,#2f3a1a,#26292d)}
.tile--b{background:linear-gradient(135deg,#3b2e14,#26292d)}
.tile--vip{grid-column:2;grid-row:1/span 2;justify-content:flex-start;padding-top:14px;background:linear-gradient(160deg,#4a3a0c,#2a2416 60%,#26292d)}
.tile--vip b{color:var(--gold);font-size:22px}
.tile--vip ul{list-style:none;padding:0;margin-top:8px;font-size:13px;line-height:1.9;color:#f3e3b0}
.tile--vip ul li::before{content:"◆ ";color:var(--gold);font-size:10px}
.tile--vip i{font-size:46px}

.notice{display:flex;align-items:center;gap:8px;margin:10px 12px 0;padding:7px 10px;border-radius:10px;background:var(--panel)}
.notice__ico{color:var(--lime);display:grid;place-items:center}
.notice__ico svg{width:18px;height:18px}
.notice__view{flex:1;overflow:hidden;white-space:nowrap;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.notice__text{display:inline-block;padding-left:100%;animation:run 26s linear infinite;font-size:13px;color:#d8dbdf}
.notice__bell{position:relative;color:#d8dbdf;display:grid;place-items:center}
.notice__bell svg{width:20px;height:20px}
.notice__bell::after{content:"";position:absolute;top:0;right:0;width:7px;height:7px;border-radius:50%;background:var(--red)}
@keyframes run{to{transform:translateX(-100%)}}

.provs{display:flex;gap:8px;overflow-x:auto;margin:12px 0 0;padding:0 12px 2px;scrollbar-width:none}
.provs::-webkit-scrollbar{display:none}
.prov{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:66px;padding:7px 10px;border-radius:12px;background:var(--panel);color:#cfd2d6;font-size:12.5px;font-weight:700}
.prov svg{width:22px;height:22px}
.prov.is-on{background:var(--lime);color:var(--ink)}

.sec-head{display:flex;align-items:center;gap:8px;margin:14px 12px 8px}
.sec-head h2{font-size:18px;font-weight:800;display:flex;align-items:center;gap:6px}
.sec-head h2 svg{width:20px;height:20px;color:#ff7a2f}
.sec-head__count{color:var(--lime);font-weight:800}
.sec-head__more{color:var(--muted);font-size:13px}
.sec-head__lobby{margin-left:auto;display:inline-flex;align-items:center;gap:4px;padding:5px 11px;border-radius:8px;background:var(--panel2);color:#e6e8ea;font-size:13px;font-weight:700}

.games{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 12px}
.games--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.box .games{margin:0}
.game{position:relative;display:block;color:#dfe2e5;font-size:11.5px;line-height:1.25;text-align:center}
.game__pic{display:block;position:relative;border-radius:11px;overflow:hidden;background:var(--panel2)}
.game__pic img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover}
.game__name{display:block;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.game__star{position:absolute;top:4px;right:4px;z-index:2;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.45);color:#fff}
.game__star svg{width:14px;height:14px}
.game__star.is-fav{color:var(--gold)}
.game__tag{position:absolute;left:0;top:6px;z-index:2;background:var(--red);color:#fff;font-size:9.5px;font-weight:800;padding:1px 6px;border-radius:0 6px 6px 0}

.box{margin:16px 12px 0;padding:16px 14px;border-radius:var(--r);background:var(--panel)}
.box>*+*{margin-top:10px}
.box h2,.h2{font-size:18px;line-height:1.3;font-weight:800;display:flex;align-items:center;gap:8px}
.box h2::before,.h2::before{content:"";width:4px;height:18px;border-radius:3px;background:var(--lime)}
.box h3{font-size:15.5px;font-weight:800;color:#fff}
.box p,.box li{color:#cfd3d8}
.box strong{color:#fff}
.box li+li{margin-top:5px}

.crumbs{display:flex;flex-wrap:wrap;gap:4px;margin:12px 12px 0;font-size:12.5px;color:var(--muted)}
.crumbs a{color:#cfd3d8}
.crumbs span::before{content:"›";margin-right:4px;color:#666b72}
.lead{margin:10px 12px 0;padding:16px 14px;border-radius:var(--r);background:linear-gradient(140deg,#2f3a1a,#26292d 60%);border:1px solid #3a4a1a}
.lead h1{font-size:22px;line-height:1.25;font-weight:900}
.lead p{margin-top:8px;color:#d5d9dd}
.lead__row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}

.pic{margin:0;display:flex;flex-direction:column;align-items:center;text-align:center}
.pic img{border-radius:12px;margin:0 auto;width:auto;max-width:100%;max-height:520px}
.pic figcaption{margin-top:6px;font-size:12.5px;color:var(--muted)}
.pic--hero{margin:12px 12px 0}
.pic--hero img{border-radius:16px}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:42px;padding:0 18px;border-radius:11px;font-weight:800;font-size:15px}
.btn--lime{background:var(--lime);color:var(--ink)}
.btn--ghost{border:1.5px solid var(--lime);color:var(--lime)}
.btn--dark{background:var(--panel2);color:#fff}
.btn--block{display:flex;width:100%}

.appbox__head{display:flex;gap:12px;align-items:center}
.appbox__icon{width:72px;height:72px;border-radius:18px;box-shadow:0 0 0 2px rgba(182,240,46,.35)}
.appbox__name{font-size:19px;line-height:1.25;font-weight:900;color:#fff}
.appbox__dev{font-size:12.5px;color:var(--lime)}
.stars{color:var(--gold);font-size:14px;letter-spacing:1px}
.stars span{color:var(--muted);font-size:12px;letter-spacing:0;margin-left:6px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;text-align:center}
.stats div{background:var(--panel2);border-radius:10px;padding:8px 2px}
.stats b{display:block;font-size:15px;color:#fff}
.stats small{font-size:11px;color:var(--muted)}
.dl{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.dl a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;border-radius:12px;font-weight:800;font-size:14.5px;line-height:1.15}
.dl a small{display:block;font-size:11px;font-weight:600;opacity:.8}
.dl svg{width:24px;height:24px;flex:0 0 24px}
.dl__android{background:var(--lime);color:var(--ink)}
.dl__ios{background:#f1f2f4;color:#16181b}
.safe{display:flex;flex-wrap:wrap;gap:6px}
.safe span{font-size:11.5px;color:#cfe9a0;background:rgba(182,240,46,.1);border:1px solid rgba(182,240,46,.25);padding:2px 8px;border-radius:20px}

.spec{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.spec div{background:var(--panel2);border-radius:10px;padding:8px 10px}
.spec dt{font-size:11.5px;color:var(--muted)}
.spec dd{font-weight:800;color:#fff;font-size:14.5px}
.steps{list-style:none;padding:0;counter-reset:s}
.steps li{position:relative;padding-left:38px;min-height:28px}
.steps li::before{counter-increment:s;content:counter(s);position:absolute;left:0;top:0;width:26px;height:26px;border-radius:8px;background:var(--lime);color:var(--ink);font-weight:900;display:grid;place-items:center;font-size:13px}
.tip{padding:10px 12px;border-radius:10px;background:rgba(182,240,46,.08);border-left:3px solid var(--lime);color:#dfe8cf;font-size:14px}

.rank{list-style:none;padding:0}
.rank li{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}
.rank li:last-child{border:0}
.rank__n{width:24px;text-align:center;font-weight:900;color:var(--muted)}
.rank li:nth-child(-n+3) .rank__n{color:var(--gold)}
.rank img{width:42px;height:56px;border-radius:8px;object-fit:cover}
.rank__info{flex:1;min-width:0;line-height:1.3}
.rank__info b{display:block;color:#fff}
.rank__info small{color:var(--muted);font-size:12px}
.rank__go{font-size:13px;font-weight:800;padding:5px 12px;border-radius:8px;background:var(--panel2);color:var(--lime)}

.table{width:100%;border-collapse:collapse;font-size:13.5px}
.table th,.table td{padding:8px 6px;border-bottom:1px solid var(--line);text-align:left}
.table th{color:var(--muted);font-weight:700;font-size:12px}
.table td{color:#e3e6e9}
.table td b{color:var(--lime)}

.log{border-left:2px solid var(--line);padding-left:14px}
.log div{position:relative}
.log div+div{margin-top:12px}
.log div::before{content:"";position:absolute;left:-20px;top:6px;width:10px;height:10px;border-radius:50%;background:var(--lime)}
.log time{font-size:12px;color:var(--muted);margin-left:6px}

.rate{display:flex;gap:14px;align-items:center}
.rate__big{font-size:40px;font-weight:900;line-height:1;color:#fff}
.bars{flex:1}
.bars div{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted)}
.bars i{flex:1;height:6px;border-radius:6px;background:var(--panel2);position:relative;overflow:hidden}
.bars i::after{content:"";position:absolute;inset:0;width:var(--w);background:var(--lime);border-radius:6px}
.say{background:var(--panel2);border-radius:12px;padding:10px 12px}
.say__top{display:flex;justify-content:space-between;font-size:13px}
.say__top b{color:#fff}
.say p{font-size:14px;margin-top:4px}

.qa{background:var(--panel2);border-radius:12px;overflow:hidden}
.qa+.qa{margin-top:8px}
.qa summary{list-style:none;cursor:pointer;padding:11px 36px 11px 12px;font-weight:700;color:#fff;position:relative}
.qa summary::-webkit-details-marker{display:none}
.qa summary::after{content:"+";position:absolute;right:12px;top:8px;font-size:20px;color:var(--lime)}
.qa[open] summary::after{content:"−"}
.qa__a{padding:0 12px 12px;color:#cfd3d8;font-size:14px}

.cards{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cardlink{display:block;border-radius:12px;background:var(--panel2);padding:10px;color:#dfe2e5;font-size:13px;line-height:1.35}
.cardlink b{display:block;color:#fff;font-size:14.5px;margin-bottom:2px}
.cardlink em{font-style:normal;color:var(--lime);font-weight:800}
.cardlink--wide{grid-column:1/-1;display:flex;gap:10px;align-items:center}
.cardlink--wide img{width:110px;border-radius:9px}

.gamehead{display:flex;gap:12px;align-items:center}
.gamehead img{width:86px;border-radius:12px}
.gamehead h1{font-size:21px;line-height:1.2;font-weight:900}
.gamehead p{font-size:13px;color:var(--lime);margin-top:2px}
.pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.pills span{font-size:11.5px;font-weight:700;padding:2px 8px;border-radius:20px;background:var(--panel2);color:#e6e8ea}
.pills span b{color:var(--lime)}

.hotpick{margin:12px 12px 0;padding:10px;border-radius:var(--r);background:linear-gradient(120deg,#3a2a12,#26292d 55%);border:1px solid #5a4316}
.hotpick__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:12.5px;color:var(--muted)}
.hotpick__badge{font-weight:800;color:var(--gold)}
.hotpick__card{display:flex;align-items:center;gap:10px;color:#dfe2e5}
.hotpick__card img{width:60px;height:80px;border-radius:9px;object-fit:cover;flex:0 0 60px}
.hotpick__info{flex:1;min-width:0;line-height:1.3}
.hotpick__info b{display:block;color:#fff;font-size:15.5px}
.hotpick__info small{display:block;color:var(--lime);font-size:12px;margin:2px 0}
.hp-short{font-size:12.5px;color:#cfd3d8}
.hotpick__go{flex:0 0 auto;background:var(--lime);color:var(--ink);font-weight:800;font-size:13px;padding:7px 14px;border-radius:9px}

.post-meta{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:8px;font-size:12.5px;color:var(--muted)}
.post-meta b{color:var(--lime);font-weight:700}
.box h3+p{margin-top:4px}
.posts{display:flex;flex-direction:column;gap:8px}
.post{display:flex;gap:10px;align-items:center;padding:8px;border-radius:12px;background:var(--panel2);color:#dfe2e5}
.post img{width:104px;height:64px;border-radius:8px;object-fit:cover;flex:0 0 104px}
.post span{min-width:0;line-height:1.3}
.post b{display:block;color:#fff;font-size:14px;margin-bottom:3px}
.post small{font-size:11.5px;color:var(--lime)}
.pills--btn button{font:inherit;font-size:12px;font-weight:700;padding:5px 10px;border-radius:20px;border:1px solid transparent;background:var(--panel2);color:#e6e8ea;cursor:pointer}
.pills--btn button b{color:var(--lime)}
.pills--btn button.is-on{background:var(--lime);color:var(--ink)}
.pills--btn button.is-on b{color:var(--ink)}
.news-more{display:block;margin:12px auto 0;padding:10px 20px;border:0;border-radius:10px;background:var(--lime);color:var(--ink);font:inherit;font-weight:800;cursor:pointer}
.news-more[hidden]{display:none}
.pager{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:14px 12px 0}
.pager a,.pager span{min-width:36px;height:36px;display:grid;place-items:center;padding:0 10px;border-radius:9px;background:var(--panel);color:#dfe2e5;font-weight:700}
.pager span{background:var(--lime);color:var(--ink)}

.foot{margin:18px 12px 0;padding:16px 4px 8px;border-top:1px solid var(--line);font-size:12.5px;color:var(--muted)}
.foot__nav{display:grid;grid-template-columns:repeat(3,1fr);gap:6px 10px;margin-bottom:12px}
.foot__nav a{color:#cfd3d8}
.foot__seal{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.foot__seal span{border:1px solid var(--line);border-radius:6px;padding:1px 7px;color:#cfd3d8}
.foot__seal .age{border-color:var(--red);color:var(--red);font-weight:800}
.foot p+p{margin-top:6px}

.fl{position:fixed;z-index:30;display:flex;flex-direction:column;align-items:center;filter:drop-shadow(0 6px 10px rgba(0,0,0,.5))}
.fl-chest{left:max(8px,calc(50% - 232px));bottom:96px;animation:bob 2.4s ease-in-out infinite}
.fl-chest svg{width:58px;height:52px}
.fl-chest em{font-style:normal;font-size:10.5px;font-weight:800;color:var(--ink);background:var(--lime);border-radius:8px;padding:0 6px;margin-top:-6px}
.fl-wheel{right:max(8px,calc(50% - 232px));bottom:96px}
.fl-wheel svg{width:66px;height:66px;animation:spin 6s linear infinite}
.fl-wheel em{position:relative;z-index:1;font-style:normal;margin-top:-6px;font-size:10px;line-height:1.15;font-weight:900;text-align:center;color:#fff;background:linear-gradient(180deg,#e02424,#9b1010);border:1px solid var(--gold);border-radius:8px;padding:2px 6px}
.fl-wheel em b{display:block;color:var(--gold);font-size:12px}
.fl-bot{right:max(10px,calc(50% - 230px));bottom:196px;width:50px;height:50px;border-radius:50%;background:var(--panel2);border:2px solid var(--lime);display:grid;place-items:center}
.fl-bot svg{width:30px;height:30px}
.fl__x{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;background:rgba(0,0,0,.7);color:#fff;font-size:12px;line-height:18px}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes bob{50%{transform:translateY(-6px)}}

.tabbar{position:fixed;left:50%;bottom:0;transform:translateX(-50%);z-index:45;width:100%;max-width:480px;height:66px;display:grid;grid-template-columns:repeat(5,1fr);align-items:end;background:#202226;border-top:1px solid #2e3136;padding-bottom:env(safe-area-inset-bottom)}
.tab{display:flex;flex-direction:column;align-items:center;gap:2px;padding-bottom:8px;font-size:11.5px;color:#9a9fa6}
.tab svg{width:24px;height:24px}
.tab.is-on{color:var(--lime)}
.tab--mid{position:relative}
.tab--mid .tab__ring{width:58px;height:58px;margin-top:-26px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#e9ff9a,#b6f02e 50%,#77a80f);color:var(--ink);box-shadow:0 0 0 5px #202226,0 6px 14px rgba(0,0,0,.5)}
.tab--mid .tab__ring svg{width:30px;height:30px}

.drawer{position:fixed;inset:0;z-index:60;visibility:hidden}
.drawer.is-open{visibility:visible}
.drawer__shade{position:absolute;inset:0;background:rgba(0,0,0,.6);opacity:0;transition:.25s}
.drawer.is-open .drawer__shade{opacity:1}
.drawer__panel{position:absolute;top:0;bottom:0;left:0;width:78%;max-width:320px;background:var(--bg);overflow-y:auto;padding:14px 12px 30px;transform:translateX(-100%);transition:.25s}
.drawer.is-open .drawer__panel{transform:none}
.drawer__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.drawer__top img{height:30px;width:auto}
.drawer__close{font-size:26px;color:var(--muted);width:32px}
.drawer__grp{margin:12px 4px 4px;font-size:11.5px;letter-spacing:.6px;text-transform:uppercase;color:var(--muted)}
.drawer__panel a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;color:#e3e6e9;font-size:14.5px}
.drawer__panel a:hover,.drawer__panel a.is-on{background:var(--panel);color:var(--lime)}
.drawer__panel a i{font-style:normal;width:22px;text-align:center}

@media (min-width:481px){body{background:#0e0f10}.app{box-shadow:0 0 40px rgba(0,0,0,.6)}}