/* MarsPixel — Event Games section */
.ev-wrap{max-width:1100px;margin:90px auto 0;padding:0 20px}
.ev-banner{position:relative;border-radius:28px;overflow:hidden;padding:44px clamp(22px,4vw,52px);
  background:linear-gradient(135deg,rgba(155,109,255,.14),rgba(61,209,255,.08) 45%,rgba(255,209,102,.10));
  border:1px solid rgba(155,109,255,.28);box-shadow:0 30px 80px rgba(0,0,0,.45)}
.ev-glow{position:absolute;top:-140px;inset-inline-start:-80px;width:520px;height:420px;pointer-events:none;
  background:radial-gradient(ellipse at center,rgba(155,109,255,.28),transparent 68%);filter:blur(24px);
  animation:evFloat 9s ease-in-out infinite alternate}
@keyframes evFloat{0%{transform:translate(0,0)}100%{transform:translate(70px,40px)}}
.ev-stars{position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:radial-gradient(1.5px 1.5px at 18% 22%,#fff,transparent),
                   radial-gradient(1.5px 1.5px at 72% 14%,rgba(255,209,102,.9),transparent),
                   radial-gradient(1px 1px at 44% 68%,rgba(61,209,255,.9),transparent),
                   radial-gradient(1.5px 1.5px at 88% 60%,#fff,transparent),
                   radial-gradient(1px 1px at 30% 88%,rgba(155,109,255,.9),transparent);
  animation:evTwinkle 4s ease-in-out infinite alternate}
@keyframes evTwinkle{0%{opacity:.25}100%{opacity:.75}}
.ev-in{position:relative;z-index:2}
.ev-tag{display:inline-flex;align-items:center;gap:8px;padding:6px 15px;border-radius:999px;margin-bottom:18px;
  background:rgba(255,209,102,.12);border:1px solid rgba(255,209,102,.35);
  font-size:11px;font-weight:800;letter-spacing:1.4px;color:#ffd166;text-transform:uppercase}
.ev-pulse{width:7px;height:7px;border-radius:50%;background:#ffd166;box-shadow:0 0 0 0 rgba(255,209,102,.7);animation:evPulse 1.8s infinite}
@keyframes evPulse{0%{box-shadow:0 0 0 0 rgba(255,209,102,.6)}70%{box-shadow:0 0 0 9px rgba(255,209,102,0)}100%{box-shadow:0 0 0 0 rgba(255,209,102,0)}}
.ev-h{font-size:clamp(28px,4.4vw,44px);font-weight:800;color:#fff;line-height:1.15;margin:0 0 14px}
.ev-hl{background:linear-gradient(90deg,#ffd166,#9b6dff,#3dd1ff);-webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;background-size:200% auto;animation:evShine 4s linear infinite}
@keyframes evShine{to{background-position:200% center}}
.ev-p{max-width:600px;font-size:14.5px;font-weight:600;line-height:1.85;color:rgba(224,238,255,.78);margin:0 0 30px}
.ev-perks{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin-bottom:26px}
.ev-perk{display:flex;gap:12px;padding:16px;border-radius:16px;background:rgba(0,0,0,.24);border:1px solid rgba(255,255,255,.07)}
.ev-ico{font-size:24px;line-height:1;flex-shrink:0}
.ev-perk b{display:block;font-size:13.5px;font-weight:800;color:#fff;margin-bottom:5px}
.ev-perk small{display:block;font-size:11.5px;font-weight:600;line-height:1.65;color:rgba(176,227,255,.55)}
.ev-cta{display:inline-block;padding:11px 20px;border-radius:12px;font-size:13px;font-weight:800;color:#3dd1ff;
  background:rgba(61,209,255,.10);border:1px dashed rgba(61,209,255,.34)}
/* بطاقات مقفولة */
.ev-grid{margin-top:30px}
.ev-card{position:relative;overflow:hidden}
.ev-card::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(155,109,255,.2)}
.ev-card.locked{opacity:.55;filter:saturate(.35)}
.ev-card.locked .btn-play{background:rgba(255,255,255,.06);color:rgba(176,227,255,.45);box-shadow:none;cursor:not-allowed}
.ev-badge{position:absolute;top:12px;inset-inline-end:12px;z-index:3;display:flex;flex-direction:column;gap:5px;align-items:flex-end}
.ev-chip{padding:4px 10px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.5px;white-space:nowrap}
.ev-chip.x2{background:rgba(255,209,102,.16);border:1px solid rgba(255,209,102,.4);color:#ffd166}
.ev-chip.off{background:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.14);color:rgba(176,227,255,.6)}
.ev-chip.on{background:rgba(126,226,168,.16);border:1px solid rgba(126,226,168,.45);color:#7ee2a8}
.ev-host{display:flex;align-items:center;gap:6px;margin-top:10px;padding:7px 11px;border-radius:10px;
  background:rgba(155,109,255,.10);border:1px solid rgba(155,109,255,.24);font-size:11.5px;font-weight:800;color:#c9a3ff}
.ev-host img{width:18px;height:18px;border-radius:5px;image-rendering:pixelated}
html[lang="ar"] .ev-wrap{font-family:Tajawal,Poppins,sans-serif}
@media(max-width:600px){.ev-banner{padding:32px 20px}}

/* ── ترتيب واضح ── */
.ev-head{text-align:center;max-width:640px;margin:0 auto 34px}
.ev-head .ev-p{margin-inline:auto}
.ev-sec{margin-bottom:30px}
.ev-lbl{display:flex;align-items:center;gap:14px;margin-bottom:16px;
  font-size:11px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:rgba(176,227,255,.5);white-space:nowrap}
.ev-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(155,109,255,.28),transparent)}
.ev-perk{display:block;text-align:center;padding:20px 16px}
.ev-perk .ev-ico{font-size:28px;margin-bottom:11px}
.ev-perk b{font-size:14px;margin-bottom:7px}
.ev-perk small{font-size:12px;line-height:1.7}
.ev-steps{display:flex;align-items:stretch;gap:10px;flex-wrap:wrap}
.ev-step{flex:1;min-width:180px;display:flex;align-items:center;gap:11px;padding:14px 16px;border-radius:14px;
  background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.07);
  font-size:12.5px;font-weight:700;line-height:1.6;color:rgba(224,238,255,.78)}
.ev-n{flex-shrink:0;width:26px;height:26px;border-radius:9px;display:flex;align-items:center;justify-content:center;
  background:rgba(155,109,255,.16);border:1px solid rgba(155,109,255,.35);color:#c9a3ff;font-size:12px;font-weight:800}
.ev-arrow{display:flex;align-items:center;color:rgba(155,109,255,.4);font-size:16px;font-weight:800;flex-shrink:0}
html[dir="rtl"] .ev-arrow{transform:scaleX(-1)}
.ev-cta{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;padding:14px;
  border-radius:14px;font-size:13.5px;font-weight:800;color:#ffd166;
  background:rgba(255,209,102,.08);border:1px dashed rgba(255,209,102,.32)}
.ev-bell{animation:evRing 2.6s ease-in-out infinite}
@keyframes evRing{0%,88%,100%{transform:rotate(0)}91%{transform:rotate(14deg)}94%{transform:rotate(-12deg)}97%{transform:rotate(7deg)}}
@media(max-width:760px){.ev-arrow{display:none}.ev-step{min-width:100%}}