/* A short, optional guide uses the same quiet panels as the Carrier menus. */
#nonameWalkthrough.nnWalkthrough {
  position:fixed; inset:0; box-sizing:border-box; width:min(560px,calc(100vw - 28px));
  max-width:calc(100vw - 28px); max-height:calc(100dvh - 28px); margin:auto; padding:24px;
  overflow:auto; overscroll-behavior:contain; border:1px solid #426a7b; border-radius:13px;
  background:linear-gradient(135deg,#102b3a,#061621); color:#edf9ff;
  box-shadow:0 24px 90px rgba(0,0,0,.55); font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
#nonameWalkthrough:not([open]),#nonameWalkthrough.hidden { display:none !important; }
#nonameWalkthrough::backdrop { background:rgba(1,8,14,.72); }
.nnWalkthroughHeader { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.nnWalkthroughHeader small { color:#8ab3c9; font-size:10px; line-height:1.3; font-weight:600; letter-spacing:.17em; }
#nonameWalkthrough button { cursor:pointer; touch-action:manipulation; font:750 11px/1.35 system-ui,sans-serif; letter-spacing:.02em; min-height:44px; }
#nonameWalkthrough [data-guide-close] { display:grid; place-items:center; flex:0 0 44px; width:44px; padding:0; border:1px solid #365768; border-radius:7px; background:#112e3e; color:#d8f3ff; font-size:23px; font-weight:400; }
.nnWalkthroughBody { display:grid; grid-template-columns:106px minmax(0,1fr); align-items:center; gap:23px; padding:26px 0 30px; }
#walkthroughArt { display:block; width:106px; height:120px; object-fit:contain; }
#walkthroughArt[src$="/systems-badge.png"] { mask:url("/assets/menu-icons/systems-badge-mask.svg") center/contain no-repeat; -webkit-mask:url("/assets/menu-icons/systems-badge-mask.svg") center/contain no-repeat; }
.nnWalkthroughCopy { min-width:0; }
#walkthroughStep { display:block; color:#8fb8ca; font-size:10px; font-weight:600; letter-spacing:.12em; }
#walkthroughTitle { margin:10px 0 13px; color:#edf9ff; font-size:25px; font-weight:750; line-height:1.2; letter-spacing:0; }
#walkthroughText { margin:0; color:#b8d1df; font-size:13px; line-height:1.65; }
#walkthroughLocation { display:block; margin-top:16px; color:#9fddec; font-size:10px; font-weight:650; line-height:1.55; letter-spacing:.035em; }
#walkthroughLocation:empty { display:none; }
#walkthroughProgress { display:block; width:100%; height:3px; border:0; border-radius:3px; overflow:hidden; background:#254351; color:#96dcee; appearance:none; }
#walkthroughProgress::-webkit-progress-bar { background:#254351; }
#walkthroughProgress::-webkit-progress-value { background:#96dcee; }
#walkthroughProgress::-moz-progress-bar { background:#96dcee; }
#walkthroughSaveStatus { margin:15px 0 0; color:#edb7ac; font-size:12px; line-height:1.5; }
#walkthroughSaveStatus:empty { display:none; }
.nnWalkthroughFooter { display:flex; justify-content:space-between; align-items:center; gap:12px; padding-top:20px; }
.nnWalkthroughActions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:9px; }
#nonameWalkthrough [data-guide-skip] { border:0; background:transparent; color:#9abaca; padding:10px 0; }
#nonameWalkthrough [data-guide-back] { min-width:74px; padding:12px 16px; border:1px solid #426879; border-radius:7px; background:#102d3c; color:#d8edf6; }
#nonameWalkthrough [data-guide-next] { min-width:91px; padding:12px 18px; border:1px solid #a9e8f6; border-radius:7px; background:#9ddded; color:#092836; }
#nonameWalkthrough button:focus-visible { outline:2px solid #f2fbff; outline-offset:3px; }
#nonameWalkthrough button:disabled { opacity:.55; cursor:wait; }
#nonameWalkthrough [hidden] { display:none !important; }
.playerAccountGuideHeadingV6311 { display:flex; align-items:center; justify-content:space-between; gap:12px; }
@media(max-width:600px) {
  #nonameWalkthrough.nnWalkthrough { padding:18px; }
  .nnWalkthroughBody { grid-template-columns:1fr; gap:18px; padding:16px 0 23px; }
  #walkthroughArt { width:81px; height:91px; }
  #walkthroughTitle { font-size:24px; margin:9px 0 12px; }
  #walkthroughText { font-size:13px; }
  .nnWalkthroughFooter { gap:9px; padding-top:16px; }
  .nnWalkthroughActions { gap:7px; }
  #nonameWalkthrough [data-guide-back] { min-width:60px; padding:10px 12px; }
  #nonameWalkthrough [data-guide-next] { min-width:80px; padding:10px 13px; }
}
@media(max-height:470px) and (min-width:601px) {
  #nonameWalkthrough.nnWalkthrough { padding:16px 22px; }
  .nnWalkthroughBody { padding:10px 0 17px; }
  #walkthroughTitle { font-size:23px; margin:7px 0 10px; }
  .nnWalkthroughFooter { padding-top:12px; }
}