/* Loading is an ordinary responsive layout; artwork never occupies the copy area. */
#planetLoadingScreenV62824.nnLoadingScreen {
  display:grid; place-items:center; overflow:auto; overscroll-behavior:contain;
  color:#eaf7ff; background:#040d17; font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.nnLoadingBackdrop { position:fixed; inset:0; pointer-events:none; opacity:.48;
  background:linear-gradient(100deg,#040d17 8%,rgba(4,13,23,.62) 55%,rgba(4,13,23,.75)),url('/assets/backgrounds/planet1-dust-v6131.png') center/cover; }
.nnLoadingLayout { position:relative; width:min(1120px,100%); padding:44px 36px 54px; box-sizing:border-box; }
.nnLoadingHeader { display:flex; align-items:center; justify-content:space-between; gap:20px;
  padding-bottom:24px; border-bottom:1px solid #284451; }
.nnLoadingHeader strong { font-size:25px; line-height:1.2; letter-spacing:.13em; font-weight:850; }
.nnLoadingHeader span { font-size:10px; letter-spacing:.2em; color:#83a8bc; }
.nnLoadingBody { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:42px; padding-top:24px; }
.nnLoadingCopy { position:relative; z-index:2; min-width:0; padding-bottom:5px; }
.nnLoadingDestination { display:flex; align-items:center; gap:18px; margin-bottom:40px; }
.nnLoadingCrystal { display:block; width:64px; height:86px; flex:0 0 64px; object-fit:contain; }
.nnLoadingDestination small { display:block; margin-bottom:8px; color:#8db0c2; font-size:10px; letter-spacing:.2em; }
.nnLoadingDestination h1 { margin:0; color:#effaff; font-size:clamp(29px,3.1vw,43px); font-weight:700; line-height:1.14; letter-spacing:.015em; }
.nnLoadingProgress { width:100%; }
.nnLoadingStatusLine { display:flex; justify-content:space-between; align-items:center; gap:18px; min-height:28px; }
#planetLoadingStatusV62824 { font-size:13px; line-height:1.45; font-weight:450; color:#b7cedb; }
#planetLoadingPercentV62824 { font-size:19px; line-height:1.3; font-weight:550; font-variant-numeric:tabular-nums; color:#d6f5ff; }
.nnLoadingBar { height:5px; margin-top:15px; overflow:hidden; border-radius:6px; background:#193342; }
#planetLoadingScreenV62824 #planetLoadingBarFillV62824 { height:100%; width:0; border-radius:inherit; background:linear-gradient(90deg,#2875a1,#95e4f6); box-shadow:none; transition:width .18s linear; }
#planetLoadingScreenV62824 #planetLoadingBarFillV62824.loadFailedV62827 { background:#e48d8d; }
.nnLoadingDetail { margin:15px 0 0; color:#e6b4b4; font-size:13px; line-height:1.5; }
.nnLoadingDetail:empty { display:none; }
.nnLoadingScene { position:relative; isolation:isolate; min-width:0; height:510px; overflow:hidden; }
.nnLoadingHalo { position:absolute; inset:12% 0; border-radius:50%; background:radial-gradient(ellipse,rgba(43,131,165,.23),rgba(14,64,88,.08) 55%,transparent 70%); }
.nnLoadingOrbit { position:absolute; left:7%; top:16%; width:86%; height:68%; border:1px solid rgba(109,190,211,.17); border-radius:50%; transform:rotate(-23deg); }
.nnLoadingOrbitOuter::after { content:""; position:absolute; inset:-1px; border-radius:inherit; border-top:1px solid rgba(134,223,242,.46); border-bottom:1px solid rgba(134,223,242,.25); animation:nnLoadingOrbit 12s linear infinite; }
.nnLoadingOrbitInner { left:14%; top:22%; width:72%; height:56%; opacity:.55; }
.nnLoadingHull { position:absolute; inset:10% 16% 12%; z-index:2; transform:rotate(10deg); animation:nnLoadingFloat 4s ease-in-out infinite; }
#planetLoadingScreenV62824 .planetLoadingCarrierV62824 { position:static; display:block; width:100%; height:100%; object-fit:contain; transform:none; opacity:1; filter:none;
  mask:url('/assets/carriers-v6300/fighter-neutral-mask.svg') center/contain no-repeat;
  -webkit-mask:url('/assets/carriers-v6300/fighter-neutral-mask.svg') center/contain no-repeat; }
.nnLoadingHoverLight { position:absolute; left:28%; right:28%; bottom:10%; height:22px; border-radius:50%; background:radial-gradient(ellipse,rgba(69,208,172,.24),transparent 68%); filter:blur(8px); }
@keyframes nnLoadingFloat { 0%,100%{transform:translateY(3px) rotate(10deg)}50%{transform:translateY(-5px) rotate(10deg)} }
@keyframes nnLoadingOrbit { to{transform:rotate(360deg)} }
@media(max-width:700px) {
  .nnLoadingLayout { width:min(480px,100%); padding:26px 24px 38px; }
  .nnLoadingHeader { padding-bottom:19px; }
  .nnLoadingHeader strong { font-size:23px; }
  .nnLoadingHeader span { font-size:9px; }
  .nnLoadingBody { display:flex; flex-direction:column; gap:12px; padding-top:12px; }
  .nnLoadingScene { width:100%; height:350px; order:-1; flex:none; }
  .nnLoadingCopy { width:100%; padding:0; }
  .nnLoadingDestination { margin-bottom:24px; gap:14px; }
  .nnLoadingCrystal { width:49px; height:66px; flex-basis:49px; }
  .nnLoadingDestination small { font-size:9px; margin-bottom:6px; }
  .nnLoadingDestination h1 { font-size:29px; }
  #planetLoadingStatusV62824 { font-size:12px; }
  #planetLoadingPercentV62824 { font-size:17px; }
}
@media(max-width:700px) and (max-height:650px) {
  .nnLoadingLayout { padding:20px 20px 27px; }
  .nnLoadingScene { height:235px; }
  .nnLoadingBody { gap:8px; }
  .nnLoadingDestination { margin-bottom:20px; }
}
@media(min-width:701px) and (max-height:550px) {
  .nnLoadingLayout { padding:20px 32px; }
  .nnLoadingHeader { padding-bottom:16px; }
  .nnLoadingBody { gap:30px; padding-top:12px; }
  .nnLoadingScene { height:260px; }
  .nnLoadingDestination { margin-bottom:24px; gap:14px; }
  .nnLoadingCrystal { width:48px; height:66px; flex-basis:48px; }
  .nnLoadingDestination h1 { font-size:30px; }
}
@media(prefers-reduced-motion:reduce) {
  .nnLoadingHull,.nnLoadingOrbitOuter::after { animation:none; }
  #planetLoadingScreenV62824 #planetLoadingBarFillV62824 { transition:none; }
}