/* mcru.me — светлый сайт в стиле прежнего лендинга OneBlock (решение владельца 29.09.2026:
   «сделали бы как было раньше, светлым, красивым; частью взять наши и дополнить»).
   Своё от прежнего: кремовый фон, Unbounded в заголовках, большая тёмная обложка с осенним
   свечением, скруглённые карточки, цветные донат-карточки с кристаллами.
   От Millida: пиксельные кнопки (срез 5px, грани, подошва), пиксельные подписи, живые числа. */

@font-face{font-family:Unbounded;src:url(../font/unbounded/Unbounded-cyrillic.woff2) format("woff2");font-weight:500 900;font-display:swap;unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Unbounded;src:url(../font/unbounded/Unbounded-latin.woff2) format("woff2");font-weight:500 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Geist;src:url(../font/geist/Geist-Variable.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:Pixel;src:url(../font/minecraft/Minecraft-Five.woff2) format("woff2");font-display:swap}

:root{
  --bg:#fff6e4;--bg-2:#fbeacf;--card:#ffffff;--ink:#151515;--ink-2:#5b4a3a;--ink-3:#9a8672;
  --night:#0d0b18;--night-2:#1b1528;--on-night:#fff6e4;--on-night-2:rgba(255,246,228,.66);
  --accent:#5ec64d;--accent-ink:#06200e;        /* кнопка «Играть» — акцент Millida */
  --gold:#ffc93a;--gold-ink:#3a1d00;             /* донат */
  --autumn:#ff6b2c;--autumn-2:#ffb21e;
  --shadow:0 8px 20px -14px rgba(60,30,0,.4);--shadow-hi:0 14px 26px -16px rgba(60,30,0,.5);
  --r:20px;--r-lg:28px;--pad:clamp(16px,4vw,40px);--max:1200px;
  --head:Unbounded,Geist,system-ui,sans-serif;--body:Geist,system-ui,-apple-system,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--ink);font:450 16px/1.5 var(--body);overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3{margin:0;font-family:var(--head);letter-spacing:-.02em}
p{margin:0}
.acc{color:var(--autumn)}.acc-2{color:var(--autumn-2)}.grn{color:#2f9e22}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--pad)}
.px-label{font:400 12px/1.2 Pixel,var(--body);letter-spacing:.06em;text-transform:uppercase;color:var(--autumn)}

/* Карточки: скругление прежнего лендинга. .frame/.in — общая обёртка блоков. */
.frame{display:block;border-radius:var(--r);overflow:hidden;background:var(--card);box-shadow:var(--shadow)}
.frame>.in{height:100%}

/* ── Кнопки: пиксельный язык Millida (срез 5px, грани, подошва одним drop-shadow) ── */
.btn{--c:5px;clip-path:polygon(0 var(--c),var(--c) var(--c),var(--c) 0,calc(100% - var(--c)) 0,calc(100% - var(--c)) var(--c),100% var(--c),100% calc(100% - var(--c)),calc(100% - var(--c)) calc(100% - var(--c)),calc(100% - var(--c)) 100%,var(--c) 100%,var(--c) calc(100% - var(--c)),0 calc(100% - var(--c)));
  position:relative;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:52px;padding:0 24px 3px;margin-bottom:6px;border:0;
  font:700 15px/1 var(--head);letter-spacing:-.01em;text-decoration:none;cursor:pointer;white-space:nowrap;
  background:var(--accent);color:var(--accent-ink);-webkit-text-fill-color:var(--accent-ink);
  box-shadow:inset 0 3px 0 rgba(255,255,255,.34),inset 0 -7px 0 rgba(0,0,0,.3),inset 3px 0 0 rgba(255,255,255,.12),inset -3px 0 0 rgba(0,0,0,.16),inset 0 0 0 2px rgba(0,0,0,.16);
  filter:drop-shadow(0 5px 0 rgba(0,0,0,.45));transition:transform 80ms linear,filter 120ms linear}
.btn::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.6;background-image:
  radial-gradient(circle at 11% 26%,rgba(255,255,255,.22) 0 2px,transparent 2px),radial-gradient(circle at 31% 64%,rgba(255,255,255,.16) 0 2px,transparent 2px),
  radial-gradient(circle at 57% 20%,rgba(255,255,255,.2) 0 2px,transparent 2px),radial-gradient(circle at 73% 70%,rgba(255,255,255,.14) 0 2px,transparent 2px),
  radial-gradient(circle at 88% 38%,rgba(255,255,255,.2) 0 2px,transparent 2px),radial-gradient(circle at 20% 82%,rgba(0,0,0,.16) 0 2px,transparent 2px)}
.btn>*,.btn svg{position:relative;flex:none}
@media (hover:hover) and (pointer:fine){.btn:hover{transform:translateY(-2px);filter:drop-shadow(0 7px 0 rgba(0,0,0,.45)) brightness(1.06)}}
.btn:active{transform:translateY(3px);filter:drop-shadow(0 2px 0 rgba(0,0,0,.45)) brightness(.96)}
.btn:focus-visible{outline:2px solid var(--autumn);outline-offset:4px}
.btn--dark{background:#2a2433;color:#fff6e4;-webkit-text-fill-color:#fff6e4}
.btn--light{background:#fff;color:var(--ink);-webkit-text-fill-color:var(--ink)}
.btn--discord{background:#5865F2;color:#fff;-webkit-text-fill-color:#fff}
.btn--autumn{background:var(--autumn);color:#2a0d00;-webkit-text-fill-color:#2a0d00}
.btn--donate{background:var(--gold);color:var(--gold-ink);-webkit-text-fill-color:var(--gold-ink);overflow:hidden}
.btn--donate::after{content:"";position:absolute;top:0;bottom:0;left:0;width:22%;background:rgba(255,255,255,.6);transform:translateX(-200%) skewX(-20deg);animation:glint 2.8s ease-in-out infinite}
@keyframes glint{0%,55%{transform:translateX(-200%) skewX(-20deg)}85%,100%{transform:translateX(560%) skewX(-20deg)}}
.btn--sm{min-height:42px;padding:0 16px 3px;font-size:13px}
.btn--xl{min-height:66px;padding:0 34px 4px;font-size:19px}
.btn small{display:block;font:500 11px/1.1 var(--body);opacity:.75;margin-top:3px}

/* ── Шапка ─────────────────────────────── */
.nav{position:sticky;top:0;z-index:50;background:rgba(255,246,228,.97);border-bottom:1px solid rgba(90,60,20,.12)}
.nav__row{max-width:var(--max);margin:0 auto;padding:10px var(--pad) 4px;display:flex;align-items:center;gap:8px}
.nav__logo{display:flex;align-items:center;gap:10px;margin-right:auto;text-decoration:none;font:900 18px/1 var(--head);white-space:nowrap;padding-bottom:6px}
.nav__logo img{width:34px;height:34px;border-radius:9px;image-rendering:pixelated}
.nav__logo span{color:var(--autumn)}
.nav__links{display:flex;gap:2px;list-style:none;margin:0 6px 6px 0;padding:0}
.nav__links a{display:block;padding:11px 12px;border-radius:12px;text-decoration:none;font:600 14px/1 var(--body);color:var(--ink-2)}
.nav__links a:hover{color:var(--ink);background:var(--bg-2)}
.nav__links a[aria-current]{color:var(--ink);background:var(--bg-2)}
.dock{display:none}
@media (max-width:1023px){
  .nav__links{display:none}
  .dock{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;z-index:60;left:0;right:0;bottom:0;background:rgba(255,246,228,.97);border-top:1px solid rgba(90,60,20,.14);padding:6px 6px calc(6px + env(safe-area-inset-bottom))}
  .dock a{display:grid;justify-items:center;gap:5px;padding:6px 2px;text-decoration:none;font:600 11px/1 var(--body);color:var(--ink-2)}
  .dock a[aria-current]{color:var(--autumn)}
  body{padding-bottom:72px}
  .nav .btn--donate{display:none}
}
.dock__play{--c:5px;clip-path:polygon(0 var(--c),var(--c) var(--c),var(--c) 0,calc(100% - var(--c)) 0,calc(100% - var(--c)) var(--c),100% var(--c),100% calc(100% - var(--c)),calc(100% - var(--c)) calc(100% - var(--c)),calc(100% - var(--c)) 100%,var(--c) 100%,var(--c) calc(100% - var(--c)),0 calc(100% - var(--c)));
  background:var(--accent)!important;color:var(--accent-ink)!important;margin:-16px 2px 0;box-shadow:inset 0 3px 0 rgba(255,255,255,.34),inset 0 -6px 0 rgba(0,0,0,.3);font-weight:800!important}
.dock a.dock__donate{color:#b07800}

/* ── Обложка: большая тёмная карточка с осенним фоном и свечением (как на прежнем лендинге) ── */
.hero{padding:12px}
.hero>.frame{border-radius:var(--r-lg);background:none;box-shadow:none;overflow:visible}
.hero__card{position:relative;display:grid;justify-items:center;align-content:center;text-align:center;border-radius:var(--r-lg);overflow:hidden;color:var(--on-night);
  padding:clamp(56px,8vw,96px) var(--pad) clamp(36px,5vw,56px);background:var(--night) url(../img/2026_autumn/header-background.webp) center/cover no-repeat;
  box-shadow:0 30px 60px -40px rgba(13,11,24,.6),40px 0 90px 10px rgba(255,107,44,.22),-40px 0 90px 10px rgba(255,237,44,.18)}
.hero__card::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,rgba(13,11,24,.25),rgba(13,11,24,.82) 78%);pointer-events:none}
.hero__card>*{position:relative}
.hero--home .hero__card{min-height:calc(100vh - 90px);min-height:calc(100svh - 90px)}
.hero__logo{width:min(900px,94%);margin-bottom:6px;filter:drop-shadow(0 24px 40px rgba(0,0,0,.55))}
.hero__kicker{margin-bottom:12px;color:var(--autumn-2)}
.hero h1{font-size:clamp(32px,5.6vw,68px);font-weight:900;line-height:1.02;max-width:16ch;text-wrap:balance}
.hero--sub h1{font-size:clamp(28px,4.6vw,56px);max-width:20ch}
.hero__lead{margin-top:14px;font:500 clamp(15px,1.5vw,19px)/1.45 var(--body);color:var(--on-night-2);max-width:50ch;text-wrap:balance}
.hero__cta{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:28px}
.hero__rig{position:absolute;bottom:0;height:min(46%,420px);width:auto;pointer-events:none;filter:drop-shadow(0 20px 40px rgba(0,0,0,.6))}
.hero__rig--l{left:1.5%}.hero__rig--r{right:1.5%}
@media (max-width:1320px){.hero__rig{display:none}}
.crumbs{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;list-style:none;margin:0 0 16px;padding:0;font:500 13px/1 var(--body);color:var(--on-night-2)}
.crumbs li+li::before{content:"/";margin-right:6px;opacity:.5}
.crumbs a{text-decoration:none}.crumbs a:hover{color:var(--on-night)}

/* Живые числа */
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:30px;width:min(820px,100%)}
.stat{border-radius:16px;background:rgba(13,11,24,.72);box-shadow:none}
.stat>.in{padding:16px 10px 18px}
.stat__n{font:900 clamp(24px,3.2vw,36px)/1 var(--head);font-variant-numeric:tabular-nums;color:var(--on-night)}
.stat__n[data-live]::after{content:"";display:inline-block;width:9px;height:9px;margin-left:8px;vertical-align:middle;border-radius:50%;background:var(--accent);box-shadow:0 0 0 0 rgba(94,198,77,.7);animation:pulse 2s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 9px rgba(94,198,77,0)}100%{box-shadow:0 0 0 0 rgba(94,198,77,0)}}
.stat__l{margin-top:8px;color:var(--on-night-2)!important}
.stat[hidden]{display:none}
@media (max-width:700px){.stats{grid-template-columns:repeat(3,1fr);gap:6px}.stat>.in{padding:12px 4px}.stat .px-label{font-size:9px}}

/* ── Секции ─────────────────────────────── */
.sec{padding:clamp(56px,8vw,100px) 0}
.sec--band{background:var(--bg-2)}
.sec__k{display:block;text-align:center;margin-bottom:12px}
.sec__h{font-size:clamp(28px,4.4vw,54px);font-weight:800;line-height:1.08;text-align:center;text-wrap:balance;max-width:20ch;margin:0 auto}
.sec__sub{margin:12px auto 0;text-align:center;font:500 17px/1.45 var(--body);color:var(--ink-2);max-width:52ch;text-wrap:balance}
.sec__body{margin-top:clamp(26px,4vw,46px)}
.sec__more{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:30px}
.grid{display:grid;gap:clamp(12px,1.8vw,22px)}
.g1{grid-template-columns:1fr}.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
@media (max-width:900px){.g3,.g4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.pics.g3,.pics.g2{grid-template-columns:1fr}}

/* Карточка-картинка */
.pic{text-decoration:none;color:var(--on-night);background:var(--night)}
.pic>.in{display:flex;flex-direction:column}
.pic img{width:100%}
.pic__cap{padding:14px 16px 16px;font:500 13.5px/1.35 var(--body);color:var(--on-night-2)}
.pic__cap b{display:block;font:700 16px/1.25 var(--head);color:var(--on-night);margin-bottom:3px}
.pic--wide{grid-column:1/-1}
.pic--kit{background:#fff}
.pic--kit .pic__cap{color:var(--ink-2)}.pic--kit .pic__cap b{color:var(--ink)}
.pic--kit img{width:calc(100% - 40px);height:150px;object-fit:contain;margin:20px auto 4px;image-rendering:pixelated}

/* Плитка-ссылка */
.tile{text-decoration:none;color:var(--on-night);background:var(--night)}
.tile>.in{display:flex;flex-direction:column}
.tile img{width:100%;aspect-ratio:878/1020;object-fit:contain;background:var(--night)}
.tile--kit img{padding:10%;image-rendering:pixelated;background:#fff}
.tile__row{display:flex;align-items:center;gap:10px;padding:14px 14px 16px 16px;margin-top:auto}
.tile__t{display:block;font:700 16px/1.2 var(--head)}
.tile__s{display:block;margin-top:4px;font:500 12.5px/1.3 var(--body);color:var(--on-night-2)}
.tile__go{margin-left:auto;flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.1);transition:background .2s,color .2s}
.tile:hover .tile__go{background:var(--accent);color:var(--accent-ink)}
@media (max-width:560px){.tiles{grid-template-columns:repeat(2,1fr)!important}.tile__t{font-size:13px}.tile__s,.tile__go{display:none}.tile__row{padding:10px 12px 12px}}

/* Отклик на наведение: карточки приподнимаются, картинка оживает (прежний лендинг + gribland) */
.tile,.pic,.tier,.dcard{transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s}
.tile img,.pic img{transition:transform .4s cubic-bezier(.2,.8,.2,1)}
@media (hover:hover){
  .tile:hover,a.pic:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
  .tile:hover img,a.pic:hover img{transform:scale(1.02)}
}

/* Как зайти: три больших шага */
.join{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:clamp(12px,1.8vw,22px)}
.join__step{position:relative;border-radius:var(--r);overflow:hidden;background:var(--night);color:var(--on-night);display:flex;flex-direction:column}
.join__step img{width:100%;aspect-ratio:1000/570;object-fit:cover;background:#140d24}
.join__cap{padding:16px 18px 20px}
.join__n{position:absolute;top:14px;left:14px;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--accent);color:var(--accent-ink);font:400 22px/1 Pixel,var(--body);box-shadow:inset 0 -4px 0 rgba(0,0,0,.25)}
.join__t{font:800 20px/1.2 var(--head)}
.join__s{margin-top:6px;font:500 14px/1.4 var(--body);color:var(--on-night-2)}
.join__step--dl{background:linear-gradient(160deg,#2a1f45,#120d20)}
.join__step--dl img{object-fit:contain;padding:4% 10% 0}
.join__dl{padding:0 18px 20px;display:grid;gap:8px;justify-items:start}
.join__alt{font:500 12.5px/1.4 var(--body);color:var(--on-night-2)}
.join__alt a{color:var(--on-night)}
@media (max-width:900px){.join{grid-template-columns:1fr}.join__step img{aspect-ratio:16/10}}

/* Паспорт/факты */
.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.fact>.in{padding:22px 20px}
.fact__v{font:900 clamp(20px,2.4vw,30px)/1.05 var(--head)}
.fact__k{margin-top:8px;font:500 13.5px/1.3 var(--body);color:var(--ink-3)}
@media (max-width:800px){.facts{grid-template-columns:repeat(2,1fr)}}

/* Предметы */
.items{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.item{background:var(--night);color:var(--on-night)}
.item>.in{display:flex;align-items:center;gap:14px;padding:14px}
.item img{width:52px;height:52px;image-rendering:pixelated;flex:none;border-radius:10px;background:rgba(255,255,255,.06);padding:6px}
.item b{display:block;font:700 14px/1.2 var(--head)}
.item span{font:500 12px/1.2 var(--body);color:var(--on-night-2)}
@media (max-width:800px){.items{grid-template-columns:1fr}}

/* Список изменений */
.changes{list-style:none;padding:0;display:grid;gap:8px;max-width:920px;margin:0 auto}
.changes li{display:flex;gap:12px;align-items:flex-start;padding:14px 18px;border-radius:16px;background:var(--card);font:500 15px/1.45 var(--body);box-shadow:var(--shadow)}
.sec--band .changes li{background:#fff}
.changes li::before{content:"";flex:none;width:8px;height:8px;margin-top:7px;background:var(--autumn);transform:rotate(45deg)}
.changes b{font-weight:700}

/* Команды */
.cmds{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.cmd{background:var(--night);color:var(--on-night)}
.cmd>.in{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 18px}
.cmd code{font:400 17px/1.2 Pixel,monospace;color:var(--autumn-2);overflow-wrap:anywhere}
.cmd span{font:500 13px/1.3 var(--body);color:var(--on-night-2);text-align:right}
@media (max-width:700px){.cmds{grid-template-columns:1fr}}

/* Шаги гайда */
.guide{display:grid;gap:14px;counter-reset:g;max-width:1000px;margin:0 auto}
.gs{counter-increment:g}
.gs>.in{display:grid;grid-template-columns:1fr}
.gs--img>.in{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
.gs__body{padding:22px 24px}
.gs__t{display:flex;align-items:center;gap:12px;font:700 19px/1.25 var(--head)}
.gs__t::before{content:counter(g);flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--autumn);color:#fff;font:400 16px/1 Pixel,var(--body);box-shadow:inset 0 -3px 0 rgba(0,0,0,.2)}
.gs__x{margin-top:10px;font:450 15.5px/1.6 var(--body);color:var(--ink-2)}
.gs__x b{color:var(--ink);font-weight:650}
.gs__x ul{margin:8px 0 0;padding-left:18px}.gs__x li+li{margin-top:4px}
.gs__x code{font:400 14px/1 Pixel,monospace;color:var(--autumn)}
.gs__img{background:var(--night);display:grid;place-items:center}
.gs__img img{width:100%;height:100%;object-fit:cover;min-height:220px}
.gs--kit .gs__img{background:#fff}
.gs--kit .gs__img img{object-fit:contain;image-rendering:pixelated;padding:18px;min-height:0}
@media (max-width:760px){.gs--img>.in{grid-template-columns:1fr}.gs__img img{min-height:0;max-height:340px}}

/* Таблица */
.tbl{max-width:1000px;margin:0 auto}
.tbl>.in{padding:8px}
.tbl table{width:100%;border-collapse:collapse;font:500 14px/1.4 var(--body)}
.tbl th{padding:12px 14px;text-align:left;font:400 11px/1.2 Pixel,var(--body);letter-spacing:.06em;text-transform:uppercase;color:var(--autumn);background:var(--bg)}
.tbl th:first-child{border-radius:12px 0 0 12px}.tbl th:last-child{border-radius:0 12px 12px 0}
.tbl td{padding:11px 14px;border-top:1px solid #f1e3cc;vertical-align:top;color:var(--ink-2)}
.tbl td:first-child{font-weight:700;color:var(--ink)}
.tbl .yes{color:#2f9e22;font-weight:700}.tbl .no{color:#c9b8a2}
@media (max-width:640px){.tbl table,.tbl tbody,.tbl tr,.tbl td{display:block}.tbl thead{display:none}.tbl tr{padding:8px 4px;border-top:1px solid #f1e3cc}.tbl td{border:0;padding:3px 10px}.tbl td[data-h]::before{content:attr(data-h) ": ";color:var(--ink-3);font-weight:500}}

/* Бегущие строки (как у gribland): пиксельные плашки, ряды навстречу */
.ticker{overflow:hidden;padding:clamp(34px,5vw,60px) 0 clamp(10px,2vw,20px);display:grid;gap:10px}
.ticker__row{display:flex;gap:10px;width:max-content;will-change:transform;animation:tick 50s linear infinite}
.ticker__row:nth-child(2){animation-duration:62s;animation-direction:reverse}
.ticker__row:nth-child(3){animation-duration:42s}
.ticker:hover .ticker__row{animation-play-state:paused}
@keyframes tick{to{transform:translateX(-50%)}}
.plq{--c:6px;clip-path:polygon(0 var(--c),var(--c) var(--c),var(--c) 0,calc(100% - var(--c)) 0,calc(100% - var(--c)) var(--c),100% var(--c),100% calc(100% - var(--c)),calc(100% - var(--c)) calc(100% - var(--c)),calc(100% - var(--c)) 100%,var(--c) 100%,var(--c) calc(100% - var(--c)),0 calc(100% - var(--c)));
  display:flex;align-items:center;padding:12px 22px 14px;background:#ece0cb;color:#b9a68c;font:400 clamp(22px,3.4vw,40px)/1 Pixel,var(--body);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;text-decoration:none;
  box-shadow:inset 0 4px 0 rgba(255,255,255,.7),inset 0 -6px 0 rgba(120,80,30,.18)}
.plq--hi{background:var(--autumn);color:#fff;box-shadow:inset 0 4px 0 rgba(255,255,255,.35),inset 0 -6px 0 rgba(0,0,0,.2)}
a.plq:hover{background:var(--accent);color:var(--accent-ink)}

/* Discord: большой баннер «все сидят в Discord» */
.dc{position:relative;border-radius:var(--r-lg);overflow:hidden;background:#5865F2;color:#fff;display:grid;grid-template-columns:1fr 1fr;align-items:end;min-height:520px}
.dc::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.14) 2px,transparent 2px);background-size:22px 22px;opacity:.6}
.dc__text{position:relative;padding:clamp(28px,5vw,60px);align-self:center}
.dc__text h2{font:900 clamp(30px,4.6vw,58px)/1.02 var(--head)}
.dc__text p{margin-top:14px;font:500 17px/1.45 var(--body);opacity:.9;max-width:38ch}
.dc__nums{display:flex;gap:26px;margin:24px 0 26px}
.dc__nums b{display:block;font:900 34px/1 var(--head)}
.dc__nums span{font:400 11px/1.3 Pixel,var(--body);text-transform:uppercase;letter-spacing:.06em;opacity:.8}
.dc__scene{position:relative;height:100%;min-height:520px}
.dc__rig{position:absolute;bottom:0;height:62%;width:auto;filter:drop-shadow(0 16px 24px rgba(0,0,0,.35))}
.dc__rig--1{left:2%;height:58%}.dc__rig--2{left:30%;height:70%}.dc__rig--3{right:2%;height:60%}
.bub{position:absolute;max-width:230px;padding:10px 14px 12px;background:#fff;color:#1e1f22;border-radius:14px;font:600 14px/1.3 var(--body);box-shadow:0 8px 0 rgba(0,0,0,.18);opacity:0;transform:translateY(10px) scale(.94);transition:opacity .35s,transform .35s cubic-bezier(.2,.8,.2,1)}
.bub.on{opacity:1;transform:none}
.bub i{display:block;font:400 10px/1.2 Pixel,var(--body);text-transform:uppercase;letter-spacing:.05em;color:#5865F2;margin-bottom:4px;font-style:normal}
.bub::after{content:"";position:absolute;bottom:-10px;left:22px;border:10px solid transparent;border-top-color:#fff;border-bottom:0}
.bub--1{left:4%;top:12%}.bub--2{left:34%;top:4%}.bub--3{right:4%;top:18%}
@media (max-width:900px){.dc{grid-template-columns:1fr}.dc__scene{min-height:360px}.bub{max-width:180px;font-size:13px}}

/* FAQ */
.faq{max-width:880px;margin:0 auto;display:grid;gap:10px}
.faq summary{list-style:none;cursor:pointer;padding:20px 58px 20px 22px;position:relative;font:700 16px/1.3 var(--head)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:24px;top:50%;width:10px;height:10px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-70%) rotate(45deg);transition:transform .2s}
.faq details[open] summary::after{transform:translateY(-30%) rotate(225deg)}
.faq .ans{padding:0 22px 20px;font:450 15.5px/1.6 var(--body);color:var(--ink-2)}
.faq .ans a{color:var(--ink)}

/* Итоговый призыв */
.final{padding:0 12px;margin-top:20px}
.final>.frame{border-radius:var(--r-lg);background:none;box-shadow:none}
.final__card{position:relative;display:grid;justify-items:center;text-align:center;border-radius:var(--r-lg);overflow:hidden;color:var(--on-night);padding:clamp(48px,8vw,96px) var(--pad);background:var(--night) url(../img/2026_autumn/header-background.webp) center/cover}
.final__card::before{content:"";position:absolute;inset:0;background:rgba(13,11,24,.6)}
.final__card>*{position:relative}
.final h2{font-size:clamp(28px,5vw,58px);font-weight:900}

/* Перелинковка */
.links{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:1000px;margin:0 auto}
.links a{padding:11px 16px;border-radius:999px;background:var(--bg-2);text-decoration:none;font:600 13px/1 var(--body);color:var(--ink-2)}
.links a:hover{background:var(--ink);color:var(--on-night)}

/* SEO-зона */
.seo{padding:48px 0 16px;color:var(--ink-2)}
.seo__inner{max-width:860px;margin:0 auto}
.seo h2{font:700 19px/1.3 var(--head);color:var(--ink);margin:0 0 10px}
.seo h3{font:700 16px/1.3 var(--head);color:var(--ink);margin:20px 0 6px}
.seo p,.seo li{font:450 15px/1.65 var(--body)}
.seo p+p{margin-top:10px}.seo ul{padding-left:20px;margin:8px 0}.seo a{color:var(--ink)}

/* ── Донат: фирменные карточки прежнего сайта (градиент статуса + кристалл) ── */
.p-pro{--p1:hsl(205,100%,75%);--p2:hsl(180,100%,30%)}
.p-vip{--p1:hsl(55,100%,70%);--p2:hsl(151,100%,45%)}
.p-premium{--p1:hsl(55,100%,70%);--p2:hsl(34,100%,60%)}
.p-elite{--p1:hsl(190,100%,62%);--p2:hsl(212,100%,50%)}
.p-deluxe{--p1:hsl(321,100%,70%);--p2:hsl(266,100%,70%)}
.p-mod{--p1:hsl(321,100%,70%);--p2:hsl(338,100%,50%)}
.p-truemod{--p1:hsl(34,100%,60%);--p2:hsl(338,100%,50%)}
.dgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(12px,1.8vw,20px)}
@media (max-width:760px){.dgrid{grid-template-columns:1fr}}
.dcard{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;min-height:170px;border-radius:var(--r);overflow:hidden;text-decoration:none;
  background:linear-gradient(135deg,var(--p1),var(--p2));box-shadow:var(--shadow);transform:perspective(1000px) rotateX(0) scale(1)}
.dcard__text{position:relative;z-index:1;padding:26px 30px}
.dcard__k,.dcard__n,.dcard__m{display:block;background:linear-gradient(45deg,rgba(0,0,0,.72) 15%,rgba(0,0,0,.28) 85%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.dcard__k{font:600 17px/1.2 var(--head)}
.dcard__n{font:900 clamp(34px,4.4vw,52px)/1.05 var(--head);letter-spacing:-.02em}
.dcard__m{margin-top:4px;font:600 15px/1.2 var(--head)}
.dcard__p{display:block;margin-top:10px;font:600 13px/1.35 var(--body);color:rgba(0,0,0,.62)}
.dcard img{width:clamp(150px,18vw,230px);margin:-30px -30px -40px 0;filter:drop-shadow(0 18px 20px rgba(0,0,0,.25));transition:transform .35s cubic-bezier(.2,.8,.2,1)}
@media (hover:hover){.dcard:hover{transform:translateY(-4px);box-shadow:var(--shadow-hi);z-index:1}.dcard:hover img{transform:translateY(-8px) rotate(-6deg)}}
.dcard:active{transform:translateY(-1px)}
.dcard[aria-current]{outline:4px solid var(--ink);outline-offset:4px}
.dcard--hero{min-height:240px}
.dcard--hero .dcard__n{font-size:clamp(44px,7vw,92px)}
.dcard--hero img{width:clamp(200px,26vw,340px)}
/* Совместимость со старым блоком tiers */
.tier>.in{display:flex;flex-direction:column;align-items:center;text-align:center;padding:18px 14px 16px;gap:8px}
.tier img{width:min(140px,64%)}
.tier__n{font:900 22px/1 var(--head)}.tier__p{font:500 12.5px/1.3 var(--body);color:var(--ink-3)}
a.tier{text-decoration:none;color:var(--ink)}

/* «Входит в статус»: галочки как на прежних страницах доната */
.inc{max-width:1000px;margin:0 auto;display:grid;gap:14px}
.inc__box>.in{padding:22px 24px}
.inc__h{text-align:center;font:700 19px/1.3 var(--head)}
.inc__h b{color:#2f9e22}
.inc__list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 20px;margin-top:16px;list-style:none;padding:0}
.inc__list li{display:flex;gap:10px;align-items:flex-start;font:600 14px/1.35 var(--body);color:#1f8a2a}
.inc__list li::before{content:"";flex:none;width:20px;height:20px;border-radius:50%;background:#dff5d8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232f9e22' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/12px no-repeat}
.inc__list li.off{color:#b5a58f;font-weight:500}
.inc__list li.off::before{background:#f1e7d8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b5a58f' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M7 7l10 10M17 7 7 17'/%3E%3C/svg%3E") center/11px no-repeat}
.inc__list small{display:block;font:500 12px/1.3 var(--body);color:var(--ink-3)}
.inc__list .tag{display:inline-block;margin-right:6px;padding:2px 7px;border-radius:6px;font:700 10px/1.4 var(--body);color:#fff;background:var(--ink-3);vertical-align:1px}
@media (max-width:800px){.inc__list{grid-template-columns:1fr}}

/* Как задонатить: три шага */
.howbuy{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:1000px;margin:0 auto}
.howbuy__s>.in{padding:22px;display:grid;gap:10px;align-content:start}
.howbuy__n{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--gold);color:var(--gold-ink);font:400 20px/1 Pixel,var(--body);box-shadow:inset 0 -4px 0 rgba(0,0,0,.18)}
.howbuy__t{font:700 17px/1.25 var(--head)}
.howbuy__x{font:500 14px/1.45 var(--body);color:var(--ink-2)}
.howbuy__x code{font:400 16px/1 Pixel,monospace;color:var(--autumn);background:var(--bg);padding:3px 6px;border-radius:6px}
@media (max-width:800px){.howbuy{grid-template-columns:1fr}}

/* Плашка «Играть» следует за пользователем (как на /hosting) */
.follow{position:fixed;z-index:55;left:50%;bottom:18px;transform:translate(-50%,160%);transition:transform .35s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.follow.on{transform:translate(-50%,0);pointer-events:auto}
.follow__in{display:flex;align-items:center;gap:12px;padding:10px 12px 6px 16px;border-radius:18px;background:rgba(21,21,21,.94);color:var(--on-night);box-shadow:var(--shadow)}
.follow__block{width:40px;height:40px;border-radius:10px;margin-bottom:4px}
.follow__t{font:700 14px/1.2 var(--head);white-space:nowrap;margin-bottom:4px}
.follow__t span{display:block;font:400 11px/1.3 Pixel,var(--body);color:var(--autumn-2);text-transform:uppercase;letter-spacing:.05em}
@media (max-width:1023px){.follow{display:none}}

/* Подвал + коллаборация MetaLabs × Millida */
.foot{margin-top:48px;background:var(--night);color:var(--on-night-2);padding:48px 0 0}
.foot__grid{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:28px}
.foot__brand{display:flex;align-items:center;gap:10px;font:900 22px/1 var(--head);color:var(--on-night)}
.foot__brand img{width:34px;height:34px;border-radius:9px;image-rendering:pixelated}
.foot__brand span{color:var(--autumn)}
.foot p{margin-top:12px;font:450 13px/1.5 var(--body)}
.foot h3{margin-bottom:14px;color:var(--autumn-2)}
.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:9px;font:500 14px/1.3 var(--body)}
.foot a{text-decoration:none}.foot a:hover{color:var(--on-night)}
@media (max-width:800px){.foot__grid{grid-template-columns:1fr 1fr}.foot__grid>:first-child{grid-column:1/-1}}
.cobrand{margin-top:44px;border-top:1px solid rgba(255,255,255,.1);padding:44px 0 40px;text-align:center}
.cobrand__k{display:block;margin-bottom:22px;color:var(--autumn-2)}
.cobrand__pair{display:flex;align-items:center;justify-content:center;gap:clamp(18px,4vw,44px);flex-wrap:wrap}
.cobrand__logo{display:flex;align-items:center;gap:12px;font:800 clamp(18px,2vw,24px)/1 var(--head);letter-spacing:-.01em;text-decoration:none;color:var(--on-night);transition:transform .2s}
.cobrand__logo--millida{text-transform:uppercase;letter-spacing:.02em;font-weight:700}
.cobrand__logo:hover{transform:translateY(-3px)}
.cobrand__logo img{width:clamp(40px,4vw,52px);height:auto;border-radius:0}
.cobrand__x{font:400 clamp(20px,2.2vw,26px)/1 Pixel,var(--body);color:var(--autumn-2)}
.cobrand__legal{margin-top:26px;font:450 12px/1.5 var(--body);color:rgba(255,246,228,.4)}

/* Разовое появление (IntersectionObserver, backwards — слои не держатся) */
.js .rv:not(.on){opacity:0}
.rv.on-now{animation:none}
.rv.on{animation:rv .6s cubic-bezier(.16,1,.3,1) backwards}
@keyframes rv{from{opacity:0;transform:translateY(22px)}}
@media (prefers-reduced-motion:reduce){.js .rv:not(.on){opacity:1}.rv.on,.ticker__row,.btn--donate::after,.stat__n[data-live]::after{animation:none}}

/* Плитки: арт без текста (кадр 4:3), текст — HTML */
.tile img{aspect-ratio:4/3;object-fit:cover;object-position:center 40%}
.tile--kit img{aspect-ratio:4/3;object-fit:contain}

/* ── Донат v2 (29.09): от дорогого к дешёвому, цена, три преимущества иконками, «Купить» ── */
.dcard{grid-template-columns:1fr auto;grid-template-areas:"text img" "perks perks" "cta cta";align-items:start;min-height:0;padding-bottom:18px}
.dcard__text{grid-area:text;padding:24px 26px 6px;text-decoration:none}
.dcard img{grid-area:img;margin:-18px -22px -10px 0;width:clamp(130px,15vw,190px);filter:drop-shadow(0 8px 10px rgba(0,0,0,.2))}
.dcard__price{display:block;margin-top:10px;font:800 26px/1.1 var(--head);color:rgba(0,0,0,.78)}
.dcard__price small{font:600 13px/1.3 var(--body);color:rgba(0,0,0,.6)}
.dcard__badge{position:absolute;top:16px;right:16px;z-index:2;padding:6px 10px;border-radius:999px;background:#151515;color:#fff;font:400 11px/1 Pixel,var(--body);text-transform:uppercase;letter-spacing:.06em}
.dcard__perks{grid-area:perks;list-style:none;margin:6px 0 0;padding:0 22px;display:flex;flex-wrap:wrap;gap:8px}
.dcard__perks li{display:flex;align-items:center;gap:7px;padding:8px 11px;border-radius:12px;background:rgba(255,255,255,.55);color:rgba(0,0,0,.8);font:700 13px/1 var(--body)}
.dcard__cta{grid-area:cta;display:flex;align-items:center;gap:16px;padding:14px 22px 0}
.dcard__more{font:700 14px/1 var(--head);color:rgba(0,0,0,.7);text-decoration:none}
.dcard__more:hover{color:#000}
.dcard--hero{display:grid;grid-template-columns:1fr auto;padding-bottom:0}
.dcard--hero .dcard__text{padding:34px 36px}
.dcard--hero .dcard__cta{padding:18px 0 0}
.dgrid .dcard:first-child{grid-column:1/-1}
.dgrid .dcard:first-child .dcard__n{font-size:clamp(44px,6vw,80px)}

/* Что ты получаешь: плитки с иконками */
.perks{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.perk{position:relative;display:grid;gap:8px;align-content:start;padding:18px;border-radius:18px;background:#fff;box-shadow:var(--shadow)}
.perk__ic{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--bg-2);color:var(--ink-2)}
.perk--own{background:#151515;color:#fff}
.perk--own .perk__ic{background:var(--gold);color:var(--gold-ink)}
.perk__t{font:700 15px/1.25 var(--head)}
.perk--cmd .perk__t{font:400 17px/1.2 Pixel,var(--body);color:var(--autumn)}
.perk__s{font:500 12.5px/1.35 var(--body);color:var(--ink-3)}
.perk--own .perk__s{color:rgba(255,255,255,.65)}
.perk__tag{position:absolute;top:14px;right:14px;font:400 10px/1 Pixel,var(--body);text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3)}
.perk--own .perk__tag{color:var(--gold)}
@media (max-width:900px){.perks{grid-template-columns:repeat(2,1fr)}}

/* Сравнение: матрица с кристаллами и цветными галочками */
.cmp{border-radius:var(--r);background:#fff;box-shadow:var(--shadow);padding:8px}
.cmp__scroll{overflow-x:auto}
.cmp__t{width:100%;border-collapse:separate;border-spacing:0;min-width:680px;font:500 14px/1.3 var(--body)}
.cmp__t th{padding:10px 6px 14px;text-align:center;vertical-align:bottom}
.cmp__t th a{display:grid;justify-items:center;gap:4px;text-decoration:none;color:var(--ink)}
.cmp__t th img{width:56px;transition:transform .25s}
.cmp__t th a:hover img{transform:translateY(-4px) rotate(-6deg)}
.cmp__t th b{font:800 14px/1 var(--head)}
.cmp__t th small{font:500 11px/1 var(--body);color:var(--ink-3)}
.cmp__t td{padding:10px 6px;text-align:center;border-top:1px solid #f3e8d6}
.cmp__f{text-align:left!important;display:flex;align-items:center;gap:10px;min-width:230px}
.cmp__f small{display:block;font:500 11.5px/1.3 var(--body);color:var(--ink-3)}
.cmp__f code{font:400 15px/1 Pixel,monospace;color:var(--autumn)}
.cmp__ic{flex:none;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--bg-2);color:var(--ink-2)}
.cmp__t td.yes svg{display:inline-block;padding:4px;width:26px;height:26px;border-radius:8px;color:#fff;background:linear-gradient(135deg,var(--p1),var(--p2))}
.cmp__t td.no::after{content:"";display:inline-block;width:10px;height:2px;background:#e6d8c2;vertical-align:middle}
.cmp__kits td b{font:800 18px/1 var(--head)}
.cmp__buy td{border-top:0;padding-top:14px}
.cmp__buy .btn{min-height:38px;padding:0 12px 3px;font-size:12px}

/* Наборы /kit — как слоты инвентаря Minecraft */
.pic--kit{background:#fff}
.pic--kit img{background:#c6c6c6;border:4px solid;border-color:#fff #555 #555 #fff;padding:10px;width:calc(100% - 32px);height:160px;margin:16px auto 2px;border-radius:2px;box-sizing:border-box}

/* «Скачай и играй» — как на millida.net/launcher: экран лаунчера с плашками вокруг */
.lx{display:grid;justify-items:center;text-align:center;margin-top:clamp(22px,3vw,34px)}
.lx__cta{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.lx__meta{display:flex;flex-wrap:wrap;gap:8px 22px;justify-content:center;margin-top:14px;font:600 13.5px/1.2 var(--body);color:var(--ink-2)}
.lx__meta span{display:inline-flex;align-items:center;gap:6px}
.lx__meta svg{color:#2f9e22}
.lx__stage{position:relative;margin-top:34px;width:min(900px,100%)}
.lx__shot{width:100%;border-radius:18px;box-shadow:var(--shadow-hi)}
.lx__chip{position:absolute;display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:14px;background:#fff;text-align:left;font:800 14px/1.2 var(--head);color:var(--ink);box-shadow:var(--shadow);transition:transform .25s cubic-bezier(.2,.8,.2,1)}
.lx__chip small{display:block;margin-top:3px;font:500 12px/1.2 var(--body);color:var(--ink-3)}
.lx__chip b{flex:none;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--accent);color:var(--accent-ink);font:400 15px/1 Pixel,var(--body)}
.lx__chip i{flex:none;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--bg-2)}
.lx__chip:hover{transform:translateY(-4px)}
.lx__chip--1{left:-6%;top:12%}.lx__chip--2{right:-6%;top:6%}.lx__chip--3{right:-4%;bottom:14%}.lx__chip--4{left:-4%;bottom:10%}
@media (max-width:1000px){.lx__stage{display:grid;gap:8px}.lx__chip{position:static}.lx__shot{order:-1;margin-bottom:6px}}

/* Окно после клика «Играть»: что дальше и безопасность */
.dlm{border:0;padding:30px 30px 24px;border-radius:24px;max-width:600px;width:calc(100% - 32px);background:var(--bg);color:var(--ink);box-shadow:0 40px 120px rgba(0,0,0,.45)}
.dlm::backdrop{background:rgba(13,11,24,.62)}
.dlm h2{margin:6px 0 16px;font:900 28px/1.1 var(--head)}
.dlm__x{position:absolute;top:14px;right:14px;width:40px;height:40px;border:0;border-radius:12px;background:var(--bg-2);cursor:pointer;display:grid;place-items:center;color:var(--ink)}
.dlm__steps{list-style:none;margin:0;padding:0;display:grid;gap:10px;counter-reset:d}
.dlm__steps li{counter-increment:d;display:grid;grid-template-columns:36px 1fr;column-gap:12px;align-items:center;padding:12px;border-radius:14px;background:#fff}
.dlm__steps li::before{content:counter(d);grid-row:span 2;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--accent);color:var(--accent-ink);font:400 17px/1 Pixel,var(--body)}
.dlm__steps b{font:700 15px/1.2 var(--head)}
.dlm__steps span{font:500 13px/1.3 var(--body);color:var(--ink-3)}
.dlm__safe{display:flex;gap:12px;align-items:flex-start;margin-top:14px;padding:14px;border-radius:14px;background:#e7f7e1;color:#1f6e16}
.dlm__safe b{display:block;font:700 14px/1.2 var(--head)}
.dlm__safe span{font:500 13px/1.4 var(--body)}
.dlm__safe a{color:#1f6e16;font-weight:700}
.dlm__plat{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:14px;font:600 13px/1.3 var(--body);color:var(--ink-3)}
.dlm__plat a{color:var(--ink)}
.dlm__again{margin-top:10px;font:500 13px/1.4 var(--body);color:var(--ink-3)}
.dlm__again a{color:var(--ink)}

.cobrand__logo sup{font:700 10px/1 var(--body);margin-left:-8px;align-self:flex-start;margin-top:-2px}
.cobrand__logo--millida{font-weight:500}

/* Страховка: встроенные SVG никогда не раздуваются */
svg:not([width]){width:1.25em;height:1.25em}
.dc svg{width:24px;height:24px}

/* Земляная кромка над подвалом */
.foot{position:relative;margin-top:110px}
.foot::before{content:"";position:absolute;left:0;right:0;top:-86px;height:88px;background:url(../img/brand/grass-edge.png) left top/384px 88px repeat-x;image-rendering:pixelated;pointer-events:none}

/* Пиксельный курсор-рука на кликабельных плитках не трогаем; даём игровой отклик: вдавливание */
.tile:active,a.pic:active,.dcard:active{transform:translateY(2px) scale(.99)}
.gs__img{background:#1b1528;align-content:center}
.gs__img img{height:auto;min-height:0;object-fit:contain}

/* ═══ Стиль донат-карточек на весь сайт (29.09, владелец: «сделай весь сайт в стиле, как донаты TrueMod») ═══
   Градиенты статусов по кругу, тёмный «выцветающий» заголовок, объёмный рендер-кристалл в углу. */
.pal-1{--p1:hsl(34,100%,60%);--p2:hsl(338,100%,50%)}
.pal-2{--p1:hsl(190,100%,62%);--p2:hsl(212,100%,50%)}
.pal-3{--p1:hsl(55,100%,70%);--p2:hsl(151,100%,45%)}
.pal-4{--p1:hsl(321,100%,70%);--p2:hsl(266,100%,70%)}
.pal-5{--p1:hsl(55,100%,70%);--p2:hsl(34,100%,60%)}
.pal-6{--p1:hsl(205,100%,75%);--p2:hsl(180,100%,30%)}
.pal-7{--p1:hsl(321,100%,70%);--p2:hsl(338,100%,50%)}
.fade-ink{background:linear-gradient(45deg,rgba(0,0,0,.78) 15%,rgba(0,0,0,.34) 85%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

/* Заголовки разделов — как имя статуса на карточке */
.sec__h{background:linear-gradient(45deg,#151515 20%,rgba(21,21,21,.55) 90%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.sec__h .acc{-webkit-text-fill-color:var(--autumn)}

/* Плитки и карточки: цветная подложка статуса, арт в скруглённом окне, тёмный текст */
.tile,a.pic,.pic:not(.pic--kit){background:linear-gradient(135deg,var(--p1,#ffb21e),var(--p2,#ff6b2c))}
.tile>.in,.pic>.in{padding:10px 10px 0}
.tile img,.pic:not(.pic--kit) img{border-radius:14px;background:#0d0b18}
.tile__row,.pic:not(.pic--kit) .pic__cap{background:none;box-shadow:none}
.tile__t,.pic:not(.pic--kit) .pic__cap b{background:linear-gradient(45deg,rgba(0,0,0,.82) 15%,rgba(0,0,0,.45) 85%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-size:17px}
.tile__s,.pic:not(.pic--kit) .pic__cap{color:rgba(0,0,0,.66)}
.tile__go{background:rgba(255,255,255,.55);color:rgba(0,0,0,.75)}
.tile:hover .tile__go{background:#151515;color:#fff}
.grid>*:nth-child(7n+1){--p1:hsl(34,100%,60%);--p2:hsl(338,100%,50%)}
.grid>*:nth-child(7n+2){--p1:hsl(190,100%,62%);--p2:hsl(212,100%,50%)}
.grid>*:nth-child(7n+3){--p1:hsl(55,100%,70%);--p2:hsl(151,100%,45%)}
.grid>*:nth-child(7n+4){--p1:hsl(321,100%,70%);--p2:hsl(266,100%,70%)}
.grid>*:nth-child(7n+5){--p1:hsl(55,100%,70%);--p2:hsl(34,100%,60%)}
.grid>*:nth-child(7n+6){--p1:hsl(205,100%,75%);--p2:hsl(180,100%,30%)}
.grid>*:nth-child(7n+7){--p1:hsl(321,100%,70%);--p2:hsl(338,100%,50%)}

/* Факты, шаги покупки, преимущества, шаги гайда — цветные карточки с кристаллом */
.fact,.howbuy__s,.perk:not(.perk--own),.gs{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--p1),var(--p2))!important;box-shadow:var(--shadow)}
.facts>*:nth-child(4n+1),.howbuy>*:nth-child(3n+1),.perks>*:nth-child(6n+1),.guide>*:nth-child(6n+1){--p1:hsl(34,100%,60%);--p2:hsl(338,100%,50%)}
.facts>*:nth-child(4n+2),.howbuy>*:nth-child(3n+2),.perks>*:nth-child(6n+2),.guide>*:nth-child(6n+2){--p1:hsl(190,100%,62%);--p2:hsl(212,100%,50%)}
.facts>*:nth-child(4n+3),.howbuy>*:nth-child(3n+3),.perks>*:nth-child(6n+3),.guide>*:nth-child(6n+3){--p1:hsl(55,100%,70%);--p2:hsl(151,100%,45%)}
.facts>*:nth-child(4n+4),.perks>*:nth-child(6n+4),.guide>*:nth-child(6n+4){--p1:hsl(321,100%,70%);--p2:hsl(266,100%,70%)}
.perks>*:nth-child(6n+5),.guide>*:nth-child(6n+5){--p1:hsl(55,100%,70%);--p2:hsl(34,100%,60%)}
.perks>*:nth-child(6n+6),.guide>*:nth-child(6n+6){--p1:hsl(205,100%,75%);--p2:hsl(180,100%,30%)}
.fact__v,.howbuy__t,.gs__t,.perk:not(.perk--own) .perk__t{background:linear-gradient(45deg,rgba(0,0,0,.82) 15%,rgba(0,0,0,.4) 85%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.fact__k,.howbuy__x,.gs__x,.perk:not(.perk--own) .perk__s,.perk:not(.perk--own) .perk__tag{color:rgba(0,0,0,.66)}
.gs__x b{color:rgba(0,0,0,.85)}
.perk:not(.perk--own) .perk__ic{background:rgba(255,255,255,.55);color:rgba(0,0,0,.75)}
.gs__t::before{background:rgba(0,0,0,.78);box-shadow:none}
.howbuy__n{background:rgba(0,0,0,.78);color:#fff}
.howbuy__x code{background:rgba(255,255,255,.55);color:#151515}
/* Кристалл-рендер в углу — как на карточке статуса */
.fact::after,.howbuy__s::after{content:"";position:absolute;right:-26px;bottom:-30px;width:120px;height:120px;background:var(--crystal,url(../img/privilege/truemod.png)) center/contain no-repeat;opacity:.95;transform:rotate(-8deg);pointer-events:none;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.facts>*:nth-child(4n+1),.howbuy>*:nth-child(3n+1){--crystal:url(../img/privilege/truemod.png)}
.facts>*:nth-child(4n+2),.howbuy>*:nth-child(3n+2){--crystal:url(../img/privilege/grand.png)}
.facts>*:nth-child(4n+3),.howbuy>*:nth-child(3n+3){--crystal:url(../img/privilege/vip.png)}
.facts>*:nth-child(4n+4){--crystal:url(../img/privilege/deluxe.png)}
.fact:hover::after,.howbuy__s:hover::after{transform:translateY(-8px) rotate(-16deg)}
.fact>.in,.howbuy__s>.in{position:relative;z-index:1;padding-right:90px}
.gs__img{border-radius:14px;margin:10px;overflow:hidden}

/* FAQ и списки изменений — белые карточки с цветной кромкой статуса */
.faq .frame{border-left:8px solid transparent;border-image:linear-gradient(180deg,hsl(34,100%,60%),hsl(338,100%,50%)) 1}
.faq .frame:nth-child(3n+2){border-image:linear-gradient(180deg,hsl(190,100%,62%),hsl(212,100%,50%)) 1}
.faq .frame:nth-child(3n+3){border-image:linear-gradient(180deg,hsl(321,100%,70%),hsl(266,100%,70%)) 1}
.changes li::before{background:linear-gradient(135deg,hsl(34,100%,60%),hsl(338,100%,50%))}

/* ═══ Весь сайт в стиле донат-карточек (29.09, владелец: «все фоны, кнопки, описания — в стиле этих карточек») ═══ */
/* Фон страницы и полосы — мягкие градиенты тех же цветов статусов */
body{background:radial-gradient(1200px 600px at 0% 20%,hsla(34,100%,60%,.12),transparent 60%),radial-gradient(1000px 600px at 100% 50%,hsla(266,100%,70%,.10),transparent 60%),radial-gradient(1000px 600px at 0% 90%,hsla(190,100%,62%,.10),transparent 60%),var(--bg)}
.sec--band{background:linear-gradient(135deg,hsla(55,100%,70%,.28),hsla(34,100%,60%,.22) 45%,hsla(321,100%,70%,.18))}
.nav{background:rgba(255,246,228,.9)}

/* Кнопки: вторичные — градиент статуса с тёмным «выцветающим» текстом */
.btn--dark,.btn--light{background:linear-gradient(135deg,hsl(190,100%,62%),hsl(212,100%,50%));color:rgba(0,0,0,.8);-webkit-text-fill-color:rgba(0,0,0,.8)}
.btn--autumn{background:linear-gradient(135deg,hsl(34,100%,60%),hsl(338,100%,50%));color:rgba(0,0,0,.8);-webkit-text-fill-color:rgba(0,0,0,.8)}
.btn--donate{background:linear-gradient(135deg,hsl(55,100%,70%),hsl(34,100%,60%))}
.btn:not(.btn--dark):not(.btn--light):not(.btn--autumn):not(.btn--donate):not(.btn--discord){background:linear-gradient(135deg,hsl(95,70%,62%),hsl(130,60%,42%))}
.hero .btn--dark{background:linear-gradient(135deg,hsl(321,100%,70%),hsl(266,100%,70%))}
.dc .btn--light{background:#fff;color:#151515;-webkit-text-fill-color:#151515}

/* Описания и справка: белая карточка с цветной кромкой статуса и кристаллом */
.seo__inner{position:relative;background:#fff;border-radius:var(--r);padding:30px 34px 30px 40px;box-shadow:var(--shadow);overflow:hidden}
.seo__inner::before{content:"";position:absolute;left:0;top:0;bottom:0;width:8px;background:linear-gradient(180deg,hsl(34,100%,60%),hsl(338,100%,50%),hsl(266,100%,70%),hsl(212,100%,50%))}
.seo h2{background:linear-gradient(45deg,#151515 20%,rgba(21,21,21,.55) 90%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-size:24px}
.sec__sub{color:rgba(0,0,0,.6)}

/* Ссылки «По теме» — градиентные плашки по кругу */
.links a{color:rgba(0,0,0,.78);background:linear-gradient(135deg,var(--p1),var(--p2));box-shadow:var(--shadow);font-weight:700}
.links a:nth-child(6n+1){--p1:hsl(34,100%,60%);--p2:hsl(338,100%,50%)}
.links a:nth-child(6n+2){--p1:hsl(190,100%,62%);--p2:hsl(212,100%,50%)}
.links a:nth-child(6n+3){--p1:hsl(55,100%,70%);--p2:hsl(151,100%,45%)}
.links a:nth-child(6n+4){--p1:hsl(321,100%,70%);--p2:hsl(266,100%,70%)}
.links a:nth-child(6n+5){--p1:hsl(55,100%,70%);--p2:hsl(34,100%,60%)}
.links a:nth-child(6n+6){--p1:hsl(205,100%,75%);--p2:hsl(180,100%,30%)}
.links a:hover{background:#151515;color:#fff;transform:translateY(-2px)}

/* Таблицы, FAQ, списки — белые карточки; шапка таблицы градиентом */
.tbl{border-radius:var(--r)}
.tbl th{background:linear-gradient(135deg,hsl(34,100%,60%),hsl(338,100%,50%));color:#fff}
.changes li{background:#fff}
.changes li:nth-child(3n+1)::before{background:linear-gradient(135deg,hsl(190,100%,62%),hsl(212,100%,50%))}
.changes li:nth-child(3n+2)::before{background:linear-gradient(135deg,hsl(55,100%,70%),hsl(151,100%,45%))}
.faq summary{color:#151515}

/* Предметы и команды — цветные карточки */
.item,.cmd{background:linear-gradient(135deg,var(--p1,hsl(321,100%,70%)),var(--p2,hsl(266,100%,70%)))}
.items>*:nth-child(3n+1),.cmds>*:nth-child(4n+1){--p1:hsl(34,100%,60%);--p2:hsl(338,100%,50%)}
.items>*:nth-child(3n+2),.cmds>*:nth-child(4n+2){--p1:hsl(190,100%,62%);--p2:hsl(212,100%,50%)}
.items>*:nth-child(3n+3),.cmds>*:nth-child(4n+3){--p1:hsl(55,100%,70%);--p2:hsl(151,100%,45%)}
.cmds>*:nth-child(4n+4){--p1:hsl(321,100%,70%);--p2:hsl(266,100%,70%)}
.item b,.cmd code{color:rgba(0,0,0,.82)}
.item span,.cmd span{color:rgba(0,0,0,.62)}
.item img{background:rgba(255,255,255,.45)}

/* Живые числа в обложке — стеклянные цветные плитки */
.stat{background:linear-gradient(135deg,hsla(34,100%,60%,.85),hsla(338,100%,50%,.85))}
.stats>*:nth-child(2){background:linear-gradient(135deg,hsla(190,100%,62%,.85),hsla(212,100%,50%,.85))}
.stats>*:nth-child(3){background:linear-gradient(135deg,hsla(321,100%,70%,.85),hsla(266,100%,70%,.85))}
.stats>*:nth-child(4){background:linear-gradient(135deg,hsla(55,100%,70%,.9),hsla(151,100%,45%,.9))}
.stat__n{color:rgba(0,0,0,.82)}
.stat__l{color:rgba(0,0,0,.65)!important}

/* Бегущие строки — плашки цветов статусов */
.plq{background:linear-gradient(135deg,var(--p1,hsl(205,100%,75%)),var(--p2,hsl(180,100%,30%)));color:rgba(0,0,0,.55);box-shadow:inset 0 4px 0 rgba(255,255,255,.35),inset 0 -6px 0 rgba(0,0,0,.18)}
.ticker__row>*:nth-child(5n+1){--p1:hsl(34,100%,60%);--p2:hsl(338,100%,50%)}
.ticker__row>*:nth-child(5n+2){--p1:hsl(190,100%,62%);--p2:hsl(212,100%,50%)}
.ticker__row>*:nth-child(5n+3){--p1:hsl(55,100%,70%);--p2:hsl(151,100%,45%)}
.ticker__row>*:nth-child(5n+4){--p1:hsl(321,100%,70%);--p2:hsl(266,100%,70%)}
.plq--hi{color:#fff}

/* Переполнения: длинные команды и таблица сравнения */
.perk__t{overflow-wrap:anywhere}
.cmp__t{min-width:0}
@media (max-width:1000px){.cmp__t{min-width:760px}}

/* Витрина сервера на главной: крупные промо-кадры в цветных рамках статусов */
.show{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.8vw,20px)}
.show__i{margin:0;position:relative;border-radius:var(--r);overflow:hidden;padding:10px 10px 0;background:linear-gradient(135deg,var(--p1),var(--p2));box-shadow:var(--shadow);transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.show__i img{width:100%;border-radius:14px;aspect-ratio:682/400;object-fit:cover;background:#0d0b18;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.show__i figcaption{padding:12px 6px 14px}
.show__i b{display:block;font:800 19px/1.2 var(--head);background:linear-gradient(45deg,rgba(0,0,0,.82) 15%,rgba(0,0,0,.45) 85%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.show__i span{font:600 13.5px/1.35 var(--body);color:rgba(0,0,0,.66)}
.show__i--big{grid-column:span 2;grid-row:span 2}
.show__i--big img{aspect-ratio:auto;height:calc(100% - 64px);min-height:300px}
.show__i--big b{font-size:26px}
@media (hover:hover){.show__i:hover{transform:translateY(-4px)}.show__i:hover img{transform:scale(1.02)}}
.show>*:nth-child(6n+1){--p1:hsl(321,100%,70%);--p2:hsl(266,100%,70%)}
.show>*:nth-child(6n+2){--p1:hsl(55,100%,70%);--p2:hsl(151,100%,45%)}
.show>*:nth-child(6n+3){--p1:hsl(55,100%,70%);--p2:hsl(34,100%,60%)}
.show>*:nth-child(6n+4){--p1:hsl(190,100%,62%);--p2:hsl(212,100%,50%)}
.show>*:nth-child(6n+5){--p1:hsl(34,100%,60%);--p2:hsl(338,100%,50%)}
.show>*:nth-child(6n+6){--p1:hsl(205,100%,75%);--p2:hsl(180,100%,30%)}
@media (max-width:900px){.show{grid-template-columns:1fr 1fr}.show__i--big{grid-column:1/-1;grid-row:auto}.show__i--big img{height:auto;min-height:0;aspect-ratio:682/400}}
@media (max-width:560px){.show{grid-template-columns:1fr}}

/* Следующая за пользователем кнопка — только «Играть бесплатно», крупно (решение владельца 29.09) */
.follow{bottom:22px}
.follow__btn{min-height:74px;padding:0 42px 5px;font-size:22px;margin:0}
.follow__btn small{font-size:12px}

/* ── Список модов сборки (блок modlist, /mods/) — плашки групп, цвет по смыслу группы ── */
.ml--tech{--g:hsl(212,100%,50%)}.ml--magic{--g:hsl(266,90%,62%)}.ml--adventure{--g:hsl(338,90%,52%)}
.ml--farm{--g:hsl(130,60%,40%)}.ml--decor{--g:hsl(34,100%,50%)}.ml--qol{--g:hsl(180,100%,30%)}
.ml--meta{--g:var(--autumn)}.ml--perf{--g:#7a6a58}.ml--lib{--g:#9a8672}
.ml__nav{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 auto 28px;max-width:1000px}
.ml__nav a{display:inline-flex;align-items:center;gap:8px;padding:9px 12px 9px 14px;border-radius:999px;background:#fff;box-shadow:var(--shadow);text-decoration:none;font:600 13px/1 var(--body);color:var(--ink);border-left:5px solid var(--g)}
.ml__nav a b,.ml__h b,.ml__lib summary b{font:400 12px/1 Pixel,var(--body);color:var(--g);letter-spacing:.04em}
.ml__nav a:hover{background:var(--ink);color:#fff}
.ml__g{scroll-margin-top:84px}
.ml__g+.ml__g{margin-top:30px}
.ml__h{display:flex;align-items:baseline;gap:10px;margin:0 0 12px;font:800 18px/1.2 var(--head)}
.ml__h b{font-size:14px}
.ml__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ml__i>a,.ml__i>div{display:block;height:100%;padding:11px 14px;border-radius:14px;background:#fff;box-shadow:var(--shadow);border-left:5px solid var(--g);text-decoration:none;color:var(--ink)}
.ml__n{display:block;font:700 14px/1.25 var(--body);overflow-wrap:anywhere}
.ml__n small{margin-left:7px;font:400 11px/1 Pixel,var(--body);color:var(--ink-3);letter-spacing:.03em;white-space:nowrap}
.ml__s{display:block;margin-top:3px;font:500 12.5px/1.35 var(--body);color:var(--ink-2)}
.ml__i>a{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:10px}
.ml__i>a .ml__n,.ml__i>a .ml__s{grid-column:1}
.ml__i>a svg{grid-column:2;grid-row:1/3;align-self:center;color:var(--g)}
.ml__i--page>a{background:color-mix(in srgb,var(--g) 9%,#fff)}
.ml__i--page .ml__n{color:var(--g)}
@media (hover:hover){.ml__i>a:hover{box-shadow:var(--shadow-hi);transform:translateY(-2px)}.ml__i>a{transition:transform .15s,box-shadow .15s}}
.ml__lib{margin-top:30px;border-radius:14px;background:#fff;box-shadow:var(--shadow);border-left:5px solid var(--g);scroll-margin-top:84px}
.ml__lib summary{display:flex;align-items:center;gap:10px;padding:14px 16px;cursor:pointer;font:700 15px/1.2 var(--body);list-style:none}
.ml__lib summary::-webkit-details-marker{display:none}
.ml__lib summary::after{content:"+";margin-left:auto;font:400 18px/1 Pixel,var(--body);color:var(--ink-3)}
.ml__lib[open] summary::after{content:"−"}
.ml__lib p{padding:0 16px 16px;font:500 13px/1.6 var(--body);color:var(--ink-2)}
@media (max-width:900px){.ml__grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.ml__grid{grid-template-columns:1fr}.ml__nav{justify-content:flex-start}}

.buy-open,.buy-open body{overflow:hidden}
.buy{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:16px;overflow-y:auto}
.buy__back{position:fixed;inset:0;background:rgba(13,11,24,.72);backdrop-filter:blur(4px)}
.buy__box{position:relative;width:min(560px,100%);box-shadow:var(--shadow-hi);animation:buy-in .22s cubic-bezier(.2,.8,.2,1)}
@keyframes buy-in{from{transform:translateY(10px);opacity:0}}
.buy__box>.in{padding:28px 26px 22px}
.buy__x{position:absolute;top:14px;right:14px;z-index:2;width:38px;height:38px;border:0;border-radius:12px;background:var(--bg);cursor:pointer}
.buy__x::before,.buy__x::after{content:"";position:absolute;left:11px;right:11px;top:18px;height:3px;background:var(--ink);transform:rotate(45deg)}
.buy__x::after{transform:rotate(-45deg)}
.buy__view{display:grid;gap:14px}
.buy__view--done{justify-items:center;text-align:center}
.buy__k{display:block;margin-bottom:-8px}
.buy__h{margin:0;padding-right:44px;font:900 clamp(26px,4vw,36px)/1.05 var(--head);letter-spacing:-.02em;color:var(--ink)}
.buy__view--done .buy__h{padding-right:0}
.buy__lead{margin:0;font:500 15px/1.5 var(--body);color:var(--ink-2)}
.buy__field{display:grid;gap:6px}
.buy__nick{width:100%;min-height:54px;border:2px solid var(--bg-2);border-radius:14px;background:var(--bg);padding:0 16px;font:700 18px/1 var(--body);color:var(--ink);outline:none}
.buy__nick:focus{border-color:var(--autumn);background:#fff}
.buy__hint{font:500 13px/1.4 var(--body);color:var(--ink-3)}
.buy__hint.is-ok{color:hsl(130,60%,32%);font-weight:700}
.buy__hint.is-bad{color:hsl(338,100%,42%);font-weight:700}
.buy__tiers{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.buy__tier{position:relative;display:grid;grid-template-columns:1fr auto;align-items:end;gap:2px 8px;min-height:74px;border:0;border-radius:14px;overflow:hidden;padding:10px 12px;text-align:left;cursor:pointer;background:linear-gradient(135deg,var(--p1),var(--p2));color:rgba(0,0,0,.8);font:inherit;transition:transform .15s cubic-bezier(.2,.8,.2,1)}
.buy__tier img{position:absolute;right:-14px;top:-12px;width:64px;height:auto;opacity:.9;pointer-events:none}
.buy__tier-n{position:relative;grid-column:1/-1;font:900 19px/1.05 var(--head);letter-spacing:-.01em}
.buy__tier-p{position:relative;grid-column:1/-1;font:800 16px/1.1 var(--head)}
.buy__tier-p small{margin-left:6px;font:600 12px/1 var(--body);color:rgba(0,0,0,.6)}
.buy__tier.is-on{outline:3px solid var(--ink);outline-offset:2px}
.buy__tier.is-own{cursor:default;filter:grayscale(1);opacity:.45}
.buy__tier:last-child:nth-child(odd){grid-column:1/-1}
@media (hover:hover) and (pointer:fine){.buy__tier:not(:disabled):hover{transform:translateY(-2px)}}
.buy__err{font:700 14px/1.4 var(--body);color:hsl(338,100%,42%)}
.buy__err:empty{display:none}
.buy__extra{margin:0;font:600 13px/1.45 var(--body);color:var(--ink-2)}
.buy__extra:empty{display:none}
.buy__pay{width:100%}
.buy__pay:disabled{filter:grayscale(1);opacity:.55;cursor:default;transform:none}
.buy__note{margin:0;text-align:center;font:500 12px/1.5 var(--body);color:var(--ink-3)}
.buy__qr{display:grid;place-items:center;padding:14px;border-radius:16px;background:var(--bg)}
.buy__qr-code{position:relative;width:220px;height:220px}
.buy__qr-code>img:first-child{width:220px;height:220px;border-radius:10px;image-rendering:pixelated;background:#fff}
.buy__qr-mark{position:absolute;left:50%;top:50%;width:48px;height:48px;transform:translate(-50%,-50%);padding:4px;border-radius:12px;background:#fff}
.buy__wait{display:flex;align-items:center;justify-content:center;gap:10px;text-align:center;font:600 13px/1.4 var(--body);color:var(--ink-2)}
.buy__wait i{width:10px;height:10px;flex:none;background:var(--gold);box-shadow:inset 0 -3px 0 rgba(0,0,0,.18);animation:buy-blink 1s steps(2,end) infinite}
@keyframes buy-blink{50%{opacity:.25}}
.buy__link{justify-self:center;border:0;background:none;padding:4px;font:700 13px/1 var(--body);color:var(--ink-3);text-decoration:underline;cursor:pointer}
.buy__gem{width:110px;height:auto;filter:drop-shadow(0 10px 12px rgba(0,0,0,.25))}
@media (max-width:560px){.buy{padding:10px;align-items:end}.buy__box>.in{padding:22px 16px 16px}.buy__tier{min-height:64px}.buy__tier img{width:52px}}
@media (prefers-reduced-motion:reduce){.buy__box,.buy__wait i{animation:none}}

/* Как зайти роликами (01.10.2026): установка под систему + путь в лаунчере */
.gd{display:grid;gap:28px}
@media (min-width:1000px){.gd{grid-template-columns:1fr 1fr;align-items:start}}
.gd__step{display:grid;gap:14px;padding:20px;border-radius:18px;background:#fff;box-shadow:var(--shadow)}
.gd__head{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start}
.gd__head>b{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--accent);color:var(--accent-ink);font:400 22px/1 Pixel,var(--body)}
.gd__head h2{margin:0;font:900 24px/1.15 var(--head)}
.gd__head p{margin:6px 0 0;font:500 15px/1.4 var(--body);color:var(--ink-3)}
.gd__os{display:flex;gap:6px;flex-wrap:wrap}
.gd__os button{border:0;cursor:pointer;padding:8px 14px;border-radius:10px;background:var(--bg-2);font:700 14px/1 var(--head);color:var(--ink)}
.gd__os button.is-on{background:var(--ink);color:#fff}
.gd__vid{display:block;width:100%;height:auto;border-radius:12px;background:#0b2440}
.gd__cta{display:flex;justify-content:center}
.dlm__vid{display:block;width:100%;height:auto;border-radius:12px;background:#0b2440;margin:0 0 12px}
.dlm__next{margin:0 0 14px;padding:12px 14px;border-radius:14px;background:#fff;font:500 14px/1.4 var(--body)}
.dlm__next b{font-weight:800}
.dlm__next a{color:var(--accent-ink,inherit);font-weight:700}
