/* بازی دکمه — تم سپاه پاسداران */
html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  font-family: 'Vazirmatn', 'Segoe UI', Tahoma, sans-serif;
  font-size: 17px;
  line-height: 1.8;
  letter-spacing: 0;
  overflow: hidden;
}

body {
  animation-name: blurslowly;
  animation-iteration-count: infinite;
  animation-duration: 15s;
  animation-play-state: running;
}

.hello-message {
  margin: 40px;
  text-align: center;
}

h1 {
  font-family: 'Lalezar', 'Vazirmatn', sans-serif;
  font-weight: 400;
  font-size: 46px;
  line-height: 1.5;
  margin: 0 0 6px;
}

h2 {
  font-size: 24px;
  font-weight: 700;
  margin: 0 0 24px;
}

.hello-message img {
  width: 300px;
  max-width: 80%;
  height: auto;
}

.logout-messages {
  pointer-events: none;
  color: red;
  margin: 40px;
  position: fixed;
  top: 0;
  inset-inline-start: 0;
  font-weight: 700;
  text-shadow: 2px 2px #fff, 4px 4px 10px #000;
  z-index: 10;
}

.corner-picture {
  width: 130px;
  height: auto;
}

/* ---------- جلوه‌های اضافه ---------- */

/* هشدار قرمز چشمک‌زن گوشهٔ صفحه */
.alert-badge {
  position: fixed;
  top: 14px;
  inset-inline-start: 50%;
  transform: translateX(50%);
  z-index: 20;
  background: #d40000;
  color: #fff;
  font-weight: 900;
  font-size: 17px;
  padding: 10px 22px;
  border-radius: 999px;
  box-shadow: 0 0 0 4px rgba(255, 255, 255, .8), 0 6px 22px rgba(0, 0, 0, .55);
  animation: badge-blink .7s steps(1) infinite;
}

