/* =====================================================================
   نیلومکس — استایل اصلی «مشکی و طلایی»
   تم تیره لوکس الهام‌گرفته از ساختار مدگنگ | فونت: وزیرمتن + Outfit
   ===================================================================== */

/* ---------- فونت‌ها (لوکال، بدون CDN) ---------- */
@font-face { font-family:'Vazirmatn'; src:url('../fonts/Vazirmatn-Regular.ttf') format('truetype'); font-weight:400; font-display:swap; }
@font-face { font-family:'Vazirmatn'; src:url('../fonts/Vazirmatn-Medium.ttf') format('truetype'); font-weight:500; font-display:swap; }
@font-face { font-family:'Vazirmatn'; src:url('../fonts/Vazirmatn-Bold.ttf') format('truetype'); font-weight:700; font-display:swap; }
@font-face { font-family:'Vazirmatn'; src:url('../fonts/Vazirmatn-ExtraBold.ttf') format('truetype'); font-weight:800; font-display:swap; }
@font-face { font-family:'Vazirmatn'; src:url('../fonts/Vazirmatn-Black.ttf') format('truetype'); font-weight:900; font-display:swap; }
@font-face { font-family:'Outfit'; src:url('../fonts/outfit/outfit-latin-400-normal.woff2') format('woff2'); font-weight:400; font-display:swap; }
@font-face { font-family:'Outfit'; src:url('../fonts/outfit/outfit-latin-600-normal.woff2') format('woff2'); font-weight:600; font-display:swap; }
@font-face { font-family:'Outfit'; src:url('../fonts/outfit/outfit-latin-700-normal.woff2') format('woff2'); font-weight:700; font-display:swap; }
@font-face { font-family:'Outfit'; src:url('../fonts/outfit/outfit-latin-800-normal.woff2') format('woff2'); font-weight:800; font-display:swap; }
@font-face { font-family:'Outfit'; src:url('../fonts/outfit/outfit-latin-900-normal.woff2') format('woff2'); font-weight:900; font-display:swap; }

/* ---------- توکن‌های برند ---------- */
:root {
  --bg:#08090A;            /* پس‌زمینه‌ی سایت */
  --card:#101216;          /* کارت‌ها */
  --card-border:#23282F;   /* حاشیه‌ی کارت‌ها */
  --gold:#F5C518;          /* طلایی اصلی */
  --gold-hover:#FFD75E;    /* طلایی روشن‌تر (هاور) */
  --gold-rgb:245 197 24;   /* برای آلفا و سایه‌ها */
  --muted:#9BA3B0;         /* متن کم‌رنگ */
  --live:#E11D2E;          /* نشان لایو */
}

