.elementor-957 .elementor-element.elementor-element-2cae10b{--display:flex;--margin-top:-25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-957 .elementor-element.elementor-element-2cae10b:not(.elementor-motion-effects-element-type-background), .elementor-957 .elementor-element.elementor-element-2cae10b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#70C98B;}/* Start custom CSS for html, class: .elementor-element-3d3ff13 *//* ═══════════════════════════════════════════════════════════
   ARCADE · SH Game Hub · CSS  (Elementor → Custom CSS)
   Project Key: Arcade — همه‌ی کلاس‌ها با پیشوند arcade-
   ═══════════════════════════════════════════════════════════ */

/* ── 1) توکن‌های تم ─────────────────────────────────────────
   پیش‌فرض = روشن (شیشه‌ای سبز). تیره با data-arcade-theme="dark"
   یا خودکار از تم سیستم (تا قبل از اجرای JS).                  */
.arcade-root,
.arcade-modal {
  --arcade-ease: cubic-bezier(.22, .8, .24, 1);
  --arcade-radius: 22px;

  --arcade-bg: #ecf1ed;
  --arcade-bg-image:
    radial-gradient(900px 520px at 50% -8%, rgba(54, 196, 126, .30), transparent 70%),
    radial-gradient(700px 500px at 0% 70%, rgba(168, 230, 198, .55), transparent 70%),
    radial-gradient(600px 420px at 100% 100%, rgba(120, 214, 168, .30), transparent 70%);
  --arcade-text: #0f2a1d;
  --arcade-muted: #52695b;
  --arcade-hair: rgba(15, 80, 50, .12);

  --arcade-surface: linear-gradient(155deg, rgba(255, 255, 255, .82), rgba(255, 255, 255, .46));
  --arcade-surface-solid: #f7fbf8;
  --arcade-outline: linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(31, 170, 107, .28) 52%, rgba(255, 255, 255, .75));
  --arcade-shadow: 0 12px 30px -14px rgba(15, 70, 45, .32), 0 2px 6px rgba(15, 70, 45, .06);
  --arcade-shadow-hover: 0 26px 46px -16px rgba(20, 150, 95, .46), 0 0 0 1px rgba(31, 170, 107, .22);
  --arcade-blur: blur(14px) saturate(1.3);

  --arcade-accent: #17a066;
  --arcade-accent-2: #7fe0b2;
  --arcade-glow: rgba(46, 190, 122, .34);
  --arcade-glow-1: rgba(54, 196, 126, .42);
  --arcade-glow-2: rgba(150, 226, 188, .60);
  --arcade-btn-bg: linear-gradient(135deg, #22bd7c, #0f8f58);
  --arcade-btn-text: #ffffff;
  --arcade-btn-shadow: 0 8px 18px -8px rgba(15, 143, 88, .7);
  --arcade-tag-bg: rgba(31, 170, 107, .12);
  --arcade-tag-text: #0d6a42;
  --arcade-plate: linear-gradient(145deg, #ffffff, #d4f2e2);
  --arcade-plate-edge: inset 0 0 0 1px rgba(255, 255, 255, .9), inset 0 -6px 14px rgba(31, 170, 107, .14), 0 8px 18px -10px rgba(15, 90, 55, .4);
  --arcade-title-1: #0b6b42;
  --arcade-title-2: #22c27f;
  --arcade-relic: #1aa56a;
  --arcade-shine: rgba(255, 255, 255, .55);

  --arcade-modal-bg: #eef4f0;
  --arcade-bar-bg: rgba(255, 255, 255, .72);
  --arcade-scrim: rgba(12, 40, 28, .45);

  --arcade-ic-paper: #ffffff;
  --arcade-ic-ink: #11452e;
  --arcade-ic-accent: #1aa56a;
  --arcade-ic-soft: #a9e6c6;
  --arcade-ic-line: #11452e;
  --arcade-ic-edge: rgba(17, 69, 46, .38);
  --arcade-ic-board: rgba(26, 165, 106, .14);
  --arcade-ic-ring: #ffffff;
}

/* تیره — خودکار (قبل از JS) */
@media (prefers-color-scheme: dark) {
  .arcade-root:not([data-arcade-theme]),
  .arcade-modal:not([data-arcade-theme]) {
    --arcade-bg: #080b09;
    --arcade-bg-image:
      radial-gradient(900px 520px at 50% -8%, rgba(46, 168, 108, .24), transparent 70%),
      radial-gradient(700px 500px at 100% 75%, rgba(22, 96, 64, .30), transparent 70%),
      radial-gradient(520px 380px at 0% 100%, rgba(30, 60, 45, .45), transparent 70%);
    --arcade-text: #e8f4ec;
    --arcade-muted: #8da597;
    --arcade-hair: rgba(150, 255, 200, .10);
    --arcade-surface: linear-gradient(160deg, #1b231e 0%, #0f1411 58%, #151c17 100%);
    --arcade-surface-solid: #121815;
    --arcade-outline: linear-gradient(140deg, rgba(150, 255, 200, .60), rgba(255, 255, 255, .06) 38%, rgba(60, 160, 110, .46) 70%, rgba(220, 255, 236, .34));
    --arcade-shadow: 0 16px 34px -16px rgba(0, 0, 0, .85), 0 0 0 1px rgba(255, 255, 255, .02);
    --arcade-shadow-hover: 0 28px 50px -18px rgba(0, 0, 0, .9), 0 0 38px -8px rgba(70, 216, 150, .4);
    --arcade-blur: blur(14px) saturate(1.1);
    --arcade-accent: #46d896;
    --arcade-accent-2: #1f8d5c;
    --arcade-glow: rgba(70, 216, 150, .30);
    --arcade-glow-1: rgba(46, 168, 108, .34);
    --arcade-glow-2: rgba(30, 120, 80, .40);
    --arcade-btn-bg: linear-gradient(135deg, #7df0b6, #2fb676 48%, #1f8d5c);
    --arcade-btn-text: #04170d;
    --arcade-btn-shadow: 0 8px 20px -8px rgba(70, 216, 150, .55);
    --arcade-tag-bg: rgba(70, 216, 150, .10);
    --arcade-tag-text: #8fe9bd;
    --arcade-plate: linear-gradient(145deg, #26342b, #111813);
    --arcade-plate-edge: inset 0 0 0 1px rgba(150, 255, 200, .16), inset 0 -8px 16px rgba(0, 0, 0, .4), 0 10px 20px -10px rgba(0, 0, 0, .8);
    --arcade-title-1: #d9fbe8;
    --arcade-title-2: #3fcf8c;
    --arcade-relic: #46d896;
    --arcade-shine: rgba(190, 255, 220, .16);
    --arcade-modal-bg: #0b0f0d;
    --arcade-bar-bg: rgba(16, 22, 18, .82);
    --arcade-scrim: rgba(0, 0, 0, .6);
    --arcade-ic-paper: #e4f6ec;
    --arcade-ic-ink: #0b2a1b;
    --arcade-ic-accent: #46d896;
    --arcade-ic-soft: #2f6c4e;
    --arcade-ic-line: #8fe9bd;
    --arcade-ic-edge: rgba(0, 0, 0, .45);
    --arcade-ic-board: rgba(70, 216, 150, .08);
    --arcade-ic-ring: #0b2a1b;
  }
}

/* تیره — انتخاب دستی یا سیستم (بعد از JS) */
.arcade-root[data-arcade-theme="dark"],
.arcade-modal[data-arcade-theme="dark"] {
  --arcade-bg: #080b09;
  --arcade-bg-image:
    radial-gradient(900px 520px at 50% -8%, rgba(46, 168, 108, .24), transparent 70%),
    radial-gradient(700px 500px at 100% 75%, rgba(22, 96, 64, .30), transparent 70%),
    radial-gradient(520px 380px at 0% 100%, rgba(30, 60, 45, .45), transparent 70%);
  --arcade-text: #e8f4ec;
  --arcade-muted: #8da597;
  --arcade-hair: rgba(150, 255, 200, .10);
  --arcade-surface: linear-gradient(160deg, #1b231e 0%, #0f1411 58%, #151c17 100%);
  --arcade-surface-solid: #121815;
  --arcade-outline: linear-gradient(140deg, rgba(150, 255, 200, .60), rgba(255, 255, 255, .06) 38%, rgba(60, 160, 110, .46) 70%, rgba(220, 255, 236, .34));
  --arcade-shadow: 0 16px 34px -16px rgba(0, 0, 0, .85), 0 0 0 1px rgba(255, 255, 255, .02);
  --arcade-shadow-hover: 0 28px 50px -18px rgba(0, 0, 0, .9), 0 0 38px -8px rgba(70, 216, 150, .4);
  --arcade-blur: blur(14px) saturate(1.1);
  --arcade-accent: #46d896;
  --arcade-accent-2: #1f8d5c;
  --arcade-glow: rgba(70, 216, 150, .30);
  --arcade-glow-1: rgba(46, 168, 108, .34);
  --arcade-glow-2: rgba(30, 120, 80, .40);
  --arcade-btn-bg: linear-gradient(135deg, #7df0b6, #2fb676 48%, #1f8d5c);
  --arcade-btn-text: #04170d;
  --arcade-btn-shadow: 0 8px 20px -8px rgba(70, 216, 150, .55);
  --arcade-tag-bg: rgba(70, 216, 150, .10);
  --arcade-tag-text: #8fe9bd;
  --arcade-plate: linear-gradient(145deg, #26342b, #111813);
  --arcade-plate-edge: inset 0 0 0 1px rgba(150, 255, 200, .16), inset 0 -8px 16px rgba(0, 0, 0, .4), 0 10px 20px -10px rgba(0, 0, 0, .8);
  --arcade-title-1: #d9fbe8;
  --arcade-title-2: #3fcf8c;
  --arcade-relic: #46d896;
  --arcade-shine: rgba(190, 255, 220, .16);
  --arcade-modal-bg: #0b0f0d;
  --arcade-bar-bg: rgba(16, 22, 18, .82);
  --arcade-scrim: rgba(0, 0, 0, .6);
  --arcade-ic-paper: #e4f6ec;
  --arcade-ic-ink: #0b2a1b;
  --arcade-ic-accent: #46d896;
  --arcade-ic-soft: #2f6c4e;
  --arcade-ic-line: #8fe9bd;
  --arcade-ic-edge: rgba(0, 0, 0, .45);
  --arcade-ic-board: rgba(70, 216, 150, .08);
  --arcade-ic-ring: #0b2a1b;
}

/* روشن — انتخاب دستی (وقتی سیستم تیره است) */
.arcade-root[data-arcade-theme="light"],
.arcade-modal[data-arcade-theme="light"] {
  --arcade-bg: #ecf1ed;
  --arcade-bg-image:
    radial-gradient(900px 520px at 50% -8%, rgba(54, 196, 126, .30), transparent 70%),
    radial-gradient(700px 500px at 0% 70%, rgba(168, 230, 198, .55), transparent 70%),
    radial-gradient(600px 420px at 100% 100%, rgba(120, 214, 168, .30), transparent 70%);
  --arcade-text: #0f2a1d;
  --arcade-muted: #52695b;
  --arcade-hair: rgba(15, 80, 50, .12);
  --arcade-surface: linear-gradient(155deg, rgba(255, 255, 255, .82), rgba(255, 255, 255, .46));
  --arcade-surface-solid: #f7fbf8;
  --arcade-outline: linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(31, 170, 107, .28) 52%, rgba(255, 255, 255, .75));
  --arcade-shadow: 0 12px 30px -14px rgba(15, 70, 45, .32), 0 2px 6px rgba(15, 70, 45, .06);
  --arcade-shadow-hover: 0 26px 46px -16px rgba(20, 150, 95, .46), 0 0 0 1px rgba(31, 170, 107, .22);
  --arcade-blur: blur(14px) saturate(1.3);
  --arcade-accent: #17a066;
  --arcade-accent-2: #7fe0b2;
  --arcade-glow: rgba(46, 190, 122, .34);
  --arcade-glow-1: rgba(54, 196, 126, .42);
  --arcade-glow-2: rgba(150, 226, 188, .60);
  --arcade-btn-bg: linear-gradient(135deg, #22bd7c, #0f8f58);
  --arcade-btn-text: #ffffff;
  --arcade-btn-shadow: 0 8px 18px -8px rgba(15, 143, 88, .7);
  --arcade-tag-bg: rgba(31, 170, 107, .12);
  --arcade-tag-text: #0d6a42;
  --arcade-plate: linear-gradient(145deg, #ffffff, #d4f2e2);
  --arcade-plate-edge: inset 0 0 0 1px rgba(255, 255, 255, .9), inset 0 -6px 14px rgba(31, 170, 107, .14), 0 8px 18px -10px rgba(15, 90, 55, .4);
  --arcade-title-1: #0b6b42;
  --arcade-title-2: #22c27f;
  --arcade-relic: #1aa56a;
  --arcade-shine: rgba(255, 255, 255, .55);
  --arcade-modal-bg: #eef4f0;
  --arcade-bar-bg: rgba(255, 255, 255, .72);
  --arcade-scrim: rgba(12, 40, 28, .45);
  --arcade-ic-paper: #ffffff;
  --arcade-ic-ink: #11452e;
  --arcade-ic-accent: #1aa56a;
  --arcade-ic-soft: #a9e6c6;
  --arcade-ic-line: #11452e;
  --arcade-ic-edge: rgba(17, 69, 46, .38);
  --arcade-ic-board: rgba(26, 165, 106, .14);
  --arcade-ic-ring: #ffffff;
}

/* ── 2) پایه ───────────────────────────────────────────── */
.arcade-root,
.arcade-root *,
.arcade-root *::before,
.arcade-root *::after,
.arcade-modal,
.arcade-modal *,
.arcade-modal *::before,
.arcade-modal *::after {
  box-sizing: border-box;
}

.arcade-root {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  width: 100%;
  overflow: hidden;
  overflow: clip;
  background-color: var(--arcade-bg);
  background-image: var(--arcade-bg-image);
  color: var(--arcade-text);
  font-family: inherit;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
  text-align: start;
  transition: background-color .5s ease, color .4s ease;
}

/* ریست‌ها با :where() نوشته شده‌اند تا ویژگی (specificity) نداشته باشند
   و margin/padding کلاس‌های خود پروژه را خنثی نکنند. */
.arcade-root :where(h1, h2, h3, p, ul),
.arcade-modal :where(h1, h2, h3, p, ul) {
  margin: 0;
  padding: 0;
  color: inherit;
  font-family: inherit;
}

.arcade-root :where(ul),
.arcade-modal :where(ul) { list-style: none; }

.arcade-root :where(button),
.arcade-modal :where(button) {
  font: inherit;
  color: inherit;
  margin: 0;
  -webkit-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
}

.arcade-modal {
  font-family: inherit;
  color: var(--arcade-text);
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}

.arcade-root button:focus-visible,
.arcade-modal button:focus-visible {
  outline: 2.5px solid var(--arcade-accent);
  outline-offset: 3px;
}

html.arcade-lock,
html.arcade-lock body { overflow: hidden !important; }

/* ── 3) هدر باریک ──────────────────────────────────────── */
.arcade-header {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 58px;
  padding: 8px clamp(14px, 4vw, 32px);
  border-bottom: 1px solid var(--arcade-hair);
  background: linear-gradient(180deg, rgba(255, 255, 255, .06), transparent);
}

.arcade-header__brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.arcade-logo {
  display: block;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  object-fit: cover;
  box-shadow: 0 0 0 1.5px var(--arcade-hair), 0 6px 14px -6px rgba(0, 0, 0, .5);
}
.arcade-logo[src=""],
.arcade-logo:not([src]) { display: none; }

.arcade-header__name {
  font-size: 1.05rem;
  font-weight: 800;
  letter-spacing: .04em;
  white-space: nowrap;
  unicode-bidi: isolate;
}

.arcade-theme-btn {
  position: relative;
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  color: var(--arcade-accent);
  background: var(--arcade-surface);
  box-shadow: inset 0 0 0 1px var(--arcade-hair), 0 6px 14px -8px rgba(0, 0, 0, .5);
  -webkit-backdrop-filter: var(--arcade-blur);
  backdrop-filter: var(--arcade-blur);
  transition: transform .35s var(--arcade-ease), box-shadow .3s ease;
}
.arcade-theme-btn:hover { transform: rotate(18deg) scale(1.06); }
.arcade-theme-btn:active { transform: scale(.92); }
.arcade-theme-btn svg {
  grid-area: 1 / 1;
  width: 21px;
  height: 21px;
  transition: transform .5s var(--arcade-ease), opacity .3s ease;
}
/* دکمه، تمِ مقصد را نشان می‌دهد: در تیره خورشید، در روشن ماه */
.arcade-theme-btn__moon { opacity: 0; transform: rotate(-90deg) scale(.4); }
.arcade-theme-btn__sun { opacity: 1; transform: none; }
.arcade-root[data-arcade-theme="light"] .arcade-theme-btn__sun { opacity: 0; transform: rotate(90deg) scale(.4); }
.arcade-root[data-arcade-theme="light"] .arcade-theme-btn__moon { opacity: 1; transform: none; }

/* ── 4) هیرو ───────────────────────────────────────────── */
.arcade-main { flex: 1 0 auto; position: relative; z-index: 1; }

.arcade-hero {
  position: relative;
  isolation: isolate;
  text-align: center;
  padding: clamp(54px, 10vw, 118px) clamp(18px, 5vw, 40px) clamp(38px, 6vw, 72px);
}

.arcade-hero__fx {
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 62%, transparent 100%);
  mask-image: linear-gradient(to bottom, #000 0%, #000 62%, transparent 100%);
}

.arcade-blob {
  position: absolute;
  width: min(62vw, 560px);
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(closest-side, var(--arcade-glow-1), transparent 72%);
  will-change: transform;
}
.arcade-blob--a { top: -28%; inset-inline-start: 6%; animation: arcade-blob-a 16s ease-in-out infinite alternate; }
.arcade-blob--b {
  bottom: -42%;
  inset-inline-end: 4%;
  background: radial-gradient(closest-side, var(--arcade-glow-2), transparent 72%);
  animation: arcade-blob-b 19s ease-in-out infinite alternate;
}
.arcade-hero__glow {
  position: absolute;
  top: 50%;
  left: 50%;
  width: min(92vw, 780px);
  aspect-ratio: 2.2;
  transform: translate(-50%, -52%);
  border-radius: 50%;
  background: radial-gradient(closest-side, var(--arcade-glow), transparent 78%);
  animation: arcade-glow-pulse 6.5s ease-in-out infinite;
}

.arcade-relic {
  position: absolute;
  color: var(--arcade-relic);
  opacity: .34;
  overflow: visible;
  will-change: transform;
  animation: arcade-float 11s ease-in-out infinite;
}
.arcade-relic--1 { top: 16%; inset-inline-end: 9%;  width: 52px; height: 52px; animation-duration: 10s; }
.arcade-relic--2 { top: 62%; inset-inline-end: 17%; width: 62px; height: 62px; animation-duration: 13s; animation-delay: -4s; }
.arcade-relic--3 { top: 20%; inset-inline-start: 10%; width: 58px; height: 58px; animation-duration: 12s; animation-delay: -2s; }
.arcade-relic--4 { top: 56%; inset-inline-start: 7%; width: 56px; height: 78px; animation-duration: 14s; animation-delay: -6s; --arcade-tilt: 14deg; }
.arcade-relic--5 { top: 8%;  inset-inline-start: 31%; width: 36px; height: 36px; opacity: .24; animation-duration: 9s; animation-delay: -3s; }
.arcade-relic--6 { top: 74%; inset-inline-start: 31%; width: 46px; height: 38px; opacity: .22; animation-duration: 15s; animation-delay: -7s; }
.arcade-relic--7 { top: 12%; inset-inline-end: 31%; width: 34px; height: 34px; opacity: .24; animation-duration: 12s; animation-delay: -5s; }

.arcade-hero__title {
  position: relative;
  display: inline-block;
  font-size: clamp(3rem, 1.2rem + 8vw, 6.4rem);
  font-weight: 900;
  line-height: 1.18;
  letter-spacing: -.01em;
  background: linear-gradient(100deg, var(--arcade-title-1) 0%, var(--arcade-title-2) 38%, var(--arcade-title-1) 62%, var(--arcade-title-2) 100%);
  background-size: 220% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  animation: arcade-sheen 7s linear infinite;
}

.arcade-hero__sub {
  max-width: 34em;
  margin: clamp(14px, 2.4vw, 22px) auto 0;
  font-size: clamp(1rem, .9rem + .55vw, 1.28rem);
  line-height: 1.95;
  color: var(--arcade-muted);
}

/* ── 5) دکمه‌ی برگشت به بازی ───────────────────────────── */
.arcade-return-wrap {
  display: grid;
  grid-template-rows: 0fr;
  margin-bottom: 0;
  padding: 0 16px;
  transition: grid-template-rows .55s var(--arcade-ease), margin-bottom .55s var(--arcade-ease);
}
.arcade-return-wrap.is-open { grid-template-rows: 1fr; margin-bottom: 26px; }
.arcade-return-clip {
  display: flex;
  justify-content: center;
  min-height: 0;
  overflow: hidden;
  padding: 6px 0 14px;
  margin: -6px 0 -14px;
}

.arcade-return {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 11px 24px 11px 20px;
  border: 0;
  border-radius: 999px;
  cursor: pointer;
  font-weight: 800;
  font-size: 1rem;
  color: var(--arcade-btn-text);
  background: var(--arcade-btn-bg);
  box-shadow: var(--arcade-btn-shadow), inset 0 1px 0 rgba(255, 255, 255, .4);
  visibility: hidden;
  opacity: 0;
  transform: translateY(14px) scale(.92);
  transition: transform .25s var(--arcade-ease), box-shadow .3s ease, filter .3s ease, opacity .3s ease, visibility 0s linear .55s;
}
.arcade-return-wrap.is-open .arcade-return {
  visibility: visible;
  opacity: 1;
  transform: none;
  transition: transform .25s var(--arcade-ease), box-shadow .3s ease, filter .3s ease, opacity .3s ease, visibility 0s;
  animation: arcade-return-in .65s var(--arcade-ease) .18s backwards;
}
.arcade-return svg { width: 18px; height: 18px; transform: scaleX(-1); }
.arcade-return:hover { transform: translateY(-2px); filter: brightness(1.06); }
.arcade-return:active { transform: scale(.96); }

/* ── 6) شبکه‌ی کارت‌ها ────────────────────────────────────
   موبایل ۲ ستون · تبلت ۳ ستون · لپ‌تاپ ۴ ستون
   با flex + justify-content:center، ردیف ناقص خودکار وسط می‌افتد */
.arcade-games {
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 clamp(14px, 4vw, 32px) clamp(54px, 8vw, 96px);
}

.arcade-grid {
  --arcade-gap: 12px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--arcade-gap);
}

.arcade-cell {
  display: flex;
  min-width: 0;
  flex: 0 0 calc((100% - var(--arcade-gap)) / 2 - .1px);
}

@media (min-width: 640px) {
  .arcade-grid { --arcade-gap: 18px; }
  .arcade-cell { flex-basis: calc((100% - 2 * var(--arcade-gap)) / 3 - .1px); }
}
@media (min-width: 1024px) {
  .arcade-grid { --arcade-gap: 22px; }
  .arcade-cell { flex-basis: calc((100% - 3 * var(--arcade-gap)) / 4 - .1px); }
}

/* ورود یکی‌یکی هنگام اسکرول و خروج هنگام خارج شدن از دید
   (فقط وقتی JS فعال است؛ اگر JS اجرا نشود کارت‌ها همیشه دیده می‌شوند) */
.arcade-js .arcade-cell {
  opacity: 0;
  transform: translateY(36px) scale(.95);
  transition: opacity .35s ease, transform .4s ease;
}
.arcade-js .arcade-cell.is-in {
  opacity: 1;
  transform: none;
  transition: opacity .7s ease var(--arcade-d, 0ms), transform .85s var(--arcade-ease) var(--arcade-d, 0ms);
}

/* ── 7) کارت ───────────────────────────────────────────── */
.arcade-card {
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 22px 14px 16px;
  text-align: center;
  border-radius: var(--arcade-radius);
  background: var(--arcade-surface);
  -webkit-backdrop-filter: var(--arcade-blur);
  backdrop-filter: var(--arcade-blur);
  box-shadow: var(--arcade-shadow);
  cursor: pointer;
  overflow: hidden;
  transform: perspective(900px) translateY(0) rotateX(0deg) rotateY(0deg);
  transition: transform .4s var(--arcade-ease), box-shadow .4s ease;
  will-change: transform;
  -webkit-user-select: none;
  user-select: none;
}

/* حاشیه‌ی متالیک / شیشه‌ای */
.arcade-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  padding: 1.3px;
  border-radius: inherit;
  background: var(--arcade-outline);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
  pointer-events: none;
}

/* نور سبزی که دنبال ماوس حرکت می‌کند */
.arcade-card__glow {
  position: absolute;
  inset: 0;
  z-index: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity .35s ease;
  background: radial-gradient(260px circle at var(--arcade-mx, 50%) var(--arcade-my, 0%), var(--arcade-glow), transparent 64%);
}

/* براقیِ نمایشی که به‌نوبت از روی کارت‌ها رد می‌شود */
.arcade-card__shine {
  position: absolute;
  top: -10%;
  bottom: -10%;
  left: -60%;
  right: -60%;
  z-index: 2;
  pointer-events: none;
  background: linear-gradient(105deg, transparent 40%, var(--arcade-shine) 50%, transparent 60%);
  transform: translateX(-70%) skewX(-12deg);
  animation: arcade-shine 9s ease-in-out infinite;
  animation-delay: calc(var(--arcade-i, 0) * .75s);
}
.arcade-cell:not(.is-in) .arcade-card__shine { animation-play-state: paused; }

.arcade-card__icon {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 86px;
  height: 86px;
  margin-bottom: 14px;
  border-radius: 27px;
  background: var(--arcade-plate);
  box-shadow: var(--arcade-plate-edge);
  transition: transform .5s var(--arcade-ease);
}
.arcade-card__icon .arcade-ic { width: 76px; height: 76px; overflow: visible; }

.arcade-card__body {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1 1 auto;
  width: 100%;
}

.arcade-card__title {
  font-size: 1.24rem;
  font-weight: 800;
  line-height: 1.45;
}
.arcade-card__en {
  margin: 0 0 9px;
  font-size: .98rem;
  font-weight: 500;
  letter-spacing: .02em;
  opacity: .8;
  unicode-bidi: isolate;
}
.arcade-card__desc {
  margin: 0 0 14px;
  font-size: .9rem;
  line-height: 1.9;
  color: var(--arcade-muted);
}

.arcade-card__tags {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px;
  margin-top: auto;
}
.arcade-card__tags li {
  padding: 3px 10px;
  border-radius: 999px;
  font-size: .73rem;
  font-weight: 700;
  line-height: 1.7;
  white-space: nowrap;
  color: var(--arcade-tag-text);
  background: var(--arcade-tag-bg);
}

.arcade-card__btn {
  position: relative;
  z-index: 1;
  width: 100%;
  margin-top: 16px;
  padding: 11px 14px;
  border: 0;
  border-radius: 14px;
  overflow: hidden;
  cursor: pointer;
  font-size: .98rem;
  font-weight: 800;
  color: var(--arcade-btn-text);
  background: var(--arcade-btn-bg);
  box-shadow: var(--arcade-btn-shadow), inset 0 1px 0 rgba(255, 255, 255, .38);
  transition: filter .3s ease, transform .25s var(--arcade-ease);
}
.arcade-card__btn::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(105deg, transparent 35%, rgba(255, 255, 255, .45) 50%, transparent 65%);
  transform: translateX(-120%);
  transition: transform .7s var(--arcade-ease);
}

/* هاور (فقط ماوس): بالا آمدن + درخشش + کج شدن سه‌بعدی + نور دنبال‌کننده */
@media (hover: hover) and (pointer: fine) {
  .arcade-card:hover {
    transform: perspective(900px) translateY(-9px) rotateX(var(--arcade-rx, 0deg)) rotateY(var(--arcade-ry, 0deg));
    box-shadow: var(--arcade-shadow-hover);
    transition: transform .14s ease-out, box-shadow .4s ease;
  }
  .arcade-card:hover .arcade-card__glow { opacity: 1; }
  .arcade-card:hover .arcade-card__icon { transform: translateY(-5px) scale(1.13); }
  .arcade-card:hover .arcade-card__btn { filter: brightness(1.08); }
  .arcade-card:hover .arcade-card__btn::after { transform: translateX(120%); }
}

/* لمس و کلیک: افکت فشردن نرم */
.arcade-card:active {
  transform: perspective(900px) scale(.97);
  transition: transform .12s ease-out;
}

/* ── 8) آیکن‌ها (رنگ‌ها از توکن‌های تم) ─────────────────── */
.arcade-ic .a-paper { fill: var(--arcade-ic-paper); }
.arcade-ic .a-ink { fill: var(--arcade-ic-ink); }
.arcade-ic .a-acc { fill: var(--arcade-ic-accent); }
.arcade-ic .a-soft { fill: var(--arcade-ic-soft); }
.arcade-ic .a-board { fill: var(--arcade-ic-board); }
.arcade-ic .a-edge { stroke: var(--arcade-ic-edge); stroke-width: 1.6; stroke-linejoin: round; }
.arcade-ic .a-line { stroke: var(--arcade-ic-line); stroke-width: 2.6; stroke-linejoin: round; }
.arcade-ic .a-rim { stroke: var(--arcade-ic-line); stroke-width: 1.7; }
.arcade-ic .a-ring { fill: none; stroke: var(--arcade-ic-ring); stroke-width: 2.2; stroke-dasharray: 4 3; }
.arcade-ic .a-facet { fill: none; stroke: var(--arcade-ic-ink); stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; opacity: .55; }
.arcade-ic .a-blade { fill: none; stroke: var(--arcade-ic-line); stroke-width: 4.2; stroke-linecap: round; }
.arcade-ic .a-ring-line { fill: none; stroke: var(--arcade-ic-line); stroke-width: 3; }
.arcade-ic .a-ring-dash { fill: none; stroke: var(--arcade-ic-accent); stroke-width: 2.4; stroke-dasharray: 3 8; stroke-linecap: round; opacity: .85; }
.arcade-ic .a-qm { fill: none; stroke: var(--arcade-ic-accent); stroke-width: 7; stroke-linecap: round; stroke-linejoin: round; }
.arcade-ic .a-line-soft { fill: none; stroke: var(--arcade-ic-accent); stroke-width: 3.4; stroke-linecap: round; opacity: .55; }
.arcade-ic .a-mark { fill: none; stroke: var(--arcade-ic-line); stroke-width: 4.4; stroke-linecap: round; stroke-dasharray: 1; stroke-dashoffset: 0; }
.arcade-ic .a-mark-win { fill: none; stroke: var(--arcade-ic-accent); stroke-width: 5; stroke-linecap: round; stroke-dasharray: 1; stroke-dashoffset: 0; opacity: .9; }
.arcade-ic .arcade-ic-dc-shadow { fill: var(--arcade-ic-ink); opacity: .2; }

/* حرکت اجزای داخل آیکن (خودِ آیکن نمی‌چرخد) */
.arcade-ic-bj-a { animation: arcade-ic-bj-a 4.4s ease-in-out infinite; }
.arcade-ic-bj-b { animation: arcade-ic-bj-b 4.4s ease-in-out infinite; }
.arcade-ic-bj-chip { animation: arcade-ic-bob 3s ease-in-out infinite; }

.arcade-ic-hk-crown { animation: arcade-ic-bob 3.2s ease-in-out infinite; }
.arcade-ic-hk-card { animation: arcade-ic-breathe 3.2s ease-in-out infinite; }

.arcade-ic-un-l { transform-origin: 48px 88px; transform: rotate(-16deg); animation: arcade-ic-un-l 4.2s ease-in-out infinite; }
.arcade-ic-un-r { transform-origin: 48px 88px; transform: rotate(16deg); animation: arcade-ic-un-r 4.2s ease-in-out infinite; }

.arcade-ic-mm-back1, .arcade-ic-mm-face1, .arcade-ic-mm-back2, .arcade-ic-mm-face2 { transform-box: fill-box; transform-origin: center; }
.arcade-ic-mm-face1, .arcade-ic-mm-face2 { transform: scaleX(0); }
.arcade-ic-mm-back1 { animation: arcade-ic-mm-back 5.2s ease-in-out infinite; }
.arcade-ic-mm-face1 { animation: arcade-ic-mm-face 5.2s ease-in-out infinite; }
.arcade-ic-mm-back2 { animation: arcade-ic-mm-back 5.2s ease-in-out -2.6s infinite; }
.arcade-ic-mm-face2 { animation: arcade-ic-mm-face 5.2s ease-in-out -2.6s infinite; }

.arcade-ic-bg-hop { animation: arcade-ic-bg-hop 4.6s ease-in-out infinite; }

.arcade-ic-ck-mover { animation: arcade-ic-ck-move 5.6s ease-in-out infinite; }
.arcade-ic-ck-victim { animation: arcade-ic-ck-victim 5.6s ease-in-out infinite; }
.arcade-ic-ck-crown { opacity: 0; animation: arcade-ic-ck-crown 5.6s ease-in-out infinite; }

.arcade-ic-tt-1, .arcade-ic-tt-2, .arcade-ic-tt-3, .arcade-ic-tt-4, .arcade-ic-tt-5, .arcade-ic-tt-win {
  animation: arcade-ic-draw 6.4s ease-in-out infinite both;
}
.arcade-ic-tt-2 { animation-delay: .55s; }
.arcade-ic-tt-3 { animation-delay: 1.1s; }
.arcade-ic-tt-4 { animation-delay: 1.65s; }
.arcade-ic-tt-5 { animation-delay: 2.2s; }
.arcade-ic-tt-win { animation-delay: 2.9s; }

.arcade-ic-rp-rock { animation: arcade-ic-bob 3.4s ease-in-out infinite; }
.arcade-ic-rp-paper { animation: arcade-ic-bob 3.4s ease-in-out -1.7s infinite; }
.arcade-ic-rp-bl-a { transform-origin: 48px 72px; transform: rotate(-6deg); animation: arcade-ic-rp-a 2.8s ease-in-out infinite; }
.arcade-ic-rp-bl-b { transform-origin: 48px 72px; transform: rotate(6deg); animation: arcade-ic-rp-b 2.8s ease-in-out infinite; }

.arcade-ic-ng-ring { transform-origin: 48px 48px; animation: arcade-spin 30s linear infinite; }
.arcade-ic-ng-orbit { transform-origin: 48px 48px; animation: arcade-spin 14s linear infinite reverse; }
.arcade-ic-ng-q { transform-box: fill-box; transform-origin: center; animation: arcade-ic-pop 3.2s ease-in-out infinite; }

.arcade-ic-dc-a { animation: arcade-ic-hop 3.6s ease-in-out infinite; }
.arcade-ic-dc-b { animation: arcade-ic-hop 3.6s ease-in-out -1.8s infinite; }
.arcade-ic-dc-shadow { transform-box: fill-box; transform-origin: center; animation: arcade-ic-shadow 3.6s ease-in-out infinite; }

/* ── 9) فوتر ───────────────────────────────────────────── */
.arcade-footer {
  position: relative;
  z-index: 1;
  padding: 22px 16px calc(22px + env(safe-area-inset-bottom, 0px));
  text-align: center;
  font-size: .86rem;
  color: var(--arcade-muted);
  border-top: 1px solid var(--arcade-hair);
}

/* ── 10) پنجره‌ی تمام‌صفحه ─────────────────────────────── */
.arcade-modal {
  position: fixed;
  inset: 0;
  z-index: 2147483000;
}
.arcade-modal[hidden] { display: none; }

.arcade-modal__sheet {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: var(--arcade-modal-bg);
  will-change: clip-path;
}

.arcade-modal__bar {
  position: relative;
  z-index: 6;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: calc(48px + env(safe-area-inset-top, 0px));
  padding: env(safe-area-inset-top, 0px) 10px 0;
  background: var(--arcade-bar-bg);
  -webkit-backdrop-filter: var(--arcade-blur);
  backdrop-filter: var(--arcade-blur);
  border-bottom: 1px solid var(--arcade-hair);
}
.arcade-modal__title {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

.arcade-modal__close {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  color: var(--arcade-text);
  background: var(--arcade-surface-solid);
  box-shadow: inset 0 0 0 1px var(--arcade-hair);
  transition: transform .35s var(--arcade-ease), color .25s ease, box-shadow .25s ease;
}
.arcade-modal__close svg { width: 18px; height: 18px; }
.arcade-modal__close:hover { transform: rotate(90deg); color: var(--arcade-accent); }
.arcade-modal__close:active { transform: scale(.9); }

.arcade-modal__bar,
.arcade-modal__stage { opacity: 0; transition: opacity .3s ease; }
.arcade-modal.is-open .arcade-modal__bar,
.arcade-modal.is-open .arcade-modal__stage { opacity: 1; transition: opacity .4s ease .14s; }

.arcade-modal__stage {
  position: relative;
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
  background: var(--arcade-modal-bg);
}

.arcade-modal__frame {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  background: var(--arcade-modal-bg);
  opacity: 0;
  transition: opacity .5s ease;
}
.arcade-modal.is-ready .arcade-modal__frame { opacity: 1; }

/* لودینگ: آیکن همان بازی + هاله‌ی نرم + نوار پیشرفت */
.arcade-loader {
  position: absolute;
  inset: 0;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 24px;
  text-align: center;
  background:
    radial-gradient(560px 440px at 50% 42%, var(--arcade-glow), transparent 70%),
    var(--arcade-modal-bg);
  transition: opacity .55s ease, visibility 0s linear 0s;
}
.arcade-modal.is-ready .arcade-loader {
  opacity: 0;
  visibility: hidden;
  transition: opacity .55s ease, visibility 0s linear .55s;
}
.arcade-loader__aura {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 340px;
  height: 340px;
  margin: -210px 0 0 -170px;
  border-radius: 50%;
  background: radial-gradient(closest-side, var(--arcade-glow-1), transparent);
  animation: arcade-aura 3.2s ease-in-out infinite;
  pointer-events: none;
}
.arcade-loader__icon {
  position: relative;
  display: grid;
  place-items: center;
  width: 124px;
  height: 124px;
  border-radius: 38px;
  background: var(--arcade-plate);
  box-shadow: var(--arcade-plate-edge), 0 0 0 0 var(--arcade-glow);
  animation: arcade-ripple 2.4s ease-out infinite;
}
.arcade-loader__icon .arcade-ic { width: 108px; height: 108px; overflow: visible; }
.arcade-loader__name {
  position: relative;
  margin: 26px 0 0;
  font-size: clamp(1.4rem, 1.1rem + 1.4vw, 1.9rem);
  font-weight: 800;
}
.arcade-loader__hint {
  position: relative;
  margin: 2px 0 0;
  font-size: .95rem;
  color: var(--arcade-muted);
}
.arcade-loader__track {
  position: relative;
  width: min(230px, 62vw);
  height: 4px;
  margin-top: 20px;
  border-radius: 4px;
  overflow: hidden;
  background: var(--arcade-hair);
}
.arcade-loader__fill {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  background: var(--arcade-btn-bg);
  transform-origin: right center;
  transform: scaleX(var(--arcade-p, 0));
  transition: transform .4s ease;
}

/* خطا */
.arcade-error {
  position: absolute;
  inset: 0;
  z-index: 4;
  display: grid;
  place-items: center;
  padding: 20px;
  background:
    radial-gradient(520px 400px at 50% 40%, var(--arcade-glow), transparent 72%),
    var(--arcade-modal-bg);
}
.arcade-error[hidden] { display: none; }
.arcade-error__box {
  width: min(100%, 380px);
  padding: 28px 22px 22px;
  text-align: center;
  border-radius: 24px;
  background: var(--arcade-surface-solid);
  box-shadow: var(--arcade-shadow), inset 0 0 0 1px var(--arcade-hair);
  animation: arcade-pop .45s var(--arcade-ease) both;
}
.arcade-error__icon { width: 46px; height: 46px; color: var(--arcade-accent); }
.arcade-error__title { margin: 8px 0 0; font-size: 1.2rem; font-weight: 800; }
.arcade-error__text { margin: 6px 0 0; color: var(--arcade-muted); font-size: .95rem; }

.arcade-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin-top: 22px;
}
.arcade-btn {
  min-width: 124px;
  padding: 11px 22px;
  border: 0;
  border-radius: 14px;
  cursor: pointer;
  font-size: .96rem;
  font-weight: 800;
  transition: transform .2s var(--arcade-ease), filter .25s ease, box-shadow .25s ease;
}
.arcade-btn:hover { transform: translateY(-2px); }
.arcade-btn:active { transform: scale(.96); }
.arcade-btn--primary {
  color: var(--arcade-btn-text);
  background: var(--arcade-btn-bg);
  box-shadow: var(--arcade-btn-shadow), inset 0 1px 0 rgba(255, 255, 255, .38);
}
.arcade-btn--ghost {
  color: var(--arcade-text);
  background: transparent;
  box-shadow: inset 0 0 0 1.5px var(--arcade-hair);
}
.arcade-btn--ghost:hover { box-shadow: inset 0 0 0 1.5px var(--arcade-accent); }

/* تأیید خروج */
.arcade-confirm {
  position: absolute;
  inset: 0;
  z-index: 8;
  display: grid;
  place-items: center;
  padding: 20px;
  background: var(--arcade-scrim);
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  animation: arcade-fade .25s ease both;
}
.arcade-confirm[hidden] { display: none; }
.arcade-confirm__box {
  width: min(100%, 390px);
  padding: 28px 22px 22px;
  text-align: center;
  border-radius: 24px;
  background: var(--arcade-surface-solid);
  box-shadow: 0 30px 80px -20px rgba(0, 0, 0, .6), inset 0 0 0 1px var(--arcade-hair);
  animation: arcade-pop .4s var(--arcade-ease) both;
}
.arcade-confirm__title { margin: 0; font-size: 1.18rem; font-weight: 800; }
.arcade-confirm__text { margin: 6px 0 0; color: var(--arcade-muted); font-size: .96rem; }

/* پیشنهاد چرخاندن گوشی */
.arcade-rotate {
  position: absolute;
  left: 50%;
  bottom: calc(22px + env(safe-area-inset-bottom, 0px));
  z-index: 5;
  display: flex;
  align-items: center;
  gap: 10px;
  width: max-content;
  max-width: calc(100% - 24px);
  padding: 10px 18px 10px 16px;
  border-radius: 999px;
  font-size: .9rem;
  font-weight: 700;
  line-height: 1.5;
  color: var(--arcade-text);
  background: var(--arcade-bar-bg);
  -webkit-backdrop-filter: var(--arcade-blur);
  backdrop-filter: var(--arcade-blur);
  box-shadow: var(--arcade-shadow), inset 0 0 0 1px var(--arcade-hair);
  opacity: 0;
  transform: translate(-50%, 18px);
  transition: opacity .5s ease, transform .55s var(--arcade-ease);
  pointer-events: none;
}
.arcade-rotate[hidden] { display: none; }
.arcade-rotate.is-in { opacity: 1; transform: translate(-50%, 0); }
.arcade-rotate svg { flex: 0 0 auto; width: 26px; height: 26px; color: var(--arcade-accent); overflow: visible; }
.arcade-rotate__phone { transform-origin: 12px 12px; animation: arcade-phone 2.6s ease-in-out infinite; }

/* ── 11) ورود نمایشی هیرو (فقط وقتی JS فعال است) ─────────── */
.arcade-js:not(.is-ready) .arcade-hero__title,
.arcade-js:not(.is-ready) .arcade-hero__sub { opacity: 0; }
.arcade-js.is-ready .arcade-hero__title {
  animation: arcade-hero-in 1.15s var(--arcade-ease) .12s backwards, arcade-sheen 7s linear infinite;
}
.arcade-js.is-ready .arcade-hero__sub { animation: arcade-rise .95s var(--arcade-ease) .55s backwards; }
.arcade-hero.is-paused *,
.arcade-hero.is-paused *::before { animation-play-state: paused !important; }

/* ── 12) ریسپانسیو ─────────────────────────────────────── */
@media (max-width: 639px) {
  .arcade-header { min-height: 54px; }
  .arcade-header__name { font-size: .98rem; }

  .arcade-relic--5, .arcade-relic--6, .arcade-relic--7 { display: none; }
  .arcade-relic--1 { width: 38px; height: 38px; top: 10%; }
  .arcade-relic--2 { width: 44px; height: 44px; top: 70%; }
  .arcade-relic--3 { width: 40px; height: 40px; top: 12%; }
  .arcade-relic--4 { width: 38px; height: 54px; top: 66%; }

  .arcade-card { padding: 16px 9px 11px; border-radius: 20px; }
  .arcade-card__icon { width: 70px; height: 70px; margin-bottom: 11px; border-radius: 22px; }
  .arcade-card__icon .arcade-ic { width: 60px; height: 60px; }
  .arcade-card__title { font-size: 1.08rem; }
  .arcade-card__en { margin-bottom: 7px; font-size: .86rem; }
  .arcade-card__desc { margin-bottom: 11px; font-size: .78rem; line-height: 1.85; }
  .arcade-card__tags { gap: 5px; }
  .arcade-card__tags li { padding: 2px 8px; font-size: .68rem; }
  .arcade-card__tags li:nth-child(n+3) { display: none; }
  .arcade-card__btn { margin-top: 13px; padding: 9px 10px; font-size: .9rem; border-radius: 12px; }

  .arcade-loader__icon { width: 108px; height: 108px; border-radius: 33px; }
  .arcade-loader__icon .arcade-ic { width: 92px; height: 92px; }
}

/* ── 13) کی‌فریم‌ها ─────────────────────────────────────── */
@keyframes arcade-blob-a { from { transform: translate(0, 0) scale(1); } to { transform: translate(8%, 14%) scale(1.14); } }
@keyframes arcade-blob-b { from { transform: translate(0, 0) scale(1.05); } to { transform: translate(-10%, -12%) scale(.92); } }
@keyframes arcade-glow-pulse { 0%, 100% { opacity: .75; transform: translate(-50%, -52%) scale(.94); } 50% { opacity: 1; transform: translate(-50%, -52%) scale(1.08); } }
@keyframes arcade-float {
  0%, 100% { transform: translate(0, 0) rotate(var(--arcade-tilt, -6deg)); }
  50% { transform: translate(0, -18px) rotate(calc(var(--arcade-tilt, -6deg) + 12deg)); }
}
@keyframes arcade-sheen { from { background-position: 0% 50%; } to { background-position: 220% 50%; } }
@keyframes arcade-hero-in {
  from { opacity: 0; transform: translateY(20px) scale(.93); filter: blur(16px); }
  to { opacity: 1; transform: none; filter: blur(0); }
}
@keyframes arcade-rise { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: none; } }
@keyframes arcade-return-in {
  from { opacity: 0; transform: translateY(16px) scale(.9); }
  to { opacity: 1; transform: none; }
}
@keyframes arcade-shine {
  0% { transform: translateX(-70%) skewX(-12deg); }
  20%, 100% { transform: translateX(70%) skewX(-12deg); }
}
@keyframes arcade-aura { 0%, 100% { opacity: .6; transform: scale(.9); } 50% { opacity: 1; transform: scale(1.12); } }
@keyframes arcade-ripple {
  0% { box-shadow: var(--arcade-plate-edge), 0 0 0 0 var(--arcade-glow); }
  100% { box-shadow: var(--arcade-plate-edge), 0 0 0 30px rgba(0, 0, 0, 0); }
}
@keyframes arcade-pop { from { opacity: 0; transform: translateY(16px) scale(.94); } to { opacity: 1; transform: none; } }
@keyframes arcade-fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes arcade-spin { to { transform: rotate(360deg); } }
@keyframes arcade-phone { 0%, 22% { transform: rotate(0deg); } 55%, 82% { transform: rotate(-90deg); } 100% { transform: rotate(0deg); } }

@keyframes arcade-ic-bob { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-3.5px); } }
@keyframes arcade-ic-breathe { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(1.8px); } }
@keyframes arcade-ic-pop { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.09); } }
@keyframes arcade-ic-hop { 0%, 10%, 40%, 100% { transform: translateY(0); } 25% { transform: translateY(-9px); } 32% { transform: translateY(0); } 36% { transform: translateY(-2px); } }
@keyframes arcade-ic-shadow { 0%, 10%, 40%, 100% { transform: scaleX(1); opacity: .2; } 25% { transform: scaleX(.78); opacity: .1; } }
@keyframes arcade-ic-bj-a { 0%, 100% { transform: translate(0, 0); } 45% { transform: translate(-3px, -1px); } }
@keyframes arcade-ic-bj-b { 0%, 100% { transform: translate(0, 0); } 45% { transform: translate(4px, -5px); } }
@keyframes arcade-ic-un-l { 0%, 100% { transform: rotate(-14deg); } 50% { transform: rotate(-25deg); } }
@keyframes arcade-ic-un-r { 0%, 100% { transform: rotate(14deg); } 50% { transform: rotate(25deg); } }
@keyframes arcade-ic-mm-back { 0%, 34% { transform: scaleX(1); } 44%, 86% { transform: scaleX(0); } 96%, 100% { transform: scaleX(1); } }
@keyframes arcade-ic-mm-face { 0%, 40% { transform: scaleX(0); } 50%, 80% { transform: scaleX(1); } 90%, 100% { transform: scaleX(0); } }
@keyframes arcade-ic-bg-hop {
  0%, 12% { transform: translate(0, 0); }
  30% { transform: translate(-13px, -16px); }
  46%, 84% { transform: translate(-26px, 0); }
  100% { transform: translate(0, 0); }
}
@keyframes arcade-ic-ck-move {
  0%, 8% { transform: translate(0, 0); }
  26%, 40% { transform: translate(18px, -18px); }
  62%, 88% { transform: translate(54px, -54px); }
  100% { transform: translate(0, 0); }
}
@keyframes arcade-ic-ck-victim { 0%, 58% { opacity: 1; transform: scale(1); } 66%, 90% { opacity: 0; } 100% { opacity: 1; } }
@keyframes arcade-ic-ck-crown { 0%, 60% { opacity: 0; } 68%, 86% { opacity: 1; } 94%, 100% { opacity: 0; } }
@keyframes arcade-ic-draw {
  0% { stroke-dashoffset: 1; opacity: 0; }
  1% { stroke-dashoffset: 1; opacity: 1; }
  9% { stroke-dashoffset: 0; opacity: 1; }
  78% { stroke-dashoffset: 0; opacity: 1; }
  90% { stroke-dashoffset: 1; opacity: 1; }
  91%, 100% { stroke-dashoffset: 1; opacity: 0; }
}
@keyframes arcade-ic-rp-a { 0%, 100% { transform: rotate(-5deg); } 50% { transform: rotate(14deg); } }
@keyframes arcade-ic-rp-b { 0%, 100% { transform: rotate(5deg); } 50% { transform: rotate(-14deg); } }

/* ── 14) کاهش حرکت ─────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
  .arcade-root *,
  .arcade-root *::before,
  .arcade-root *::after,
  .arcade-modal *,
  .arcade-modal *::before,
  .arcade-modal *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    animation-delay: 0s !important;
    transition-duration: .001ms !important;
    transition-delay: 0s !important;
  }
  .arcade-card__shine { display: none; }
}/* End custom CSS */