@font-face{font-family:SnDisp;src:url(/kit/84ce165712/table-display.woff2) format("woff2");font-display:swap}
@font-face{font-family:SnText;src:url(/kit/84ce165712/table-text.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:SnText;src:url(/kit/84ce165712/table-text-bold.woff2) format("woff2");font-weight:700;font-display:swap}
:root{--yl:#ffd21f;--yl2:#fff3b8;--ink:#141414;--ink2:#3a3a3a;--mute:#6b6658;--red:#ef4b3c;--teal:#2fb7c9;--pur:#7a4de0;
--paper:#fffbea;--card:#fff;--line:#ece3c4;--r:18px;--w:1180px}
*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.6 SnText,"Segoe UI",system-ui,sans-serif;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}a{color:inherit}
h1,h2,h3{font-family:SnDisp,Impact,"Arial Black",sans-serif;font-weight:400;line-height:1.02;letter-spacing:.005em;margin:0 0 .45em;text-transform:uppercase}
h1{font-size:clamp(36px,5.4vw,70px)}h2{font-size:clamp(28px,3.4vw,44px)}h3{font-size:22px}
p{margin:0 0 1em}.w{max-width:var(--w);margin:0 auto;padding:0 20px}
.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;z-index:99;background:var(--ink);color:#fff;padding:8px 14px}
/* шапка */
.ann{background:var(--ink);color:var(--yl);text-align:center;font-weight:700;font-size:13.5px;padding:8px 16px;letter-spacing:.03em}
.hd{position:sticky;top:0;z-index:40;background:var(--yl);border-bottom:3px solid var(--ink)}
.hdin{max-width:var(--w);margin:0 auto;padding:10px 20px;display:flex;align-items:center;gap:22px}
.logo{text-decoration:none;flex:0 0 auto;display:flex;align-items:center;gap:10px}
.logo b{font-family:SnDisp,Impact,sans-serif;font-weight:400;font-size:30px;line-height:1;color:var(--ink);white-space:nowrap;
 -webkit-text-stroke:0;text-shadow:3px 3px 0 #fff,5px 5px 0 var(--red)}
.logo svg{width:34px;height:34px;flex:0 0 auto}
.nav{display:flex;gap:4px;margin-left:auto}
.nav a{text-decoration:none;font-weight:700;font-size:15px;padding:9px 12px;border-radius:999px;white-space:nowrap}
.nav a:hover,.nav a[aria-current]{background:var(--ink);color:var(--yl)}
.hdbuy{flex:0 0 auto;width:210px}
.burger{display:none;margin-left:auto;width:46px;height:42px;border:2px solid var(--ink);border-radius:12px;background:#fff;cursor:pointer}
.burger i,.burger i::before,.burger i::after{display:block;width:20px;height:2.5px;background:var(--ink);margin:auto;position:relative;content:""}
.burger i::before{position:absolute;top:-6px}.burger i::after{position:absolute;top:6px}
.snb{display:block;line-height:0;border-radius:999px;transition:transform .12s}
.snb:hover{transform:translateY(-2px)}.snb:focus-visible{outline:3px solid var(--pur);outline-offset:3px}
/* первый экран */
.hero{background:var(--yl);border-bottom:3px solid var(--ink);overflow:hidden;position:relative}
.hero::before{content:"";position:absolute;right:-120px;top:-140px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,#fff6c9 0,transparent 70%)}
.herov{position:relative;max-width:var(--w);margin:0 auto;padding:48px 20px 56px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:40px;align-items:center}
.eyebrow{display:inline-block;background:var(--ink);color:var(--yl);font-weight:700;font-size:13px;letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:6px 14px;margin:0 0 16px}
.hero h1 b{display:block;font-weight:400;color:var(--red);font-size:.6em;line-height:1.05;margin-top:.25em}
.lede{font-size:clamp(17px,1.6vw,19.5px);color:var(--ink2);max-width:40em;margin-bottom:24px}
.acts{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-bottom:26px}
.acts .snb{width:min(320px,100%)}
.ghost{font-weight:700;text-decoration:none;border:2.5px solid var(--ink);border-radius:999px;padding:11px 22px;white-space:nowrap;background:#fff}
.ghost:hover{background:var(--ink);color:var(--yl)}
.facts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.facts li{background:#fff;border:2.5px solid var(--ink);border-radius:14px;padding:11px 12px 9px;box-shadow:4px 4px 0 var(--ink)}
.facts b{display:block;font-family:SnDisp,Impact,sans-serif;font-weight:400;font-size:24px;line-height:1}
.facts span{display:block;font-size:12.5px;color:var(--mute);margin-top:5px}
.art{position:relative;min-height:500px}
.art img{position:absolute;border:4px solid var(--ink);border-radius:22px;background:#fff;object-fit:cover;box-shadow:8px 8px 0 var(--ink)}
.art .a1{width:64%;aspect-ratio:1;right:0;top:0;object-fit:contain}
.art .a2{width:48%;aspect-ratio:1;left:0;bottom:2%;transform:rotate(-5deg)}
.tag{position:absolute;right:6%;bottom:6%;z-index:2;background:var(--red);color:#fff;border:3px solid var(--ink);border-radius:16px;padding:10px 16px;text-decoration:none;box-shadow:5px 5px 0 var(--ink);transform:rotate(3deg)}
.tag b{display:block;font-family:SnDisp,Impact,sans-serif;font-weight:400;font-size:32px;line-height:1}
.tag span{font-size:13px;font-weight:700}
/* полосы */
.sec{padding:66px 0}.sec.alt{background:#fff;border-block:3px solid var(--ink)}.sec.ink{background:var(--ink);color:#fff}
.sec.ink h2{color:var(--yl)}
.head{max-width:760px;margin-bottom:28px}.head p{color:var(--mute);margin:0}.sec.ink .head p{color:#cfc8b0}
.why{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.why div{background:#fff;border:2.5px solid var(--ink);border-radius:var(--r);padding:20px;box-shadow:5px 5px 0 var(--ink)}
.why div:nth-child(1){background:#ffe6e3}.why div:nth-child(2){background:#dff6f9}.why div:nth-child(3){background:#ece5fb}.why div:nth-child(4){background:var(--yl2)}
.why b{display:block;font-family:SnDisp,Impact,sans-serif;font-weight:400;font-size:21px;text-transform:uppercase;line-height:1.05;margin-bottom:8px}
.why p{margin:0;font-size:15.5px;color:var(--ink2)}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center}
.split img{width:100%;border:3px solid var(--ink);border-radius:var(--r)}
.steps{list-style:none;margin:0;padding:0;display:grid;gap:12px;counter-reset:s}
.steps li{counter-increment:s;display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:center;background:#fff;border:2.5px solid var(--ink);border-radius:16px;padding:12px 16px}
.steps li::before{content:counter(s);width:48px;height:48px;border-radius:50%;background:var(--red);color:#fff;border:2.5px solid var(--ink);display:grid;place-items:center;font-family:SnDisp,Impact,sans-serif;font-size:24px}
.box{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.box div{background:#fff;border:2.5px solid var(--ink);border-radius:var(--r);padding:18px}
.box b{display:block;font-family:SnDisp,Impact,sans-serif;font-weight:400;font-size:24px;text-transform:uppercase;margin-bottom:6px;color:var(--red)}
.box p{margin:0;font-size:15px;color:var(--ink2)}
.fits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.fits div{border:2px solid #3a3a3a;border-radius:var(--r);padding:18px;background:#1f1f1f}
.fits b{display:block;color:var(--yl);font-family:SnDisp,Impact,sans-serif;font-weight:400;font-size:22px;text-transform:uppercase;margin-bottom:6px}
.fits p{margin:0;color:#d8d2bd;font-size:15px}
.gal{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.gal a{display:block;aspect-ratio:1;position:relative;overflow:hidden;border:2.5px solid var(--ink);border-radius:14px;background:#fff}
.gal img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
/* отзывы */
.score{display:grid;grid-template-columns:240px 1fr;gap:28px;align-items:center;margin-bottom:26px}
.score .big{font-family:SnDisp,Impact,sans-serif;font-size:72px;line-height:1}.score .st{color:var(--red);font-size:22px}
.bars{display:grid;gap:6px}.bar{display:grid;grid-template-columns:56px 1fr 44px;gap:10px;align-items:center;font-size:14px}
.bar i{display:block;height:12px;border:2px solid var(--ink);border-radius:999px;background:#fff;overflow:hidden}
.bar i span{display:block;height:100%;background:var(--yl)}
.revs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.rev{background:#fff;border:2.5px solid var(--ink);border-radius:var(--r);padding:20px;box-shadow:5px 5px 0 var(--ink)}
.rev .st{color:var(--red);letter-spacing:2px}.rev h3{font-size:19px;margin:6px 0 8px}.rev p{font-size:15.5px;color:var(--ink2);margin-bottom:10px}
.rev footer{font-size:13.5px;color:var(--mute)}
/* faq */
.faq details{background:#fff;border:2.5px solid var(--ink);border-radius:14px;margin:0 0 10px;padding:0 18px}
.faq summary{cursor:pointer;font-weight:700;padding:15px 0;list-style:none;display:flex;justify-content:space-between;gap:14px}
.faq summary::after{content:"+";font-family:SnDisp,Impact,sans-serif;font-size:26px;line-height:.8;color:var(--red)}
.faq details[open] summary::after{content:"–"}.faq p{color:var(--ink2);margin:0 0 15px}
/* финал */
.close{background:var(--red);color:#fff;border-block:3px solid var(--ink)}
.closein{max-width:var(--w);margin:0 auto;padding:46px 20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px}
.close h2{color:#fff;margin:0;max-width:20ch}.close p{margin:8px 0 0;color:#ffe1dd}.close .snb{width:min(330px,100%)}
/* карточка игры */
.crumb{font-size:14px;color:var(--mute);padding:16px 0 0}.crumb a{color:var(--ink)}
.pdp{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:36px;align-items:start;padding:20px 0 40px}
.main{aspect-ratio:1;position:relative;overflow:hidden;background:#fff;border:3px solid var(--ink);border-radius:var(--r)}
.main img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.thumbs{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;margin-top:10px}
.thumbs button{padding:0;border:2px solid var(--line);border-radius:10px;background:#fff;cursor:pointer;aspect-ratio:1;overflow:hidden;line-height:0}
.thumbs button[aria-current=true]{border-color:var(--ink)}.thumbs img{width:100%;height:100%;object-fit:cover}
.buybox .sub{font-size:19px;color:var(--ink2);margin:-4px 0 14px}
.price{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-bottom:18px}
.price b{font-family:SnDisp,Impact,sans-serif;font-weight:400;font-size:44px;line-height:1}.price span{color:var(--red)}
.buybox .snb{width:min(360px,100%);margin-bottom:22px}
.spec{width:100%;border-collapse:collapse;font-size:15.5px;margin-bottom:18px}
.spec th,.spec td{text-align:left;padding:10px 0;border-bottom:1.5px solid var(--line);vertical-align:top}
.spec th{width:38%;font-weight:700;text-transform:uppercase;font-size:13px;letter-spacing:.06em}
.bul{padding-left:20px;margin:0}.bul li{margin:0 0 8px;font-size:15.5px;color:var(--ink2)}
.prose{max-width:780px}.prose h2{margin-top:1.2em}.prose li{margin-bottom:8px}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.cards a{display:block;text-decoration:none;background:#fff;border:2.5px solid var(--ink);border-radius:var(--r);padding:20px;box-shadow:5px 5px 0 var(--ink)}
.cards a:hover{background:var(--yl2)}.cards b{display:block;font-family:SnDisp,Impact,sans-serif;font-weight:400;font-size:22px;text-transform:uppercase;line-height:1.05;margin-bottom:8px}
.cards span{font-size:15px;color:var(--ink2)}
.post{font-style:normal;border-left:4px solid var(--yl);padding-left:12px;margin:10px 0}
/* подвал */
.ft{background:var(--ink);color:#d8d2bd;padding:44px 0 26px}
.ftg{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:26px}
.ft h2{font-size:15px;color:var(--yl);margin-bottom:12px}.ft ul{list-style:none;margin:0;padding:0}.ft li{margin:0 0 7px}
.ft a{color:#d8d2bd;text-decoration:none;font-size:14.5px}.ft a:hover{color:var(--yl)}
.ft address{font-style:normal;font-size:14.5px;line-height:1.65}.ft .logo b{text-shadow:3px 3px 0 var(--red);color:var(--yl)}
.ftbar{border-top:1px solid #333;margin-top:30px;padding-top:16px;font-size:13px;color:#a8a28e}
.dock{display:none}
@media(max-width:1060px){.nav{display:none}.burger{display:block}.nav.on{display:flex;flex-direction:column;position:absolute;left:0;right:0;top:100%;background:var(--yl);border-bottom:3px solid var(--ink);padding:8px 16px 14px}
.hdbuy{width:170px}.herov,.split,.pdp{grid-template-columns:1fr}.art{min-height:440px;max-width:540px}
.why,.box,.fits{grid-template-columns:repeat(2,minmax(0,1fr))}.cards{grid-template-columns:1fr 1fr}.ftg{grid-template-columns:1fr 1fr}}
@media(max-width:640px){body{padding-bottom:78px}.hdbuy{display:none}.logo b{font-size:24px}
.facts{grid-template-columns:repeat(2,minmax(0,1fr))}.acts{flex-direction:column;align-items:stretch}.ghost{text-align:center}
.art{min-height:330px}.why,.box,.fits,.revs,.cards{grid-template-columns:1fr}.gal{grid-template-columns:repeat(2,minmax(0,1fr))}
.score{grid-template-columns:1fr}.thumbs{grid-template-columns:repeat(4,minmax(0,1fr))}.ftg{grid-template-columns:1fr}.sec{padding:46px 0}
.dock{display:flex;align-items:center;gap:10px;position:fixed;left:0;right:0;bottom:0;z-index:50;background:var(--ink);color:#fff;padding:9px 12px calc(9px + env(safe-area-inset-bottom))}
.dock b{flex:1;font-size:14px;line-height:1.25}.dock .snb{width:170px}}