/* ==========================================================================
   themes.css : رنگ و دکور هر آپدیت فری فایر
   هر آپدیت یک بلوک توکن دارد؛ دکورها مشترک اند و رنگشان از توکن ها می آید.
   راهنما: SEASON-THEME-GUIDE.md
   ========================================================================== */

/* ---------- آپدیت OB55 — شب آتش و نینجا (شوریکن، جرقه، شعله) ---------- */
body.t-ob55{
  --bg:#0c0a1a;
  --panel:#151229;
  --panel-2:#1e1a39;
  --text:#fff6ee;
  --text-2:#f1e2d6;
  --muted:#b6a8bb;
  --line:rgba(255,255,255,.12);
  --pill-line:rgba(255,122,26,.5);
  --accent:#ff6a1a;
  --accent-2:#3fe0d0;
  --glow-1:rgba(255,106,26,.22);
  --glow-2:rgba(63,224,208,.12);
  --zone-c:#7fd8ff;
  --zone:rgba(127,216,255,.45);
  --zone-fill:rgba(127,216,255,.05);
  --gloo:#9feaff;
  --flame:rgba(255,106,26,.5);
  --ember-1:#ffb347;
  --ember-2:#ff5a1f;
  --unit-1:#251a35;
  --unit-2:#100c1e;
  --today-bg:rgba(255,186,0,.12);
  --today-ring:rgba(255,186,0,.2);
  --c-pass:#c77dff;
  --c-cs:#3fe0d0;
  --c-event:#ff4d6d;
  --title-2:#ffc36b;
  --hero-pos:28% 40%;
  --hero-pos-m:50% 18%;
  --band-pos:45% 35%;
}

/* ---------- تم پیش فرض فری فایر (وقتی تم آپدیت تازه هنوز گذاشته نشده) ---------- */
body.t-classic{
  --bg:#0d0b16;
  --panel:#17142a;
  --panel-2:#221d3b;
  --text:#f8f6ff;
  --text-2:#e2ddf5;
  --muted:#a9a3c4;
  --line:rgba(255,255,255,.12);
  --pill-line:rgba(255,186,0,.5);
  --accent:#ffba00;
  --accent-2:#4fb3ff;
  --glow-1:rgba(255,186,0,.16);
  --glow-2:rgba(130,90,255,.16);
  --zone-c:#7fd8ff;
  --zone:rgba(127,216,255,.55);
  --zone-fill:rgba(127,216,255,.06);
  --gloo:#9feaff;
  --flame:rgba(255,160,0,.35);
  --ember-1:#ffd34d;
  --ember-2:#ff9a1f;
  --unit-1:#262140;
  --unit-2:#120f22;
  --today-bg:rgba(255,186,0,.12);
  --today-ring:rgba(255,186,0,.2);
  --c-pass:#c77dff;
  --c-cs:#3fe0d0;
  --c-event:#ff4d6d;
  --title-2:#ffe08a;
  --hero-pos:40% 30%;
  --hero-pos-m:50% 22%;
  --band-pos:62% 40%;
}

/* ---------- دکورهای مشترک هدر ---------- */
/* میدان شش ضلعی گلو وال */
.hero-decor .hex{position:absolute;inset:0;background:var(--hex) 0 0/42px 72px;opacity:.08;-webkit-mask-image:radial-gradient(60% 70% at 22% 45%,#000 20%,transparent 75%);mask-image:radial-gradient(60% 70% at 22% 45%,#000 20%,transparent 75%)}

/* زون امن فری فایر */
.hero-decor .zone{position:absolute;top:8%;left:3%;width:min(40vw,500px);opacity:.75;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,0) 94%,var(--zone-fill));box-shadow:inset 0 0 0 2px var(--zone),0 0 50px var(--zone-fill);animation:ffzone 10s ease-in-out infinite}
.hero-decor .zone::after{content:"";position:absolute;inset:26%;border-radius:50%;border:1.5px dashed rgba(255,255,255,.5);animation:spin 46s linear infinite}

