/* Шрифты отдаются с сайта (assets/fonts), без запросов к Google. */
@font-face{font-family:'Golos Text';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/golos-text-400-cyrillic.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/golos-text-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/golos-text-400-cyrillic.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/golos-text-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/golos-text-400-cyrillic.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/golos-text-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Russo One';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/russo-one-400-cyrillic.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'Russo One';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/russo-one-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
:root{
  --c-bean:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23e2a0ff%22/%3E%3Cstop offset=%221%22 stop-color=%22%237c25cc%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg transform=%22rotate%28-28 32 32%29%22%3E%3Crect x=%229%22 y=%2219%22 width=%2246%22 height=%2226%22 rx=%2213%22 fill=%22url%28%23g%29%22/%3E%3C/g%3E%3Cellipse cx=%2224%22 cy=%2225%22 rx=%229%22 ry=%223.6%22 fill=%22%23fff%22 opacity=%22.72%22 transform=%22rotate%28-28 24 25%29%22/%3E%3C/svg%3E");
  --c-heart:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23ffc15a%22/%3E%3Cstop offset=%221%22 stop-color=%22%23ff5418%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M32 55C13 42 5 32 9.5 21.5 13.5 12 26 11.5 32 21c6-9.5 18.5-9 22.5.5C59 32 51 42 32 55z%22 fill=%22url%28%23g%29%22/%3E%3Cpath d=%22M32 55C20 47 12 40 10 33c8 7 15 11 22 12 7-1 14-5 22-12-2 7-10 14-22 22z%22 fill=%22%239c2a00%22 opacity=%22.18%22/%3E%3Cellipse cx=%2220%22 cy=%2222%22 rx=%226.5%22 ry=%223.4%22 fill=%22%23fff%22 opacity=%22.72%22 transform=%22rotate%28-35 20 22%29%22/%3E%3C/svg%3E");
  --c-star:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23b6ff7d%22/%3E%3Cstop offset=%221%22 stop-color=%22%231fa647%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M32 6l7.6 15.6 17.2 2.5-12.4 12.1 2.9 17.1L32 45.2l-15.3 8.1 2.9-17.1L7.2 24.1l17.2-2.5z%22 fill=%22url%28%23g%29%22 stroke=%22url%28%23g%29%22 stroke-width=%225%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M16.7 53.3l2.9-17.1L32 45.2l15.3 8.1z%22 fill=%22%230d5a1c%22 opacity=%22.16%22/%3E%3Cellipse cx=%2225%22 cy=%2221%22 rx=%226%22 ry=%223%22 fill=%22%23fff%22 opacity=%22.72%22 transform=%22rotate%28-30 25 21%29%22/%3E%3C/svg%3E");
  --c-ball:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cdefs%3E%3CradialGradient id=%22g%22 cx=%22.38%22 cy=%22.32%22 r=%22.75%22%3E%3Cstop offset=%220%22 stop-color=%22%23ffc2df%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%23ff4f97%22/%3E%3Cstop offset=%221%22 stop-color=%22%23c50f55%22/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx=%2232%22 cy=%2232%22 r=%2223%22 fill=%22url%28%23g%29%22/%3E%3Cpath d=%22M32 32c0-5 6-6 8-2 3 5-2 11-8 11-8 0-12-8-10-14 3-9 15-11 21-5%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%223.2%22 stroke-linecap=%22round%22 opacity=%22.55%22/%3E%3Cellipse cx=%2223%22 cy=%2220%22 rx=%226.5%22 ry=%223.3%22 fill=%22%23fff%22 opacity=%22.72%22 transform=%22rotate%28-35 23 20%29%22/%3E%3C/svg%3E");
  --c-bear:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23ff9b8a%22/%3E%3Cstop offset=%221%22 stop-color=%22%23d81f3c%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill=%22url%28%23g%29%22%3E%3Ccircle cx=%2221%22 cy=%2213%22 r=%225.5%22/%3E%3Ccircle cx=%2243%22 cy=%2213%22 r=%225.5%22/%3E%3Ccircle cx=%2232%22 cy=%2222%22 r=%2212%22/%3E%3Cellipse cx=%2232%22 cy=%2242%22 rx=%2213.5%22 ry=%2214%22/%3E%3Ccircle cx=%2220%22 cy=%2236%22 r=%225%22/%3E%3Ccircle cx=%2244%22 cy=%2236%22 r=%225%22/%3E%3Ccircle cx=%2223%22 cy=%2254%22 r=%225.5%22/%3E%3Ccircle cx=%2241%22 cy=%2254%22 r=%225.5%22/%3E%3C/g%3E%3Cellipse cx=%2232%22 cy=%2245%22 rx=%227%22 ry=%226%22 fill=%22%23fff%22 opacity=%22.18%22/%3E%3Cellipse cx=%2227%22 cy=%2217%22 rx=%224.5%22 ry=%222.4%22 fill=%22%23fff%22 opacity=%22.72%22 transform=%22rotate%28-30 27 17%29%22/%3E%3C/svg%3E");
}
/* Sugar Rush: единый стиль. Раскладка как у sweetbonanzaigra.com, палитра и анимации свои.
   Белый фон, тёмно-синий текст, малиновый, синий, золото. Заголовки Russo One, текст Golos Text. */

:root{
  --bg-soft:#f3f6ff;
  --bg-card:#f6f8ff;
  --navy:#0a1030;
  --pink:#e0145f;
  --pink-deep:#b00c4a;
  --blue:#0a5fd0;
  --text:#0a1030;
  --text-dim:#4a5280;
  --line:rgba(10,16,48,.14);
  --radius:16px;
  --shadow:0 10px 30px rgba(10,16,48,.12);
  --font-h:'Russo One','Arial Black',Impact,sans-serif;
  --font-b:'Golos Text',-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;overflow-x:hidden;background-color:#fff}
body{
  background-color:#fff;
  background-image:linear-gradient(180deg,#eef3ff 0,#ffffff 560px);
  background-repeat:no-repeat;
  font-family:var(--font-b);
  color:var(--text);
  line-height:1.72;
  padding-bottom:50px;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--blue);text-decoration:none}
ul{list-style:none}
h1,h2,h3{font-family:var(--font-h);font-weight:400;line-height:1.22}
:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:6px}

/* ---------- кнопки ---------- */
.btn{
  position:relative;overflow:hidden;
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:44px;padding:11px 30px;border-radius:12px;
  font-family:var(--font-h);font-weight:400;font-size:14.5px;text-transform:uppercase;letter-spacing:.06em;
  cursor:pointer;color:#fff;
  background:linear-gradient(180deg,#cc1458,#a50b45);
  box-shadow:0 6px 20px rgba(255,46,122,.40);
  transition:transform .18s, box-shadow .18s;
  animation:btnpulse 2.4s ease-in-out infinite;
}
.btn::after{
  content:'';position:absolute;top:0;bottom:0;left:0;width:40%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.38),transparent);
  transform:translateX(-150%) skewX(-20deg);animation:sweep 4.2s ease-in-out infinite;
}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(255,46,122,.58);animation-play-state:paused}
.btn-play{color:#fff}
.btn-ghost{background:#fff;color:var(--navy);border:1px solid rgba(10,16,48,.28);box-shadow:none;animation-duration:2.9s}
.btn-ghost::after{background:linear-gradient(100deg,transparent,rgba(10,95,208,.18),transparent)}
/* «Демо» в герое: единственное действие героя, крупная кнопка с малиновым контуром (Ed, 10.10.2026: сначала посмотреть и поиграть) */
.btn-demo{min-height:52px;padding:13px 54px;font-size:15.5px;color:var(--pink-deep);border:1.5px solid var(--pink);box-shadow:0 6px 18px rgba(224,20,95,.14)}
.btn-demo:hover{box-shadow:0 0 0 3px rgba(224,20,95,.16),0 10px 26px rgba(224,20,95,.3)}
/* бонус (шапка, сайдбар): светлая конфетная плита с малиновой кромкой, процент и фриспины; ведёт на мост */
.btn-bonus,.btn-brand{background:#fff4f8;color:var(--navy);border:1px solid rgba(224,20,95,.45);font-family:var(--font-b);font-weight:700;text-transform:none;letter-spacing:0;text-align:left;box-shadow:0 4px 14px rgba(224,20,95,.16)}
.btn-bonus::after,.btn-brand::after{background:linear-gradient(100deg,transparent,rgba(224,20,95,.16),transparent)}
.btn-bonus:hover,.btn-brand:hover{box-shadow:0 0 0 3px rgba(224,20,95,.16),0 10px 26px rgba(224,20,95,.3)}
.bonus-t{display:flex;flex-direction:column;line-height:1.15}
.bonus-t b{font-size:.93em;color:var(--pink-deep);white-space:nowrap}
.gift{flex:none;width:24px;height:24px;background:url(images/gift.svg) center/contain no-repeat}
/* логотип клуба: только фоном, без названия текстом */
.brand{flex:none;display:block;width:96px;height:33px;background:url(images/club.svg) 0 50%/contain no-repeat}
.btn-block{display:flex;width:100%}
/* нажатие: кнопка проседает и вспыхивает (правило Ed: подсветка при наведении и нажатии) */
.btn:active{transform:translateY(1px) scale(.97);animation:none;box-shadow:0 0 0 3px rgba(224,20,95,.22),0 4px 14px rgba(255,46,122,.45)}
.btn:nth-child(odd){animation-delay:.6s}
.btn:nth-child(3n){animation-duration:2.7s}
@keyframes btnpulse{0%,100%{transform:scale(1)}50%{transform:scale(1.03)}}
/* блик едет transform-ом (раньше двигался left, это пересчёт страницы 60 раз в секунду) */
@keyframes sweep{0%,55%{transform:translateX(-150%) skewX(-20deg)}85%,100%{transform:translateX(325%) skewX(-20deg)}}

/* ---------- верхнее меню ---------- */
.nav{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav-in{max-width:1260px;margin:0 auto;padding:8px 16px;display:flex;align-items:center;gap:14px}
.nav-logo{display:flex;align-items:center;gap:10px;flex-shrink:0}
.nav-logo img{width:62px;height:62px}
.nav-links{display:flex;gap:4px;flex:1;justify-content:center;flex-wrap:nowrap}
.nav-links a{display:block;padding:8px 10px;border-radius:9px;font-size:13px;font-weight:600;color:var(--text-dim);transition:.2s;white-space:nowrap}
.nav-links a:hover{background:#eaf0ff;color:var(--navy)}
.nav-links .emo{margin-right:6px}
.nav-links a.on{background:linear-gradient(180deg,#cc1458,#a50b45);color:#fff}
.nav-cta{flex-shrink:0;min-height:46px;padding:6px 16px 6px 12px;gap:9px;font-size:13.5px}
.burger{display:none;background:#fff;border:1px solid rgba(10,16,48,.28);color:var(--navy);font-size:20px;padding:5px 11px;border-radius:9px;cursor:pointer;min-height:44px}
.burger:hover,.burger:focus-visible{border-color:var(--pink);background:#fff4f8;box-shadow:0 0 0 3px rgba(224,20,95,.16),0 6px 16px rgba(224,20,95,.2)}

/* ---------- верхний блок: лого слева, текст справа ---------- */
.hero{
  position:relative;
  max-width:1180px;margin:0 auto;padding:44px 18px 30px;
  display:grid;grid-template-columns:300px 1fr;gap:38px;align-items:center;
}
.hero-logo,.hero-txt{position:relative;z-index:1}
.hero-logo img{width:100%;filter:drop-shadow(0 16px 26px rgba(10,16,48,.30));animation:float 5s ease-in-out infinite}
.hero-logo::after{
  content:'';position:absolute;inset:-18px;border-radius:30px;z-index:-1;
  background:radial-gradient(circle,rgba(255,46,122,.30),rgba(10,143,214,.14) 55%,transparent 70%);
  animation:halo 4s ease-in-out infinite;
}
@keyframes float{0%,100%{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-14px) rotate(1.5deg)}}
@keyframes halo{0%,100%{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.09)}}
.hero-txt h1{font-size:clamp(27px,4vw,44px);margin-bottom:16px}
.hero-txt h1 .hl{
  background:linear-gradient(90deg,#c40f55,#6a3df5,#0a7fd6,#c40f55);
  background-size:300% auto;-webkit-background-clip:text;background-clip:text;color:transparent;
  animation:shine 5s ease-in-out infinite alternate;
}
/* переливание идёт фильтром оттенка: его считает видеокарта (сдвиг background-position пересчитывал страницу 60 раз в секунду); вне экрана стоит */
@keyframes shine{to{filter:hue-rotate(-38deg) saturate(1.15)}}
.js .hero:not(.live) h1 .hl{animation-play-state:paused}
.hero-txt p{font-size:17px;color:var(--text-dim);margin-bottom:22px;max-width:60ch}
.hero-btns{display:flex;gap:12px;flex-wrap:wrap}

/* падающие конфеты: символы самой игры (src/candies.py) падают и кувыркаются за картиной и в полях, мимо колонки текста.
   Одна анимация на конфету из четырёх готовых траекторий (cd-t1..4, на телефоне cd-m1..4) без var() в ключевых кадрах и без маски:
   всё идёт на видеокарте в любом браузере; вне экрана стоят. Кадры посчитаны один раз (синус кувырка, 25 кадров) */
.fall{position:absolute;top:0;bottom:0;left:calc(50% - 50vw);width:100vw;z-index:0;overflow:hidden;pointer-events:none}
.fall i{position:absolute;top:-64px;left:var(--x);opacity:0;animation-timing-function:linear;animation-iteration-count:infinite;will-change:transform,opacity}
.fall i::before{content:'';position:absolute;inset:0;background:var(--c) center/contain no-repeat;opacity:var(--o)}
.cd-t1{animation-name:cd-t1}.cd-t2{animation-name:cd-t2}.cd-t3{animation-name:cd-t3}.cd-t4{animation-name:cd-t4}
@keyframes cd-t1{0%,100%{opacity:0}8%,88%{opacity:1}0%{transform:translate3d(-0px,0px,0) rotate(0deg)}4.167%{transform:translate3d(-1.2px,23.3px,0) rotate(45.7deg)}8.333%{transform:translate3d(-2.5px,46.7px,0) rotate(72.4deg)}12.5%{transform:translate3d(-3.8px,70px,0) rotate(69.3deg)}16.667%{transform:translate3d(-5px,93.3px,0) rotate(37.5deg)}20.833%{transform:translate3d(-6.2px,116.7px,0) rotate(-9.8deg)}25%{transform:translate3d(-7.5px,140px,0) rotate(-53deg)}29.167%{transform:translate3d(-8.8px,163.3px,0) rotate(-74.4deg)}33.333%{transform:translate3d(-10px,186.7px,0) rotate(-65deg)}37.5%{transform:translate3d(-11.2px,210px,0) rotate(-28.7deg)}41.667%{transform:translate3d(-12.5px,233.3px,0) rotate(19.4deg)}45.833%{transform:translate3d(-13.8px,256.7px,0) rotate(59.5deg)}50%{transform:translate3d(-15px,280px,0) rotate(75deg)}54.167%{transform:translate3d(-16.2px,303.3px,0) rotate(59.5deg)}58.333%{transform:translate3d(-17.5px,326.7px,0) rotate(19.4deg)}62.5%{transform:translate3d(-18.8px,350px,0) rotate(-28.7deg)}66.667%{transform:translate3d(-20px,373.3px,0) rotate(-65deg)}70.833%{transform:translate3d(-21.2px,396.7px,0) rotate(-74.4deg)}75%{transform:translate3d(-22.5px,420px,0) rotate(-53deg)}79.167%{transform:translate3d(-23.8px,443.3px,0) rotate(-9.8deg)}83.333%{transform:translate3d(-25px,466.7px,0) rotate(37.5deg)}87.5%{transform:translate3d(-26.2px,490px,0) rotate(69.3deg)}91.667%{transform:translate3d(-27.5px,513.3px,0) rotate(72.4deg)}95.833%{transform:translate3d(-28.8px,536.7px,0) rotate(45.7deg)}100%{transform:translate3d(-30px,560px,0) rotate(0deg)}}
@keyframes cd-t2{0%,100%{opacity:0}8%,88%{opacity:1}0%{transform:translate3d(0px,0px,0) rotate(110deg)}4.167%{transform:translate3d(1.5px,23.3px,0) rotate(95.3deg)}8.333%{transform:translate3d(2.9px,46.7px,0) rotate(55deg)}12.5%{transform:translate3d(4.4px,70px,0) rotate(0deg)}16.667%{transform:translate3d(5.8px,93.3px,0) rotate(-55deg)}20.833%{transform:translate3d(7.3px,116.7px,0) rotate(-95.3deg)}25%{transform:translate3d(8.8px,140px,0) rotate(-110deg)}29.167%{transform:translate3d(10.2px,163.3px,0) rotate(-95.3deg)}33.333%{transform:translate3d(11.7px,186.7px,0) rotate(-55deg)}37.5%{transform:translate3d(13.1px,210px,0) rotate(-0deg)}41.667%{transform:translate3d(14.6px,233.3px,0) rotate(55deg)}45.833%{transform:translate3d(16px,256.7px,0) rotate(95.3deg)}50%{transform:translate3d(17.5px,280px,0) rotate(110deg)}54.167%{transform:translate3d(19px,303.3px,0) rotate(95.3deg)}58.333%{transform:translate3d(20.4px,326.7px,0) rotate(55deg)}62.5%{transform:translate3d(21.9px,350px,0) rotate(0deg)}66.667%{transform:translate3d(23.3px,373.3px,0) rotate(-55deg)}70.833%{transform:translate3d(24.8px,396.7px,0) rotate(-95.3deg)}75%{transform:translate3d(26.2px,420px,0) rotate(-110deg)}79.167%{transform:translate3d(27.7px,443.3px,0) rotate(-95.3deg)}83.333%{transform:translate3d(29.2px,466.7px,0) rotate(-55deg)}87.5%{transform:translate3d(30.6px,490px,0) rotate(-0deg)}91.667%{transform:translate3d(32.1px,513.3px,0) rotate(55deg)}95.833%{transform:translate3d(33.5px,536.7px,0) rotate(95.3deg)}100%{transform:translate3d(35px,560px,0) rotate(110deg)}}
@keyframes cd-t3{0%,100%{opacity:0}8%,88%{opacity:1}0%{transform:translate3d(-0px,0px,0) rotate(0deg)}4.167%{transform:translate3d(-0.6px,23.3px,0) rotate(-42.4deg)}8.333%{transform:translate3d(-1.2px,46.7px,0) rotate(-60deg)}12.5%{transform:translate3d(-1.9px,70px,0) rotate(-42.4deg)}16.667%{transform:translate3d(-2.5px,93.3px,0) rotate(-0deg)}20.833%{transform:translate3d(-3.1px,116.7px,0) rotate(42.4deg)}25%{transform:translate3d(-3.8px,140px,0) rotate(60deg)}29.167%{transform:translate3d(-4.4px,163.3px,0) rotate(42.4deg)}33.333%{transform:translate3d(-5px,186.7px,0) rotate(0deg)}37.5%{transform:translate3d(-5.6px,210px,0) rotate(-42.4deg)}41.667%{transform:translate3d(-6.2px,233.3px,0) rotate(-60deg)}45.833%{transform:translate3d(-6.9px,256.7px,0) rotate(-42.4deg)}50%{transform:translate3d(-7.5px,280px,0) rotate(-0deg)}54.167%{transform:translate3d(-8.1px,303.3px,0) rotate(42.4deg)}58.333%{transform:translate3d(-8.8px,326.7px,0) rotate(60deg)}62.5%{transform:translate3d(-9.4px,350px,0) rotate(42.4deg)}66.667%{transform:translate3d(-10px,373.3px,0) rotate(0deg)}70.833%{transform:translate3d(-10.6px,396.7px,0) rotate(-42.4deg)}75%{transform:translate3d(-11.2px,420px,0) rotate(-60deg)}79.167%{transform:translate3d(-11.9px,443.3px,0) rotate(-42.4deg)}83.333%{transform:translate3d(-12.5px,466.7px,0) rotate(-0deg)}87.5%{transform:translate3d(-13.1px,490px,0) rotate(42.4deg)}91.667%{transform:translate3d(-13.8px,513.3px,0) rotate(60deg)}95.833%{transform:translate3d(-14.4px,536.7px,0) rotate(42.4deg)}100%{transform:translate3d(-15px,560px,0) rotate(0deg)}}
@keyframes cd-t4{0%,100%{opacity:0}8%,88%{opacity:1}0%{transform:translate3d(0px,0px,0) rotate(-95deg)}4.167%{transform:translate3d(1.9px,23.3px,0) rotate(-87.8deg)}8.333%{transform:translate3d(3.8px,46.7px,0) rotate(-67.2deg)}12.5%{transform:translate3d(5.6px,70px,0) rotate(-36.4deg)}16.667%{transform:translate3d(7.5px,93.3px,0) rotate(-0deg)}20.833%{transform:translate3d(9.4px,116.7px,0) rotate(36.4deg)}25%{transform:translate3d(11.2px,140px,0) rotate(67.2deg)}29.167%{transform:translate3d(13.1px,163.3px,0) rotate(87.8deg)}33.333%{transform:translate3d(15px,186.7px,0) rotate(95deg)}37.5%{transform:translate3d(16.9px,210px,0) rotate(87.8deg)}41.667%{transform:translate3d(18.8px,233.3px,0) rotate(67.2deg)}45.833%{transform:translate3d(20.6px,256.7px,0) rotate(36.4deg)}50%{transform:translate3d(22.5px,280px,0) rotate(0deg)}54.167%{transform:translate3d(24.4px,303.3px,0) rotate(-36.4deg)}58.333%{transform:translate3d(26.2px,326.7px,0) rotate(-67.2deg)}62.5%{transform:translate3d(28.1px,350px,0) rotate(-87.8deg)}66.667%{transform:translate3d(30px,373.3px,0) rotate(-95deg)}70.833%{transform:translate3d(31.9px,396.7px,0) rotate(-87.8deg)}75%{transform:translate3d(33.8px,420px,0) rotate(-67.2deg)}79.167%{transform:translate3d(35.6px,443.3px,0) rotate(-36.4deg)}83.333%{transform:translate3d(37.5px,466.7px,0) rotate(-0deg)}87.5%{transform:translate3d(39.4px,490px,0) rotate(36.4deg)}91.667%{transform:translate3d(41.2px,513.3px,0) rotate(67.2deg)}95.833%{transform:translate3d(43.1px,536.7px,0) rotate(87.8deg)}100%{transform:translate3d(45px,560px,0) rotate(95deg)}}
@keyframes cd-m1{0%,100%{opacity:0}8%,88%{opacity:1}0%{transform:translate3d(-0px,0px,0) rotate(0deg)}4.167%{transform:translate3d(-1.2px,17.5px,0) rotate(45.7deg)}8.333%{transform:translate3d(-2.5px,35px,0) rotate(72.4deg)}12.5%{transform:translate3d(-3.8px,52.5px,0) rotate(69.3deg)}16.667%{transform:translate3d(-5px,70px,0) rotate(37.5deg)}20.833%{transform:translate3d(-6.2px,87.5px,0) rotate(-9.8deg)}25%{transform:translate3d(-7.5px,105px,0) rotate(-53deg)}29.167%{transform:translate3d(-8.8px,122.5px,0) rotate(-74.4deg)}33.333%{transform:translate3d(-10px,140px,0) rotate(-65deg)}37.5%{transform:translate3d(-11.2px,157.5px,0) rotate(-28.7deg)}41.667%{transform:translate3d(-12.5px,175px,0) rotate(19.4deg)}45.833%{transform:translate3d(-13.8px,192.5px,0) rotate(59.5deg)}50%{transform:translate3d(-15px,210px,0) rotate(75deg)}54.167%{transform:translate3d(-16.2px,227.5px,0) rotate(59.5deg)}58.333%{transform:translate3d(-17.5px,245px,0) rotate(19.4deg)}62.5%{transform:translate3d(-18.8px,262.5px,0) rotate(-28.7deg)}66.667%{transform:translate3d(-20px,280px,0) rotate(-65deg)}70.833%{transform:translate3d(-21.2px,297.5px,0) rotate(-74.4deg)}75%{transform:translate3d(-22.5px,315px,0) rotate(-53deg)}79.167%{transform:translate3d(-23.8px,332.5px,0) rotate(-9.8deg)}83.333%{transform:translate3d(-25px,350px,0) rotate(37.5deg)}87.5%{transform:translate3d(-26.2px,367.5px,0) rotate(69.3deg)}91.667%{transform:translate3d(-27.5px,385px,0) rotate(72.4deg)}95.833%{transform:translate3d(-28.8px,402.5px,0) rotate(45.7deg)}100%{transform:translate3d(-30px,420px,0) rotate(0deg)}}
@keyframes cd-m2{0%,100%{opacity:0}8%,88%{opacity:1}0%{transform:translate3d(0px,0px,0) rotate(110deg)}4.167%{transform:translate3d(1.5px,17.5px,0) rotate(95.3deg)}8.333%{transform:translate3d(2.9px,35px,0) rotate(55deg)}12.5%{transform:translate3d(4.4px,52.5px,0) rotate(0deg)}16.667%{transform:translate3d(5.8px,70px,0) rotate(-55deg)}20.833%{transform:translate3d(7.3px,87.5px,0) rotate(-95.3deg)}25%{transform:translate3d(8.8px,105px,0) rotate(-110deg)}29.167%{transform:translate3d(10.2px,122.5px,0) rotate(-95.3deg)}33.333%{transform:translate3d(11.7px,140px,0) rotate(-55deg)}37.5%{transform:translate3d(13.1px,157.5px,0) rotate(-0deg)}41.667%{transform:translate3d(14.6px,175px,0) rotate(55deg)}45.833%{transform:translate3d(16px,192.5px,0) rotate(95.3deg)}50%{transform:translate3d(17.5px,210px,0) rotate(110deg)}54.167%{transform:translate3d(19px,227.5px,0) rotate(95.3deg)}58.333%{transform:translate3d(20.4px,245px,0) rotate(55deg)}62.5%{transform:translate3d(21.9px,262.5px,0) rotate(0deg)}66.667%{transform:translate3d(23.3px,280px,0) rotate(-55deg)}70.833%{transform:translate3d(24.8px,297.5px,0) rotate(-95.3deg)}75%{transform:translate3d(26.2px,315px,0) rotate(-110deg)}79.167%{transform:translate3d(27.7px,332.5px,0) rotate(-95.3deg)}83.333%{transform:translate3d(29.2px,350px,0) rotate(-55deg)}87.5%{transform:translate3d(30.6px,367.5px,0) rotate(-0deg)}91.667%{transform:translate3d(32.1px,385px,0) rotate(55deg)}95.833%{transform:translate3d(33.5px,402.5px,0) rotate(95.3deg)}100%{transform:translate3d(35px,420px,0) rotate(110deg)}}
@keyframes cd-m3{0%,100%{opacity:0}8%,88%{opacity:1}0%{transform:translate3d(-0px,0px,0) rotate(0deg)}4.167%{transform:translate3d(-0.6px,17.5px,0) rotate(-42.4deg)}8.333%{transform:translate3d(-1.2px,35px,0) rotate(-60deg)}12.5%{transform:translate3d(-1.9px,52.5px,0) rotate(-42.4deg)}16.667%{transform:translate3d(-2.5px,70px,0) rotate(-0deg)}20.833%{transform:translate3d(-3.1px,87.5px,0) rotate(42.4deg)}25%{transform:translate3d(-3.8px,105px,0) rotate(60deg)}29.167%{transform:translate3d(-4.4px,122.5px,0) rotate(42.4deg)}33.333%{transform:translate3d(-5px,140px,0) rotate(0deg)}37.5%{transform:translate3d(-5.6px,157.5px,0) rotate(-42.4deg)}41.667%{transform:translate3d(-6.2px,175px,0) rotate(-60deg)}45.833%{transform:translate3d(-6.9px,192.5px,0) rotate(-42.4deg)}50%{transform:translate3d(-7.5px,210px,0) rotate(-0deg)}54.167%{transform:translate3d(-8.1px,227.5px,0) rotate(42.4deg)}58.333%{transform:translate3d(-8.8px,245px,0) rotate(60deg)}62.5%{transform:translate3d(-9.4px,262.5px,0) rotate(42.4deg)}66.667%{transform:translate3d(-10px,280px,0) rotate(0deg)}70.833%{transform:translate3d(-10.6px,297.5px,0) rotate(-42.4deg)}75%{transform:translate3d(-11.2px,315px,0) rotate(-60deg)}79.167%{transform:translate3d(-11.9px,332.5px,0) rotate(-42.4deg)}83.333%{transform:translate3d(-12.5px,350px,0) rotate(-0deg)}87.5%{transform:translate3d(-13.1px,367.5px,0) rotate(42.4deg)}91.667%{transform:translate3d(-13.8px,385px,0) rotate(60deg)}95.833%{transform:translate3d(-14.4px,402.5px,0) rotate(42.4deg)}100%{transform:translate3d(-15px,420px,0) rotate(0deg)}}
@keyframes cd-m4{0%,100%{opacity:0}8%,88%{opacity:1}0%{transform:translate3d(0px,0px,0) rotate(-95deg)}4.167%{transform:translate3d(1.9px,17.5px,0) rotate(-87.8deg)}8.333%{transform:translate3d(3.8px,35px,0) rotate(-67.2deg)}12.5%{transform:translate3d(5.6px,52.5px,0) rotate(-36.4deg)}16.667%{transform:translate3d(7.5px,70px,0) rotate(-0deg)}20.833%{transform:translate3d(9.4px,87.5px,0) rotate(36.4deg)}25%{transform:translate3d(11.2px,105px,0) rotate(67.2deg)}29.167%{transform:translate3d(13.1px,122.5px,0) rotate(87.8deg)}33.333%{transform:translate3d(15px,140px,0) rotate(95deg)}37.5%{transform:translate3d(16.9px,157.5px,0) rotate(87.8deg)}41.667%{transform:translate3d(18.8px,175px,0) rotate(67.2deg)}45.833%{transform:translate3d(20.6px,192.5px,0) rotate(36.4deg)}50%{transform:translate3d(22.5px,210px,0) rotate(0deg)}54.167%{transform:translate3d(24.4px,227.5px,0) rotate(-36.4deg)}58.333%{transform:translate3d(26.2px,245px,0) rotate(-67.2deg)}62.5%{transform:translate3d(28.1px,262.5px,0) rotate(-87.8deg)}66.667%{transform:translate3d(30px,280px,0) rotate(-95deg)}70.833%{transform:translate3d(31.9px,297.5px,0) rotate(-87.8deg)}75%{transform:translate3d(33.8px,315px,0) rotate(-67.2deg)}79.167%{transform:translate3d(35.6px,332.5px,0) rotate(-36.4deg)}83.333%{transform:translate3d(37.5px,350px,0) rotate(-0deg)}87.5%{transform:translate3d(39.4px,367.5px,0) rotate(36.4deg)}91.667%{transform:translate3d(41.2px,385px,0) rotate(67.2deg)}95.833%{transform:translate3d(43.1px,402.5px,0) rotate(87.8deg)}100%{transform:translate3d(45px,420px,0) rotate(95deg)}}
.js .hero:not(.live) .fall i{animation-play-state:paused}
/* конфеты летят за текстом: белый ореол держит буквы чистыми (градиентное слово без ореола) */
.hero-txt h1,.hero-txt p{text-shadow:0 0 2px #fff,0 0 10px #fff,0 0 18px rgba(255,255,255,.9)}
.hero-txt h1 .hl{text-shadow:none}
/* фонтан конфет из кнопок перехода: слой поверх страницы, конфеты создаёт скрипт при наведении */
.cd-burst{position:fixed;inset:0;z-index:95;overflow:hidden;pointer-events:none}
.cd-burst i{position:absolute;background-position:center;background-size:contain;background-repeat:no-repeat;will-change:transform,opacity}

/* ---------- игра ---------- */
.game{max-width:1180px;margin:0 auto 34px;padding:0 18px}
.game-box{
  position:relative;width:100%;border-radius:var(--radius);overflow:hidden;
  background:#eef3ff;border:1px solid var(--line);box-shadow:var(--shadow);
}
.game-box::before{content:'Загрузка игры…';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:var(--font-h);font-size:15px;color:var(--text-dim)}
.game-embed{position:relative;z-index:1;display:block;width:100%;aspect-ratio:16/9;min-height:360px;border:0;background:transparent}
.game-cta{margin-top:18px}
.game-cta .btn{display:flex;width:100%;padding:16px 22px;font-size:17px}
.game-cta p{margin:10px 0 0;text-align:center;font-size:14.5px;color:var(--text-dim)}

/* ---------- раскладка: текст + липкая правая колонка ---------- */
.layout{max-width:1180px;margin:0 auto;padding:0 18px;display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:34px;align-items:start}
.wrap{min-width:0}
.wrap>p,.sec p{margin-bottom:16px;font-size:17px;max-width:68ch}
.wrap>p.lead{font-size:18px;color:var(--text)}

/* карточки характеристик */
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:26px auto;max-width:620px}
.fact{background:var(--bg-card);border:1px solid var(--line);border-radius:14px;padding:16px 14px;text-align:center;transition:transform .2s,border-color .2s,box-shadow .2s}
.fact:hover{transform:translateY(-4px);border-color:var(--pink);box-shadow:0 10px 26px rgba(224,20,95,.16)}
.fact .k{font-size:12.5px;color:var(--text-dim);letter-spacing:0}
.fact .v{font-family:var(--font-h);font-size:20px;color:var(--pink-deep);margin-top:5px}
/* текст показателя с заглавной буквы (правило Ed) */
.fact .v::first-letter{text-transform:uppercase}
/* показатель: конфетный медальон с эмодзи, при появлении плитки падают по очереди, как конфеты в тумбле */
.cd-emo{display:flex;align-items:center;justify-content:center;width:46px;height:46px;margin:0 auto 8px;border-radius:50%;font-style:normal;font-size:23px;line-height:1;background:radial-gradient(circle at 35% 30%,#fff,#ffe3ef 60%,#ffc3dc);box-shadow:inset 0 -3px 6px rgba(224,20,95,.16),0 0 0 2px #fff,0 0 0 3px rgba(224,20,95,.32),0 6px 14px rgba(224,20,95,.16);transition:box-shadow .3s ease}
.cd-emo span{display:block}
.fact:hover .cd-emo{box-shadow:inset 0 -3px 6px rgba(224,20,95,.16),0 0 0 2px #fff,0 0 0 3px var(--pink),0 0 22px 4px rgba(255,46,122,.45)}
.js .facts:not(.in) .fact{opacity:0}
.js .facts.in .fact{animation:cd-drop .6s cubic-bezier(.3,1.18,.5,1) backwards}
.js .facts.in .fact:nth-child(2){animation-delay:.07s}
.js .facts.in .fact:nth-child(3){animation-delay:.14s}
.js .facts.in .fact:nth-child(4){animation-delay:.21s}
.js .facts.in .fact:nth-child(5){animation-delay:.28s}
.js .facts.in .fact:nth-child(6){animation-delay:.35s}
.js .facts.in .cd-emo span{animation:cd-bob 3.6s ease-in-out .9s infinite}
@media (prefers-reduced-motion:no-preference){.js .facts.in .fact:hover .cd-emo span{animation:cd-jig .6s cubic-bezier(.3,.9,.3,1)}}
@keyframes cd-drop{from{opacity:0;transform:translateY(-34px) rotate(-4deg)}}
@keyframes cd-bob{0%,100%{transform:translateY(0) rotate(0)}30%{transform:translateY(-4px) rotate(-7deg)}60%{transform:translateY(-1px) rotate(5deg)}}
@keyframes cd-jig{30%{transform:scale(1.3) rotate(-12deg)}60%{transform:scale(1.2) rotate(10deg)}}
.facts.mini{margin:6px 0 4px;max-width:none}
.facts.mini .cd-emo{width:38px;height:38px;margin-bottom:6px;font-size:19px}
.facts.mini .fact{padding:12px 8px}
.facts.mini .v{font-size:17px}

/* секции текста */
.sec{padding:10px 0 6px;margin-bottom:12px}
.sec h2{font-size:clamp(21px,2.7vw,28px);color:var(--navy);margin:30px 0 16px}
.shot{margin:0 0 20px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow)}
.shot img{width:100%}
.shot figcaption{padding:10px 14px;font-size:13.5px;color:var(--text-dim);background:var(--bg-soft);text-align:center}
.note{margin:22px 0 6px;padding:16px 20px;border-radius:14px;background:linear-gradient(135deg,#fff0f5,#eef5ff);border:1px solid var(--line);font-size:16px}
.cta-mid{margin:22px 0 6px;text-align:center}

/* FAQ */
.faq{margin:44px 0 26px}
.faq>h2{font-size:clamp(21px,2.7vw,28px);color:var(--navy);margin-bottom:16px}
.faq details{background:var(--bg-card);border:1px solid var(--line);border-radius:12px;margin-bottom:10px;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.faq details:hover{border-color:var(--pink);box-shadow:0 8px 22px rgba(224,20,95,.14)}
.faq summary{padding:15px 18px;font-weight:700;cursor:pointer;color:var(--text);font-size:16px;list-style:none;min-height:48px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';float:right;color:var(--pink);font-size:22px;line-height:1}
.faq details[open] summary::after{content:'\2212'}
.faq details p{padding:0 18px 15px;color:var(--text-dim);font-size:15.5px;margin:0}

/* ---------- блок слотов ---------- */
.slots{margin:52px 0 30px}
.slots>h2{font-size:clamp(21px,2.7vw,28px);color:var(--navy);text-align:center;margin-bottom:24px}
.slots-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.slot-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:16px;text-align:center;transition:transform .2s,box-shadow .2s,border-color .2s}
.slot-card:hover{transform:translateY(-5px);border-color:var(--pink);box-shadow:0 12px 30px rgba(224,20,95,.18)}
.slot-card.cur{border-color:var(--pink)}
.slot-card .cd-ico{max-width:170px;margin:0 auto 10px}
.slot-card img{width:100%}
/* иконки слотов: сахарный блик проходит при наведении, иконка наклоняется за курсором */
.cd-ico{position:relative;display:block;overflow:hidden;border-radius:14px;transition:transform .45s cubic-bezier(.16,1,.3,1)}
.cd-ico::after{content:'';position:absolute;top:-20%;bottom:-20%;left:0;width:40%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);transform:translateX(-160%) skewX(-20deg);transition:transform .9s cubic-bezier(.16,1,.3,1)}
.slot-card:hover .cd-ico::after,.aside-slot:hover .cd-ico::after{transform:translateX(330%) skewX(-20deg)}
.cd-ico.tilt{transform:perspective(600px) rotateY(var(--tx)) rotateX(var(--ty)) scale(1.05)}
.slot-card .nm{font-family:var(--font-h);font-size:15px;margin-bottom:12px;min-height:40px;display:flex;align-items:center;justify-content:center}
.slot-card .btn{display:flex;width:100%;padding:10px 6px;font-size:12.5px}

/* ---------- правая колонка ---------- */
.aside{position:sticky;top:88px}
.aside-ttl{font-family:var(--font-h);font-size:12.5px;color:var(--navy);text-transform:uppercase;letter-spacing:.08em;text-align:center;margin-bottom:10px}
/* плитки в ряд по две, нечётная последняя по центру */
.aside-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:9px}
.aside-slot{width:calc(50% - 4.5px);border-radius:11px;padding:6px;background:#fff;border:1px solid var(--line);transition:border-color .18s,background .18s}
.aside-slot:hover{border-color:var(--pink);background:#fff4f8}
.aside-slot.cur{border-color:var(--pink);background:#ffe8f0}
.aside-slot a.pic{display:block}
/* иконка плитки ужимается по высоте окна, чтобы панель с кнопкой клуба целиком стояла над плашкой (шапка 88 + плашка 62) */
.aside-slot img{width:100%;aspect-ratio:1;object-fit:contain;max-height:clamp(52px,calc(100vh / 3 - 150px),108px)}
.aside-slot .btn{display:flex;width:100%;min-height:36px;margin-top:6px;padding:5px 0;font-size:11px;letter-spacing:0;border-radius:8px}
.aside-play{margin-top:10px}
.btn-brand{justify-content:center;gap:10px;min-height:58px;padding:8px 10px;font-size:13px}

/* ---------- нижняя плашка ---------- */
/* плашка в стиле сайта: светлая, малиновая кромка сверху, логотип клуба, бонус, одна «Играть» */
.bar{position:fixed;left:0;right:0;bottom:0;z-index:70;background:rgba(255,255,255,.97);border-top:2px solid var(--pink);box-shadow:0 -8px 26px rgba(10,16,48,.14);backdrop-filter:blur(12px);padding:8px 14px;color:var(--navy)}
.js .bar{transform:translateY(100%);visibility:hidden;transition:transform .3s ease,visibility 0s linear .3s}
.js .bar.show{transform:none;visibility:visible;transition:transform .3s ease,visibility 0s}
.bar.hide{display:none}
.bar-in{max-width:1180px;margin:0 auto;padding-right:48px;position:relative;display:flex;align-items:center;justify-content:center;gap:14px}
.bar .brand{width:108px;height:37px}
.bar-txt{font-size:16px;font-weight:700;line-height:1.25;min-width:0}
.bar-txt b{color:var(--pink-deep);white-space:nowrap}
.bar .btn{padding:10px 30px;font-size:13.5px;white-space:nowrap;flex-shrink:0}
.bar-x{position:absolute;right:0;top:50%;transform:translateY(-50%);width:44px;height:44px;border:0;background:transparent;color:var(--text-dim);font-size:24px;line-height:1;cursor:pointer}
.bar-x:hover,.bar-x:focus-visible{color:var(--pink-deep);background:#fff4f8;border-radius:50%;box-shadow:0 0 0 2px rgba(224,20,95,.2)}

/* ---------- подвал ---------- */
/* подвал светлый, как весь сайт: малиновая кромка сверху */
.foot{background:var(--bg-soft);border-top:2px solid var(--pink);margin-top:40px;padding:26px 18px;text-align:center;color:var(--text-dim);font-size:13.5px}
.foot-in{max-width:900px;margin:0 auto}
.foot-links{display:flex;gap:6px 18px;justify-content:center;flex-wrap:wrap;margin-bottom:12px}
.foot-links a{font-size:13.5px;font-weight:600;color:var(--navy);padding:6px 10px;border-radius:9px;transition:color .2s,background-color .2s,box-shadow .2s}
.foot-links a:hover{color:var(--pink-deep);background:#fff4f8;box-shadow:0 0 0 1px rgba(224,20,95,.35),0 6px 16px rgba(224,20,95,.16)}

/* появление секций при прокрутке */
.js .sec{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}
.js .sec.in{opacity:1;transform:none}

/* ---------- адаптив ---------- */
@media(max-width:1250px){
  .nav-links a{padding:6px 7px;font-size:11.5px}
  .nav-logo img{width:54px;height:54px}
}
@media(max-width:1100px){
  .burger{display:block}
  .nav-links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:#fff;border-bottom:1px solid var(--line);padding:10px 14px;gap:2px}
  .nav-links.open{display:flex}
  .nav-links a{font-size:15px;padding:12px 10px}
  .nav-in{flex-wrap:wrap;position:relative}
  .nav-cta{margin-left:auto;padding:5px 12px 5px 10px;font-size:12.5px}
}
@media(max-width:1000px){
  .layout{grid-template-columns:1fr;gap:26px}
  .aside{position:static}
  /* на узком экране слоты уже есть в блоке «Другие слоты серии»: от панели остаётся кнопка клуба */
  .aside-ttl,.aside-grid{display:none}
  .aside-play{margin-top:0}
}
@media(max-height:599px){.aside{position:static}}
@media(max-width:900px){
  .hero{grid-template-columns:1fr;gap:24px;text-align:center;padding-top:30px}
  .fall{left:0;width:100%;bottom:auto;height:300px}
  .fall i{left:var(--xm)}
  .fall i:nth-child(n+15){display:none}
  .cd-t1{animation-name:cd-m1}.cd-t2{animation-name:cd-m2}.cd-t3{animation-name:cd-m3}.cd-t4{animation-name:cd-m4}
  .hero-logo{max-width:230px;margin:0 auto}
  .hero-txt p{margin-left:auto;margin-right:auto}
  .hero-btns{justify-content:center}
  .slots-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
  .hero-btns{flex-wrap:nowrap;gap:8px}
  .hero-btns .btn{flex:1 1 auto;padding:11px 8px;font-size:clamp(11px,3.3vw,13px);letter-spacing:.02em}
}
@media(max-width:560px){
  .facts,.facts.mini{grid-template-columns:repeat(2,1fr)}
  .game-embed{min-height:340px;aspect-ratio:1/1}
  .slot-card{padding:10px}
  .slot-card .btn{padding:8px 2px;font-size:11px}
  .bar{padding:6px 10px}
  .bar-in{gap:10px;justify-content:space-between;padding-right:44px}
  .bar .brand{width:70px;height:24px}
  .bar-txt{font-size:13px}
  .bar .btn{padding:8px 12px;font-size:11.5px}
  .wrap>p,.sec p{font-size:16px}
}
@media (prefers-reduced-motion:reduce){
  .btn,.btn::after,.hero-logo img,.hero-logo::after,.hero-txt h1 .hl,.fall i,.js .facts.in .fact,.js .facts.in .cd-emo span{animation:none}
  .js .facts:not(.in) .fact{opacity:1}
  .cd-ico,.cd-ico::after{transition:none}
  .fall{display:none}
  .js .sec{opacity:1;transform:none;transition:none}
  html{scroll-behavior:auto}
}