/* PixelNetwork: сайт 2.16.3. Стилистика лаунчера: ночной космос, каменные панели Minecraft с фаской,
   зелёные блочные кнопки, жёлтый акцент, небо с травой в шапке. Шрифты свои (без Google), см. assets/fonts. */
@font-face{font-family:'Onest';src:url(/assets/fonts/Onest.ttf) format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:'Pixelify Sans';src:url(/assets/fonts/PixelifySans.ttf) format('truetype');font-weight:400 700;font-display:swap}
:root{
 --bg:#0e0718;--bg2:#07040f;--bg3:#170f23;
 --st:#32302c;--st2:#23211d;--st3:#0c0b08;--hi:#4f4d48;
 --tx:#f4f2ea;--tx2:#cbc7bd;--tx3:#9d988b;
 --acc:#f2de3c;--acc2:#d8b501;--acc3:#a58100;
 --grn:#4a9c36;--grn-hi:#76c963;--grn-lo:#28621a;--grn-t:#8fe47d;
 --sky1:#5da1c8;--sky2:#9acde2;--grass:#56932b;--grass2:#40731a;--dirt:#724b2b;--dirt2:#55341c;
 --bad:#fd7466;--warn:#f9b64f;--ok:#75d87a;
 --f-ui:'Onest',system-ui,-apple-system,'Segoe UI',sans-serif;--f-px:'Pixelify Sans','Onest',system-ui,sans-serif;
 --e:cubic-bezier(0.22,1,0.36,1);--wrap:1220px;--n:6px;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;scroll-padding-top:84px;-webkit-text-size-adjust:100%}
body{margin:0;color:var(--tx);font:400 1.02rem/1.6 var(--f-ui);-webkit-font-smoothing:antialiased;background:var(--bg);
 background-image:radial-gradient(1.5px 1.5px at 12% 18%,#fff8 99%,#0000),radial-gradient(1.5px 1.5px at 72% 9%,#fff6 99%,#0000),radial-gradient(2px 2px at 38% 62%,#fff5 99%,#0000),radial-gradient(1.5px 1.5px at 88% 44%,#fff7 99%,#0000),radial-gradient(1.5px 1.5px at 56% 86%,#fff4 99%,#0000),radial-gradient(2px 2px at 5% 77%,#fff5 99%,#0000),linear-gradient(180deg,var(--bg) 0%,var(--bg2) 100%);
 background-size:420px 420px,420px 420px,420px 420px,420px 420px,420px 420px,420px 420px,100% 100%;background-attachment:fixed}
h1,h2,h3{font-family:var(--f-px);font-weight:700;line-height:1.08;letter-spacing:.01em;margin:0;text-wrap:balance}
p{margin:0;text-wrap:pretty}
a{color:var(--acc)}
img{display:block;max-width:100%;height:auto}
button{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--acc);outline-offset:3px}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.ic{width:20px;height:20px;fill:currentColor;flex:none;shape-rendering:crispEdges}
.wrap{width:min(var(--wrap),100% - 40px);margin-inline:auto}
.px{clip-path:polygon(0 var(--n),var(--n) var(--n),var(--n) 0,calc(100% - var(--n)) 0,calc(100% - var(--n)) var(--n),100% var(--n),100% calc(100% - var(--n)),calc(100% - var(--n)) calc(100% - var(--n)),calc(100% - var(--n)) 100%,var(--n) 100%,var(--n) calc(100% - var(--n)),0 calc(100% - var(--n)))}

/* ---------- кнопки как в лаунчере ---------- */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 20px;border:3px solid var(--st3);background:#74716b;color:var(--tx);
 font:600 1rem/1 var(--f-px);letter-spacing:.03em;text-decoration:none;cursor:pointer;text-shadow:1px 1px 0 #0006;
 box-shadow:inset 3px 3px 0 #a19e98,inset -3px -4px 0 #44423c;transition:filter .12s,transform .08s}
