/* ==========================================================================
   themes.css : رنگ و دکور هر فصل کلش
   هر فصل یک بلوک دارد: توکن‌های رنگ + دکور مخصوص همان فصل.
   برای فصل جدید، یک بلوک تازه بساز و در app.js به THEMES اضافه‌اش کن.
   راهنما: SEASON-THEME-GUIDE.md
   ========================================================================== */

/* ---------- فصل WWE — سپتامبر ۲۰۲۶ (سالن مسابقه، نورافکن و کمربند) ---------- */
body.t-wwe{
  --bg:#0a0616;
  --glow-1:rgba(122,40,190,.34);
  --glow-2:rgba(255,61,127,.13);
  --panel:#170c34;
  --panel-2:#23124c;
  --text:#f9f3ff;
  --text-2:#ded3f2;
  --muted:#b09ad6;
  --line:rgba(255,255,255,.13);
  --pill-line:rgba(255,201,60,.42);
  --gold:#ffc93c;
  --gold-2:#ff9f1a;
  --gold-deep:#6a3d00;
  --green:#5ec23a;
  --live:#7ade51;
  --accent:#ff3d7f;
  --plate:linear-gradient(180deg,#120a26,#1d0f3d);
  --plate-line:rgba(255,201,60,.35);
  --unit-1:#3d2173;
  --unit-2:#1b0d3b;
  --ray:rgba(255,201,60,.2);
  --today-bg:rgba(255,201,60,.12);
  --today-ring:rgba(255,201,60,.24);
  --c-cwl:#ff3d7f;
  --c-cg:#ffc93c;
  --c-raid:#2fd2ff;
  --glow-card:rgba(255,61,127,.16);
  --cta-1:#2a0b4d;
  --cta-2:#6d1150;
  --cta-3:#ff3d7f;
  --title-stroke:#3d0f33;
  --hero-pos:50% 32%;
  --hero-pos-m:52% 26%;
}

/* نورافکن‌های سالن */
.t-wwe .spot{position:absolute;top:-14%;width:30vw;height:128%;transform-origin:50% 0;mix-blend-mode:screen;filter:blur(7px);clip-path:polygon(46% 0,54% 0,100% 100%,0 100%);opacity:.5;animation:sweep 9s ease-in-out infinite alternate}
.t-wwe .spot.a{inset-inline-start:6%;background:linear-gradient(180deg,rgba(255,255,255,.75),rgba(255,255,255,0) 72%)}
.t-wwe .spot.b{inset-inline-start:42%;background:linear-gradient(180deg,rgba(47,210,255,.7),rgba(47,210,255,0) 72%);animation-delay:-3.4s;animation-duration:11s}
.t-wwe .spot.c{inset-inline-end:8%;background:linear-gradient(180deg,rgba(255,61,127,.7),rgba(255,61,127,0) 72%);animation-delay:-6s;animation-duration:10s}

/* فلاش دوربین تماشاگرها */
.t-wwe .flash{position:absolute;top:var(--y,40%);inset-inline-start:var(--x,50%);width:var(--s,10px);height:var(--s,10px);border-radius:50%;background:radial-gradient(circle,#fff 0%,rgba(255,255,255,.6) 35%,rgba(255,255,255,0) 70%);opacity:0;animation:flash 4s ease-out infinite;animation-delay:var(--d,0s)}

/* کانفتی طلایی و صورتی */
.t-wwe .confetti{position:absolute;inset:0;overflow:hidden}
.t-wwe .confetti i{position:absolute;top:-8%;inset-inline-start:var(--x,50%);width:var(--w,7px);height:var(--h,12px);border-radius:2px;background:var(--c,#ffc93c);opacity:.85;animation:fall var(--t,9s) linear infinite;animation-delay:var(--d,0s)}

/* آتش‌بازی گوشه‌های رینگ */
.t-wwe .pyro{position:absolute;bottom:0;width:320px;height:260px;background:radial-gradient(circle at 50% 100%,rgba(255,160,40,.5) 0%,rgba(255,80,20,.18) 38%,rgba(255,80,20,0) 70%);animation:flicker 2.8s ease-in-out infinite}
.t-wwe .pyro.a{inset-inline-start:-60px}
.t-wwe .pyro.b{inset-inline-end:-40px;animation-delay:-1.3s}

/* طناب‌های رینگ به‌جای لبه‌ی پایین هدر */
.hero-edge.ropes{height:104px;bottom:-12px}
.ropes .rope{position:absolute;inset-inline:0;height:9px;border-radius:6px;box-shadow:0 5px 12px rgba(0,0,0,.5),inset 0 -2px 0 rgba(0,0,0,.35),inset 0 2px 0 rgba(255,255,255,.4)}
.ropes .rope:nth-child(1){bottom:64px;background:linear-gradient(180deg,#ff6b6b,#d32a2a)}
.ropes .rope:nth-child(2){bottom:36px;background:linear-gradient(180deg,#ffffff,#c9c9d6)}
.ropes .rope:nth-child(3){bottom:8px;background:linear-gradient(180deg,#5b8cff,#2a49c8)}
.ropes .rope-post{position:absolute;bottom:0;width:26px;height:96px;border-radius:9px;background:linear-gradient(90deg,#2b1a4f,#6a4bb0 45%,#2b1a4f);box-shadow:0 10px 22px rgba(0,0,0,.5)}
.ropes .rope-post::after{content:"";position:absolute;inset-inline:-7px;top:18px;height:52px;border-radius:12px;background:linear-gradient(180deg,#ffc93c,#ff9f1a);box-shadow:inset 0 -4px 0 rgba(120,70,0,.35)}
.ropes .rope-post.p-r{inset-inline-end:2%}
.ropes .rope-post.p-l{inset-inline-start:2%}
@media (max-width:760px){
  .hero-edge.ropes{height:72px;bottom:-8px}
  .ropes .rope{height:7px}
  .ropes .rope:nth-child(1){bottom:44px}
  .ropes .rope:nth-child(2){bottom:25px}
  .ropes .rope:nth-child(3){bottom:6px}
  .ropes .rope-post{width:18px;height:64px;border-radius:7px}
  .ropes .rope-post::after{inset-inline:-5px;top:12px;height:34px;border-radius:9px}
  .t-wwe .pyro{width:220px;height:180px}
  .t-classic .torch{width:150px;height:150px}
}

/* ---------- فصل کلاسیک (حالت پیش‌فرض وقتی تم فصل جدید هنوز گذاشته نشده) ---------- */
body.t-classic{
  --bg:#070b1c;
  --glow-1:rgba(60,90,200,.3);
  --glow-2:rgba(245,158,11,.12);
  --panel:#121a3a;
  --panel-2:#1d2957;
  --text:#f4f7ff;
  --text-2:#d8e0f5;
  --muted:#9aa8cc;
  --line:rgba(255,255,255,.12);
  --pill-line:rgba(255,204,51,.4);
  --gold:#ffcc33;
  --gold-2:#f59e0b;
  --gold-deep:#5a3400;
  --green:#5ec23a;
  --live:#7be04c;
  --accent:#d94fe0;
  --plate:linear-gradient(180deg,#0c1228,#15204a);
  --plate-line:rgba(255,204,51,.32);
  --unit-1:#34448a;
  --unit-2:#1a2350;
  --ray:rgba(255,204,51,.22);
  --today-bg:rgba(255,204,51,.12);
  --today-ring:rgba(255,204,51,.22);
  --c-cwl:#d94fe0;
  --c-cg:#f59e0b;
  --c-raid:#5ec23a;
  --glow-card:rgba(122,167,255,.18);
  --cta-1:#241046;
  --cta-2:#5b2a7a;
  --cta-3:#b53fc0;
  --title-stroke:#33240a;
  --hero-pos:50% 42%;
  --hero-pos-m:56% 38%;
}
.t-classic .stars{position:absolute;inset:0;background-image:radial-gradient(1.6px 1.6px at 8% 14%,#fff 50%,transparent 52%),radial-gradient(1.2px 1.2px at 22% 38%,#fff 50%,transparent 52%),radial-gradient(1.8px 1.8px at 37% 9%,#ffe9a8 50%,transparent 52%),radial-gradient(1.1px 1.1px at 49% 27%,#fff 50%,transparent 52%),radial-gradient(1.5px 1.5px at 63% 12%,#fff 50%,transparent 52%),radial-gradient(1.2px 1.2px at 71% 44%,#fff 50%,transparent 52%),radial-gradient(1.7px 1.7px at 88% 22%,#ffe9a8 50%,transparent 52%),radial-gradient(1.1px 1.1px at 94% 52%,#fff 50%,transparent 52%);animation:twinkle 3.8s ease-in-out infinite alternate}
.t-classic .stars.b{background-image:radial-gradient(1.2px 1.2px at 4% 34%,#fff 50%,transparent 52%),radial-gradient(1.6px 1.6px at 30% 20%,#fff 50%,transparent 52%),radial-gradient(1.1px 1.1px at 43% 46%,#ffe9a8 50%,transparent 52%),radial-gradient(1.5px 1.5px at 58% 6%,#fff 50%,transparent 52%),radial-gradient(1.2px 1.2px at 79% 33%,#fff 50%,transparent 52%);animation-delay:-1.9s;animation-duration:4.6s}
.t-classic .torch{position:absolute;bottom:12%;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(255,170,40,.5) 0%,rgba(255,120,20,.16) 42%,rgba(255,120,20,0) 70%);animation:flicker 2.7s ease-in-out infinite}
.t-classic .torch.a{inset-inline-start:-50px}
.t-classic .torch.b{inset-inline-end:14%;width:150px;height:150px;animation-delay:-1.2s}
.t-classic .spark{position:absolute;top:var(--y,50%);inset-inline-start:var(--x,50%);width:var(--s,11px);height:var(--s,11px);border-radius:50%;background:radial-gradient(circle,#fff 0%,#ffe27a 35%,rgba(255,204,51,0) 70%);animation:sparkle 3s ease-in-out infinite;animation-delay:var(--d,0s)}
.hero-edge.village{height:92px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 92' preserveAspectRatio='none'%3E%3Cpolygon fill='%23070b1c' points='0,92 0,62 28,62 28,48 38,38 48,48 48,62 82,62 82,54 90,54 90,40 96,40 96,32 106,32 106,40 112,40 112,54 120,54 120,62 164,62 164,46 186,26 208,46 208,62 244,62 244,52 254,52 254,36 270,22 286,36 286,52 296,52 296,62 348,62 348,50 356,50 356,42 364,42 364,50 372,50 372,62 412,62 412,44 430,28 448,44 448,62 478,62 478,56 488,56 488,42 494,42 494,36 502,36 502,42 508,42 508,56 518,56 518,62 564,62 564,50 578,38 592,50 592,62 600,62 600,92'/%3E%3Cpolygon fill='%23e5483b' points='101,32 101,20 113,24 101,28'/%3E%3Cpolygon fill='%23e5483b' points='270,22 270,10 282,14 270,18'/%3E%3Cpolygon fill='%23e5483b' points='498,36 498,24 510,28 498,32'/%3E%3Cg fill='%23ffcc33'%3E%3Crect x='35' y='52' width='5' height='7' rx='1'/%3E%3Crect x='98' y='44' width='5' height='7' rx='1'/%3E%3Crect x='182' y='48' width='7' height='9' rx='1'/%3E%3Crect x='266' y='40' width='6' height='8' rx='1'/%3E%3Crect x='357' y='52' width='5' height='7' rx='1'/%3E%3Crect x='427' y='48' width='6' height='8' rx='1'/%3E%3Crect x='495' y='46' width='5' height='7' rx='1'/%3E%3Crect x='575' y='52' width='5' height='7' rx='1'/%3E%3C/g%3E%3C/svg%3E") bottom center/100% 92px no-repeat}

/* ---------- انیمیشن‌های مخصوص تم‌ها ---------- */
@keyframes sweep{from{transform:rotate(-13deg)}to{transform:rotate(13deg)}}
@keyframes flash{0%,92%{opacity:0;transform:scale(.4)}95%{opacity:1;transform:scale(1.3)}100%{opacity:0;transform:scale(.6)}}
@keyframes fall{from{transform:translate3d(0,-10vh,0) rotate(0)}to{transform:translate3d(var(--dx,20px),110vh,0) rotate(720deg)}}
@keyframes flicker{0%,100%{opacity:.75;transform:scale(1)}40%{opacity:1;transform:scale(1.05)}65%{opacity:.8;transform:scale(.97)}}
@keyframes twinkle{from{opacity:.35}to{opacity:1}}
@keyframes sparkle{0%,100%{opacity:0;transform:scale(.4)}50%{opacity:1;transform:scale(1.25)}}