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

/* ---------- فصل ۸۷، آکادمی مینیون ها — سپتامبر ۲۰۲۶ (کلاس جادو، پورتال سبز، یخ ایس ویزارد) ---------- */
body.t-academy{
  --bg:#061420;
  --glow-1:rgba(87,224,58,.18);
  --glow-2:rgba(111,211,255,.14);
  --panel:#0c2131;
  --panel-2:#123049;
  --text:#f1fbff;
  --text-2:#d2e6f1;
  --muted:#8fb3c7;
  --line:rgba(255,255,255,.12);
  --frame:rgba(111,211,255,.26);
  --pill-line:rgba(111,211,255,.45);
  --gold:#ffcf3d;
  --gold-2:#ffa21a;
  --gold-deep:#6a3d00;
  --blue:#2f8cff;
  --blue-2:#1d5fd8;
  --blue-deep:#0a2a66;
  --live:#7be04c;
  --accent:#6fd3ff;
  --accent-2:#39b82b;
  --elixir:#e04cff;
  --elixir-2:#8a1fd1;
  --plate:linear-gradient(180deg,#07192a,#0f2b44);
  --plate-line:rgba(111,211,255,.35);
  --unit-1:#2a6ea3;
  --unit-2:#0f3552;
  --ray:rgba(111,211,255,.2);
  --today-bg:rgba(255,207,61,.12);
  --today-ring:rgba(255,207,61,.24);
  --c-war:#3a8dff;
  --c-colo:#ff5a5f;
  --c-ev:#e04cff;
  --c-start:#ffcf3d;
  --glow-card:rgba(111,211,255,.16);
  --cta-1:#0a2233;
  --cta-2:#14506a;
  --cta-3:#39b82b;
  --title-stroke:#0a2a3a;
  --hero-pos:50% 16%;
  --hero-pos-m:44% 30%;
}

/* نور پورتال سبز کلاس جادو */
.t-academy .portal{position:absolute;top:6%;inset-inline-end:14%;width:46vw;max-width:640px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(150,255,90,.34) 0%,rgba(87,224,58,.14) 36%,rgba(87,224,58,0) 68%);mix-blend-mode:screen;animation:portal 5.5s ease-in-out infinite}
.t-academy .portal.b{top:16%;inset-inline-end:24%;width:20vw;max-width:280px;background:radial-gradient(circle,rgba(230,255,160,.5) 0%,rgba(150,255,90,.18) 40%,rgba(150,255,90,0) 70%);animation-duration:3.8s;animation-delay:-1.6s}