/* ---------- پایه ---------- */
html { scroll-behavior:smooth; }
body {
  font-family:'Vazirmatn', system-ui, sans-serif;
  background:var(--bg);
  color:#FFFFFF;
  overflow-x:hidden;
}
.font-display { font-family:'Vazirmatn', sans-serif; }
.font-eng { font-family:'Outfit','Vazirmatn',sans-serif; }
.eng-text { font-family:'Outfit','Vazirmatn',sans-serif; direction:ltr; display:inline-block; }
::selection { background:var(--gold); color:#0A0A0A; }
::-webkit-scrollbar { width:8px; height:8px; }
::-webkit-scrollbar-track { background:var(--bg); }
::-webkit-scrollbar-thumb { background:#23282F; border-radius:4px; }
::-webkit-scrollbar-thumb:hover { background:var(--gold); }

section { scroll-margin-top:6rem; }

/* ---------- شیشه و درخشش (سبک مدگنگ) ---------- */
.glass-header {
  background:rgba(12,14,17,.55);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  border:1px solid rgba(255,255,255,.06);
}
.glass-panel {
  background:rgba(255,255,255,.03);
  backdrop-filter:blur(10px);
  border:1px solid rgba(var(--gold-rgb)/.35);
}
.text-title-3d {
  background:linear-gradient(180deg,#FFF8DC 0%,#F5C518 45%,#8A6D0B 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent;
  filter:drop-shadow(0 8px 16px rgba(0,0,0,.8));
}
.neon-glow-sm { box-shadow:0 0 15px rgba(var(--gold-rgb)/.35); }
.neon-text-glow { text-shadow:0 0 15px rgba(var(--gold-rgb)/.55); }
@keyframes float {
  0%,100% { transform:translateY(0); }
  50% { transform:translateY(-16px); }
}
.animate-float { animation:float 6s ease-in-out infinite; }
/* هاله‌های طلایی محو پس‌زمینه */
.orb { position:absolute; border-radius:9999px; background:rgba(var(--gold-rgb)/.07); filter:blur(110px); pointer-events:none; }
@keyframes pulseDot { 0%,100%{ transform:scale(1); opacity:1; } 50%{ transform:scale(1.6); opacity:.5; } }
@keyframes pop { 0%{ transform:scale(0); opacity:0; } 70%{ transform:scale(1.15); } 100%{ transform:scale(1); opacity:1; } }

/* ---------- دکمه‌ها ---------- */
.btn {
  display:inline-flex; align-items:center; justify-content:center; gap:.5rem;
  font-weight:800; font-size:.9rem; line-height:1;
  padding:.7rem 1.4rem; border-radius:.8rem;
  border:1px solid transparent; cursor:pointer; user-select:none;
  text-decoration:none; white-space:nowrap;
  transition:all .25s ease;
}
.btn:active { transform:scale(.97); }
.btn-primary { background:var(--gold); color:#0A0A0A; }
.btn-primary:hover { background:var(--gold-hover); box-shadow:0 0 25px rgba(var(--gold-rgb)/.45); transform:scale(1.04); }
.btn-live { background:var(--live); color:#fff; }
.btn-live:hover { background:#F0323F; box-shadow:0 0 25px rgba(225,29,46,.45); transform:scale(1.04); }
.btn-sun { background:var(--gold); color:#0A0A0A; }
.btn-sun:hover { background:var(--gold-hover); box-shadow:0 0 25px rgba(var(--gold-rgb)/.45); }
.btn-white { background:var(--card); color:#fff; border-color:var(--card-border); }
.btn-white:hover { border-color:rgba(var(--gold-rgb)/.5); background:#171B21; }
.btn-sm { font-size:.78rem; padding:.5rem 1rem; border-radius:.65rem; }
.btn-lg { font-size:1rem; padding:.95rem 1.9rem; border-radius:.9rem; }

/* ---------- کارت ---------- */
.nb {
  background:var(--card); border:1px solid var(--card-border); border-radius:1.1rem;
  transition:border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}
.nb-hover:hover {
  border-color:rgba(var(--gold-rgb)/.5);
  box-shadow:0 0 22px rgba(var(--gold-rgb)/.12);
  transform:translateY(-3px);
}

/* ---------- چیپ ---------- */
.chip {
  display:inline-flex; align-items:center; gap:.4rem;
  border:1px solid var(--card-border); border-radius:999px; padding:.3rem .85rem;
  font-weight:700; font-size:.78rem; background:rgba(255,255,255,.04); color:#fff;
}

/* ---------- نشان لایو ---------- */
.live-dot { width:.55rem; height:.55rem; border-radius:999px; background:var(--live); animation:pulseDot 1.4s infinite; }

/* ---------- نوار HP (جایگاه تورنومنت) ---------- */
.hp { background:#171B21; border:1px solid var(--card-border); border-radius:999px; height:.75rem; overflow:hidden; position:relative; }
.hp > i {
  display:block; height:100%; background:linear-gradient(90deg,#B08D0E,var(--gold));
  border-radius:999px; position:relative; transition:width .8s cubic-bezier(.34,1.3,.64,1);
}

/* ---------- شمارش معکوس ---------- */
[data-countdown] { display:flex; flex-wrap:wrap; gap:.45rem; justify-content:center; }
.cd-box {
  min-width:3rem; text-align:center; background:var(--card); border:1px solid var(--card-border);
  border-radius:.7rem; padding:.4rem .45rem;
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.15rem;
}
.cd-num { font-family:'Outfit','Vazirmatn',sans-serif; font-weight:900; font-size:1.2rem; line-height:1; color:var(--gold); }
.cd-lbl { font-size:.58rem; font-weight:700; color:var(--muted); white-space:nowrap; }

/* ---------- استپر ثبت‌نام ---------- */
.steps { display:flex; align-items:center; gap:.5rem; }
.step { display:flex; align-items:center; gap:.5rem; }
.step .dot {
  width:2rem; height:2rem; border-radius:999px; border:1px solid var(--card-border);
  display:flex; align-items:center; justify-content:center; font-weight:800; font-size:.85rem;
  background:var(--card); color:var(--muted);
}
.step.done .dot { background:var(--gold); color:#0A0A0A; border-color:var(--gold); }
.step.current .dot { border-color:var(--gold); color:var(--gold); }
.step .lbl { font-size:.75rem; font-weight:700; color:var(--muted); }
.step.done .lbl { color:#fff; }
.step.current .lbl { color:var(--gold); }
.step-line { flex:1; height:2px; border-radius:99px; background:var(--card-border); min-width:1.2rem; }
.step-line.done { background:var(--gold); }

/* ---------- جدول قرعه (Bracket) — خطوط و کادرهای طلایی ---------- */
.bracket-wrap { direction:ltr; overflow-x:auto; padding:1.5rem .5rem 2rem; }
.bracket-wrap::-webkit-scrollbar { height:8px; }
.bracket {
  display:flex; align-items:flex-start; gap:3.2rem; min-width:max-content; direction:ltr;
  position:relative; transform-origin:top left; transition:transform .25s ease;
}
.round { display:flex; flex-direction:column; justify-content:flex-start; gap:1rem; position:relative; padding-top:2.5rem; }
.round-title { position:absolute; top:0; left:0; right:0; text-align:center; font-weight:800; font-size:.85rem; color:var(--muted); margin:0; }
.round-title.is-live { color:var(--gold); }
.match {
  position:relative; background:var(--card); border:1px solid rgba(var(--gold-rgb)/.28); border-radius:.8rem;
  width:13.5rem; overflow:hidden;
  box-shadow:0 0 12px rgba(var(--gold-rgb)/.06);
  transition:border-color .2s ease, box-shadow .2s ease;
}
.match:hover { border-color:rgba(var(--gold-rgb)/.7); box-shadow:0 0 22px rgba(var(--gold-rgb)/.22); }
.slot {
  display:flex; align-items:center; gap:.45rem; padding:.42rem .6rem; font-size:.82rem; font-weight:600;
  border-bottom:1px solid var(--card-border); background:var(--card); min-height:2.5rem; color:#E7EAF0;
}
.slot:last-child { border-bottom:0; }
.slot .seed { font-family:'Outfit','Vazirmatn',sans-serif; font-size:.72rem; color:var(--muted); min-width:1.4rem; text-align:center; }
.slot .nm { flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.slot .sc { font-family:'Outfit','Vazirmatn',sans-serif; font-weight:800; min-width:1.3rem; text-align:center; }
.slot.win  { background:rgba(var(--gold-rgb)/.1); color:var(--gold); font-weight:800; }
.slot.win .sc { color:var(--gold); }
.slot.lose { opacity:.4; }
.slot.pending { background:rgba(255,255,255,.03); }
.txt-pending { color:#FBBF24; font-size:.72rem; }
.txt-ok { color:#34D399; font-size:.72rem; }
.txt-bye { color:var(--muted); font-weight:800; letter-spacing:1px; }
.slot.empty { color:#5A6270; background:repeating-linear-gradient(-45deg,#0C0E11,#0C0E11 8px,#101216 8px,#101216 16px); }
.slot.empty .nm::after { content:'—'; }
.slot.drop { animation:pop .4s cubic-bezier(.34,1.56,.64,1) both; }
/* جدول نتایج (واقعی) */
.match.is-waiting { opacity:.88; border-style:dashed; border-color:rgba(var(--gold-rgb)/.5); }
.match.is-waiting:hover { border-color:rgba(var(--gold-rgb)/.85); box-shadow:0 0 20px rgba(var(--gold-rgb)/.25); }
/* خطوط اتصال طلایی (SVG) — همیشه پیدا + هاورِ براکت → درخشش بیشتر */
.bracket svg path {
  filter:drop-shadow(0 0 3px rgba(245,197,24,.35));
  transition:filter .25s ease;
}
.bracket-wrap:hover .bracket svg path { filter:drop-shadow(0 0 8px rgba(245,197,24,.65)); }
.match .vid { position:absolute; inset-inline-end:.35rem; top:.25rem; font-size:.7rem; opacity:.65; text-decoration:none; }
.match .vid:hover { opacity:1; }
.match { position:relative; }
.slot.bye-out { background:repeating-linear-gradient(-45deg,rgba(var(--gold-rgb)/.06),rgba(var(--gold-rgb)/.06) 8px,rgba(var(--gold-rgb)/.1) 8px,rgba(var(--gold-rgb)/.1) 16px); }
.champion.is-champion { border-color:var(--gold); box-shadow:0 0 0 4px rgba(var(--gold-rgb)/.15); }
.champion.is-champion .name { font-size:1.05rem; }
.champion {
  display:flex; flex-direction:column; align-items:center; gap:.5rem; width:11rem; text-align:center;
}
.champion .cup { font-size:3.2rem; animation:float 3.5s ease-in-out infinite; }
.champion .name {
  font-weight:900; font-size:1.05rem; background:var(--gold); color:#0A0A0A;
  border-radius:.7rem; padding:.3rem .9rem; box-shadow:0 0 18px rgba(var(--gold-rgb)/.35);
}
.vs-flash { position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
  background:rgba(var(--gold-rgb)/.95); color:#0A0A0A; font-weight:900; font-size:1.2rem;
  animation:pop .35s both; pointer-events:none; }

/* ---------- کارت ویدیو ---------- */
.vthumb { position:relative; aspect-ratio:16/9; border-radius:.8rem; overflow:hidden; border:1px solid var(--card-border); display:flex; align-items:center; justify-content:center; }
.vthumb .play {
  width:3.2rem; height:3.2rem; border-radius:999px; background:rgba(8,9,10,.85); border:1px solid rgba(var(--gold-rgb)/.5);
  display:flex; align-items:center; justify-content:center; font-size:1rem; color:var(--gold);
  transition:transform .18s, box-shadow .18s;
}
.vthumb:hover .play { transform:scale(1.15); box-shadow:0 0 18px rgba(var(--gold-rgb)/.4); }
.vthumb .dur { position:absolute; bottom:.5rem; inset-inline-end:.5rem; background:rgba(8,9,10,.9); color:#fff; font-size:.68rem; font-weight:700; padding:.15rem .55rem; border-radius:.45rem; }

/* ---------- توست ---------- */
#toasts { position:fixed; bottom:1.2rem; inset-inline-start:1.2rem; z-index:90; display:flex; flex-direction:column; gap:.6rem; }
.toast {
  display:flex; align-items:center; gap:.7rem; background:var(--card); color:#fff;
  border:1px solid rgba(var(--gold-rgb)/.4); border-radius:.9rem; padding:.75rem 1.15rem;
  box-shadow:0 0 20px rgba(var(--gold-rgb)/.15); font-weight:700; font-size:.85rem;
  animation:toastIn .4s cubic-bezier(.34,1.56,.64,1) both; max-width:22rem;
}
@keyframes toastIn { from { transform:translateY(20px) scale(.9); opacity:0; } to { transform:none; opacity:1; } }
.toast.out { transition:all .35s; transform:translateY(14px); opacity:0; }
#confetti-canvas { position:fixed; inset:0; pointer-events:none; z-index:95; }

/* ---------- دکمه بازگشت به بالا ---------- */
#to-top {
  position:fixed; bottom:1.3rem; inset-inline-end:1.3rem; z-index:80;
  width:3rem; height:3rem; border-radius:.9rem; background:var(--gold); color:#0A0A0A;
  border:none; box-shadow:0 0 18px rgba(var(--gold-rgb)/.4);
  display:flex; align-items:center; justify-content:center; font-size:1.1rem; cursor:pointer;
  opacity:0; transform:translateY(16px); transition:all .3s;
}
#to-top.show { opacity:1; transform:none; }
#to-top:hover { transform:translateY(-3px); box-shadow:0 0 26px rgba(var(--gold-rgb)/.55); }

/* ---------- ظاهر شدن با اسکرول ---------- */
.reveal { opacity:0; transform:translateY(26px); transition:opacity .6s ease, transform .6s ease; }
.reveal.on { opacity:1; transform:none; }

/* ---------- ورودی‌ها ---------- */
.inp {
  width:100%; background:#0B0D10; border:1px solid var(--card-border); border-radius:.75rem;
  padding:.7rem 1rem; font-family:'Vazirmatn',sans-serif; font-weight:600; color:#fff;
  transition:border-color .15s, box-shadow .15s;
}
.inp:focus { outline:none; border-color:var(--gold); box-shadow:0 0 0 3px rgba(var(--gold-rgb)/.15); }
.inp::placeholder { color:#5A6270; }
.lbl { font-weight:800; font-size:.85rem; margin-bottom:.4rem; display:block; color:#E7EAF0; }

/* ---------- فیلد امتیاز مسابقه (کوچک و بدون فلش‌های عددی) ----------
   فلش‌های بالا/پایینِ input[type=number] در کادرهای باریک کل جای عدد را می‌گیرند؛
   حذف می‌شوند (با کیبورد: تایپ مستقیم یا کلیدهای بالا/پایین هم چنان کار می‌کند). */
.score-inp {
  width:3.8rem !important; flex:0 0 auto;
  padding:.4rem .3rem !important; text-align:center;
  font-weight:900 !important; font-size:1rem !important; line-height:1.2 !important;
  -moz-appearance:textfield; appearance:textfield;
}
.score-inp::-webkit-outer-spin-button,
.score-inp::-webkit-inner-spin-button { -webkit-appearance:none; margin:0; }
.score-inp:disabled { opacity:.45; }

/* حذف فلش‌ها از بقیه‌ی input[type=number]های پنل هم (نمای تمیزتر؛ تایپ و کلیدهای جهت‌دار مانده‌اند) */
input[type=number].no-spin {
  -moz-appearance:textfield; appearance:textfield;
}
input[type=number].no-spin::-webkit-outer-spin-button,
input[type=number].no-spin::-webkit-inner-spin-button { -webkit-appearance:none; margin:0; }

/* ---------- تقویم شمسی (جلالی) — فرم‌های ادمین ---------- */
.jdp-input { cursor:pointer; text-align:right; }
.jdp-input:hover { border-color:rgba(var(--gold-rgb)/.45); }
.jdp-pop {
  position:absolute; z-index:120; display:none; width:294px;
  background:#101216; border:1px solid #2A3038; border-radius:1rem;
  box-shadow:0 18px 50px rgba(0,0,0,.6), 0 0 0 1px rgba(var(--gold-rgb)/.08);
  padding:.9rem; direction:rtl; user-select:none;
}
.jdp-head { display:flex; align-items:center; justify-content:space-between; gap:.5rem; margin-bottom:.6rem; }
.jdp-title { flex:1; text-align:center; background:rgba(255,255,255,.03); border:1px solid #23282F; color:var(--gold);
  font-weight:800; font-size:.9rem; padding:.42rem .6rem; border-radius:.6rem; cursor:pointer; }
.jdp-title:hover { border-color:rgba(var(--gold-rgb)/.45); }
.jdp-nav { width:2.1rem; height:2.1rem; border-radius:.6rem; background:rgba(255,255,255,.03); border:1px solid #23282F;
  color:#E7EAF0; font-size:1.05rem; font-weight:900; cursor:pointer; }
.jdp-nav:hover { border-color:rgba(var(--gold-rgb)/.5); color:var(--gold); }
.jdp-week { display:grid; grid-template-columns:repeat(7,1fr); gap:2px; margin-bottom:4px; }
.jdp-week span { text-align:center; font-size:.68rem; font-weight:800; color:var(--muted); padding:.2rem 0; }
.jdp-grid { display:grid; grid-template-columns:repeat(7,1fr); gap:3px; }
.jdp-day { height:2.15rem; border-radius:.5rem; border:1px solid transparent; background:transparent;
  color:#E7EAF0; font-weight:700; font-size:.82rem; cursor:pointer; font-family:inherit; padding:0; }
.jdp-day:hover { background:rgba(var(--gold-rgb)/.12); border-color:rgba(var(--gold-rgb)/.35); }
.jdp-day:focus { outline:none; }
.jdp-off { pointer-events:none; }
.jdp-today { border-color:rgba(var(--gold-rgb)/.6); color:var(--gold); }
.jdp-holiday { color:#F87171; }
/* روزِ انتخاب‌شده — «jdp-on» (قبلاً jdp-sel بود که با سلکت‌های ساعت تداخل می‌کرد و
   نتیجه‌اش متنِ مشکی important روی پس‌زمینه‌ی مشکیِ سلکت‌ها می‌شد = ناخوانا) */
.jdp-on { background:var(--gold); color:#0A0A0A !important; font-weight:900; box-shadow:0 0 12px rgba(var(--gold-rgb)/.35); }
.jdp-time { display:flex; align-items:center; gap:.5rem; margin-top:.7rem; padding-top:.65rem; border-top:1px dashed #23282F; }
.jdp-time-lbl { font-size:.75rem; font-weight:800; color:var(--muted); white-space:nowrap; }
.jdp-time-sep { color:var(--muted); font-weight:900; }
/* جعبه‌ی ساعت:دقیقه همیشه چپ‌به‌راست (۲۳:۵۲) — مستقل از جهت راست‌به‌چپ صفحه */
.jdp-time-box { flex:1; display:flex; align-items:center; gap:.5rem; direction:ltr; }
.jdp-sel { flex:1; background:#0B0D10; border:1px solid #23282F; color:#fff; border-radius:.5rem;
  padding:.35rem .4rem; font-family:inherit; font-weight:700; text-align:center; color-scheme:dark; }
.jdp-sel:focus { outline:none; border-color:var(--gold); }
/* گزینه‌های منوی بازشوی ساعت/دقیقه: پس‌زمینه‌ی تیره + متن سفید در همه‌ی مرورگرها */
.jdp-sel option { background:#101216; color:#fff; }
.jdp-foot { display:flex; gap:.5rem; margin-top:.7rem; }
.jdp-btn { flex:1; border-radius:.6rem; padding:.45rem 0; font-weight:800; font-size:.78rem; cursor:pointer; font-family:inherit; }
.jdp-btn-ghost { background:rgba(255,255,255,.03); border:1px solid #23282F; color:#E7EAF0; }
.jdp-btn-ghost:hover { border-color:rgba(var(--gold-rgb)/.45); color:var(--gold); }
.jdp-btn-ok { background:var(--gold); border:1px solid var(--gold); color:#0A0A0A; font-weight:900; }
.jdp-btn-ok:hover { background:var(--gold-hover); box-shadow:0 0 14px rgba(var(--gold-rgb)/.35); }

/* ---------- جدول ---------- */
.tbl th { font-weight:800; font-size:.85rem; text-align:right; padding:.65rem .8rem; background:rgba(255,255,255,.03); border-bottom:1px solid var(--card-border); white-space:nowrap; color:var(--gold); }
.tbl td { padding:.6rem .8rem; border-bottom:1px solid rgba(35,40,47,.6); font-size:.85rem; vertical-align:middle; }
.tbl tr:hover td { background:rgba(255,255,255,.02); }

/* ---------- شمارنده آمار (پنل ادمین) ---------- */
.stat-num { font-family:'Outfit','Vazirmatn',sans-serif; font-weight:900; font-size:2.1rem; line-height:1; color:var(--gold); }

/* ---------- پنل ادمین ---------- */
.admin-side { background:#0C0E11; color:#fff; border-inline-start:1px solid var(--card-border); }
.admin-side a { color:var(--muted); }
.admin-side a.active, .admin-side a:hover { color:#fff; background:rgba(var(--gold-rgb)/.1); }
.admin-side a.active { color:var(--gold); border-inline-start:3px solid var(--gold); }
.admin-link { display:flex; align-items:center; gap:.7rem; border-radius:.75rem; padding:.6rem .9rem; font-weight:700; font-size:.9rem; transition:all .15s; }

/* ---------- خط جداکننده‌ی گرادیانی (عناوین بخش‌ها) ---------- */
.section-line { height:1px; flex:1; background:linear-gradient(to left,var(--gold),rgba(var(--gold-rgb)/.4),transparent); }

/* ---------- ریسپانسیو ---------- */
@media (max-width:640px) {
  .btn { font-size:.8rem; }
  .btn-lg { font-size:.9rem; padding:.8rem 1.4rem; }
  .match { width:11.5rem; }
}

/* کاهش حرکت برای کاربران حساس */
@media (prefers-reduced-motion:reduce) {
  *, *::before, *::after { animation-duration:.01ms !important; transition-duration:.01ms !important; }
}