/* Mission Control reserves space; it is not another modal over the game. */
:root{--nn-guide-height:180px;--nn-guide-width:324px}
html body #nonameWalkthrough[data-coach]{position:fixed!important;inset:auto!important;top:max(12px,env(safe-area-inset-top))!important;right:max(12px,env(safe-area-inset-right))!important;left:auto!important;bottom:auto!important;width:var(--nn-guide-width)!important;max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 24px)!important;margin:0!important;padding:16px!important;z-index:2147483000;overflow:auto;overscroll-behavior:contain;border:1px solid #578296;border-radius:14px;background:var(--nn-depth-shell)!important;box-shadow:var(--nn-depth-shell-shadow)!important;color:#e9f9ff;font:14px/1.45 system-ui,-apple-system,sans-serif;pointer-events:auto;text-align:left}
html body #nonameWalkthrough[data-coach]:not([hidden]){display:block!important}
html body #nonameWalkthrough[data-coach][hidden]{display:none!important}
#nonameWalkthrough[data-coach] .nnGuideHeader{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 8px}
#nonameWalkthrough[data-coach] .nnGuideHeader small{color:#7ce6f4;font:800 10px/1.4 system-ui;letter-spacing:.15em}
#nonameWalkthrough[data-coach] #walkthroughStep{color:#90b8ca;font-size:10px;line-height:1.4;letter-spacing:.07em;margin:0}
#nonameWalkthrough[data-coach] #walkthroughTitle{margin:4px 0 8px;font:800 21px/1.15 system-ui;color:#eefbff;letter-spacing:0}
#nonameWalkthrough[data-coach] #walkthroughText{font:450 13px/1.5 system-ui;color:#bcd6e2;margin:0}
#nonameWalkthrough[data-coach] #walkthroughStatus{font:650 11px/1.5 system-ui;color:#9ce8c2;margin:8px 0;min-height:0}
#nonameWalkthrough[data-coach] #walkthroughStatus:empty{display:none}
#nonameWalkthrough[data-coach] #walkthroughProgress{height:3px;margin:12px 0 0;width:100%;background:#1d4152;border:0;border-radius:2px;color:#a1e8f2}
#nonameWalkthrough[data-coach] #walkthroughProgress::-webkit-progress-bar{background:#1d4152}
#nonameWalkthrough[data-coach] #walkthroughProgress::-webkit-progress-value{background:#a1e8f2}
#nonameWalkthrough[data-coach] #walkthroughProgress::-moz-progress-bar{background:#a1e8f2}
#nonameWalkthrough[data-coach] .nnGuideActions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:12px}
#nonameWalkthrough[data-coach] button{cursor:pointer;touch-action:manipulation;font:800 10px/1.3 system-ui;min-height:38px;padding:9px 12px;border:1px solid #456c80;border-radius:7px;background:#103244;color:#dff5ff;box-shadow:var(--nn-depth-raised)}
#nonameWalkthrough[data-coach] button[data-guide-next]{background:#a1e0ef;color:#062533;border-color:#bdeffc;flex:1}
#nonameWalkthrough[data-coach] button[data-guide-show]{flex:1}
#nonameWalkthrough[data-coach] button:is([data-guide-pause],[data-guide-skip]){background:transparent;box-shadow:none;border-color:transparent;font-size:10px;color:#9dbfce;padding:7px}
#nonameWalkthrough[data-coach] button[data-guide-close]{width:32px;min-height:32px;padding:0;background:transparent;box-shadow:none;font-size:20px;flex-shrink:0}
#nonameWalkthrough[data-coach] button:disabled{opacity:.45;cursor:default}
#nonameWalkthrough[data-coach] :is(button,summary):focus-visible{outline:2px solid #ecdb8d;outline-offset:3px}
#nonameWalkthrough[data-coach] .nnGuideDetails{margin:8px 0 0;font:400 12px/1.5 system-ui;color:#a8c5d4}
#nonameWalkthrough[data-coach] .nnGuideDetails summary{display:inline-flex;align-items:center;justify-content:center;list-style:none;cursor:pointer;width:26px;height:26px;border:1px solid #528096;border-radius:50%;font-weight:800;color:#b0ebfa;background:#143342}
#nonameWalkthrough[data-coach] .nnGuideDetails summary::-webkit-details-marker{display:none}
#nonameWalkthrough[data-coach] .nnGuideDetails p{margin:8px 0 0}
#walkthroughTarget{position:fixed;pointer-events:none;z-index:2147483001;border:2px solid #a8efff;border-radius:9px;box-shadow:0 0 0 4px #072233b3,0 0 16px #69d6ed50;box-sizing:border-box}
#walkthroughTarget[hidden]{display:none!important}
.nnGuideTarget{outline:2px solid #b2f3ff!important;outline-offset:4px!important;scroll-margin:12px}
#carrierInfoPanel .nnGuideDroneChoice{display:block;width:100%;min-height:44px;margin:12px 0;padding:10px;border:1px solid #5a91a9;border-radius:7px;background:#153f52;color:#d9f6ff;font:800 11px system-ui;cursor:pointer;touch-action:manipulation;box-shadow:var(--nn-depth-raised)}
body.nnGuideActive{--rl-right:calc(var(--nn-guide-width) + 24px + env(safe-area-inset-right));--rl-available-width:calc(100vw - var(--rl-left) - var(--rl-right));--rl-available-height:calc(var(--rl-viewport-height) - var(--rl-top) - var(--rl-bottom))}
body.nnGuideActive #warpJourneyV6320{padding-right:var(--rl-right)}
/* Drone and Salvage menus share the space already reserved for Mission Control. */
body.nnGuideActive :is(#droneFactoryPanel,#droneHarvestPanel,#cargoRecoveryPanel){
  box-sizing:border-box!important;left:auto!important;top:auto!important;right:var(--rl-right)!important;bottom:var(--rl-bottom)!important;
  width:min(var(--nn-guide-panel-width,550px),var(--rl-available-width))!important;max-width:var(--rl-available-width)!important;max-height:var(--rl-available-height)!important;
  margin:0!important;transform:none!important;overflow-y:auto!important;overscroll-behavior:contain;scroll-padding-block:12px;
}
body.nnGuideActive #droneHarvestPanel{--nn-guide-panel-width:390px}
body.nnGuideActive #cargoRecoveryPanel{--nn-guide-panel-width:360px}
body.nnGuideActive #droneGroupPanel{
  box-sizing:border-box!important;left:calc(var(--rl-left) + var(--rl-available-width) / 2)!important;top:calc(var(--rl-top) + var(--rl-available-height) / 2)!important;right:auto!important;bottom:auto!important;margin:0!important;transform:translate(-50%,-50%)!important;
  width:min(660px,var(--rl-available-width))!important;max-width:var(--rl-available-width)!important;max-height:var(--rl-available-height)!important;
  overflow-y:auto!important;overscroll-behavior:contain;scroll-padding-block:12px;
}
@media(max-width:1080px){
  html body #nonameWalkthrough[data-coach]{left:max(8px,env(safe-area-inset-left))!important;right:max(8px,env(safe-area-inset-right))!important;top:max(8px,env(safe-area-inset-top))!important;width:auto!important;max-width:none!important;max-height:min(42dvh,310px)!important;padding:12px 14px!important}
  body.nnGuideActive{--rl-right:max(8px,env(safe-area-inset-right));--rl-top:calc(var(--nn-guide-height) + 20px + env(safe-area-inset-top));--rl-available-width:calc(100vw - var(--rl-left) - var(--rl-right));--rl-available-height:calc(var(--rl-viewport-height) - var(--rl-top) - var(--rl-bottom))}
  #nonameWalkthrough[data-coach] #walkthroughTitle{font-size:18px;margin:3px 0 5px}
  #nonameWalkthrough[data-coach] .nnGuideHeader{margin-bottom:4px}
  #nonameWalkthrough[data-coach] .nnGuideActions{margin-top:8px}
  #nonameWalkthrough[data-coach] button{min-height:40px}
  #nonameWalkthrough[data-coach] .nnGuideDetails{float:right;margin:4px 0 0 8px}
  #nonameWalkthrough[data-coach] .nnGuideDetails[open]{float:none}
  body.nnGuideActive #warpJourneyV6320{padding-top:var(--rl-top);padding-right:max(12px,env(safe-area-inset-right))}
}
@media(min-width:700px) and (max-height:540px){
  body.nnGuideActive{--nn-guide-width:280px;--rl-top:max(8px,env(safe-area-inset-top));--rl-right:calc(var(--nn-guide-width) + 24px + env(safe-area-inset-right))}
  html body #nonameWalkthrough[data-coach]{left:auto!important;right:12px!important;width:var(--nn-guide-width)!important;max-height:calc(100dvh - 24px)!important}
  body.nnGuideActive #warpJourneyV6320{padding-top:var(--rl-top);padding-right:var(--rl-right)}
}
@media(max-width:1080px){
  /* Keep the left-edge touch drawer below the coach on phones. */
  body.nnGuideActive :is(.topHudHoverZoneV6217,#topLeftTabsV693){top:var(--rl-top)!important;max-height:var(--rl-available-height)!important}
}