@font-face{font-family:Manrope;src:url('/offline/fonts/xn7gYHE41ni1AdIRggOxSuXd.woff2') format('woff2');font-display:swap;font-weight:400 800;unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Manrope;src:url('/offline/fonts/xn7gYHE41ni1AdIRggexSg.woff2') format('woff2');font-display:swap;font-weight:400 800}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;color:#263665;background:radial-gradient(ellipse at 85% 10%,#dcd7ff 0,transparent 44%),radial-gradient(ellipse at 0 45%,#d8ebff 0,transparent 48%),#eef3ff;font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;line-height:1.65}a{color:inherit}button,input{font:inherit}[hidden]{display:none!important}.wrap{width:min(1120px,calc(100% - 48px));margin:auto}.header{display:flex;align-items:center;justify-content:space-between;padding:25px 0}.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;font-weight:850;font-size:23px;letter-spacing:-1px}.brand img{border-radius:12px}.header-play{font-weight:800;text-decoration:none;color:#4059d7}.hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:65px;padding:66px 0 82px}.eyebrow{font-size:11px;font-weight:850;letter-spacing:2px;color:#526cf0}h1{font-size:clamp(40px,5.4vw,65px);line-height:1.12;letter-spacing:-3px;margin:20px 0 24px;font-weight:850}h1 span{color:#526cf0}h2{font-size:34px;letter-spacing:-1.2px;line-height:1.23;margin:15px 0 20px}h3{font-size:22px;line-height:1.3;letter-spacing:-.6px}.lead{font-size:17px;color:#65739b;max-width:500px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.button{display:inline-flex;justify-content:center;align-items:center;gap:15px;min-height:52px;padding:13px 22px;border-radius:16px;text-decoration:none;font-weight:800;border:0;cursor:pointer;transition:transform .15s,box-shadow .15s}.button:hover{transform:translateY(-2px)}.primary{background:linear-gradient(135deg,#647cff,#4259d7);box-shadow:0 7px 0 #3349a3,0 14px 24px #526cf025;color:#fff}.secondary{background:#fff9;color:#4059c6;box-shadow:inset 0 0 0 1px #c7d3f0,0 5px 0 #c7d3f080}.button:disabled{opacity:.6;cursor:wait;transform:none}.caption,.small{font-size:12px;color:#65739b}.caption{margin-top:22px}.game-art{position:relative;background:linear-gradient(145deg,#526cf0,#354fc2);padding:22px;border-radius:32px;box-shadow:0 14px 0 #283f9a,0 28px 60px #3349a337;transform:rotate(3deg)}.art-top{display:flex;justify-content:space-between;align-items:center;color:#e2e8ff;font-size:10px;font-weight:800;letter-spacing:1px;margin-bottom:15px}.art-top strong{font-size:24px;color:#ffe18a;letter-spacing:-1px}.board{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;padding:8px;border-radius:17px;background:#263f9e}.cell{aspect-ratio:1;border-radius:5px;background:#314eaf;box-shadow:inset 0 2px 2px #172f7940}.cell.on{background:var(--color);box-shadow:inset 0 3px 0 #ffffff50,inset 0 -3px 0 #00000014,0 2px 3px #11266e66}.cell.lit{filter:brightness(1.2);box-shadow:0 0 12px #ffc85d9c,inset 0 2px 0 #fff8}.art-bottom{display:flex;justify-content:space-around;align-items:center;padding-top:16px}.mini-piece{font-size:28px;line-height:.7;font-weight:900;letter-spacing:0;text-shadow:0 3px #0002}.p1{color:#ff628c}.p2{color:#67e2a4}.combo{font-size:18px;font-weight:900;color:#fff3aa;text-shadow:0 2px #223a89;transform:rotate(-7deg)}.spark{position:absolute;color:#ffc953;font-size:45px}.s1{top:-25px;right:-22px}.s2{bottom:22px;left:-25px;font-size:32px;color:#a184ff}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;border-top:1px solid #c7d3f0;border-bottom:1px solid #c7d3f0;padding:35px 0}.feature-icon{font-size:28px;color:#526cf0}.features h2{font-size:18px;letter-spacing:-.4px;margin:8px 0}.features p,.join p,.platforms p{color:#65739b;font-size:14px}.join{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:100px;padding:95px 0}.auth-card{background:#f8faff;border:1px solid #fff;border-radius:26px;padding:27px;box-shadow:0 15px 45px #3349a30d}.tabs{display:flex;padding:5px;background:#e1e9ff;border-radius:13px;margin-bottom:22px;gap:5px}.tabs button{flex:1;border:0;border-radius:9px;padding:9px;background:transparent;color:#65739b;cursor:pointer;font-weight:750}.tabs [aria-pressed=true]{background:white;color:#4059d7;box-shadow:0 3px 10px #3349a30d}label{display:block;font-size:12px;font-weight:750;margin:14px 0}input{display:block;width:100%;margin-top:6px;padding:13px 14px;border:1px solid #c7d3f0;border-radius:12px;background:white;color:#263665;font-size:14px}input::placeholder{color:#8b96b4}input:focus{outline:3px solid #526cf033;border-color:#526cf0}:focus-visible{outline:3px solid #526cf0;outline-offset:4px}.full{width:100%}#auth-message{font-size:13px;color:#aa3559;min-height:8px}.success-icon{font-size:30px;color:#35866b}#auth-success h3{margin:8px 0}.install{text-align:center;padding:12px 0 75px}.platforms{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align:left;margin-top:35px}.platforms article{border:1px solid #c7d3f0;background:#f8faff9c;border-radius:24px;padding:25px;display:flex;flex-direction:column}.platform-label{font-size:10px;font-weight:850;letter-spacing:1.5px;color:#526cf0}.platforms h3{margin:14px 0 0}.platforms p{margin-bottom:22px}.platforms .button{margin-top:auto;font-size:14px}.platforms .small{font-size:11px;margin-bottom:0}.platforms ol{padding-left:20px;font-size:14px;line-height:1.8}.platforms li{padding:4px 0}.platforms a:not(.button){font-weight:750;color:#4059d7}.footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #c7d3f0;padding:25px 0 35px}.footer .brand{font-size:18px}.footer>span{font-size:12px;color:#65739b}.recommended{outline:2px solid #526cf0;outline-offset:3px}
@media(max-width:800px){.hero{gap:32px;padding-top:40px}.hero h1{font-size:44px}.actions{flex-direction:column;align-items:stretch}.join{gap:40px}.platforms{grid-template-columns:1fr}.platforms article{display:block}.platforms .button{margin-top:8px}.features{gap:20px}}
@media(max-width:580px){.wrap{width:calc(100% - 36px)}.header{padding:18px 0}.brand{font-size:21px}.hero{grid-template-columns:1fr;gap:45px;padding:35px 0 55px}.hero h1{font-size:45px;letter-spacing:-2px}.hero-copy{text-align:center}.lead{font-size:16px}.actions{flex-direction:row;justify-content:center}.actions .button{width:100%}.game-art{width:min(340px,90%);margin:auto;padding:18px}.features{grid-template-columns:1fr;gap:23px}.features article{padding-left:44px;position:relative}.feature-icon{position:absolute;left:0;top:0}.features p{margin:7px 0}.join{grid-template-columns:1fr;gap:22px;padding:60px 0}.join h2{font-size:31px}.auth-card{padding:22px}.install h2{font-size:31px}.footer{gap:20px}.footer>span{text-align:right}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
@media(min-width:581px) and (max-width:800px){.hero{grid-template-columns:1fr;padding-top:35px}.hero-copy{max-width:600px}.game-art{width:min(420px,85%);margin:15px auto}.actions{flex-direction:row}.join{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}

.screenshot-art{padding:0;background:transparent;border-radius:24px;max-width:360px;justify-self:center;box-shadow:0 18px 45px #3349a32b;overflow:hidden}.gameplay-shot{display:block;width:100%;height:auto}.hero{padding-top:35px;padding-bottom:65px}@media(max-width:580px){.screenshot-art{width:min(310px,88%);border-radius:18px}}

@media(max-width:580px){.hero-copy h1{text-align:left}.hero-copy>.eyebrow{display:block;text-align:left}}

.social-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.social-actions .button{gap:10px;flex:1;white-space:nowrap;font-size:14px;padding:12px 16px;min-height:52px;border-radius:16px}.social-vk{background:#0077ff;color:#fff;box-shadow:0 5px 0 #0059bd,0 10px 20px #0077ff20}.social-pikabu{background:#83c43c;color:#132d08;box-shadow:0 5px 0 #5d9824,0 10px 20px #83c43c20}.social-brand{display:inline-grid;place-items:center;min-width:29px;height:29px;border-radius:8px;font-size:17px;line-height:1;font-weight:850;background:#ffffff24}.social-pikabu .social-brand{background:#ffffff45}.social-actions a:focus-visible{outline:3px solid #263665;outline-offset:5px}@media(max-width:580px){.social-actions{justify-content:center}.social-actions .button{flex:1 1 100%;width:100%}}

/* Installation leads; platform links stay compact and secondary. */
.actions .install-primary{font-size:17px;min-height:60px;padding:16px 27px}.social-actions{gap:10px;margin-top:18px;justify-content:flex-start}.social-actions .button{flex:0 1 auto;min-height:40px;padding:7px 12px;gap:7px;font-size:12px;border-radius:12px}.social-actions .social-brand{display:block;width:24px;min-width:24px;height:24px;border-radius:6px;background:none;object-fit:contain}.social-actions .button{box-shadow:0 3px 0 #0002}@media(max-width:580px){.social-actions{justify-content:center;flex-wrap:nowrap}.social-actions .button{width:auto;flex:0 1 auto;font-size:12px}.actions .install-primary{min-height:60px}}

.button.rustore-download{background:#0077ff;color:#fff;border-color:#0077ff;margin-bottom:10px}
.button.rustore-download:hover{background:#0066dc;color:#fff;border-color:#0066dc}

body{background:#f1f5ff}
.wrap{position:relative}
body::before{content:"";position:absolute;inset:0 0 auto;height:900px;pointer-events:none;background:radial-gradient(ellipse at 91% 23%,#be92ff 0,transparent 39%),radial-gradient(ellipse at 74% 52%,#70dbff 0,transparent 36%),radial-gradient(ellipse at 94% 70%,#ffa9e9 0,transparent 44%),radial-gradient(ellipse at 2% 35%,#c6e8ff 0,transparent 55%)}
.hero{min-height:710px;gap:45px}.hero h1{color:#101e54}.hero h1 span{color:#354fe2}.lead{color:#3d4d78}.hero-copy{position:relative;z-index:1}
.hero-visual{width:100%;min-width:0;position:relative;display:grid;place-items:center;isolation:isolate;padding:20px 0 28px}
.hero-visual::before{content:"";position:absolute;z-index:-1;width:94%;aspect-ratio:1;border-radius:50%;border:2px solid #e9fcff;background:radial-gradient(circle,#fff5,transparent 62%);box-shadow:0 0 40px #8aeaff,inset 0 0 25px #e3ffff;transform:rotate(-18deg) scaleY(.82)}
.hero-visual .screenshot-art{width:min(100%,310px);border:5px solid #fff;border-radius:25px;box-shadow:0 18px 55px #29286b55;transform:rotate(4deg)}
.float-block{position:absolute;width:clamp(38px,7vw,80px);aspect-ratio:1;border-radius:24%;border:2px solid #fff9;box-shadow:inset 0 3px 7px #fffd,inset 0 -5px 7px #36197245,0 8px 20px #4b36a342;pointer-events:none}
.float-block.cyan{left:0;top:14%;transform:rotate(-19deg);background:linear-gradient(145deg,#a2faff,#00b7f2 72%)}
.float-block.pink{left:1%;bottom:14%;transform:rotate(-23deg);background:linear-gradient(145deg,#ffd2e9,#ff559c 72%)}
.float-block.gold{right:-2%;top:53%;transform:rotate(20deg);background:linear-gradient(145deg,#fff7be,#ffb924 72%)}
.float-block.violet{right:1%;top:10%;transform:rotate(28deg);background:linear-gradient(145deg,#e8bfff,#9c51f4 72%)}
.hero-glint{position:absolute;right:5%;bottom:12%;font-size:35px;color:#fff4b1;text-shadow:0 0 16px #fff;pointer-events:none}
.features{background:#ffffff73;border:1px solid #fff;border-radius:24px;padding-inline:24px;box-shadow:0 8px 30px #5867ac12}
@media(max-width:800px){.hero{min-height:0}.hero-visual{width:min(100%,440px);margin:auto}.hero-visual .screenshot-art{width:min(74%,310px)}}
@media(max-width:580px){body::before{height:1100px}.hero{gap:25px}.float-block.gold{right:0}}

/* Glossy blocks framing the gameplay screenshot. */
.hero-visual .float-block {
 width:clamp(44px,8vw,102px);
 border:0;
 border-radius:25%;
 background:linear-gradient(150deg,var(--shine),var(--face) 38%,var(--shade));
 box-shadow:inset 0 0 0 2px #ffffffe0,inset 0 -7px 0 var(--edge),
            0 8px 0 -2px var(--edge),0 0 26px var(--glow),0 16px 26px #37347945;
}
.float-block::before {
 content:"";position:absolute;inset:8%;border-radius:22%;
 background:linear-gradient(145deg,#ffffffb8 0%,#ffffff26 33%,transparent 55%,#ffffff70 100%);
 border:1px solid #ffffff88;
}
.float-block::after {
 content:"";position:absolute;left:18%;top:14%;width:42%;height:13%;
 border-radius:50%;background:#fffd;transform:rotate(-15deg);filter:blur(1px);
}
.hero-visual .cyan{--shine:#a8fdff;--face:#00cef5;--shade:#009cdb;--edge:#0876b7;--glow:#22e5ff;left:-1%;top:14%;transform:rotate(-17deg)}
.hero-visual .pink{--shine:#ffd8ed;--face:#ff73ad;--shade:#f64086;--edge:#cf347b;--glow:#ff8fcc;left:0;bottom:13%;transform:rotate(-23deg)}
.hero-visual .gold{--shine:#fff4b3;--face:#ffd542;--shade:#ffaa09;--edge:#d9810f;--glow:#ffe177;right:-2%;top:53%;transform:rotate(21deg)}
.hero-visual .violet{--shine:#f4cdff;--face:#c67aff;--shade:#8e3ee6;--edge:#7531bb;--glow:#cf94ff;right:1%;top:9%;transform:rotate(27deg);width:clamp(38px,6vw,76px)}
@media(max-width:580px){.hero-visual .cyan{left:2%}.hero-visual .pink{left:3%}.hero-visual .gold{right:1%}.hero-visual .violet{right:3%}}

body{position:relative;isolation:isolate}
body::before{inset:0;height:auto;z-index:-1;background:
 radial-gradient(ellipse 55% 420px at 91% 210px,#be92ff,transparent),
 radial-gradient(ellipse 48% 410px at 77% 460px,#70dbff,transparent),
 radial-gradient(ellipse 64% 590px at 96% 690px,#ffa9e9,transparent),
 radial-gradient(ellipse 66% 570px at 0 280px,#c6e8ff,transparent),
 radial-gradient(ellipse 64% 34% at 0 66%,#bbe9ff,transparent),
 radial-gradient(ellipse 70% 34% at 100% 91%,#f4b4ef,transparent),
 linear-gradient(155deg,#e5f0ff,#ede5ff 59%,#d9eaff)}
@media(max-width:580px){body::before{height:auto}}

.button.appgallery-download{background:linear-gradient(#ff5b5e,#ec3e43);color:#fff;border-color:#ec3e43;margin-bottom:10px}
.button.appgallery-download:hover{background:linear-gradient(#f34d52,#dc343b);border-color:#dc343b}

@media(max-width:580px){#android-card .button{margin-top:4px;margin-bottom:2px}}