*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;background:#000;overflow:hidden}
body{font-family:'Rajdhani',sans-serif}

nav{position:fixed;top:0;left:0;right:0;height:120px;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 32px;background:#000000;border-bottom:1px solid rgba(0,102,255,0.2);}
.nav-logo{display:flex;align-items:center;gap:12px;text-decoration:none;}
.nav-logo img{height:108px;width:auto;}
.nav-logo span{font-family:'Orbitron',sans-serif;font-weight:700;font-size:18px;color:#fff;letter-spacing:.03em;display:none;}
.nav-links{display:flex;gap:28px;align-items:center;}
.nav-links a{color:#94a3b8;text-decoration:none;font-family:'Rajdhani',sans-serif;font-weight:600;font-size:14px;letter-spacing:.03em;text-transform:uppercase;transition:color .2s;}
.nav-links a:hover{color:#00CFFF;}

.store-frame-wrap{position:fixed;top:120px;left:0;right:0;bottom:0;}
iframe{width:100%;height:100%;border:0;display:block}

.fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:#e2e8f0;background:#080c14;padding:24px}
.spinner{width:36px;height:36px;border:3px solid rgba(0,102,255,.25);border-top-color:#00CFFF;border-radius:50%;margin:0 auto 18px;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.fallback p{color:#94a3b8;font-size:15px}
.fallback a{color:#00CFFF}

@media(max-width:640px){
  nav{padding:0 16px;height:80px}
  .nav-logo img{height:64px}
  .nav-links{gap:16px}
  .nav-links a{font-size:12px}
  .store-frame-wrap{top:80px}
}