/* ============================================================
   twin-zerkalo.online — satellite #21 (RU / "зеркало")
   namespace: mr- / --mr-*
   palette: crimson-ruby + steel/chrome CTA (mirror motif)
   fonts: Kanit (display, latin) + Roboto (body, cyrillic+latin)
   layout: persistent left-rail sidebar + fullwidth clipped-visual
           hero + static ticker + portrait games carousel +
           plain-table bonus + numbered plain FAQ + 3-col footer
   ============================================================ */

/* ---------- self-hosted fonts ---------- */
@font-face{
  font-family:"Kanit";font-style:normal;font-weight:400;font-display:swap;
  src:url("/assets/fonts/kanit-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+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215;
}
@font-face{
  font-family:"Kanit";font-style:normal;font-weight:700;font-display:swap;
  src:url("/assets/fonts/kanit-700-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215;
}
@font-face{
  font-family:"Roboto";font-style:normal;font-weight:400;font-display:swap;
  src:url("/assets/fonts/roboto-400-cyrillic.woff2") format("woff2");
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face{
  font-family:"Roboto";font-style:normal;font-weight:400;font-display:swap;
  src:url("/assets/fonts/roboto-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+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215;
}
@font-face{
  font-family:"Roboto";font-style:normal;font-weight:700;font-display:swap;
  src:url("/assets/fonts/roboto-700-cyrillic.woff2") format("woff2");
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face{
  font-family:"Roboto";font-style:normal;font-weight:700;font-display:swap;
  src:url("/assets/fonts/roboto-700-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215;
}

/* ---------- tokens ---------- */
:root{
  --mr-bg:#170a0d;
  --mr-bg-deep:#0b0405;
  --mr-surface:#241014;
  --mr-surface-2:#33161c;
  --mr-line:#4c222b;
  --mr-line-soft:rgba(230,180,190,.14);
  --mr-text-1:#faf2f0;
  --mr-text-2:#cbaaae;
  --mr-text-3:#9c7d81;
  --mr-primary:#b3123a;
  --mr-primary-2:#e2405f;
  --mr-primary-deep:#7c0e2c;
  --mr-grad-primary:linear-gradient(135deg,#e2405f 0%,#8c1230 100%);
  --mr-cta:#c3cad2;
  --mr-cta-hi:#f2f5f7;
  --mr-cta-deep:#8b929b;
  --mr-cta-text:#1a0c0f;
  --mr-grad-cta:linear-gradient(135deg,#f2f5f7 0%,#a7afb8 60%,#8b929b 100%);
  --mr-radius-card:14px;
  --mr-radius-pill:999px;
  --mr-sidebar-w:252px;
  --mr-header-h:64px;
  --mr-font-display:"Kanit","Roboto",system-ui,"Segoe UI",Arial,sans-serif;
  --mr-font-body:"Roboto",system-ui,"Segoe UI",Arial,sans-serif;
  --mr-ease:cubic-bezier(.16,1,.3,1);
  --mr-shadow-card:0 18px 40px -20px rgba(0,0,0,.6);
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--mr-bg);
  color:var(--mr-text-2);
  font-family:var(--mr-font-body);
  font-size:16px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
a{color:inherit}
ul,ol{margin:0;padding:0}
h1,h2,h3{font-family:var(--mr-font-display);color:var(--mr-text-1);margin:0}
.mr-container{max-width:1180px;margin:0 auto;padding-inline:24px}

.mr-skip-link{
  position:absolute;left:-999px;top:auto;background:var(--mr-primary);color:#fff;
  padding:12px 18px;border-radius:8px;z-index:200;
}
.mr-skip-link:focus{left:16px;top:16px}

/* ---------- buttons ---------- */
.mr-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-family:var(--mr-font-body);font-weight:700;font-size:.9375rem;
  padding:13px 24px;border-radius:var(--mr-radius-pill);text-decoration:none;
  cursor:pointer;border:1px solid transparent;transition:transform .2s var(--mr-ease),box-shadow .2s;
  white-space:nowrap;
}
.mr-btn--solid{background:var(--mr-grad-cta);color:var(--mr-cta-text);box-shadow:0 10px 24px -10px rgba(0,0,0,.55)}
.mr-btn--solid:hover{transform:translateY(-1px);box-shadow:0 14px 28px -10px rgba(0,0,0,.65)}
.mr-btn--ghost{background:transparent;color:var(--mr-text-1);border-color:rgba(250,242,240,.34)}
.mr-btn--ghost:hover{border-color:var(--mr-primary-2);color:var(--mr-primary-2)}
.mr-btn--small{padding:10px 18px;font-size:.8125rem}
.mr-btn--block{width:100%}

/* ============================================================
   HEADER — persistent left-rail sidebar
   ============================================================ */
.mr-layout{display:flex;min-height:100vh}
.mr-main-col{flex:1;min-width:0;display:flex;flex-direction:column}

.mr-aside{
  position:sticky;top:0;height:100vh;width:var(--mr-sidebar-w);flex-shrink:0;
  background:var(--mr-bg-deep);border-right:1px solid var(--mr-line);
  display:flex;flex-direction:column;overflow-y:auto;z-index:70;
}
.mr-aside__head{display:none;align-items:center;justify-content:space-between;padding:18px 20px 10px}
.mr-aside__brand{display:flex;align-items:center;gap:10px;padding:22px 20px 14px;color:var(--mr-text-1)}
.mr-aside__brand svg{height:26px;width:auto;color:var(--mr-text-1)}
.mr-aside__nav{padding:6px 12px 12px;display:flex;flex-direction:column;gap:2px}
.mr-aside-link{
  display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;
  color:var(--mr-text-2);font-weight:600;font-size:.9375rem;text-decoration:none;
  transition:background .18s,color .18s;
}
.mr-aside-link:hover{color:var(--mr-text-1);background:rgba(230,180,190,.06)}
.mr-aside-link.is-active{background:linear-gradient(90deg,rgba(179,18,58,.32),transparent);color:var(--mr-text-1)}
.mr-aside-link__dot{width:6px;height:6px;border-radius:50%;background:var(--mr-primary-2);flex-shrink:0;opacity:0}
.mr-aside-link.is-active .mr-aside-link__dot{opacity:1}
.mr-aside__cta{padding:12px 16px 20px;border-top:1px solid var(--mr-line);margin-top:auto;display:flex;flex-direction:column;gap:8px}
.mr-aside__status{
  margin:0 16px 14px;padding:9px 12px;border-radius:10px;background:var(--mr-surface);
  border:1px solid var(--mr-line);display:flex;align-items:center;gap:8px;
  font-size:.75rem;font-weight:600;color:var(--mr-text-2);
}
.mr-pulse-dot{width:7px;height:7px;border-radius:50%;background:#39d98a;flex-shrink:0;box-shadow:0 0 0 rgba(57,217,138,.6);animation:mr-pulse 2.2s infinite}
@keyframes mr-pulse{
  0%{box-shadow:0 0 0 0 rgba(57,217,138,.55)}
  70%{box-shadow:0 0 0 7px rgba(57,217,138,0)}
  100%{box-shadow:0 0 0 0 rgba(57,217,138,0)}
}

.mr-topbar{
  position:sticky;top:0;z-index:60;background:rgba(11,4,5,.86);backdrop-filter:blur(10px);
  border-bottom:1px solid var(--mr-line);height:var(--mr-header-h);display:flex;align-items:center;
}
.mr-topbar__inner{width:100%;padding-inline:24px;display:flex;align-items:center;gap:14px}
.mr-burger{
  width:40px;height:40px;border-radius:10px;background:var(--mr-surface);border:1px solid var(--mr-line);
  display:none;align-items:center;justify-content:center;flex-direction:column;gap:4px;flex-shrink:0;
}
.mr-burger span{width:18px;height:2px;background:var(--mr-text-1);border-radius:2px}
.mr-topbar__crumb{font-size:.8125rem;color:var(--mr-text-3);display:flex;align-items:center;gap:6px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.mr-topbar__crumb a{text-decoration:none;color:var(--mr-text-3)}
.mr-topbar__crumb a:hover{color:var(--mr-primary-2)}
.mr-topbar__spacer{flex:1}
.mr-topbar__actions{display:flex;gap:8px}

/* off-canvas below 1100px */
.mr-aside__overlay-backdrop{display:none}
@media (max-width:1099px){
  .mr-aside{position:fixed;inset:0 auto 0 0;width:288px;max-width:86vw;transform:translateX(-100%);
    transition:transform .32s var(--mr-ease);z-index:120;box-shadow:0 0 60px rgba(0,0,0,.5)}
  .mr-aside.is-open{transform:translateX(0)}
  .mr-aside__head{display:flex}
  .mr-burger{display:inline-flex}
  .mr-aside__overlay-backdrop{
    display:block;position:fixed;inset:0;background:rgba(6,2,3,.6);opacity:0;pointer-events:none;
    transition:opacity .28s;z-index:110;
  }
  .mr-aside__overlay-backdrop.is-open{opacity:1;pointer-events:auto}
}
@media (min-width:560px) and (max-width:1099px){
  .mr-topbar__actions .mr-btn--small{padding:10px 16px}
}
@media (max-width:559px){
  .mr-topbar__actions .mr-btn--ghost{display:none}
}

/* ============================================================
   HERO — single card, diagonal clip-path visual, dot carousel
   ============================================================ */
.mr-hero{padding-block:36px 26px}
.mr-hero__viewport{
  position:relative;overflow:hidden;border-radius:22px;background:var(--mr-surface);
  border:1px solid var(--mr-line);box-shadow:var(--mr-shadow-card);
}
.mr-hero__slide{
  position:relative;display:none;padding:44px;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);
  gap:26px;align-items:center;min-height:380px;
}
.mr-hero__slide.is-active{display:grid}
.mr-hero__eyebrow{
  display:inline-flex;align-items:center;gap:8px;font-family:var(--mr-font-display);font-weight:600;
  font-size:.75rem;letter-spacing:.16em;color:var(--mr-primary-2);text-transform:uppercase;margin-bottom:14px;
}
.mr-hero__eyebrow::before{content:"";width:26px;height:2px;background:var(--mr-primary-2)}
.mr-hero__title{font-weight:700;font-size:clamp(1.7rem,3.6vw,2.7rem);letter-spacing:-.01em;line-height:1.14;margin-bottom:12px}
.mr-hero__sub{font-size:1.0625rem;line-height:1.6;color:var(--mr-text-2);margin:0 0 20px;max-width:54ch}
.mr-hero__cta{display:flex;flex-wrap:wrap;gap:10px}
.mr-hero__visual{
  position:relative;width:100%;height:100%;min-height:230px;
  clip-path:polygon(14% 0,100% 0,100% 100%,0 100%);overflow:hidden;
}
.mr-hero__visual img{width:100%;height:100%;object-fit:cover;object-position:center}
.mr-hero__dots{position:absolute;bottom:22px;left:44px;display:flex;gap:8px;z-index:5}
.mr-hero__dot{width:8px;height:8px;border-radius:999px;background:rgba(250,242,240,.32);border:0;padding:0;cursor:pointer}
.mr-hero__dot.is-active{width:24px;background:var(--mr-primary-2)}

.mr-ticker{border-top:1px solid var(--mr-line);border-bottom:1px solid var(--mr-line);padding-block:22px;margin-top:8px}
.mr-ticker__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.mr-ticker__cell{padding-left:20px;border-left:1px solid var(--mr-line-soft);display:flex;flex-direction:column;gap:4px}
.mr-ticker__cell:first-child{padding-left:2px;border-left:0}
.mr-ticker__label{font-family:var(--mr-font-display);font-weight:600;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--mr-primary-2)}
.mr-ticker__value{font-family:var(--mr-font-display);font-weight:700;font-size:clamp(1.2rem,2.6vw,1.7rem);color:var(--mr-text-1);font-variant-numeric:tabular-nums}
.mr-ticker__unit{font-size:.8125rem;color:var(--mr-text-3)}

/* page-intro (compact hero used on /login/, /app/, /bonus/) */
.mr-pageintro{padding-block:34px 8px}
.mr-pageintro__inner{
  border:1px solid var(--mr-line);background:var(--mr-surface);border-radius:20px;
  padding:34px 38px;box-shadow:var(--mr-shadow-card);
}
.mr-pageintro__kicker{font-family:var(--mr-font-display);font-weight:600;font-size:.75rem;letter-spacing:.16em;color:var(--mr-primary-2);text-transform:uppercase;display:block;margin-bottom:10px}
.mr-pageintro h1{font-weight:700;font-size:clamp(1.6rem,3.2vw,2.35rem);line-height:1.16;margin-bottom:10px}
.mr-pageintro p{margin:0 0 18px;max-width:64ch;color:var(--mr-text-2)}
.mr-pageintro__cta{display:flex;flex-wrap:wrap;gap:10px}

/* ============================================================
   BODY COPY — editorial article
   ============================================================ */
.mr-main{padding-block:6px 8px}
.mr-copy{max-width:800px}
.mr-copy h2{
  font-weight:700;font-size:clamp(1.28rem,2.2vw,1.6rem);line-height:1.26;margin:38px 0 14px;
  padding-top:16px;position:relative;
}
.mr-copy h2::before{content:"";position:absolute;top:0;left:0;width:38px;height:3px;background:var(--mr-grad-primary);border-radius:2px}
.mr-copy h2:first-child{margin-top:0}
.mr-copy h3{font-weight:700;font-size:1.1rem;color:var(--mr-text-1);margin:22px 0 10px}
.mr-copy p{margin:0 0 14px}
.mr-copy strong{color:var(--mr-text-1);font-weight:700}
.mr-copy ul,.mr-copy ol{margin:0 0 16px;padding-left:1.35em}
.mr-copy ul{list-style:disc}
.mr-copy ol{list-style:decimal}
.mr-copy li{padding-bottom:7px}
.mr-lede{font-size:1.125rem;color:var(--mr-text-1);line-height:1.65}

.mr-callout{
  margin:22px 0;padding:16px 20px;border-left:3px solid var(--mr-primary-2);
  background:rgba(179,18,58,.08);border-radius:0 12px 12px 0;color:var(--mr-text-1);
  font-weight:600;font-size:1.03rem;line-height:1.5;
}

.mr-table-wrap{overflow-x:auto;margin:18px 0;border:1px solid var(--mr-line);border-radius:12px}
.mr-table-wrap table{width:100%;min-width:480px;border-collapse:collapse;background:var(--mr-bg-deep)}
.mr-table-wrap th,.mr-table-wrap td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--mr-line);vertical-align:top;font-size:.9375rem}
.mr-table-wrap thead th{background:var(--mr-surface-2);font-family:var(--mr-font-display);font-weight:600;color:var(--mr-text-1);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}
.mr-table-wrap tbody tr:last-child td{border-bottom:0}
.mr-table-wrap tbody tr:hover{background:rgba(230,180,190,.04)}

.mr-shot{margin:22px 0;border:1px solid var(--mr-line);border-radius:16px;overflow:hidden;background:var(--mr-surface)}
.mr-shot img{width:100%;height:auto}
.mr-shot figcaption{padding:12px 16px;font-size:.8125rem;color:var(--mr-text-3);border-top:1px solid var(--mr-line)}

/* ============================================================
   GAMES — horizontal carousel, 3:4 portrait, hover overlay CTA
   ============================================================ */
.mr-games{margin:40px 0}
.mr-games__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}
.mr-games__title{font-weight:700;font-size:1.22rem}
.mr-games__nav{display:flex;gap:8px}
.mr-games__control{
  width:36px;height:36px;border-radius:10px;background:var(--mr-surface);border:1px solid var(--mr-line);
  color:var(--mr-text-2);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.1rem;
}
.mr-games__control:hover{border-color:var(--mr-primary-2);color:var(--mr-primary-2)}
.mr-games__intro{color:var(--mr-text-2);margin:6px 0 14px;font-size:.9375rem}
.mr-games__scroller{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 2px 14px;scrollbar-width:none}
.mr-games__scroller::-webkit-scrollbar{display:none}
.mr-game-card{
  flex:0 0 168px;scroll-snap-align:start;background:var(--mr-surface);border:1px solid var(--mr-line);
  border-radius:var(--mr-radius-card);overflow:hidden;
}
.mr-game-card__art{position:relative;aspect-ratio:3/4;overflow:hidden}
.mr-game-card__art img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--mr-ease)}
.mr-game-card:hover .mr-game-card__art img{transform:scale(1.05)}
.mr-game-card__overlay{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(180deg,transparent 45%,rgba(11,4,5,.86) 100%);opacity:0;transition:opacity .28s;
}
.mr-game-card:hover .mr-game-card__overlay{opacity:1}
.mr-game-card__play{display:inline-flex;padding:9px 16px;border-radius:999px;background:var(--mr-grad-cta);color:var(--mr-cta-text);font-weight:700;font-size:.8125rem}
.mr-game-card__body{padding:10px 12px}
.mr-game-card__name{font-weight:700;font-size:.875rem;color:var(--mr-text-1);margin:0}
.mr-game-card__meta{font-size:.75rem;color:var(--mr-text-3);margin:2px 0 0}

.mr-providers{margin:30px 0}
.mr-providers__row{display:flex;flex-wrap:wrap;align-items:center;gap:26px 34px;padding:18px 0}
.mr-providers__logo{opacity:.72;transition:opacity .2s}
.mr-providers__logo:hover{opacity:1}
.mr-providers__logo img{height:26px;width:auto;filter:brightness(0) invert(1)}

/* ============================================================
   BONUS bits (plain-table variant lives in .mr-copy/.mr-table-wrap)
   ============================================================ */
.mr-lead-list{font-size:.9375rem}

/* ============================================================
   PAYMENTS
   ============================================================ */
.mr-payments{margin:34px 0;padding:22px 0;border-top:1px solid var(--mr-line);border-bottom:1px solid var(--mr-line)}
.mr-payments__row{display:flex;flex-wrap:wrap;gap:16px;align-items:center}
.mr-payments__chip{
  display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 16px;
  background:var(--mr-surface);border:1px solid var(--mr-line);border-radius:10px;
}
.mr-payments__chip img{height:20px;width:auto;object-fit:contain}
.mr-payments__note{margin:14px 0 0;font-size:.875rem;color:var(--mr-text-3)}

/* ============================================================
   CTA BAND — centered, double radial glow
   ============================================================ */
.mr-cta-band{
  position:relative;margin:40px 0;padding:38px 30px;border-radius:22px;text-align:center;overflow:hidden;
  background:var(--mr-surface-2);border:1px solid var(--mr-line);
}
.mr-cta-band::before,.mr-cta-band::after{
  content:"";position:absolute;width:340px;height:340px;border-radius:50%;filter:blur(60px);z-index:0;
}
.mr-cta-band::before{background:rgba(179,18,58,.34);top:-140px;left:-80px}
.mr-cta-band::after{background:rgba(195,202,210,.16);bottom:-160px;right:-80px}
.mr-cta-band__inner{position:relative;z-index:1;max-width:560px;margin:0 auto}
.mr-cta-band__title{font-weight:700;font-size:clamp(1.2rem,2.4vw,1.55rem);margin-bottom:10px}
.mr-cta-band__text{color:var(--mr-text-2);margin:0 0 22px}
.mr-cta-band__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}

/* ============================================================
   FAQ — static numbered Q/A list, CSS counter, no JS
   ============================================================ */
.mr-faq{margin:40px 0}
.mr-faq h2{margin-top:0}
.mr-faq__wrap{counter-reset:mrfaq;display:flex;flex-direction:column;gap:0;margin-top:14px}
.mr-faq__wrap p{margin:0}
.mr-faq__wrap p.mr-faq__q{
  font-weight:700;font-size:1.05rem;margin-top:1.5em;padding-left:38px;position:relative;color:var(--mr-text-1);
}
.mr-faq__wrap p.mr-faq__q::before{
  counter-increment:mrfaq;content:counter(mrfaq,decimal-leading-zero);position:absolute;left:0;top:-.05em;
  font-family:var(--mr-font-display);color:var(--mr-primary-2);font-size:.95em;font-weight:700;
}
.mr-faq__wrap p.mr-faq__a{color:var(--mr-text-2);margin-top:.5em;padding-left:38px;line-height:1.65}

/* ============================================================
   FOOTER — brand + 3 columns, inline legal row
   ============================================================ */
.mr-footer{border-top:1px solid var(--mr-line);padding-block:40px 26px;margin-top:20px}
.mr-footer__grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.15fr;gap:32px;padding-bottom:26px;border-bottom:1px solid var(--mr-line)}
.mr-footer__brand{display:flex;flex-direction:column;gap:12px}
.mr-footer__brand img{height:30px;width:auto}
.mr-footer__tagline{font-size:.875rem;color:var(--mr-text-3);max-width:30ch;margin:0}
.mr-footer__age{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;border:2px solid var(--mr-primary-2);color:var(--mr-primary-2);font-weight:700;font-family:var(--mr-font-display);font-size:.9rem}
.mr-footer__col-title{font-family:var(--mr-font-display);font-weight:600;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mr-primary-2);margin-bottom:12px}
.mr-footer__col ul{list-style:none;display:flex;flex-direction:column;gap:8px}
.mr-footer__col a{color:var(--mr-text-2);font-size:.9rem;text-decoration:none}
.mr-footer__col a:hover{color:var(--mr-text-1)}
.mr-footer__legal{padding-top:18px;display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;color:var(--mr-text-3);font-size:.8rem}
.mr-footer__disclaimer{margin:12px 0 0;max-width:70ch;color:var(--mr-text-3);font-size:.8rem;line-height:1.55}