/* ایردراپ با چتر */
.hero-decor .airdrop{position:absolute;top:0;left:16%;width:54px;height:71px;opacity:0;filter:drop-shadow(0 0 10px rgba(127,216,255,.45));
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 84'%3E%3Cpath d='M4 28C4 13 17 3 32 3s28 10 28 25c-4.5-3-9.5-3-14 0-4.5-3-9.5-3-14 0-4.5-3-9.5-3-14 0-4.5-3-9.5-3-14 0z' fill='%23fff'/%3E%3Cpath d='M19 5c-3 7-4.5 15-4.5 23M45 5c3 7 4.5 15 4.5 23M32 3v25' stroke='%23ff7a00' stroke-width='5' fill='none'/%3E%3Cpath d='M6 29l19 28M58 29L39 57M32 28v29' stroke='%23e9e9e9' stroke-width='1.4'/%3E%3Crect x='19' y='57' width='26' height='22' rx='2' fill='%23ffba00'/%3E%3Cpath d='M19 64h26M19 72h26' stroke='%23a35f00' stroke-width='2'/%3E%3C/svg%3E") center/contain no-repeat;
  animation:airdrop 19s linear infinite}

/* شعله پایین هدر */
.hero-decor .flame{position:absolute;bottom:-12%;left:-6%;width:62%;height:52%;background:radial-gradient(closest-side,var(--flame),rgba(0,0,0,0));filter:blur(22px);animation:flame 3.6s ease-in-out infinite alternate}

/* شوریکن (فقط تم OB55؛ سلاح رسمی همین آپدیت) */
.hero-decor .shuriken{position:absolute;top:var(--y,30%);left:-50px;width:var(--s,22px);height:var(--s,22px);background:linear-gradient(135deg,#fff,var(--gloo));opacity:.8;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill-rule='evenodd' d='M32 0l7 25 25 7-25 7-7 25-7-25L0 32l25-7zM32 27a5 5 0 1 0 0 10 5 5 0 0 0 0-10z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill-rule='evenodd' d='M32 0l7 25 25 7-25 7-7 25-7-25L0 32l25-7zM32 27a5 5 0 1 0 0 10 5 5 0 0 0 0-10z'/%3E%3C/svg%3E") center/contain no-repeat;
  animation:shuriken var(--t,12s) linear infinite;animation-delay:var(--d,0s)}

/* جرقه ها */
.hero-decor .ember{position:absolute;bottom:-10px;left:var(--x,50%);width:var(--s,4px);height:var(--s,4px);border-radius:50%;background:var(--c,#ff7a3c);box-shadow:0 0 8px var(--c,#ff7a3c);opacity:0;animation:ember var(--t,7s) linear infinite;animation-delay:var(--d,0s)}

@keyframes ffzone{0%,100%{transform:scale(1)}50%{transform:scale(.93)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes airdrop{0%{transform:translate3d(0,-90px,0) rotate(-7deg);opacity:0}8%{opacity:.95}35%{transform:translate3d(22px,22vh,0) rotate(6deg)}65%{transform:translate3d(-14px,46vh,0) rotate(-5deg)}88%{opacity:.95}100%{transform:translate3d(6px,66vh,0) rotate(3deg);opacity:0}}
@keyframes flame{from{transform:translate3d(0,0,0) scale(1);opacity:.85}to{transform:translate3d(24px,-18px,0) scale(1.12);opacity:1}}
@keyframes shuriken{0%{transform:translate3d(0,0,0) rotate(0)}100%{transform:translate3d(120vw,-14vh,0) rotate(1800deg)}}
@keyframes ember{0%{transform:translate3d(0,0,0);opacity:0}10%{opacity:.95}100%{transform:translate3d(var(--dx,20px),-90vh,0);opacity:0}}

@media (max-width:760px){
  .hero-decor .zone{top:3%;left:-30%;width:110vw}
  .hero-decor .airdrop{left:8%;width:44px;height:58px}
  .hero-decor .flame{width:100%;height:40%}
}