:root{--primary:#0f766e;--secondary:#0f2742;--accent:#ff4f87;--blue:#2563eb;--green:#16a34a;--ink:#172033;--muted:#66758a;--line:#dfe7ef;--surface:#fff;--soft:#f2f5f8;--warning:#fff8e7;--shadow:0 14px 36px rgba(15,39,66,.09)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--soft);color:var(--ink);font:15px/1.65 Inter,"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
img{display:block;max-width:100%}
button,input{font:inherit}
.wrap{width:min(1180px,calc(100% - 32px));margin-inline:auto}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.94);border-bottom:1px solid rgba(214,224,234,.9);box-shadow:0 2px 10px rgba(15,39,66,.05);backdrop-filter:blur(16px)}
.navbar{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--secondary);font-size:20px;font-weight:900;letter-spacing:-.03em}
.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:linear-gradient(145deg,var(--secondary),var(--primary));color:#fff;font-size:17px;box-shadow:0 7px 16px color-mix(in srgb,var(--primary) 25%,transparent)}
.brand-logo{width:38px;height:38px;border-radius:11px;object-fit:cover}
.nav-menu{display:flex;align-items:center;gap:6px}
.nav-menu a{padding:9px 12px;border-radius:9px;color:#344054;text-decoration:none;font-size:14px;font-weight:750;transition:.16s ease}
.nav-menu a:hover{color:var(--primary);background:#ecfdf8}
.menu-toggle{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:10px;cursor:pointer}
.menu-toggle span{display:block;height:2px;margin:4px 0;border-radius:3px;background:var(--secondary)}
.search-section{padding:13px 0 0}
.search-box{display:flex;align-items:center;gap:10px;padding:6px 7px 6px 14px;background:#fff;border:2px solid #24bda7;border-radius:14px;box-shadow:0 9px 24px rgba(15,39,66,.08)}
.search-box>span{font-size:24px;line-height:1;color:var(--secondary);transform:rotate(-15deg)}
.search-box input{min-width:0;flex:1;border:0;outline:0;padding:8px 2px;color:var(--ink);font-weight:650;background:transparent}
.search-box input::placeholder{color:#94a3b8}
.search-box button{border:0;border-radius:10px;padding:10px 20px;background:linear-gradient(180deg,#22c55e,#15803d);color:#fff;font-weight:850;cursor:pointer;box-shadow:0 7px 15px rgba(21,128,61,.22)}
.home-hero{text-align:center;padding:34px 10px 27px}
.eyebrow{display:block;margin-bottom:7px;color:var(--primary);font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.home-hero h1,.page-intro h1{max-width:880px;margin:0 auto;color:var(--secondary);font-size:clamp(28px,4.7vw,48px);line-height:1.12;letter-spacing:-.04em}
.home-hero>p,.page-intro>p{max-width:800px;margin:15px auto 0;color:var(--muted);font-size:16px}
.trust-row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;margin-top:18px;color:#496075;font-size:12px;font-weight:750}
.trust-row span::first-letter{color:var(--primary)}
.promo-strip{overflow:hidden;padding:9px 0;background:linear-gradient(90deg,var(--secondary),#123d62,var(--primary));color:#fff;text-align:center;text-transform:uppercase;font-size:10px;font-weight:850;letter-spacing:.07em;box-shadow:inset 0 1px rgba(255,255,255,.14)}
.main-space{padding-top:28px;padding-bottom:54px}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:14px}
.section-heading h2{margin:0;color:var(--secondary);font-size:24px;line-height:1.15;letter-spacing:-.025em}
.section-heading .eyebrow{margin-bottom:4px}
.result-count{padding:6px 10px;border:1px solid #cad9e8;border-radius:999px;background:#fff;color:#587086;font-size:11px;font-weight:800}
.game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.game-card{display:flex;align-items:center;gap:10px;min-width:0;padding:10px;background:#fff;border:1px solid #dce5ed;border-radius:15px;box-shadow:0 5px 15px rgba(15,39,66,.055);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
.game-card:hover{transform:translateY(-2px);border-color:#b7d5d1;box-shadow:0 12px 28px rgba(15,39,66,.1)}
.game-card-main{display:flex;align-items:center;gap:12px;flex:1;min-width:0;text-decoration:none}
.icon-wrap{position:relative;flex:0 0 76px;width:76px;height:76px}
.icon-wrap img,.icon-fallback{width:76px;height:76px;border-radius:18px;object-fit:cover;background:#edf2f7;border:1px solid #e5ebf1;box-shadow:0 6px 14px rgba(15,39,66,.13)}
.icon-fallback,.app-image-fallback,.related-grid .related-fallback{display:grid;place-items:center;background:linear-gradient(145deg,var(--secondary),var(--primary));color:#fff;font-weight:950}
.rank{position:absolute;z-index:2;left:-7px;top:-7px;display:grid;place-items:center;width:24px;height:24px;border:2px solid #fff;border-radius:50%;background:var(--secondary);color:#fff;font-size:10px;font-weight:900;box-shadow:0 4px 8px rgba(15,39,66,.25)}
.new-tag{position:absolute;z-index:2;right:-5px;top:-6px;padding:2px 6px;border:2px solid #fff;border-radius:999px;background:#ef4444;color:#fff;font-size:8px;font-weight:900;letter-spacing:.05em}
.game-summary{min-width:0;flex:1}
.game-summary h3{overflow:hidden;margin:0 0 5px;color:#162942;font-size:16px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}
.meta-line{display:flex;align-items:center;gap:5px;margin:2px 0;color:#617286;font-size:11px;line-height:1.35;white-space:nowrap}
.meta-line b{margin-left:auto;color:#223a51;font-size:11px}
.meta-icon{display:inline-grid;place-items:center;width:17px;height:17px;border-radius:5px;color:#fff;font-size:8px;font-weight:900}
.meta-icon.gift{background:#8b5cf6}.meta-icon.wallet{background:#10b981;font-size:10px}
.card-download{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:0 0 auto;min-width:104px;padding:10px 12px;border-radius:10px;background:linear-gradient(180deg,#4f86ef,#2563eb);color:#fff;text-decoration:none;font-size:12px;font-weight:850;box-shadow:0 7px 15px rgba(37,99,235,.22)}
.card-download:hover{background:linear-gradient(180deg,#3672e6,#1d4ed8)}
.card-download span{font-size:16px;line-height:1}
.empty-state,.empty-page{text-align:center;padding:50px 20px;background:#fff;border:1px solid var(--line);border-radius:20px}
.empty-state b{font-size:18px}.empty-state p{margin:5px 0 0;color:var(--muted)}
.content-card{margin-top:30px;padding:clamp(22px,4vw,42px);background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}
.rich-content{color:#3e4c5f}
.rich-content h1{margin:4px 0 20px;color:var(--secondary);font-size:clamp(28px,4vw,42px);line-height:1.16;letter-spacing:-.035em}
.rich-content h2{margin:32px 0 10px;color:var(--secondary);font-size:23px;line-height:1.28;letter-spacing:-.02em}
.rich-content h2:first-child{margin-top:0}
.rich-content h3{margin:23px 0 7px;color:#1f3b55;font-size:17px}
.rich-content p{margin:0 0 15px}.rich-content ul,.rich-content ol{padding-left:22px;margin:10px 0 20px}.rich-content li{margin:7px 0}.rich-content strong{color:#233d55}.rich-content a{color:var(--blue)}
.home-content{padding:28px 32px}
.latest-guides{margin-top:38px}
.text-link{color:var(--primary);font-weight:850;text-decoration:none}
.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.post-card{display:flex;flex-direction:column;min-height:220px;padding:22px;border:1px solid #d9e4ed;border-radius:18px;background:linear-gradient(155deg,#fff,#f7fafc);text-decoration:none;box-shadow:0 7px 20px rgba(15,39,66,.06);transition:.16s ease}
.post-card:hover{transform:translateY(-3px);border-color:#9fcec7;box-shadow:var(--shadow)}
.post-card>span{color:var(--primary);font-size:10px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.post-card h2,.post-card h3{margin:9px 0;color:var(--secondary);font-size:19px;line-height:1.3;letter-spacing:-.02em}
.post-card p{margin:0 0 14px;color:var(--muted);font-size:13px}.post-card b{margin-top:auto;color:var(--primary);font-size:13px}.post-card small{margin:0 0 12px;color:#8a99a9}
.breadcrumb{display:flex;align-items:center;gap:8px;overflow:hidden;margin-bottom:13px;color:#738397;font-size:12px;white-space:nowrap}
.breadcrumb a{color:var(--blue);text-decoration:none}.breadcrumb span:last-child{overflow:hidden;text-overflow:ellipsis}
.notice{margin-bottom:14px;padding:12px 15px;border:1px solid #f5c865;border-radius:12px;background:#fff8df;color:#78500b;font-size:13px}
.game-title-card{text-align:center;padding:23px 22px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 9px 25px rgba(15,39,66,.07)}
.game-title-card h1{max-width:900px;margin:0 auto;color:var(--secondary);font-size:clamp(24px,4vw,36px);line-height:1.2;letter-spacing:-.035em}
.game-title-card p{max-width:860px;margin:11px auto 0;color:var(--muted);font-size:13px}
.app-overview-card{margin-top:15px;padding:28px;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}
.app-identity{display:flex;align-items:center;justify-content:center;gap:18px;text-align:left}
.app-identity img,.app-image-fallback{width:124px;height:124px;border:1px solid #dbe4ec;border-radius:28px;object-fit:cover;box-shadow:0 12px 28px rgba(15,39,66,.15)}
.app-image-fallback{flex:0 0 124px;font-size:42px}
.app-identity h2{margin:3px 0 6px;color:var(--secondary);font-size:30px;line-height:1.1;letter-spacing:-.03em}
.verified-pill,.apk-pill{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:850}.verified-pill{background:#dcfce7;color:#13743b}.apk-pill{background:#e9f2ff;color:#235eb9}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;margin:25px 0 18px;border:1px solid #dce5ed;border-radius:15px;background:#f9fbfc}
.stats-grid>div{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:95px;padding:12px;border-right:1px solid #dce5ed;text-align:center}.stats-grid>div:last-child{border:0}
.stats-grid b{margin-top:3px;color:var(--secondary);font-size:15px}.stats-grid small{color:#7c8b9b;font-size:10px}.stars{color:#f59e0b;font-size:11px;letter-spacing:1px}.stat-icon{height:20px;color:var(--primary);font-size:20px;font-weight:800;line-height:1}
.big-download-btn{display:flex;align-items:center;justify-content:center;gap:9px;width:min(560px,100%);margin:0 auto;padding:15px 20px;border:0;border-radius:13px;background:linear-gradient(135deg,var(--accent),#e5326d);color:#fff;text-decoration:none;text-align:center;font-size:14px;font-weight:950;letter-spacing:.02em;box-shadow:0 12px 22px color-mix(in srgb,var(--accent) 30%,transparent);transition:.15s ease}.big-download-btn:hover{transform:translateY(-2px);filter:saturate(1.08)}.big-download-btn span{font-size:19px}
.promo-code-box{display:flex;align-items:center;justify-content:space-between;gap:16px;width:min(480px,100%);margin:13px auto 0;padding:12px 14px;border-left:4px solid #2ecc71;border-radius:12px;background:linear-gradient(145deg,#0d2f1e,#082416);color:#fff;box-shadow:0 8px 20px rgba(8,36,22,.2)}
.promo-code-box div{display:flex;flex-direction:column}.promo-code-box span{color:#a7e5bd;font-size:10px}.promo-code-box b{font-size:17px;letter-spacing:.05em}.promo-code-box button{border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#1a4b30;color:#fff;padding:8px 11px;font-size:11px;font-weight:800;cursor:pointer}
.download-note{margin:10px 0 0;text-align:center;color:#8090a0;font-size:10px}
.details-card{display:grid;grid-template-columns:repeat(4,1fr);margin-top:15px;padding:5px;background:#fff;border:1px solid var(--line);border-radius:15px}
.details-card>div{display:flex;flex-direction:column;padding:12px 15px;border-right:1px solid var(--line)}.details-card>div:last-child{border:0}.details-card span{color:#8090a0;font-size:10px}.details-card b{color:#29435a;font-size:12px}
.faq-section{margin-top:36px}.faq-list{display:grid;gap:9px}.faq-list details{background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 4px 12px rgba(15,39,66,.04)}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 17px;color:var(--secondary);font-weight:800;cursor:pointer;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:20px;font-weight:400}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{margin:0;padding:0 17px 16px;color:var(--muted);font-size:13px}
.responsible-note{margin-top:28px;padding:16px 19px;border:1px solid #f2d184;border-radius:15px;background:var(--warning);color:#64470d}.responsible-note b{font-size:13px}.responsible-note p{margin:4px 0 0;font-size:12px}
.related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.related-grid a{display:flex;align-items:center;gap:12px;padding:11px;background:#fff;border:1px solid var(--line);border-radius:13px;text-decoration:none}.related-grid a:hover{border-color:#9fcec7}.related-grid img,.related-grid .related-fallback{width:56px;height:56px;border-radius:13px;object-fit:cover}.related-grid .related-fallback{flex:0 0 56px;font-size:20px}.related-grid div{display:flex;flex-direction:column;min-width:0}.related-grid b{overflow:hidden;color:var(--secondary);text-overflow:ellipsis;white-space:nowrap}.related-grid div span{color:var(--muted);font-size:10px}.related-grid i{margin-left:auto;color:#8ba0b2;font-size:22px;font-style:normal}
.narrow-page{width:min(850px,calc(100% - 32px))}.article-meta{margin:-9px 0 28px;color:#8796a6;font-size:11px}.page-intro{text-align:center;padding:15px 0 30px}.blog-grid{grid-template-columns:repeat(3,1fr)}
.empty-page{min-height:430px;display:flex;flex-direction:column;align-items:center;justify-content:center}.empty-page>span{color:#cbd5e1;font-size:72px;font-weight:950;line-height:1}.empty-page h1{margin:8px 0;color:var(--secondary);font-size:30px}.empty-page p{margin:0 0 20px;color:var(--muted)}.empty-page .big-download-btn{width:auto;margin:0;padding-inline:24px}
.site-footer{margin-top:20px;padding:42px 0 0;background:#091a2c;color:#aebdcb}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:45px}.footer-brand{color:#fff}.footer-grid p{max-width:520px;margin:14px 0 0;color:#91a4b6;font-size:12px}.footer-grid h2{margin:4px 0 10px;color:#fff;font-size:13px}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;align-items:flex-start}.footer-grid>div:not(:first-child) a{padding:3px 0;color:#9bb0c2;text-decoration:none;font-size:12px}.footer-grid a:hover{color:#fff}.footer-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:34px;padding:15px 0;border-top:1px solid rgba(255,255,255,.08);font-size:10px}.footer-bottom strong{color:#fff}
.footer-email{display:inline-block;margin-top:8px;color:#8ee2cf;text-decoration:none;font-size:11px}
.telegram-sticky{position:fixed;z-index:900;right:0;top:48%;display:flex;align-items:center;gap:8px;padding:11px 15px 11px 12px;border-radius:14px 0 0 14px;background:linear-gradient(135deg,#229ed9,#1376b8);color:#fff;text-decoration:none;font-size:12px;font-weight:850;box-shadow:0 10px 26px rgba(17,118,184,.32);transition:.18s ease}.telegram-sticky:hover{padding-right:20px}.telegram-plane{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:rgba(255,255,255,.2);font-size:13px;transform:rotate(-20deg)}
.toast{position:fixed;z-index:2000;left:50%;bottom:28px;transform:translate(-50%,20px);padding:10px 15px;border-radius:10px;background:#0d253d;color:#fff;font-size:12px;font-weight:750;opacity:0;pointer-events:none;transition:.2s ease}.toast.show{opacity:1;transform:translate(-50%,0)}

/* Version 2: keyword-led hero, special guides, ticker and richer footer */
.announcement-bar{position:relative;z-index:1001;padding:7px 0;background:#071827;color:#d7edf2;text-align:center;font-size:10px;font-weight:700;letter-spacing:.025em}.announcement-bar .wrap{display:flex;align-items:center;justify-content:center;gap:8px}.announcement-dot{width:7px;height:7px;border-radius:50%;background:#48e5b2;box-shadow:0 0 0 5px rgba(72,229,178,.12)}
.nav-menu .nav-cta{margin-left:5px;padding-inline:16px;background:linear-gradient(135deg,var(--primary),#14a88d);color:#fff;box-shadow:0 7px 16px color-mix(in srgb,var(--primary) 22%,transparent)}.nav-menu .nav-cta:hover{background:var(--secondary);color:#fff}
.home-hero-shell{position:relative;overflow:hidden;margin-top:14px;background:radial-gradient(circle at 76% 30%,rgba(46,213,175,.22),transparent 27%),linear-gradient(125deg,#071b2e 0%,#0d3452 58%,#0d766d 100%)}.home-hero-shell:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to right,#000,transparent)}
.home-hero-shell .home-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);align-items:center;gap:42px;padding:62px 10px;text-align:left}.hero-copy{min-width:0}.hero-eyebrow{display:inline-flex;padding:6px 10px;border:1px solid rgba(125,243,210,.25);border-radius:999px;background:rgba(19,160,133,.16);color:#8ff0d7}.home-hero-shell .home-hero h1{max-width:850px;margin:12px 0 0;color:#fff;font-size:clamp(34px,5vw,60px);line-height:1.04;text-wrap:balance}.hero-highlight{display:block;margin-top:15px;color:#72e5c8;font-size:clamp(15px,2vw,21px)}.home-hero-shell .home-hero p{max-width:780px;margin:14px 0 0;color:#ccdae4;font-size:16px}.hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:23px}.hero-primary,.hero-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 18px;border-radius:12px;text-decoration:none;font-size:13px;font-weight:900}.hero-primary{background:linear-gradient(135deg,#37d4ad,#10a483);color:#06251e;box-shadow:0 12px 24px rgba(4,19,31,.24)}.hero-secondary{border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff}.hero-keywords{display:flex;flex-wrap:wrap;gap:7px;margin-top:19px}.hero-keywords span{padding:5px 9px;border:1px solid rgba(255,255,255,.13);border-radius:999px;color:#b8cbd8;font-size:10px;font-weight:700}
.hero-dashboard{position:relative;overflow:hidden;padding:34px 24px;border:1px solid rgba(255,255,255,.15);border-radius:28px;background:linear-gradient(150deg,rgba(255,255,255,.15),rgba(255,255,255,.055));color:#fff;text-align:center;box-shadow:0 24px 60px rgba(0,0,0,.2);backdrop-filter:blur(10px)}.hero-logo-badge{position:relative;display:grid;place-items:center;width:82px;height:82px;margin:0 auto 15px;border:8px solid rgba(255,255,255,.12);border-radius:25px;background:linear-gradient(145deg,#40ddb4,#139b85);color:#fff;font-size:34px;font-weight:950;box-shadow:0 14px 30px rgba(0,0,0,.2)}.hero-dashboard h2{position:relative;margin:0;font-size:23px}.hero-dashboard>p{position:relative;margin:6px 0 20px!important;color:#bdceda!important;font-size:11px!important}.mini-stat-row{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.mini-stat-row div{display:flex;flex-direction:column;padding:10px 4px;border-radius:12px;background:rgba(2,18,30,.28)}.mini-stat-row strong{color:#7ae7cd;font-size:14px}.mini-stat-row span{color:#bdceda;font-size:8px}.dashboard-orbit{position:absolute;border:1px solid rgba(119,240,211,.2);border-radius:50%}.orbit-one{width:240px;height:240px;right:-90px;top:-100px}.orbit-two{width:170px;height:170px;left:-90px;bottom:-90px}
.promo-marquee{display:flex;width:max-content;gap:70px;animation:promo-scroll var(--promo-speed,24s) linear infinite}.promo-marquee span{min-width:100vw;white-space:nowrap}@keyframes promo-scroll{to{transform:translateX(calc(-50% - 35px))}}
.special-link-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:31px}.special-link-grid a{position:relative;display:flex;flex-direction:column;min-height:128px;padding:21px 18px;overflow:hidden;border:1px solid #d9e5ed;border-radius:18px;background:linear-gradient(145deg,#fff,#f1fbf8);text-decoration:none;box-shadow:0 8px 22px rgba(15,39,66,.06);transition:.18s ease}.special-link-grid a:hover{transform:translateY(-3px);border-color:#89cdbf;box-shadow:var(--shadow)}.special-link-grid a>span{position:absolute;right:10px;top:4px;color:rgba(15,118,110,.09);font-size:38px;font-weight:950}.special-link-grid strong{position:relative;margin-top:auto;color:var(--secondary);font-size:17px}.special-link-grid small{position:relative;margin-top:4px;color:var(--muted)}
.animated-link{position:relative;overflow:hidden}.animated-link:after,.big-download-btn.animation-shine:after{content:"";position:absolute;top:-50%;left:-50%;width:25%;height:200%;background:rgba(255,255,255,.34);transform:rotate(22deg);animation:button-shine 2.8s ease-in-out infinite}@keyframes button-shine{0%,35%{left:-50%}65%,100%{left:130%}}
.collection-hero{position:relative;display:grid;grid-template-columns:1.4fr .6fr;gap:30px;overflow:hidden;padding:clamp(28px,5vw,58px);border-radius:28px;background:radial-gradient(circle at 85% 20%,rgba(64,221,180,.3),transparent 25%),linear-gradient(135deg,#071b2e,#0b4563 65%,#0f766e);color:#fff;box-shadow:0 20px 45px rgba(15,39,66,.18)}.collection-hero h1{max-width:760px;margin:5px 0 13px;font-size:clamp(31px,5vw,53px);line-height:1.06;letter-spacing:-.045em}.collection-hero p{max-width:750px;margin:0;color:#d0dce5}.collection-hero-stats{display:grid;align-content:center;gap:10px}.collection-hero-stats div{display:flex;align-items:center;justify-content:space-between;padding:15px 17px;border:1px solid rgba(255,255,255,.14);border-radius:15px;background:rgba(255,255,255,.08)}.collection-hero-stats strong{color:#81ead0;font-size:20px}.collection-hero-stats span{color:#d2e0e7;font-size:10px}.all-yono-page .special-link-grid{margin-top:18px}.special-long-content{border-top:5px solid var(--primary)}
.special-title-card{display:flex;align-items:center;justify-content:center;gap:28px;padding:30px;background:radial-gradient(circle at 85% 10%,rgba(72,218,181,.22),transparent 20%),linear-gradient(135deg,#fff,#f0fbf8)}.special-title-card>div:first-child{flex:1}.special-seal{display:grid;place-items:center;flex:0 0 105px;width:105px;height:105px;border:1px solid #9ed8ca;border-radius:50%;background:#fff;box-shadow:0 12px 28px rgba(15,118,110,.16)}.special-seal strong{color:var(--primary);font-size:18px}.special-seal span{margin-top:-26px;color:var(--muted);font-size:9px;line-height:1.2;text-align:center;text-transform:uppercase}.big-download-btn{position:relative;overflow:hidden}.big-download-btn.animation-pulse{animation:download-pulse 2.1s ease-in-out infinite}.big-download-btn.animation-bounce{animation:download-bounce 2.4s ease-in-out infinite}@keyframes download-pulse{0%,100%{box-shadow:0 12px 22px color-mix(in srgb,var(--accent) 30%,transparent)}50%{box-shadow:0 12px 34px color-mix(in srgb,var(--accent) 62%,transparent);transform:scale(1.018)}}@keyframes download-bounce{0%,88%,100%{transform:translateY(0)}92%{transform:translateY(-5px)}96%{transform:translateY(2px)}}
.game-long-content h2{padding-left:13px;border-left:4px solid var(--primary)}.tag-ticker{display:flex;align-items:center;overflow:hidden;margin-top:29px;border:1px solid #c9dce7;border-radius:15px;background:#fff;box-shadow:0 8px 22px rgba(15,39,66,.06)}.tag-label{position:relative;z-index:2;flex:0 0 auto;padding:14px 17px;background:linear-gradient(135deg,var(--secondary),var(--primary));color:#fff;font-size:11px;font-weight:900;text-transform:uppercase}.tag-viewport{overflow:hidden}.tag-track{display:flex;width:max-content;gap:9px;padding:8px 9px;animation:tag-scroll 48s linear infinite}.tag-track:hover{animation-play-state:paused}.tag-track a{display:inline-flex;padding:5px 9px;border-radius:999px;background:#edf7f5;color:#35695f;text-decoration:none;font-size:10px;white-space:nowrap}@keyframes tag-scroll{to{transform:translateX(-50%)}}
.related-section{margin-top:34px}.related-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.related-grid a{min-width:0}.game-bottom-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:32px;padding:28px 30px;border-radius:20px;background:linear-gradient(125deg,#081d30,#0e5e68);color:#fff;box-shadow:0 14px 36px rgba(15,39,66,.18)}.game-bottom-cta h2{margin:0;font-size:23px}.game-bottom-cta p{margin:6px 0 0;color:#bbccd7;font-size:12px}.game-bottom-cta>div:last-child{display:flex;gap:9px}.telegram-cta,.share-page-btn{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:10px 16px;border:0;border-radius:11px;text-decoration:none;font-size:12px;font-weight:900;cursor:pointer}.telegram-cta{background:#229ed9;color:#fff}.share-page-btn{background:#fff;color:var(--secondary)}
.post-card>img{width:calc(100% + 44px);height:135px;margin:-22px -22px 16px;max-width:none;border-radius:17px 17px 0 0;object-fit:cover}.footer-cta{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:38px;padding:25px 28px;border:1px solid rgba(126,233,208,.2);border-radius:19px;background:linear-gradient(135deg,rgba(25,157,138,.22),rgba(255,255,255,.035))}.footer-cta span{color:#68d7bd;font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.footer-cta h2{margin:3px 0;color:#fff;font-size:21px}.footer-cta p{margin:0;color:#97adbd;font-size:11px}.footer-cta>a{display:inline-flex;gap:7px;flex:0 0 auto;padding:11px 16px;border-radius:11px;background:#5de0bd;color:#06281f;text-decoration:none;font-size:12px;font-weight:900}.footer-grid-expanded{grid-template-columns:2fr 1fr 1fr 1fr}.footer-about p{line-height:1.75}.footer-grid small{margin-top:8px;color:#748da1}.footer-keywords{display:flex;flex-wrap:wrap;gap:7px 15px;margin-top:28px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08);font-size:10px}.footer-keywords strong{color:#fff}.footer-keywords a{color:#89a3b7;text-decoration:none}.footer-disclaimer{margin-top:18px;padding:14px 16px;border:1px solid rgba(255,255,255,.07);border-radius:11px;background:rgba(255,255,255,.025);color:#7f95a7;font-size:10px}.footer-disclaimer strong{color:#c9d6df}
@media(max-width:1050px){.home-hero-shell .home-hero{grid-template-columns:1fr}.hero-dashboard{display:none}.special-link-grid{grid-template-columns:repeat(2,1fr)}.related-grid{grid-template-columns:repeat(2,1fr)}.footer-grid-expanded{grid-template-columns:2fr 1fr 1fr}.footer-grid-expanded>div:last-child{grid-column:2/-1}}
@media(max-width:720px){.announcement-bar{font-size:8px}.home-hero-shell .home-hero{padding:38px 6px}.home-hero-shell .home-hero h1{font-size:34px}.home-hero-shell .home-hero p{font-size:13px}.hero-actions>a{width:100%}.hero-keywords{gap:5px}.special-link-grid{grid-template-columns:1fr 1fr;gap:8px}.special-link-grid a{min-height:105px;padding:15px}.collection-hero{grid-template-columns:1fr;padding:27px 20px}.collection-hero-stats{grid-template-columns:repeat(3,1fr)}.collection-hero-stats div{flex-direction:column;text-align:center;padding:10px 5px}.special-title-card{display:block}.special-seal{display:none}.tag-ticker{align-items:stretch;flex-direction:column}.tag-label{padding:8px 12px}.related-grid{grid-template-columns:1fr}.game-bottom-cta{align-items:flex-start;flex-direction:column;padding:22px 19px}.game-bottom-cta>div:last-child{width:100%;flex-wrap:wrap}.telegram-cta,.share-page-btn{flex:1}.footer-cta{align-items:flex-start;flex-direction:column;padding:20px}.footer-cta>a{width:100%}.footer-grid-expanded{grid-template-columns:1fr 1fr}.footer-grid-expanded>div:last-child{grid-column:auto}}
@media(max-width:440px){.special-link-grid{grid-template-columns:1fr}.collection-hero-stats{grid-template-columns:1fr}.collection-hero-stats div{flex-direction:row}.footer-grid-expanded{grid-template-columns:1fr}.footer-grid-expanded>div:last-child{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.big-download-btn,.animated-link:after{animation:none!important}}

/* Homepage reference-inspired compact hero, safety notice, name ticker and SEO blocks */
.home-hero-shell.reference-home-hero{overflow:visible;margin-top:10px;border:0;background:transparent}.home-hero-shell.reference-home-hero:before{display:none}.home-hero-shell.reference-home-hero .home-hero{display:block;padding:26px 10px 24px;text-align:center}.home-hero-shell.reference-home-hero .hero-copy{width:100%}.home-hero-shell.reference-home-hero .hero-eyebrow{display:inline-flex;margin-bottom:9px;border-color:#b7e6dc;background:#edfaf7;color:#087363}.home-hero-shell.reference-home-hero .home-hero h1{max-width:980px;margin:0 auto;color:var(--secondary);font-size:clamp(27px,4.2vw,43px);line-height:1.13}.home-hero-shell.reference-home-hero .home-hero p{max-width:900px;margin:10px auto 0;color:#596a7d;font-size:14px}.reference-promo-box{max-width:980px;margin:18px auto 0;padding:15px 20px;border:1px solid #aadfd3;border-radius:14px;background:linear-gradient(100deg,#e9fbf6,#f4fffc);box-shadow:0 7px 20px rgba(15,118,110,.08)}.reference-promo-box>strong{display:block;color:#0b6559;font-size:15px}.reference-promo-box>span{display:block;margin-top:3px;color:#51756e;font-size:11px}.reference-home-hero .hero-actions{justify-content:center;margin-top:12px}.reference-home-hero .hero-primary,.reference-home-hero .hero-secondary{min-height:38px;padding:8px 14px;border-radius:9px;font-size:11px}.reference-home-hero .hero-primary{background:linear-gradient(135deg,#21b997,#0f8874);color:#fff}.reference-home-hero .hero-secondary{border-color:#9bcfc5;background:#fff;color:#176d60}.reference-home-hero .hero-keywords{justify-content:center;margin-top:12px}.reference-home-hero .hero-keywords span{border-color:#d7e4e9;background:#fff;color:#617386}
.home-warning{display:flex;align-items:flex-start;gap:14px;max-width:920px;margin:28px auto 0;padding:17px 19px;border:2px solid #ef5b65;border-radius:14px;background:#fff7f7;box-shadow:0 8px 22px rgba(177,33,47,.08)}.warning-symbol{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:12px;background:#dc2638;color:#fff;font-size:21px;font-weight:950;box-shadow:0 7px 15px rgba(220,38,56,.2)}.home-warning h2{margin:0;color:#b91f31;font-size:17px}.home-warning p{margin:3px 0 5px;color:#4e3b40;font-size:12px;line-height:1.65}.home-warning a{color:#155fbe;text-decoration:none;font-size:10px;font-weight:850}
.home-name-ticker{display:flex;align-items:stretch;overflow:hidden;margin:22px 0 0;border-radius:12px;background:linear-gradient(90deg,#0d5bbb,#177bd5);color:#fff;box-shadow:0 9px 23px rgba(20,96,181,.2)}.home-name-ticker>strong{position:relative;z-index:2;display:flex;align-items:center;flex:0 0 auto;padding:12px 15px;background:#083e87;color:#fff;font-size:10px;text-transform:uppercase;letter-spacing:.06em}.home-name-viewport{flex:1;overflow:hidden;min-width:0}.home-name-track{display:flex;align-items:center;flex-wrap:nowrap;width:max-content;min-height:42px;will-change:transform;animation:home-name-scroll var(--home-ticker-speed,75s) linear infinite;animation-delay:-1s}.home-name-track:hover{animation-play-state:paused}.home-name-track a{flex:0 0 auto;padding:0 12px;color:#fff;text-decoration:none;font-size:10px;font-weight:800;white-space:nowrap}.home-name-track span{flex:0 0 auto;color:#94caff}@keyframes home-name-scroll{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
.home-authority-content{margin-top:27px;color:#435267;text-align:center}.home-authority-intro{max-width:940px;margin:0 auto 24px;padding:0 12px}.home-authority-content h2{margin:25px 0 8px;color:var(--secondary);font-size:22px;line-height:1.25}.home-authority-content p{max-width:940px;margin:0 auto 12px;line-height:1.75}.seo-feature-section{padding:clamp(22px,4vw,38px);border:1px solid #bedfd7;border-radius:22px;background:linear-gradient(145deg,#f5fffc,#eaf8f5);box-shadow:0 13px 34px rgba(15,94,84,.09)}.seo-feature-kicker{color:#0f806e;font-size:9px;font-weight:950;letter-spacing:.13em;text-transform:uppercase}.seo-feature-section h2{margin:6px 0 5px;font-size:clamp(23px,3vw,32px)}.seo-feature-lead{color:#62766f}.seo-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:20px;text-align:left}.seo-feature-grid>div{padding:17px;border:1px solid #d5e7e2;border-radius:14px;background:#fff;box-shadow:0 5px 14px rgba(16,84,75,.05)}.seo-feature-grid strong{color:#183b3a;font-size:13px}.seo-feature-grid p{margin:5px 0 0;color:#697b7a;font-size:11px;line-height:1.6}.seo-feature-highlight{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:14px;padding:12px;border-radius:12px;background:#0b5e54;color:#fff}.seo-feature-highlight strong{margin-right:5px;font-size:11px}.seo-feature-highlight span{padding:4px 7px;border:1px solid rgba(255,255,255,.22);border-radius:999px;font-size:8px}.home-content{margin-top:26px}.home-faq-section{margin-top:34px}.faq-title-ribbon{display:flex;align-items:center;justify-content:center;gap:13px;margin-bottom:15px}.faq-title-ribbon h2{margin:0;color:var(--secondary);font-size:23px}.faq-title-ribbon>span{width:50px;height:2px;background:linear-gradient(90deg,transparent,var(--primary))}.faq-title-ribbon>span:last-child{background:linear-gradient(90deg,var(--primary),transparent)}
@media(max-width:760px){.home-hero-shell.reference-home-hero .home-hero{padding:22px 5px}.home-hero-shell.reference-home-hero .home-hero h1{font-size:28px}.reference-promo-box{padding:13px}.home-warning{gap:10px;padding:14px}.warning-symbol{flex-basis:32px;width:32px;height:32px}.home-name-ticker{align-items:stretch;flex-direction:column}.home-name-ticker>strong{justify-content:center;padding:7px}.seo-feature-grid{grid-template-columns:1fr}.seo-feature-section{padding:20px 15px}.faq-title-ribbon>span{width:25px}}
@media(max-width:850px){.game-grid{grid-template-columns:1fr}.post-grid,.blog-grid{grid-template-columns:1fr 1fr}.stats-grid,.details-card{grid-template-columns:repeat(2,1fr)}.stats-grid>div:nth-child(2){border-right:0}.stats-grid>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.details-card>div:nth-child(2){border-right:0}.details-card>div:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:720px){.wrap{width:min(100% - 22px,1180px)}.navbar{min-height:60px}.brand{font-size:17px}.brand-mark{width:33px;height:33px;border-radius:10px}.menu-toggle{display:block}.nav-menu{position:absolute;display:none;left:11px;right:11px;top:57px;padding:9px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 15px 35px rgba(15,39,66,.15)}.nav-menu.open{display:flex;flex-direction:column;align-items:stretch}.nav-menu a{display:flex;padding:10px 12px;border:1px solid #edf1f5}.search-section{padding-top:10px}.search-box{border-radius:11px;padding-left:11px}.search-box button{padding:9px 13px}.home-hero{padding:26px 6px 21px}.home-hero h1{font-size:29px}.home-hero>p{font-size:13px}.trust-row{gap:5px 11px;font-size:9px}.promo-strip{font-size:8px}.main-space{padding-top:20px}.section-heading h2{font-size:20px}.game-card{gap:7px;padding:8px;border-radius:13px}.game-card-main{gap:9px}.icon-wrap,.icon-wrap img{width:64px;height:64px}.icon-wrap{flex-basis:64px}.icon-wrap img{border-radius:15px}.game-summary h3{font-size:14px}.meta-line,.meta-line b{font-size:9px}.meta-icon{width:14px;height:14px}.card-download{min-width:84px;padding:9px 8px;font-size:10px}.content-card{margin-top:22px;padding:21px 17px;border-radius:17px}.rich-content h2{font-size:20px}.post-grid,.blog-grid{grid-template-columns:1fr}.post-card{min-height:190px}.game-title-card{padding:19px 14px}.game-title-card h1{font-size:24px}.app-overview-card{padding:19px 13px}.app-identity{gap:13px}.app-identity img{width:90px;height:90px;border-radius:21px}.app-identity h2{font-size:23px}.stats-grid{margin-top:19px}.stats-grid>div{min-height:80px;padding:9px 5px}.stats-grid b{font-size:12px}.big-download-btn{padding:13px 11px;font-size:12px}.details-card>div{padding:10px}.details-card b{font-size:11px}.related-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.footer-grid>div:first-child{grid-column:1/-1}.telegram-sticky{top:auto;right:13px;bottom:15px;padding:10px;border-radius:50%}.telegram-sticky>span:last-child{display:none}.telegram-sticky:hover{padding-right:10px}.footer-bottom{padding-bottom:80px}}
@media(max-width:720px){.icon-wrap .icon-fallback{width:64px;height:64px;border-radius:15px}.app-image-fallback{width:90px;height:90px;flex-basis:90px;border-radius:21px;font-size:30px}}
@media(max-width:390px){.card-download{min-width:72px}.card-download span{display:none}.game-summary h3{max-width:120px}.meta-line b{margin-left:2px}.icon-wrap,.icon-wrap img,.icon-wrap .icon-fallback{width:58px;height:58px}.icon-wrap{flex-basis:58px}}