/* LUGMA start-up animation (5 s) */
.lg-splash { position: fixed; inset: 0; z-index: 9999; display: flex; flex-direction: column; align-items: center; justify-content: center;
  background: radial-gradient(circle at 50% 42%, #33302c 0%, #262626 55%, #1b1b1b 100%); transition: opacity .5s ease; }
.lg-splash.out { opacity: 0; pointer-events: none; }
.lg-stage { display: flex; flex-direction: column; align-items: center; gap: 18px; position: relative; }
.lg-icon-wrap { position: relative; width: 170px; height: 197px; }
.lg-icon { width: 100%; height: 100%; object-fit: contain; opacity: 0; filter: drop-shadow(0 0 0 rgba(214,170,110,0)); }
.lg-ring { position: absolute; left: 50%; top: 52%; width: 230px; height: 230px; margin: -115px 0 0 -115px; border-radius: 50%;
  border: 2px solid rgba(214,170,110,.0); }
.lg-en { width: 300px; opacity: 0; }
.lg-ar { width: 180px; opacity: 0; }
.lg-line { width: 0; height: 2px; background: linear-gradient(90deg, transparent, #d6aa6e, transparent); }
.lg-powered { position: absolute; bottom: 28px; color: #a99a88; font: 14px system-ui, sans-serif; text-decoration: none; opacity: 0; letter-spacing: .5px; }
.lg-powered b { color: #e8d9c4; }
.lg-powered:hover b { color: #d6aa6e; }

.play .lg-icon { animation: lg-icon 1.6s cubic-bezier(.2,.8,.2,1) .2s forwards, lg-glow 2.4s ease-in-out 1.8s infinite; }
.play .lg-ring { animation: lg-ring 1.8s ease-out .9s forwards; }
.play .lg-en { animation: lg-en 1.2s cubic-bezier(.2,.8,.2,1) 1.4s forwards; }
.play .lg-ar { animation: lg-ar 1s ease-out 2.2s forwards; }
.play .lg-line { animation: lg-line 1.2s ease-out 2.8s forwards; }
.play .lg-powered { animation: lg-fade .8s ease 3.2s forwards; }

@keyframes lg-icon { 0% { opacity: 0; transform: scale(.3) rotate(-160deg); } 70% { opacity: 1; transform: scale(1.08) rotate(8deg); } 100% { opacity: 1; transform: none; } }
@keyframes lg-glow { 0%,100% { filter: drop-shadow(0 0 2px rgba(214,170,110,.2)); } 50% { filter: drop-shadow(0 0 18px rgba(214,170,110,.75)); } }
@keyframes lg-ring { 0% { transform: scale(.5); border-color: rgba(214,170,110,.8); } 100% { transform: scale(1.6); border-color: rgba(214,170,110,0); } }
@keyframes lg-en { 0% { opacity: 0; transform: translateY(24px); letter-spacing: 0; clip-path: inset(0 50% 0 50%); } 100% { opacity: 1; transform: none; clip-path: inset(0 0 0 0); } }
@keyframes lg-ar { 0% { opacity: 0; transform: translateY(16px) scale(.9); } 100% { opacity: 1; transform: none; } }
@keyframes lg-line { to { width: 260px; } }
@keyframes lg-fade { to { opacity: 1; } }
@media (max-width: 600px) { .lg-icon-wrap { width: 120px; height: 139px; } .lg-en { width: 220px; } .lg-ar { width: 130px; } }
.lg-splash[hidden] { display: none; }