/* کریستال های یخ و برف ایس ویزارد */
.t-academy .snow{position:absolute;inset:0;overflow:hidden}
.t-academy .snow i{position:absolute;top:-6%;inset-inline-start:var(--x,50%);width:var(--s,7px);height:var(--s,7px);border-radius:2px;background:linear-gradient(135deg,#ffffff,#9fe3ff 60%,#4fb6f0);box-shadow:0 0 8px rgba(160,230,255,.8);opacity:var(--o,.8);transform:rotate(45deg);animation:snowfall var(--t,12s) linear infinite;animation-delay:var(--d,0s)}

/* هواپیماهای کاغذی مدرسه */
.t-academy .plane{position:absolute;top:var(--y,30%);inset-inline-start:-80px;width:46px;height:26px;opacity:.85;filter:drop-shadow(0 6px 6px rgba(0,0,0,.35));animation:glide var(--t,18s) linear infinite;animation-delay:var(--d,0s)}
.t-academy .plane::before,.t-academy .plane::after{content:"";position:absolute;inset:0}
.t-academy .plane::before{background:linear-gradient(160deg,#ffffff,#dfeaf2);clip-path:polygon(0 50%,100% 0,62% 100%)}
.t-academy .plane::after{background:#b9cbd8;clip-path:polygon(0 50%,62% 100%,56% 60%)}

/* برق های یخی */
.t-academy .spark{position:absolute;top:var(--y,50%);inset-inline-start:var(--x,50%);width:var(--s,12px);height:var(--s,12px);background:#e9fbff;clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);filter:drop-shadow(0 0 6px rgba(160,230,255,.9));animation:sparkle 3s ease-in-out infinite;animation-delay:var(--d,0s)}

/* لبه ی برفی پایین هدر */
.hero-edge.frost{height:96px;bottom:-2px;background:
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 96' preserveAspectRatio='none'%3E%3Cpath fill='%23061420' d='M0 96V62c30-10 52-12 80-6s48 10 78 2 50-18 84-14 52 16 86 12 54-16 88-12 50 14 80 10 44-10 104-2v44z'/%3E%3C/svg%3E") bottom center/100% 96px no-repeat,
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 96' preserveAspectRatio='none'%3E%3Cpath fill='%23dff4ff' fill-opacity='.9' d='M0 96V52c34-12 56-14 86-6s46 12 76 4 48-20 84-16 54 18 88 12 52-18 86-14 50 16 82 10 46-12 98-4v58z'/%3E%3Cpath fill='%23a9dcf5' fill-opacity='.55' d='M0 96V58c28-8 50-8 78-2s50 8 80 0 52-14 86-10 50 12 84 8 56-14 90-10 48 12 80 8 50-8 102 0v44z'/%3E%3C/svg%3E") bottom center/100% 96px no-repeat}
.hero-edge.frost .glint{position:absolute;bottom:36px;inset-inline-start:var(--x,50%);width:12px;height:12px;background:#fff;clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);filter:drop-shadow(0 0 5px rgba(170,235,255,.95));animation:sparkle 2.8s ease-in-out infinite;animation-delay:var(--d,0s)}

/* ---------- کلاسیک (حالت پیش فرض وقتی تم فصل جدید هنوز گذاشته نشده) ---------- */
body.t-classic{
  --bg:#07122b;
  --glow-1:rgba(47,140,255,.28);
  --glow-2:rgba(255,77,94,.12);
  --panel:#0f1f47;
  --panel-2:#172b5e;
  --text:#f4f7ff;
  --text-2:#d8e0f5;
  --muted:#9aa8cc;
  --line:rgba(255,255,255,.12);
  --frame:rgba(255,207,61,.22);
  --pill-line:rgba(255,207,61,.42);
  --gold:#ffcf3d;
  --gold-2:#f5a00b;
  --gold-deep:#5a3400;
  --blue:#2f8cff;
  --blue-2:#1d5fd8;
  --blue-deep:#0a2a66;
  --live:#7be04c;
  --accent:#ff4d5e;
  --accent-2:#ff4d5e;
  --elixir:#e04cff;
  --elixir-2:#8a1fd1;
  --plate:linear-gradient(180deg,#0c1631,#15224d);
  --plate-line:rgba(255,207,61,.32);
  --unit-1:#34448a;
  --unit-2:#1a2350;
  --ray:rgba(255,207,61,.22);
  --today-bg:rgba(255,207,61,.12);
  --today-ring:rgba(255,207,61,.22);
  --c-war:#3a8dff;
  --c-colo:#ff5a5f;
  --c-ev:#e04cff;
  --c-start:#ffcf3d;
  --glow-card:rgba(122,167,255,.18);
  --cta-1:#10245a;
  --cta-2:#2a3f9a;
  --cta-3:#ff4d5e;
  --title-stroke:#241a05;
  --hero-pos:50% 45%;
  --hero-pos-m:40% 50%;
}
/* پرچم تیم آبی و قرمز */
.t-classic .flag{position:absolute;top:-6px;width:70px;height:120px;transform-origin:50% 0;animation:sway 4.6s ease-in-out infinite;filter:drop-shadow(0 8px 10px rgba(0,0,0,.4))}
.t-classic .flag::before{content:"";position:absolute;inset:0;clip-path:polygon(0 0,100% 0,100% 100%,50% 82%,0 100%)}
.t-classic .flag.a{inset-inline-start:6%}
.t-classic .flag.a::before{background:linear-gradient(180deg,#5aa8ff,#1d5fd8)}
.t-classic .flag.b{inset-inline-end:8%;animation-delay:-2.1s}
.t-classic .flag.b::before{background:linear-gradient(180deg,#ff7d88,#d42e3d)}
.t-classic .flag::after{content:"";position:absolute;top:30px;inset-inline:17px;height:28px;background:#ffcf3d;-webkit-mask:var(--crown) center/contain no-repeat;mask:var(--crown) center/contain no-repeat}
.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 .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.arena{height:92px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 92' preserveAspectRatio='none'%3E%3Cpath fill='%2307122b' d='M0 92V62h10v-8h10v8h10v-8h10v8h10v-8h10v8h12V40l10-10 10 10v22h14v-8h10v8h10v-8h10v8h10v-8h10v8h10v-8h10v8h12V30l14-14 14 14v32h12v-8h10v8h10v-8h10v8h10v-8h10v8h10v-8h10v8h12V40l10-10 10 10v22h14v-8h10v8h10v-8h10v8h10v-8h10v8h10v-8h10v8h12V44l9-9 9 9v18h14v-8h10v8h10v-8h10v8h8v30z'/%3E%3Cpath fill='%235aa8ff' d='M92 30V14l14 5-14 5z'/%3E%3Cpath fill='%23ff5a5f' d='M326 16V0l14 5-14 5z'/%3E%3Cpath fill='%235aa8ff' d='M456 30V14l14 5-14 5z'/%3E%3C/svg%3E") bottom center/100% 92px no-repeat}
@media (max-width:760px){
  .t-academy .portal{width:80vw;inset-inline-end:-6%}
  .t-academy .plane{width:34px;height:19px}
  .hero-edge.frost{height:70px;background-size:100% 70px,100% 70px}
  .hero-edge.frost .glint{bottom:26px}
  .t-classic .flag{width:52px;height:90px}
}

/* ---------- انیمیشن های مخصوص تم ها ---------- */
@keyframes portal{0%,100%{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}
@keyframes snowfall{from{transform:translate3d(0,-10vh,0) rotate(45deg)}to{transform:translate3d(var(--dx,20px),110vh,0) rotate(405deg)}}
@keyframes glide{0%{transform:translate3d(0,0,0) rotate(var(--r,0deg))}50%{transform:translate3d(-60vw,-26px,0) rotate(calc(var(--r,0deg) - 6deg))}100%{transform:translate3d(-125vw,10px,0) rotate(var(--r,0deg))}}
@keyframes sway{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}
@keyframes twinkle{from{opacity:.35}to{opacity:1}}
@keyframes sparkle{0%,100%{opacity:0;transform:scale(.4)}50%{opacity:1;transform:scale(1.25)}}