/* مؤقت خسوف القمر برأس صفحة الألعاب */
body.sm-active #seChip{display:none!important}
body.playing.sm-active #seChip{display:inline-flex!important}
.sz-hero.sm-on .sz-emblem,.sz-hero.sm-on .sz-rays{display:none!important}
.sz-hero.sm-on .sz-prev{display:none}
.sm-moon{position:absolute!important;z-index:1!important;left:clamp(10px,4vw,70px);top:50%;width:clamp(240px,28vw,420px);aspect-ratio:1;transform:translateY(-50%);pointer-events:none}
.sm-moon::before{content:"";position:absolute;inset:-34%;border-radius:50%;background:radial-gradient(circle,rgba(150,180,255,.38) 30%,rgba(120,150,240,.12) 52%,transparent 70%);transition:background 1.5s}
.sm-gl{position:relative;display:block;width:100%;height:100%}
.sz-hero[data-sm="day"] .sm-moon::before{background:radial-gradient(circle,rgba(255,210,122,.34) 30%,rgba(255,190,90,.1) 52%,transparent 70%)}
.sz-hero[data-sm="hour"] .sm-moon::before,.sz-hero[data-sm="five"] .sm-moon::before{background:radial-gradient(circle,rgba(255,80,40,.5) 30%,rgba(255,60,30,.16) 52%,transparent 70%)}
.sm-fb::after{content:"";position:absolute;inset:7%;border-radius:50%;background:radial-gradient(circle at 36% 34%,#fffef2,#cfd2c5 58%,#7f8796)}
.sz-hero[data-sm="hour"] .sm-fb::after,.sz-hero[data-sm="five"] .sm-fb::after{background:radial-gradient(circle at 36% 34%,#d7664a,#8a2415 60%,#3a0c07)}
.sm-wrap{margin-top:12px}
.sm-kick{display:block;font-size:clamp(15px,1.5vw,19px);font-weight:900;color:var(--txt)}
.sm-clock{display:flex;justify-content:flex-end;gap:clamp(6px,.8vw,12px);margin-top:6px}
.sm-u{min-width:clamp(62px,6.6vw,98px);padding:clamp(6px,.7vw,10px) 4px 5px;text-align:center;border-radius:12px;background:linear-gradient(180deg,rgba(14,24,60,.72),rgba(5,9,28,.82));border:1px solid rgba(190,210,255,.42);box-shadow:0 10px 26px rgba(0,0,10,.5),inset 0 1px 0 rgba(255,255,255,.16)}
.sm-u b{display:block;font:700 clamp(32px,3.8vw,60px)/1 Oswald,sans-serif;color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 0 16px rgba(190,210,255,.6)}
.sm-u.tk b{animation:smTk .3s cubic-bezier(.2,1.5,.4,1)}@keyframes smTk{from{transform:translateY(-9%) scale(1.06)}}
.sm-u span{display:block;margin-top:2px;font-size:clamp(12px,1vw,15px);font-weight:900;color:#c8d4f3}
.sm-line{margin:7px 0 0;font-size:clamp(14px,1.2vw,17px);font-weight:800;color:var(--dim)}
.sz-hero[data-sm="day"] .sm-u{border-color:#ffd27a;box-shadow:0 0 22px rgba(255,210,122,.32)}
.sz-hero[data-sm="hour"] .sm-u,.sz-hero[data-sm="five"] .sm-u{border-color:#ff7a55;background:linear-gradient(180deg,rgba(60,14,10,.78),rgba(24,5,6,.86));box-shadow:0 0 26px rgba(255,90,50,.45)}
.sz-hero[data-sm="hour"] .sm-u b,.sz-hero[data-sm="five"] .sm-u b{color:#ffe7da;text-shadow:0 0 18px rgba(255,100,60,.95)}
.sz-hero[data-sm="five"] .sm-clock{animation:smSh .26s linear infinite}@keyframes smSh{25%{transform:translate(1px,-1px)}75%{transform:translate(-1px,1px)}}
@media (max-width:860px){
  .sz-hero.sm-on{min-height:0}
  .sm-moon{position:relative!important;left:auto;top:auto;transform:none;width:min(62vw,250px);margin:0 auto 4px;order:-1}
  .sm-moon::before{inset:-22%}
  .sm-clock{justify-content:center}.sm-wrap{text-align:center}
  .sz-hero.sm-on{display:flex;flex-direction:column}
}
@media (prefers-reduced-motion:reduce){.sm-u.tk b,.sz-hero[data-sm="five"] .sm-clock{animation:none}}