.btn:hover{filter:brightness(1.12)}.btn:active{transform:translateY(2px)}
.btn.go{background:var(--grn);box-shadow:inset 3px 3px 0 var(--grn-hi),inset -3px -4px 0 var(--grn-lo)}
.btn.acc{background:var(--acc);color:#1e142e;text-shadow:none;box-shadow:inset 3px 3px 0 #fff5a5,inset -3px -4px 0 var(--acc3)}
.btn.gh{background:rgba(36,30,46,0.8);border-color:#07040c;box-shadow:inset 2px 2px 0 #3f3a4b,inset -2px -3px 0 #140e1d}
.btn.sm{padding:8px 12px;font-size:.88rem}.btn.xl{padding:16px 24px;font-size:1.1rem;width:100%}
.btn .spin{display:none;width:16px;height:16px;border:3px solid currentColor;border-right-color:transparent;animation:spin .7s steps(8) infinite}
.btn.busy .spin{display:block}.btn.busy{pointer-events:none;filter:saturate(.6)}
@keyframes spin{to{transform:rotate(1turn)}}

/* ---------- каменная панель ---------- */
.stone{background:var(--st);border:3px solid var(--st3);box-shadow:inset 3px 3px 0 var(--hi),inset -3px -3px 0 var(--st2)}
.chip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:rgba(7,4,12,0.75);border:2px solid #302a3b;font-size:.86rem;white-space:nowrap}
.chip b{font-family:var(--f-px);color:var(--acc)}
.dot{width:9px;height:9px;background:var(--grn-t);box-shadow:0 0 8px var(--grn-t);flex:none;animation:pulse 1.6s infinite}
@keyframes pulse{50%{opacity:.45}}
.kick{display:inline-flex;align-items:center;gap:8px;font:600 .82rem/1 var(--f-px);letter-spacing:.12em;text-transform:uppercase;color:var(--acc)}
.kick::before{content:'';width:10px;height:10px;background:currentColor}

/* ---------- шапка ---------- */
.bar{position:sticky;top:0;z-index:20;background:rgba(9,5,17,0.82);backdrop-filter:blur(10px);border-bottom:3px solid #030206}
.bar-in{display:flex;align-items:center;gap:22px;height:66px}
.logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--tx);font:700 1.25rem/1 var(--f-px);letter-spacing:.02em}
.logo svg{width:30px;height:30px;shape-rendering:crispEdges}.logo .m-bg{fill:var(--acc)}.logo .m-p{fill:#1e142e}
.logo span em{font-style:normal;color:var(--acc)}
.bar nav{display:flex;gap:4px;margin-left:8px}
.bar nav a{padding:8px 12px;color:var(--tx2);text-decoration:none;font:600 .92rem/1 var(--f-px);letter-spacing:.03em}
.bar nav a:hover{color:var(--tx);background:#251d32}
.who{display:flex;align-items:center;gap:10px;margin-left:auto}
.who .chip .av{display:grid;place-items:center;width:24px;height:24px;background:var(--grn);color:#fff;font:700 .8rem/1 var(--f-px)}
.bar-dl{opacity:0;pointer-events:none;transition:opacity .2s}
.bar.dark .bar-dl{opacity:1;pointer-events:auto}

/* ---------- небо с травой (как баннер Bedrock в лаунчере) ---------- */
.sky{position:relative;overflow:hidden;background:linear-gradient(180deg,var(--sky1),var(--sky2));color:#0b1628;padding:64px 0 96px}
.sky::after{content:'';position:absolute;left:0;right:0;bottom:0;height:42px;background:
 linear-gradient(180deg,var(--grass) 0 12px,var(--grass2) 12px 16px,var(--dirt) 16px 30px,var(--dirt2) 30px);
 box-shadow:0 -6px 0 0 #6aad3e}
.sky::before{content:'';position:absolute;left:0;right:0;bottom:36px;height:10px;background:repeating-linear-gradient(90deg,var(--grass) 0 18px,#0000 18px 30px,var(--grass2) 30px 42px,#0000 42px 64px)}
.cloud{position:absolute;height:22px;background:#fffd;box-shadow:22px -16px 0 -2px #fffd,48px 0 0 #fffd,22px 10px 0 #fffc;opacity:.9;animation:drift 70s linear infinite}
.cloud.c1{width:96px;top:54px;left:6%}.cloud.c2{width:130px;top:150px;left:58%;animation-duration:95s;opacity:.7}.cloud.c3{width:70px;top:280px;left:30%;animation-duration:120s;opacity:.55}
@keyframes drift{from{transform:translateX(-12vw)}to{transform:translateX(112vw)}}
@media(prefers-reduced-motion:reduce){.cloud,.dot{animation:none}}

/* ---------- герой витрины ---------- */
.hero-in{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.hero h1{font-size:clamp(2.2rem,4.4vw,3.6rem);color:#fbf8f1;text-shadow:3px 3px 0 #0a345a}
.hero h1 em{font-style:normal;color:var(--acc);text-shadow:3px 3px 0 #5d4400}
.hero .lead{margin-top:18px;font-size:1.12rem;color:#091b31;max-width:36ch;font-weight:500}
.eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:18px;padding:7px 12px;background:rgba(5,22,44,0.85);color:var(--tx);font:600 .9rem/1 var(--f-px);letter-spacing:.03em}
.eyebrow .ok{display:grid;place-items:center;width:22px;height:22px;background:var(--grn);color:#fff}.eyebrow .ok .ic{width:14px;height:14px}
.hero .chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.hero .chips .chip{background:rgba(9,27,49,0.75);border-color:#182e4b;color:var(--tx)}

/* окно лаунчера со скриншотом */
.win{position:relative;background:var(--st3);border:3px solid #040301;box-shadow:0 30px 60px -20px rgba(0,9,36,0.7),8px 8px 0 rgba(5,22,44,0.5)}
.win-top{display:flex;align-items:center;gap:8px;height:30px;padding:0 10px;background:#110c1a;font:600 .75rem/1 var(--f-px);color:var(--tx3);letter-spacing:.05em}
.win-top i{width:10px;height:10px;background:var(--st)}.win-top i:first-child{background:var(--bad)}.win-top i:nth-child(2){background:var(--warn)}.win-top i:nth-child(3){background:var(--grn)}
.win-top span{margin-left:8px}
.win img{width:100%}
.hero-art{position:relative}
.hero-art .float{position:absolute;display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--st);border:3px solid var(--st3);box-shadow:inset 3px 3px 0 var(--hi),inset -3px -3px 0 var(--st2),6px 6px 0 #0004;font-size:.9rem;color:var(--tx)}
.hero-art .float b{font-family:var(--f-px)}
.hero-art .f1{left:-28px;bottom:58px}.hero-art .f2{right:-18px;top:46px}
.hero-art .f2 .mic{font-size:1.2rem}

/* ---------- загрузки ---------- */
.dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:28px;max-width:560px}
.dlb{position:relative;display:flex;align-items:center;gap:14px;min-height:76px;padding:12px 16px;border:3px solid var(--st3);background:var(--st);color:var(--tx);text-decoration:none;cursor:pointer;text-align:left;
 box-shadow:inset 3px 3px 0 var(--hi),inset -3px -4px 0 var(--st2);transition:filter .12s,transform .08s}
.dlb:first-child{background:var(--grn);box-shadow:inset 3px 3px 0 var(--grn-hi),inset -3px -4px 0 var(--grn-lo)}
.dlb:hover{filter:brightness(1.12)}.dlb:active{transform:translateY(2px)}
.dlb:disabled{cursor:not-allowed;filter:saturate(.3) brightness(.85)}
.dlb .ic{width:28px;height:28px}
.dlb span{display:grid;gap:5px;min-width:0}
.dlb b{font:700 1.05rem/1.05 var(--f-px);letter-spacing:.02em;text-shadow:1px 1px 0 #0005}
.dlb small{font-size:.78rem;line-height:1.3;opacity:.85}
.dlb .go{width:18px;height:18px;margin-left:auto;transition:transform .2s var(--e)}
.dlb:hover .go{transform:translateY(3px)}
.dlb.sent{outline:3px solid var(--acc);outline-offset:2px}
.once{display:flex;align-items:center;gap:8px;margin-top:12px;max-width:560px;font-size:.88rem;color:var(--tx);opacity:.9}.once .ic{width:16px;height:16px;flex:none;color:var(--grn-hi)}
.after{margin-top:16px;max-width:560px;padding:16px 18px;background:rgba(18,11,30,0.92);color:var(--tx)}
.after h3{font-size:1.05rem;color:var(--acc);margin-bottom:8px}
.after ol{margin:0;padding-left:20px;display:grid;gap:6px;font-size:.93rem}

/* ---------- секции ---------- */
.sec{padding:96px 0}
.sec-h{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:end;margin-bottom:40px}
.sec-h h2{font-size:clamp(1.8rem,3.4vw,2.7rem);margin-top:12px}
.sec-h p{color:var(--tx2);max-width:52ch}
.sec.alt{background:rgba(5,3,11,0.7);border-block:3px solid #020105}

/* три козыря Minecraft */
.mc-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:40px}
.mc-card{padding:22px 22px 24px}
.mc-card .ico{display:grid;place-items:center;width:52px;height:52px;margin-bottom:16px;background:var(--st2);border:3px solid var(--st3)}
.mc-card .ico .ic{width:28px;height:28px;color:var(--grn-t)}
.mc-card h3{font-size:1.25rem;margin-bottom:8px}
.mc-card p{color:var(--tx2);font-size:.95rem}
.mc-card .tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.tag{font:600 .74rem/1 var(--f-px);letter-spacing:.04em;padding:5px 8px;border:2px solid currentColor;color:var(--grn-t)}
.tag.y{color:var(--acc)}.tag.b{color:#75caf2}

/* галерея кадров (home.js: .viewer, .shot, .thumbs) */
.viewer{display:grid;gap:12px}
.shot{position:relative;display:block;width:100%;padding:0;border:3px solid #040301;background:var(--st3);cursor:zoom-in;overflow:hidden}
.shot img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top;transition:opacity .18s}
.shot img.fade{opacity:.3}
.zoom{position:absolute;right:12px;bottom:12px;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:rgba(7,4,12,0.85);font:600 .8rem/1 var(--f-px);opacity:0;transition:opacity .15s}
.shot:hover .zoom,.shot:focus-visible .zoom{opacity:1}
.thumbs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px}
.thumbs button{display:grid;gap:6px;width:100%;padding:0 0 8px;border:3px solid var(--st3);background:var(--st2);cursor:pointer;text-align:left;font:600 .78rem/1.2 var(--f-px);color:var(--tx2)}
.thumbs button img{aspect-ratio:16/10;object-fit:cover;object-position:top;width:100%}
.thumbs button span{padding:0 8px}
.thumbs button[aria-pressed=true]{border-color:var(--acc);color:var(--tx)}
.thumbs button:hover{color:var(--tx)}
.split{display:grid;grid-template-columns:1.35fr 1fr;gap:40px;align-items:start}
.split.flip{grid-template-columns:1fr 1.35fr}.split.flip .viewer{order:2}
.side h3{font-size:1.5rem;margin-bottom:10px}
.side>p{color:var(--tx2)}
.feats{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:10px}
.feats li{display:grid;grid-template-columns:28px 1fr;gap:12px;align-items:start;padding:12px 14px;background:rgba(24,19,34,0.65);border-left:4px solid var(--grn)}
.feats li .ic{width:22px;height:22px;color:var(--grn-t);margin-top:2px}
.feats b{display:block;font-family:var(--f-px);font-size:1rem;letter-spacing:.02em}
.feats small{display:block;color:var(--tx3);font-size:.88rem;line-height:1.45;margin-top:2px}

/* шаги «как зайти к другу» */
.steps3{list-style:none;margin:48px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;counter-reset:s}
.steps3 li{position:relative;padding:22px 20px 20px 74px;counter-increment:s}
.steps3 li::before{content:counter(s);position:absolute;left:18px;top:20px;display:grid;place-items:center;width:40px;height:40px;background:var(--acc);color:#1e142e;font:700 1.3rem/1 var(--f-px);box-shadow:inset -3px -3px 0 var(--acc3)}
.steps3 h3{font-size:1.08rem;margin-bottom:6px}.steps3 p{color:var(--tx2);font-size:.92rem}

/* соцсеть: лента-превью */
.social-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:40px}
.soc{padding:18px}
.soc .ic{width:26px;height:26px;color:var(--acc);margin-bottom:12px}
.soc h3{font-size:1.05rem;margin-bottom:6px}.soc p{color:var(--tx2);font-size:.9rem;line-height:1.5}

/* ещё игры: компактно */
.extra{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.g{display:grid;grid-template-rows:auto 1fr;background:var(--st2);border:3px solid var(--st3);overflow:hidden}
.g img{aspect-ratio:12/5;object-fit:cover;width:100%;border-bottom:3px solid var(--st3)}
.g div{padding:14px 16px 16px}
.g h3{font-size:1.05rem;margin-bottom:4px}.g p{font-size:.86rem;color:var(--tx3);line-height:1.45}
.g .genre{font:600 .72rem/1 var(--f-px);letter-spacing:.06em;text-transform:uppercase;color:var(--acc);margin-bottom:8px}

/* доверие */
.trust{display:grid;grid-template-columns:52px 1fr;gap:18px;align-items:start;margin-top:40px;padding:22px 24px}
.trust .ico{display:grid;place-items:center;width:52px;height:52px;background:var(--st2);border:3px solid var(--st3)}.trust .ico .ic{width:28px;height:28px;color:var(--acc)}
.trust h3{font-size:1.15rem;margin-bottom:6px}.trust p{color:var(--tx2);font-size:.94rem}

/* вопросы */
.faq-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.faq-list details{background:rgba(24,19,34,0.7);border:3px solid #07040c}
.faq-list summary{cursor:pointer;list-style:none;padding:16px 46px 16px 18px;position:relative;font:600 1rem/1.3 var(--f-px);letter-spacing:.02em}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:'+';position:absolute;right:16px;top:12px;font:700 1.4rem/1 var(--f-px);color:var(--acc)}
.faq-list details[open] summary::after{content:'−'}
.faq-list .a{padding:0 18px 18px;color:var(--tx2);font-size:.94rem}

/* финал */
.end{padding:0 0 96px}
.end-in{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center;padding:34px 36px;background:linear-gradient(180deg,var(--sky1),var(--sky2));border:3px solid #040301;position:relative;overflow:hidden}
.end-in::after{content:'';position:absolute;left:0;right:0;bottom:0;height:14px;background:linear-gradient(180deg,var(--grass) 0 8px,var(--dirt) 8px)}
.end h2{font-size:clamp(1.6rem,3vw,2.3rem);color:#fff;text-shadow:3px 3px 0 #0a345a}
.end p{color:#091b31;font-weight:500;margin-top:6px}
.end .dl{margin-top:0;min-width:480px}

.foot{padding:28px 0 40px;border-top:3px solid #030206;background:#040209;color:var(--tx3);font-size:.9rem}
.foot-in{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.foot nav{display:flex;gap:16px;margin-left:auto}.foot nav a{color:var(--tx2);text-decoration:none}.foot nav a:hover{color:var(--acc)}

/* просмотр крупно */
.lb{border:0;padding:0;background:none;max-width:min(1400px,96vw);max-height:94vh;color:var(--tx)}
.lb::backdrop{background:rgba(2,1,5,0.9)}
.lb figure{margin:0;background:var(--st3);border:3px solid #040301}
.lb img{max-height:calc(94vh - 70px);width:auto;margin:auto}
.lb figcaption{display:flex;align-items:center;gap:12px;padding:10px 12px;font:600 .9rem/1.2 var(--f-px)}
.lb small{color:var(--tx3)}.lb-nav{display:flex;gap:6px;margin-left:auto}

/* появление */
.js .rv{opacity:0;transform:translateY(18px);transition:opacity .6s var(--e),transform .6s var(--e);transition-delay:calc(var(--i,0)*70ms)}
.js .rv.in{opacity:1;transform:none}

/* ---------- регистрация (/join) ---------- */
.join .sky{padding:0;min-height:100vh;display:flex;align-items:center}
.j{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr minmax(360px,440px);gap:56px;align-items:center;padding:48px 0 110px}
.j-brand .logo{color:#fff;margin-bottom:34px;text-shadow:2px 2px 0 #0a345a}
.j-title{font-size:clamp(2.2rem,4.6vw,3.7rem);color:#fff;text-shadow:3px 3px 0 #0a345a}
.j-title em{font-style:normal;color:var(--acc);text-shadow:3px 3px 0 #5d4400}
.j-lead{margin-top:18px;font-size:1.1rem;color:#091b31;font-weight:500;max-width:40ch}
.j-pts{list-style:none;margin:24px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.j-pts li{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;background:rgba(5,22,44,0.82);color:var(--tx);font:600 .86rem/1 var(--f-px);letter-spacing:.02em}
.j-pts li i{width:8px;height:8px;background:var(--grn-t)}
.j-shot{margin-top:30px;max-width:560px}
.j-card{padding:26px 26px 22px;background:var(--st);border:3px solid var(--st3);box-shadow:inset 3px 3px 0 var(--hi),inset -3px -3px 0 var(--st2),10px 10px 0 rgba(5,22,44,0.45)}
.j-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:22px;padding:5px;background:var(--st3)}
.j-tabs button{padding:10px;border:0;background:none;color:var(--tx3);font:600 .92rem/1 var(--f-px);cursor:pointer}
.j-tabs button[aria-selected=true]{background:var(--st);color:var(--tx);box-shadow:inset 2px 2px 0 var(--hi),inset -2px -2px 0 var(--st2)}
.j-head{margin-bottom:18px}.j-head h2{font-size:1.6rem}.j-head p{color:var(--tx2);font-size:.92rem;margin-top:6px}
.j-form{display:grid;gap:14px}
.fld{display:grid;gap:6px}.fld>span,.fld-lab{font:600 .85rem/1 var(--f-px);letter-spacing:.04em;color:var(--tx2)}
.in{width:100%;padding:13px 14px;background:#080705;border:3px solid #040302;color:var(--tx);font:500 1rem/1.2 var(--f-ui);outline:0;box-shadow:inset 3px 3px 0 #0006}
.in:focus{border-color:var(--grn)}
.fld.bad .in{border-color:var(--bad)}.fld.good .in{border-color:var(--grn)}
.pw{position:relative}.pw .in{padding-right:48px}
.eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:38px;height:38px;border:0;background:none;color:var(--tx3);cursor:pointer}.eye:hover{color:var(--tx)}
.st{font-size:.82rem;color:var(--tx3);line-height:1.35}.st.ok{color:var(--ok)}.st.bad{color:var(--bad)}.st.wait{color:var(--tx2)}
.meter{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;height:6px}
.meter i{background:var(--st3)}
.meter[data-s="1"] i:nth-child(-n+1){background:var(--bad)}.meter[data-s="2"] i:nth-child(-n+2){background:var(--warn)}.meter[data-s="3"] i:nth-child(-n+3){background:var(--acc)}.meter[data-s="4"] i{background:var(--ok)}
.err{min-height:0;color:var(--bad);font-size:.9rem;font-weight:600}.err:empty{display:none}
.fine{font-size:.78rem;color:var(--tx3);text-align:center}
.j-done{display:grid;justify-items:center;gap:10px;text-align:center;padding:18px 0}
.j-done .badge{display:grid;place-items:center;width:64px;height:64px;background:var(--grn);color:#fff;box-shadow:inset 3px 3px 0 var(--grn-hi),inset -3px -4px 0 var(--grn-lo)}.j-done .badge .ic{width:34px;height:34px}
.j-done h2{font-size:1.8rem}.j-done p{color:var(--tx2)}
.bar8{display:grid;grid-template-columns:repeat(12,1fr);gap:3px;width:100%;height:10px;margin-top:8px}
.bar8 i{background:var(--st3)}.bar8.go i{animation:fill 1.1s steps(1) forwards;animation-delay:calc(var(--i)*80ms)}
@keyframes fill{to{background:var(--grn-t)}}
.j-in{animation:rise .6s var(--e) both}@keyframes rise{from{opacity:0;transform:translateY(12px)}}
.j-note{display:grid;grid-template-columns:20px 1fr;gap:10px;margin-top:14px;padding:12px 14px;background:rgba(5,22,44,0.82);color:var(--tx2);font-size:.82rem;line-height:1.45}
.j-note .ic{color:var(--acc);width:18px;height:18px;margin-top:2px}
.j-more{padding:72px 0 80px}
.j-more .sec-h{margin-bottom:28px}
.j-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.j-row figure{margin:0}.j-row figcaption{margin-top:10px}.j-row figcaption b{display:block;font-family:var(--f-px);font-size:1.08rem}.j-row figcaption span{color:var(--tx3);font-size:.9rem}
.j-games{margin-top:40px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;color:var(--tx3);font-size:.92rem}
.j-games b{font-family:var(--f-px);color:var(--tx2);margin-right:4px}

/* 404 */
.nf{min-height:100vh;display:grid;place-items:center;text-align:center;padding:24px}
.nf h1{font-size:2.4rem;margin-bottom:10px}.nf p{color:var(--tx2);margin-bottom:20px}

/* ---------- адаптив ---------- */
@media(max-width:1080px){
 .hero-in,.j,.split,.split.flip{grid-template-columns:1fr}.split.flip .viewer{order:0}
 .hero-art{max-width:640px}.hero-art .f1{left:8px}.hero-art .f2{right:8px}
 .mc-cards,.steps3,.j-row{grid-template-columns:1fr}.social-grid,.extra{grid-template-columns:1fr 1fr}
 .sec-h{grid-template-columns:1fr}.end-in{grid-template-columns:1fr}.end .dl{min-width:0}
 .faq-list{grid-template-columns:1fr}
}
@media(max-width:720px){
 .bar nav{display:none}.who .chip .nm{display:none}
 .sky{padding:40px 0 84px}.sec{padding:64px 0}
 .dl{grid-template-columns:1fr}.social-grid,.extra{grid-template-columns:1fr}
 .hero-art .float{display:none}.j{padding:28px 0 96px;gap:28px}
}
figure.win{margin:0}.j-shot.win{margin-top:30px}
.j-card,.j-note{color:var(--tx)}.j-card h2{color:var(--tx)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media(max-width:1080px){.j-shot{display:none}}
@media(max-width:720px){.cloud{opacity:.3!important}.cloud.c3{display:none}}
.j-row .win img{aspect-ratio:16/10;object-fit:cover;object-position:top left}
/* плашки у окна в герое не закрывают интерфейс на скриншоте, облака не идут поверх заголовка */
.hero-art .f1{left:-30px;bottom:auto;top:46%}
.hero-art .f2{right:-16px;top:auto;bottom:-22px}
.cloud.c1{top:14px}.cloud.c2{top:auto;bottom:64px}.cloud.c3{display:none}
.hero-art .f1{left:28px;top:-24px}
/* 2.17: переключатель языка RU / EN */
.langsw{display:inline-flex;padding:3px;background:rgba(0,0,0,.35);border:0;box-shadow:inset 0 0 0 2px rgba(255,255,255,.18);flex:none;margin-left:auto;margin-right:10px}
.langsw a,.langsw button{border:0;background:none;cursor:pointer;font:700 12px/1 Onest,system-ui,sans-serif;padding:5px 7px;color:#b8b0c8;letter-spacing:.04em;text-decoration:none;display:inline-block}
.langsw a.on,.langsw button.on{background:#5fc45a;color:#10200f}
.langsw.fx{position:fixed;top:14px;right:14px;z-index:60}

/* 2.38: открытый бета-тест */
.beta-tag{display:inline-flex;align-items:center;gap:10px;margin:0 0 14px;padding:4px 12px 4px 4px;background:rgba(18,11,30,0.9);color:var(--tx);font-size:.86rem;font-weight:600}
.beta-tag b{padding:3px 8px;background:#f12848;color:#fff;font:700 .8rem/1.2 var(--f-px);letter-spacing:.1em;box-shadow:inset 0 -3px 0 #a10128}
.j-beta{margin:16px 0 0;max-width:520px;padding:12px 14px;background:rgba(18,11,30,0.88);color:var(--tx);font-size:.92rem;line-height:1.5}
.j-beta a{color:var(--acc);font-weight:700}
.betabar{background:#120b1e;border-top:4px solid #f12848;padding:26px 0}
.betabar-in{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.bb-i{display:grid;gap:6px;align-content:start;padding:14px 16px;background:var(--st);box-shadow:inset 0 3px 0 #ffffff14,inset 0 -4px 0 #0005}
.bb-i b{font:700 1rem/1.15 var(--f-px);letter-spacing:.02em;color:var(--acc)}.bb-i span{font-size:.9rem;line-height:1.45;color:var(--tx2)}
.bb-a{justify-self:start;margin-top:4px;padding:5px 10px;background:#0079b5;color:#fff;font-weight:700;font-size:.88rem;text-decoration:none}
.bb-a.tt{background:#000;box-shadow:inset 2px 2px 0 #25f4ee,inset -2px -2px 0 #fe2c55}
.bb-a:hover{filter:brightness(1.15)}
@media (max-width:900px){.betabar-in{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.betabar-in{grid-template-columns:1fr}}

/* 2.39: витрина из 4 кадров (колода в перспективе) */
.deck{position:relative;z-index:1}
.deck-glow{position:absolute;left:4%;right:-4%;top:6%;bottom:16%;background:radial-gradient(closest-side,rgba(252,231,101,0.7),rgba(255,164,78,0.25) 60%,transparent);filter:blur(36px);z-index:0;pointer-events:none;animation:dglow 7s ease-in-out infinite}
@keyframes dglow{50%{opacity:.7;transform:scale(1.04)}}
.deck-stage{position:relative;z-index:1;aspect-ratio:1600/1040;perspective:1700px;animation:dbob 7s ease-in-out infinite}
@keyframes dbob{50%{transform:translateY(-8px)}}
.deck-rot{--ry:-9deg;--rx:3deg;position:absolute;inset:0;transform-style:preserve-3d;transform:rotateY(var(--ry)) rotateX(var(--rx));transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.dk{position:absolute;inset:0;margin:0;display:flex;flex-direction:column;cursor:pointer;transition:transform .9s cubic-bezier(.2,.8,.2,1),opacity .6s ease,filter .7s ease;will-change:transform,opacity}
.dk img{display:block;width:100%;flex:1;min-height:0;object-fit:cover;object-position:top left}
.dk[data-p="0"]{transform:translate3d(0,0,0);z-index:4;cursor:default}
.dk[data-p="1"]{transform:translate3d(7%,-8%,-90px) scale(.93);z-index:3;filter:brightness(.6) saturate(.85)}
.dk[data-p="2"]{transform:translate3d(13%,-15.5%,-180px) scale(.86);z-index:2;filter:brightness(.42) saturate(.7)}
.dk[data-p="3"]{transform:translate3d(-6%,8%,-260px) scale(.8);z-index:1;opacity:0;pointer-events:none}
.dk[data-p="1"]:hover{filter:brightness(.8)}
.deck-tabs{position:relative;z-index:5;display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:26px}
.dtab{position:relative;overflow:hidden;padding:9px 16px 12px;border:3px solid #040301;background:var(--st);color:var(--tx);font:700 .9rem/1 var(--f-px);letter-spacing:.03em;cursor:pointer;
 box-shadow:inset 3px 3px 0 var(--hi),inset -3px -3px 0 var(--st2),4px 4px 0 #0003;transition:transform .12s,background .2s}
.dtab:hover{transform:translateY(-2px)}
.dtab[aria-pressed="true"]{background:var(--acc);color:#2b2100;box-shadow:inset 3px 3px 0 #fff5a5,inset -3px -3px 0 var(--acc3),4px 4px 0 #0003}
.dtab::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:0;background:currentColor;opacity:.55}
.dtab.run::after{animation:dfill 5s linear forwards}
@keyframes dfill{to{width:100%}}
.hero-art .float{z-index:6}
.hero-deck{margin-right:-4%}
.j-deck{margin-top:34px;max-width:620px}
@media (max-width:900px){.hero-deck{margin-right:0}.dk[data-p="1"]{transform:translate3d(5%,-6%,-60px) scale(.94)}.dk[data-p="2"]{transform:translate3d(9%,-11%,-120px) scale(.88)}}
@media (prefers-reduced-motion:reduce){.deck-stage,.deck-glow{animation:none}.dk{transition:none}}
/* 2.39: плашки поверх колоды не закрывают вкладки */
.hero-art .float.f1{left:-26px;top:4%;bottom:auto}
.hero-art .float.f2{right:-22px;left:auto;top:62%;bottom:auto}
@media (max-width:900px){.hero-art .float.f1{left:8px}.hero-art .float.f2{right:8px}}