/* NexoPlay V56 — cinematic desktop loading screen.
   Desktop: lightweight cinematic image + CSS HUD; no desktop video.
   Mobile: preserves the existing V48 mobile video intro. */
html.nx56-booting,html.nx56-booting body{background:#030711!important}
html.nx56-booting body{overflow:hidden!important}
html.nx56-booting body> *:not(#nx56Intro){visibility:hidden!important}
#nx56Intro{position:fixed;inset:0;z-index:2147483000;display:block;overflow:hidden;background:#030711;color:#fff;opacity:1;visibility:visible}
#nx56Intro.nx56-done{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility .22s ease}
.nx56-pc{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#030711}
.nx56-pc-scene{position:absolute;inset:0;display:block;overflow:hidden}
.nx56-pc-scene picture,.nx56-pc-scene img{position:absolute;inset:0;width:100%;height:100%;display:block}
.nx56-pc-scene img{object-fit:cover;object-position:center center;transform:scale(1.025) translateZ(0);filter:saturate(1.02) contrast(1.02);animation:nx56SceneBreath 8s ease-in-out infinite alternate}
.nx56-pc::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(1,4,12,.12),rgba(1,4,12,.08) 40%,rgba(1,4,12,.58) 100%)}
.nx56-pc::after{content:"";position:absolute;z-index:2;left:-22%;right:-22%;top:-8%;height:1px;background:rgba(70,170,255,.7);box-shadow:0 0 18px rgba(60,160,255,.32);opacity:.2;animation:nx56Scan 5.5s linear infinite}
.nx56-hud{position:absolute;z-index:3;left:50%;bottom:max(34px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(720px,calc(100vw - 56px));padding:18px 20px 16px;border:1px solid rgba(135,194,255,.18);border-radius:18px;background:linear-gradient(180deg,rgba(2,10,25,.58),rgba(1,5,14,.72));box-shadow:0 18px 55px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.05);text-align:left;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.nx56-hud-top{display:flex;align-items:center;justify-content:space-between;gap:16px;font:700 11px/1.1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.16em;text-transform:uppercase;color:rgba(230,242,255,.82)}
.nx56-hud-label{display:flex;align-items:center;gap:9px}
.nx56-dot{width:7px;height:7px;border-radius:50%;background:#43b5ff;box-shadow:0 0 12px rgba(67,181,255,.9);animation:nx56Pulse 1.2s ease-in-out infinite}
#nx56ProgressText{font-variant-numeric:tabular-nums;color:#fff;letter-spacing:.04em}
.nx56-progress{height:6px;margin-top:13px;border-radius:999px;background:rgba(255,255,255,.11);overflow:hidden;box-shadow:inset 0 1px 2px rgba(0,0,0,.28)}
.nx56-progress>span{display:block;width:7%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#5d49ff,#25b8ff);box-shadow:0 0 14px rgba(44,166,255,.58);transition:width .32s ease}
#nx56IntroStatus{display:block;margin-top:10px;font:600 12px/1.35 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:rgba(224,237,255,.72)}
.nx56-mobile{position:absolute;inset:0;display:none;background:#050814}
.nx56-mobile-video{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;background:#050814}
.nx56-mobile-loader{position:absolute;z-index:3;left:50%;bottom:max(26px,env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;align-items:center;gap:9px;padding:8px 13px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(5,8,20,.42);color:rgba(255,255,255,.84);font:700 11px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.nx56-mobile-spinner{width:15px;height:15px;border:2px solid rgba(255,255,255,.25);border-top-color:#fff;border-right-color:#8b5cf6;border-radius:50%;animation:nx56Spin .78s linear infinite}
.nx56-mobile-sound,.nx56-mobile-fallback{position:absolute;z-index:4;left:50%;transform:translateX(-50%);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:10px 15px;color:#fff;background:linear-gradient(135deg,rgba(112,80,255,.94),rgba(38,183,239,.94));box-shadow:0 12px 34px rgba(0,0,0,.35);font:850 11px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease}
.nx56-mobile-sound{bottom:88px}.nx56-mobile-fallback{bottom:34px}.nx56-mobile-sound.show,.nx56-mobile-fallback.show{opacity:1;visibility:visible;pointer-events:auto}
@media (max-width:699px){html.nx56-booting body> *:not(#nx56Intro){visibility:hidden!important}.nx56-pc{display:none}.nx56-mobile{display:block}.nx56-pc-scene picture{display:none}.nx56-mobile video{display:block}}
@media (min-width:700px){.nx56-pc{display:flex}.nx56-mobile{display:none}}
@media (prefers-reduced-motion:reduce){.nx56-pc-scene img,.nx56-pc::after,.nx56-dot,.nx56-mobile-spinner{animation:none}.nx56-progress>span{transition:none}}
@keyframes nx56SceneBreath{from{transform:scale(1.025)}to{transform:scale(1.045)}}
@keyframes nx56Scan{0%{transform:translateY(-18vh)}100%{transform:translateY(118vh)}}
@keyframes nx56Pulse{0%,100%{opacity:.55;transform:scale(.86)}50%{opacity:1;transform:scale(1)}}
@keyframes nx56Spin{to{transform:rotate(360deg)}}