@keyframes badge-blink {
  0%, 49%  { background: #d40000; }
  50%, 100% { background: #111111; }
}

/* فیلتر رنگی روی کل صفحه (حالت شب‌رنگی/حرارتی) */
body.filter-night   { filter: hue-rotate(190deg) saturate(1.7) contrast(1.15); }
body.filter-thermal { filter: hue-rotate(-40deg) saturate(2.2) contrast(1.3) brightness(1.1); }
body.filter-invert  { filter: invert(1) hue-rotate(180deg); }

/* تکان خوردن کل صفحه */
body.shake { animation: shake-kf .12s linear infinite; }

@keyframes shake-kf {
  0%   { transform: translate(0, 0); }
  25%  { transform: translate(-8px, 5px); }
  50%  { transform: translate(7px, -6px); }
  75%  { transform: translate(-5px, -4px); }
  100% { transform: translate(0, 0); }
}

/* شمارندهٔ عملیات سایبری */
.ops-counter {
  position: fixed;
  bottom: 12px;
  inset-inline-start: 12px;
  z-index: 20;
  background: rgba(0, 0, 0, .75);
  color: #39ff7a;
  font-family: 'Courier New', monospace;
  font-size: 15px;
  font-weight: 700;
  padding: 8px 14px;
  border: 2px solid #39ff7a;
  border-radius: 6px;
  direction: ltr;
  text-align: left;
}

/* ---------- گلیچ ویدیو ---------- */

.chaos-video {
  will-change: transform, filter;
}

/* جدا شدن کانال‌های رنگی (RGB split) */
.glitch-rgb {
  animation: glitch-rgb-kf .18s steps(2) infinite;
}
@keyframes glitch-rgb-kf {
  0%   { filter: none; transform: translate(0, 0); }
  50%  { filter: drop-shadow(4px 0 0 #ff0000) drop-shadow(-4px 0 0 #00ffff); transform: translate(-3px, 1px); }
  100% { filter: drop-shadow(-3px 0 0 #ff0000) drop-shadow(3px 0 0 #00ffff); transform: translate(2px, -1px); }
}

/* خط‌خطی شدن تلویزیون قدیمی */
.glitch-scan {
  background: repeating-linear-gradient(
    to bottom,
    rgba(0, 0, 0, .45) 0px,
    rgba(0, 0, 0, .45) 2px,
    transparent 2px,
    transparent 5px
  );
  animation: glitch-scan-kf .5s linear infinite;
}
@keyframes glitch-scan-kf {
  0%   { background-position: 0 0; }
  100% { background-position: 0 40px; }
}

/* پرش کادر */
.glitch-jump {
  animation: glitch-jump-kf .12s steps(1) infinite;
}
@keyframes glitch-jump-kf {
  0%   { transform: translate(0, 0) scale(1); }
  20%  { transform: translate(-18px, 8px) scale(1.04); }
  40%  { transform: translate(14px, -12px) scale(0.98); }
  60%  { transform: translate(-9px, -6px) scale(1.02); }
  80%  { transform: translate(11px, 10px) scale(1); }
  100% { transform: translate(0, 0) scale(1); }
}

/* پارگی افقی تصویر */
.glitch-tear {
  clip-path: polygon(0 0, 100% 0, 100% 38%, 0 45%, 0 55%, 100% 62%, 100% 100%, 0 100%);
  animation: glitch-tear-kf .2s steps(3) infinite;
}
@keyframes glitch-tear-kf {
  0%   { transform: translateX(0); }
  33%  { transform: translateX(-26px); }
  66%  { transform: translateX(18px); }
  100% { transform: translateX(0); }
}

/* زوم ناگهانی */
.glitch-zoom {
  animation: glitch-zoom-kf .22s ease-in-out infinite alternate;
}
@keyframes glitch-zoom-kf {
  from { transform: scale(1); filter: saturate(1); }
  to   { transform: scale(1.14); filter: saturate(2.4) contrast(1.25); }
}

/* نویز و دانه‌دانه شدن */
.glitch-noise {
  filter: contrast(1.7) brightness(1.15) saturate(1.6);
  animation: glitch-noise-kf .1s steps(2) infinite;
}
@keyframes glitch-noise-kf {
  0%   { opacity: 1; transform: translate(0, 0); }
  50%  { opacity: .82; transform: translate(2px, -2px); }
  100% { opacity: 1; transform: translate(-2px, 2px); }
}

/* گلیچ شدید موقع تعویض کانال */
.glitch-hard {
  animation: glitch-hard-kf .07s steps(1) infinite;
}
@keyframes glitch-hard-kf {
  0%   { filter: invert(1) hue-rotate(90deg) saturate(3); transform: translate(0, 0) scale(1.05); }
  25%  { filter: none; transform: translate(-30px, 14px) scale(1.1); }
  50%  { filter: invert(1) contrast(2); transform: translate(24px, -18px) scale(.95); }
  75%  { filter: hue-rotate(200deg) saturate(4); transform: translate(-14px, 6px) scale(1.08); }
  100% { filter: none; transform: translate(0, 0) scale(1.05); }
}

/* گلیچ کل صفحه (روی بدنه) */
body.screen-glitch {
  animation: screen-glitch-kf .1s steps(1) infinite;
}
@keyframes screen-glitch-kf {
  0%   { filter: none; }
  50%  { filter: hue-rotate(120deg) contrast(1.6) saturate(2); }
  100% { filter: none; }
}

/* ---------- روکش‌های جدید ---------- */

/* صفحهٔ خطای بیننس (در پنجرهٔ فرزند) */
.binance-wrap {
  font-family: 'Segoe UI', Tahoma, sans-serif;
}

.binance-bar {
  display: flex;
  align-items: center;
  gap: 24px;
  background: #181a20;
  border-bottom: 1px solid #2b3139;
  padding: 14px 24px;
}

.binance-logo {
  color: #f0b90b;
  font-weight: 900;
  font-size: 20px;
  letter-spacing: .5px;
}

.binance-nav { color: #848e9c; font-size: 13px; }

.binance-error {
  max-width: 620px;
  margin: 48px auto;
  text-align: center;
}

.binance-flag { font-size: 40px; margin-bottom: 12px; }

.binance-h1 {
  font-size: 26px;
  color: #eaecef;
  margin: 0 0 18px;
}

.binance-p {
  color: #b7bdc6;
  font-size: 14px;
  line-height: 1.9;
  margin: 12px 0;
}

.binance-list {
  display: inline-block;
  text-align: start;
  color: #b7bdc6;
  font-size: 13px;
  line-height: 2;
}

.binance-iplog {
  background: #2b1c1c;
  border: 1px solid #f0b90b;
  border-radius: 8px;
  color: #f8d477;
  font-size: 13px;
  padding: 12px 16px;
  margin: 20px 0;
}

.binance-btn {
  background: #f0b90b;
  color: #181a20;
  border: none;
  border-radius: 6px;
  padding: 12px 32px;
  font-weight: 700;
  font-size: 14px;
  cursor: pointer;
}

/* پیام «هک شدی» تمام‌صفحه */
.hacked-overlay {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, .88);
  cursor: pointer;
  animation: hacked-in .25s ease-out;
}

@keyframes hacked-in {
  from { opacity: 0; transform: scale(1.15); }
  to   { opacity: 1; transform: scale(1); }
}

.hacked-box {
  background: #04170a;
  border: 3px solid #39ff7a;
  border-radius: 12px;
  padding: 34px 40px;
  max-width: 90%;
  text-align: center;
  color: #39ff7a;
  font-family: 'Courier New', monospace;
  box-shadow: 0 0 40px rgba(57, 255, 122, .5);
}

.hacked-title { font-size: 30px; font-weight: 900; margin-bottom: 14px; color: #ff3b3b; }
.hacked-sub   { font-family: 'Vazirmatn', Tahoma, sans-serif; font-size: 16px; color: #d7ffe4; margin-bottom: 18px; line-height: 2; }
.hacked-code  { direction: ltr; text-align: left; font-size: 14px; background: #000; padding: 14px; border-radius: 6px; margin-bottom: 14px; line-height: 1.7; }
.hacked-foot  { font-family: 'Vazirmatn', Tahoma, sans-serif; font-size: 13px; opacity: .7; }
.blink { animation: blink-kf .8s steps(1) infinite; }
@keyframes blink-kf { 0%, 49% { opacity: 1; } 50%, 100% { opacity: 0; } }

/* نوار پیشرفت جعلی */
.progress-popup {
  position: fixed;
  top: 50%;
  inset-inline-start: 50%;
  transform: translate(-50%, -50%);
  z-index: 5000;
  background: #14181f;
  border: 2px solid #3a4556;
  border-radius: 10px;
  padding: 20px 26px;
  width: 340px;
  max-width: 90vw;
  color: #e8eef7;
  font-size: 15px;
  box-shadow: 0 12px 40px rgba(0, 0, 0, .7);
}

.progress-label { margin-bottom: 12px; text-align: center; }
.progress-track { height: 14px; background: #2a3240; border-radius: 999px; overflow: hidden; }
.progress-fill  { height: 100%; width: 0; background: linear-gradient(90deg, #239f40, #39ff7a); transition: width .3s; }
.progress-pct   { text-align: center; margin-top: 10px; font-family: 'Courier New', monospace; color: #39ff7a; }

/* نشان دستاورد */
.achievement {
  position: fixed;
  top: 24px;
  inset-inline-end: 24px;
  z-index: 5000;
  display: flex;
  align-items: center;
  gap: 12px;
  background: #14181f;
  border: 2px solid #ffc107;
  border-radius: 10px;
  padding: 14px 20px;
  color: #fff;
  font-size: 14px;
  line-height: 1.6;
  box-shadow: 0 8px 30px rgba(0, 0, 0, .6);
  animation: ach-in .4s cubic-bezier(.2, 1.5, .5, 1);
}

.achievement.out { animation: ach-out .5s ease-in forwards; }
.ach-icon { font-size: 32px; }

@keyframes ach-in {
  from { opacity: 0; transform: translateX(-120%) scale(.8); }
  to   { opacity: 1; transform: translateX(0) scale(1); }
}
@keyframes ach-out {
  to { opacity: 0; transform: translateX(-120%) scale(.8); }
}

/* عکس شکستهٔ شناور */
.broken-img {
  position: fixed;
  z-index: 4000;
  font-size: 64px;
  filter: grayscale(1) brightness(.8);
  pointer-events: none;
  animation: broken-flicker .4s steps(2) infinite;
}

@keyframes broken-flicker {
  0%, 49%   { opacity: 1; }
  50%, 100% { opacity: .55; }
}

/* ---------- جلوه‌های نمایشی ---------- */

/* لاگ انتقال فایل‌ها */
.exfil-log {
  position: fixed;
  bottom: 12px;
  inset-inline-end: 12px;
  z-index: 3000;
  direction: ltr;
  text-align: left;
  font-family: 'Courier New', monospace;
  font-size: 12px;
  color: #7bd88a;
  background: rgba(0, 0, 0, .72);
  border: 1px solid #2c4a33;
  border-radius: 8px;
  padding: 10px 14px;
  max-width: 340px;
  pointer-events: none;
}

.exfil-log > div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* نشانگر REC */
.rec-timer {
  position: fixed;
  top: 64px;
  inset-inline-end: 12px;
  z-index: 3000;
  display: flex;
  align-items: center;
  gap: 6px;
  direction: ltr;
  background: rgba(0, 0, 0, .72);
  border: 1px solid #5a1f1f;
  border-radius: 999px;
  padding: 5px 12px;
  font-family: 'Courier New', monospace;
  font-size: 13px;
  font-weight: 700;
  color: #ff5b5b;
}

.rec-dot {
  color: #ff2020;
  animation: rec-blink 1.1s steps(1) infinite;
}

@keyframes rec-blink { 0%, 49% { opacity: 1; } 50%, 100% { opacity: .15; } }

/* موس شبح */
.ghost-cursor {
  position: fixed;
  z-index: 7000;
  font-size: 44px;
  pointer-events: none;
  filter: drop-shadow(0 0 10px rgba(255, 255, 255, .55));
  transition: top .45s linear, inset-inline-start .45s linear;
}

/* نوار زیرنویس خبری ویدیو (مثل تلویزیون) */
.video-title {
  position: fixed;
  bottom: 0;
  inset-inline: 0;
  z-index: 5;
  background: #b30000;
  color: #fff;
  font-weight: 700;
  font-size: 19px;
  text-align: center;
  padding: 10px 16px;
  box-shadow: 0 -4px 14px rgba(0, 0, 0, 0.5);
}

@keyframes blurslowly {
  0%   { filter: none; }
  92%  { filter: blur(0); }
  96%  { filter: blur(1px); }
  100% { filter: blur(0); }
}

.green-background { background-color: #239f40; }
.white-background { background-color: #ffffff; }
.white-text { color: #ffffff; }
.black-text { color: #000000; }

/* ---------- جلوه‌های ترس (نسخهٔ نهایی — تکراری‌ها حذف شدن) ---------- */
.watcher-eyes{position:fixed;z-index:6400;font-size:42px;pointer-events:none;transition:top .5s,inset-inline-start .5s;filter:drop-shadow(0 0 12px rgba(0,0,0,.8))}
.threat-counter{position:fixed;top:14px;inset-inline-end:16px;z-index:6500;background:rgba(20,0,0,.85);border:2px solid #ff2b2b;border-radius:8px;padding:8px 14px;font-size:15px;color:#ff8080}
.threat-num{font-weight:900;color:#ff2b2b;font-family:'Courier New',monospace;font-size:19px}
.threat-lbl{color:#ff8080}

/* ---------- گیت شروع (صفحهٔ اول) ---------- */
.gate{position:fixed;inset:0;z-index:9000;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#0b2b12,#06170b);text-align:center}
.gate-inner{max-width:520px;padding:24px}
.gate-badge{font-size:64px;margin-bottom:10px}
.gate-title{font-size:40px;color:#fff;margin:0 0 10px;text-shadow:0 3px 14px rgba(0,0,0,.6)}
.gate-sub{font-size:18px;color:#cfe8d4;margin:0 0 26px}
.gate-btn{background:#239f40;color:#fff;border:none;border-radius:999px;padding:16px 54px;font-family:'Lalezar','Vazirmatn',Tahoma,sans-serif;font-size:26px;cursor:pointer;box-shadow:0 8px 26px rgba(35,159,64,.55);transition:transform .12s}
.gate-btn:hover{transform:scale(1.05);background:#2bbd4d}
.gate-hint{font-size:14px;color:#9fc7aa;margin-top:18px;opacity:.85}

/* تصاویر گوشهٔ گیت */
.corner-tl{position:fixed;top:14px;inset-inline-start:14px}
.corner-tr{position:fixed;top:14px;inset-inline-end:14px}
.corner-bl{position:fixed;bottom:14px;inset-inline-start:14px}
.corner-br{position:fixed;bottom:14px;inset-inline-end:14px}
.corner-picture{opacity:.9;pointer-events:none}

/* صحنهٔ بعد از گیت */
.stage{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#fff}
.stage[hidden]{display:none}
.stage-hero{width:420px;max-width:85vw;height:auto}

/* کلیک روی دکمهٔ گیت */
.gate-pulse{animation:gate-pulse-kf .3s ease-out}
@keyframes gate-pulse-kf{0%{transform:scale(1)}40%{transform:scale(.93)}100%{transform:scale(1)}}

/* چرخش آروم تصویر گوشه */
.spin-slow{animation:spin-slow-kf 14s linear infinite}
@keyframes spin-slow-kf{to{transform:rotate(360deg)}}

/* در پنجرهٔ فرزند (پاپ‌آپ) گیت نشان داده نمی‌شه */
body.child-mode .gate{display:none}