/* ============================================================
   Reveal-on-scroll
   ============================================================ */
.mr-reveal{opacity:0;transform:translateY(14px);transition:opacity .55s var(--mr-ease),transform .55s var(--mr-ease)}
.mr-reveal.mr-inview{opacity:1;transform:translateY(0)}
html:not(.js-enabled) .mr-reveal{opacity:1;transform:none}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .mr-reveal{transition:none;opacity:1;transform:none}
  .mr-pulse-dot{animation:none}
  .mr-game-card__art img{transition:none}
}

/* ============================================================
   Responsive
   ============================================================ */
@media (max-width:900px){
  .mr-hero__slide{grid-template-columns:1fr;padding:30px}
  .mr-hero__visual{clip-path:none;border-radius:16px;min-height:200px;margin-top:6px;order:2}
  .mr-hero__dots{position:static;margin-top:14px;left:auto}
  .mr-ticker__grid{grid-template-columns:1fr}
  .mr-ticker__cell{border-left:0;padding-left:0;border-top:1px solid var(--mr-line-soft);padding-top:12px}
  .mr-ticker__cell:first-child{border-top:0;padding-top:0}
  .mr-footer__grid{grid-template-columns:1fr 1fr}
}
@media (max-width:700px){
  .mr-container{padding-inline:18px}
  .mr-pageintro__inner{padding:26px 22px}
  .mr-footer__grid{grid-template-columns:1fr}
}
@media (max-width:480px){
  .mr-game-card{flex-basis:142px}
  .mr-hero{padding-block:20px 18px}
  .mr-hero__slide{padding:22px}
}