/* Aetherra remains quiet behind readable game panels. */
html body[data-nxt-journey="active"]{background:linear-gradient(130deg,rgba(255,249,253,.88),rgba(246,247,255,.85)),url('../images/portal/fairynexusdmz.png') center bottom/cover fixed!important}
html body[data-nxt-journey="active"] .pv-site-shell{padding-top:60px!important}
html body[data-nxt-journey="active"] .pv-global-spritefield{opacity:.75}
html body[data-nxt-journey="active"] .pv-atmosphere{opacity:.22}
html body .fn-welcome-guide{box-sizing:border-box;width:min(700px,calc(100% - 32px));max-height:calc(100dvh - 48px);padding:0;border:1px solid #ebc5db;border-radius:24px;color:#73546e;background:#fffafd;box-shadow:0 22px 80px #513c5b38;overflow:auto;scrollbar-width:thin;scrollbar-color:#d4a0bd #fff7fb}
html body .fn-welcome-guide::backdrop{background:#46344d60;backdrop-filter:blur(6px)}
html.fn-welcome-open{overflow:hidden}
html body .fn-welcome-guide [hidden]{display:none!important}
html body .fn-welcome-header{display:flex;align-items:center;gap:18px;min-height:124px;padding:22px 30px;border:0;border-bottom:1px solid #efd8e7;border-radius:0;background:linear-gradient(105deg,#fff9fcf5,#f8eef9de),url('../images/portal/fairynexusdmz.png') center 60%/cover}
html body .fn-welcome-header>img{width:70px;height:84px;object-fit:cover;object-position:center top;flex-shrink:0;filter:none}
html body .fn-welcome-header small{font:700 9px/1.5 Arial,sans-serif;letter-spacing:1.6px;color:#bb739e}
html body .fn-welcome-header h2{font:700 24px/1.25 'Trebuchet MS',Arial,sans-serif;color:#825372;margin:5px 0}
html body .fn-welcome-header span{font:12px/1.5 Arial,sans-serif;color:#96788d}
html body .fn-welcome-guide button{min-height:40px;padding:9px 16px;border:1px solid #e5bfd6;border-radius:12px;color:#a36590;background:#fff7fb;box-shadow:0 2px 0 #dab9cd50;font:700 12px/1.4 Arial,sans-serif;cursor:pointer;text-transform:none;letter-spacing:normal}
html body .fn-welcome-guide .fn-welcome-close{align-self:flex-start;margin-left:auto;min-width:36px;min-height:36px;padding:5px;border-radius:50%;font-size:21px;background:#fff9fc;box-shadow:none}
html body .fn-welcome-body{padding:28px 32px 20px;min-height:265px}
html body .fn-welcome-step>small{display:block;color:#bd77a1;font:700 9px/1.4 Arial,sans-serif;letter-spacing:1.5px}
html body .fn-welcome-step h3{font:700 25px/1.3 'Trebuchet MS',Arial,sans-serif;color:#825372;margin:10px 0 12px}
html body .fn-welcome-step p{font:14px/1.8 Arial,sans-serif;color:#87657e;margin:0 0 18px}
html body .fn-welcome-step ol{display:grid;gap:10px;margin:0;padding:0;list-style:none;counter-reset:tip}
html body .fn-welcome-step li{display:flex;align-items:flex-start;gap:10px;font:13px/1.6 Arial,sans-serif;color:#796580}
html body .fn-welcome-step li::before{counter-increment:tip;content:counter(tip);display:grid;place-items:center;flex:0 0 22px;height:22px;border-radius:7px;background:#f5e6f0;color:#b4719a;font-size:10px;font-weight:700}
html body .fn-welcome-footer{display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px;padding:18px 32px 24px;border-top:1px solid #f1e1ec;background:#fcf6fc}
html body .fn-welcome-progress{display:grid;gap:7px;max-width:170px;color:#ab88a0;font:11px/1.4 Arial,sans-serif}
html body .fn-welcome-progress progress{appearance:none;width:100%;height:5px;border:0;border-radius:10px;overflow:hidden;background:#ecdde9;color:#ce85af}
html body .fn-welcome-progress progress::-webkit-progress-bar{background:#ecdde9;border-radius:10px}
html body .fn-welcome-progress progress::-webkit-progress-value{background:linear-gradient(90deg,#dba3c2,#c3afd9);border-radius:10px}
html body .fn-welcome-progress progress::-moz-progress-bar{background:#ce85af;border-radius:10px}
html body .fn-welcome-actions{display:flex;gap:10px}
html body .fn-welcome-guide [data-fn-welcome-next]{color:#fff;background:linear-gradient(120deg,#a9c7e9,#d6a1c6 48%,#d87eae);border-color:#c189ad}
html body .fn-welcome-guide button:disabled{opacity:.4;cursor:default}
html body .fn-welcome-guide .fn-welcome-skip{grid-column:1/-1;justify-self:center;background:transparent;border:0;box-shadow:none;min-height:30px;padding:3px 12px;color:#b18a9f;font-size:11px}
html body .fn-welcome-routes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:22px}
html body .fn-welcome-routes a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px;border:1px solid #e9c9dd;border-radius:12px;background:#fff5fa;color:#a0638b;text-decoration:none;font:700 11px/1.5 Arial,sans-serif}
html body .fn-welcome-guide :focus-visible{outline:3px solid #cb9fbe;outline-offset:3px}
html body .fn-welcome-replay{display:inline-flex;align-items:center;gap:9px;margin-top:12px;color:#ab6e95!important;font:700 12px/1.5 Arial,sans-serif;background:transparent!important;border:0!important;box-shadow:none!important;padding:5px 0!important;cursor:pointer;text-decoration:none!important;text-transform:none!important}
html body [data-fn-welcome-status]{display:block;margin-top:6px;font-size:11px;color:#a7718c}
html body .fn-server-choice{margin:20px 0;padding:18px;border:1px solid #e4c9dc;border-radius:16px;background:linear-gradient(120deg,#fffafd,#f8f2fc)}
html body .fn-server-choice legend{padding:0 6px;font-size:14px;font-weight:700;color:#8d6081}
html body .fn-server-choice p{font-size:12px;line-height:1.7;color:#96788d;margin:0 0 14px}
html body .fn-server-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:10px}
html body .fn-server-option{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #e5d1e0;border-radius:12px;background:#fffafd;cursor:pointer}
html body .fn-server-option:has(input:checked){border-color:#c38cad;background:#f7e7f1;box-shadow:inset 0 0 0 1px #ddbdd1}
html body .fn-server-option input{width:17px;height:17px;min-height:0;padding:0;margin:0;accent-color:#bd79a0;flex:0 0 17px}
html body .fn-server-option span{display:grid;gap:4px}
html body .fn-server-option b{font-size:15px;color:#96638b}
html body .fn-server-option small,html body .fn-server-choice>small{font-size:10px;color:#ac8b9f}
html body .fn-ladder-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 10px}
html body .fn-ladder-tabs a{display:flex;align-items:center;gap:10px;padding:10px 18px;border:1px solid #e4c5da;border-radius:12px;background:#fff9fc;color:#aa7195;text-decoration:none;font-weight:700}
html body .fn-ladder-tabs a[aria-current]{background:#f4e0ef;border-color:#c58eb2;color:#905c81}
html body .fn-ladder-tabs small{padding:3px 7px;background:#fff6fb;border-radius:8px;font-size:9px;font-weight:400}
html body .fn-ladder-note{font-size:12px;color:#a47a94;margin:0 0 20px}
@media(max-width:700px){html body[data-nxt-journey="active"] .pv-site-shell{padding-top:56px!important}html body[data-nxt-journey="active"]{background-attachment:scroll}html body .fn-welcome-guide{width:calc(100% - 24px);max-height:calc(100dvh - 32px);border-radius:21px}html body .fn-welcome-header{padding:18px;gap:12px;min-height:110px}html body .fn-welcome-header>img{width:54px;height:70px}html body .fn-welcome-header h2{font-size:20px}html body .fn-welcome-header small{font-size:7px;letter-spacing:1px}html body .fn-welcome-header span{font-size:10px}html body .fn-welcome-body{padding:22px;min-height:0}html body .fn-welcome-step h3{font-size:23px}html body .fn-welcome-step p{font-size:13px}html body .fn-welcome-step li{font-size:12px}html body .fn-welcome-footer{padding:16px 22px 20px;gap:12px}html body .fn-welcome-progress{max-width:95px}html body .fn-welcome-guide button{padding:9px 12px;font-size:11px}html body .fn-welcome-routes{grid-template-columns:1fr}html body .fn-server-option{padding:12px;gap:9px}}

/* Keep the guide's quiet links outside the global battle-button treatment. */
html body.pv-session-active[data-nxt-section] .nxt-trainer-hero .fn-welcome-replay{background:transparent!important;border:0!important;box-shadow:none!important;color:#ab6e95!important;font:700 12px/1.5 Arial,sans-serif!important;min-height:28px!important;padding:5px 0!important;text-shadow:none!important;letter-spacing:normal!important;text-transform:none!important}html body.pv-session-active[data-nxt-section] .nxt-trainer-hero .fn-welcome-replay::after{content:none!important}
html body.pv-session-active[data-nxt-section] .fn-welcome-guide button.fn-welcome-skip{background:transparent!important;box-shadow:none!important;border:0!important;color:#b18a9f!important;text-shadow:none!important;text-transform:none!important;min-height:30px!important}

html body .fn-welcome-header>img{width:80px;height:106px;object-fit:contain;mask-image:linear-gradient(#000 0%,#000 75%,transparent 100%);-webkit-mask-image:linear-gradient(#000 0%,#000 75%,transparent 100%)}@media(max-width:700px){html body .fn-welcome-header>img{width:66px;height:88px}}
html body.pv-auth-page[data-nxt-route="signup.php"]{background:linear-gradient(130deg,rgba(255,249,253,.88),rgba(246,247,255,.85)),url('../images/portal/fairynexusdmz.png') center bottom/cover fixed!important}
