/* Scoped to authentication so the game HUD keeps its own density and palette. */
#login.login-wrap{position:fixed;inset:0;width:100%;height:100dvh;overflow-y:auto;background:#f2eddf;color:#243b30;font-family:"Segoe UI",Arial,sans-serif;padding:0;display:block;color-scheme:light}
#login.hidden{display:none!important}
#login .login-bg{position:fixed;inset:0 auto 0 0;width:52%;height:100dvh;background:linear-gradient(180deg,#10272270,#10272210 35%,#102722de),url('astra/home/valley-v2.webp') 65% center/cover;opacity:1;filter:none;animation:none}
#login .login-vignette{display:none}
#login .astra-adventure-title{position:fixed;inset:0 auto 0 0;top:0;left:0;width:52%;height:100dvh;padding:40px clamp(30px,4vw,70px);display:flex;flex-direction:column;align-items:flex-start;text-align:left;pointer-events:auto;text-shadow:none;color:#f5f0de;z-index:2}
#login .auth-brand{display:block;min-height:60px}
#login .auth-brand img{width:200px;max-height:none;filter:none;object-fit:contain}
#login .auth-story{margin-top:auto;padding-block:50px 40px}
#login .auth-story .auth-eyebrow{font:700 10px/1.5 "Segoe UI",sans-serif;letter-spacing:2px;color:#edcf87;margin-bottom:22px}
#login .auth-story h2{font:400 clamp(37px,3.9vw,61px)/1.08 Georgia,serif;letter-spacing:-1.5px;margin:0 0 26px;color:#fbf4df}
#login .auth-story h2 em{color:#f1ce82}
#login .auth-story p{font:16px/1.75 "Segoe UI",sans-serif;color:#d1decf;letter-spacing:0;margin:0 0 24px}
#login .auth-story a{display:inline-flex;align-items:center;gap:18px;min-height:44px;color:#f4e1b3;font-size:13px;text-decoration:none;border-bottom:1px solid #aabb9366}
#login .auth-story a span{display:inline;font:inherit;letter-spacing:0}
#login .auth-world-note{border-top:1px solid #b9c39a66;padding-top:23px;width:100%;font-size:9px;letter-spacing:2px;color:#d7dfc6;display:flex;align-items:center;gap:13px}
#login .auth-world-note span{display:inline;font:22px Georgia,serif;letter-spacing:0;color:#f1ce82}
#login .login-card{position:relative;margin:0 0 0 52%;width:48%;min-height:100dvh;max-width:none;padding:clamp(28px,6vh,65px) clamp(28px,5vw,95px) 95px;border:0;border-radius:0;background:#f2eddf;box-shadow:none;color:#243b30}
#login .auth-home{display:inline-flex;align-items:center;min-height:44px;font-size:12px;color:#526b59;text-decoration:none;margin-bottom:30px}
#login .login-logo{text-align:left;margin-bottom:0}
#login .astra-login-star{width:52px;height:52px;display:block;margin:0 0 20px}
#login .astra-login-heading h1{font:400 clamp(29px,3vw,42px)/1.15 Georgia,serif;letter-spacing:-1px;color:#203d2d;text-shadow:none;margin:0 0 12px}
#login .astra-login-heading p{font-size:14px;color:#596d5c;line-height:1.6;margin:0 0 30px}
#login .login-tabs{display:flex;border:1px solid #c0c9b6;border-radius:6px;background:#e3e6d9;padding:4px;gap:4px;margin-bottom:28px}
#login .lt{min-height:44px;border:0;border-radius:3px;margin:0;padding:11px 10px;font:600 14px/1.3 "Segoe UI",sans-serif;letter-spacing:0;text-transform:none;color:#56684f}
#login .lt.active{background:#fcf9ef;color:#244a34;box-shadow:0 1px 4px #234d2520}
#login .lt:hover{color:#143b26}
#login .in-wrap{position:relative;min-height:0;margin-bottom:18px;border:0;background:none;border-radius:0}
#login .auth-label{display:block;font-size:12px;font-weight:600;color:#35523d;margin:0 0 8px;line-height:1.5}
#login .in-wrap .in-ic{display:none}
#login .in-wrap input{width:100%;min-height:50px;border:1px solid #aab99e;border-radius:4px;background:#fcf9ef;color:#243c2c;padding:13px 48px 13px 14px;font:15px/1.4 "Segoe UI",sans-serif;box-shadow:none}
#login .in-wrap input::placeholder{font:14px/1.4 "Segoe UI",sans-serif;text-transform:none;letter-spacing:0;color:#6f7b64}
#login .in-wrap input:focus{border-color:#426e48;box-shadow:0 0 0 3px #62895725;outline:none}
#login .in-wrap input[aria-invalid=true]{border-color:#ab3434;box-shadow:0 0 0 1px #ab3434}
#login .in-eye{top:auto;bottom:3px;right:3px;transform:none;width:44px;height:44px;padding:0;color:#426443}
#login .login-note{font-size:12px;color:#596c54;line-height:1.65}
#login .terms-check{color:#364c39;font-size:12px;line-height:1.7}
#login .terms-check a{color:#355f37;text-decoration:underline;text-underline-offset:3px}
#login .btn-epic{background:#244d37;color:#f9f3df;border:1px solid #244d37;min-height:52px;border-radius:4px;box-shadow:none;letter-spacing:0;text-transform:none;font:600 15px/1.5 "Segoe UI",sans-serif;margin-top:8px}
#login .btn-epic:hover{background:#183d29;box-shadow:none}
#login button:disabled{cursor:wait;opacity:.65}
#login .btn-ghost{background:#e5e8d9;color:#35523d;border-color:#aab99e;text-transform:none;letter-spacing:0;min-height:46px}
#login .auth-security{font-size:11px;line-height:1.6;color:#62745b;margin:15px 0 8px;text-align:center}
#login #btn-forgot{display:block;min-height:44px;margin:0 auto;color:#355b3d;font-size:13px;text-decoration:underline;text-underline-offset:4px}
#login #forgot-box{padding:18px;border:1px solid #b6c3a9;border-radius:5px;background:#e8ebdc;margin-top:20px}
#login #li-err{color:#9e2929;font-size:13px;line-height:1.6;margin-top:12px;text-align:left;white-space:normal;overflow-wrap:anywhere}
#login #li-err:not(:empty){padding:12px;background:#fff8eb;border-left:3px solid currentColor;border-radius:3px}
#login .login-discord{position:relative;display:flex;width:48%;margin:-66px 0 0 52%;padding:0 24px 24px;justify-content:center;align-items:center;min-height:44px;color:#566c51;letter-spacing:0;text-transform:none;font-size:12px;text-decoration:none;font-weight:400}
#login :is(a,button,input):focus-visible{outline:3px solid #6c872d;outline-offset:3px}
#login .auth-story a:focus-visible,#login .auth-brand:focus-visible{outline-color:#f1ce82}
@media(min-width:761px) and (max-height:700px){#login .login-card{padding-top:18px}#login .auth-home{margin-bottom:10px}#login .astra-login-star{display:none}#login .astra-login-heading p{margin-bottom:18px}#login .login-tabs{margin-bottom:18px}#login .auth-story{padding-block:25px}#login .auth-story h2{font-size:38px}}
@media(max-width:1000px) and (min-width:761px){#login .login-bg,#login .astra-adventure-title{width:45%}#login .login-card{width:55%;margin-left:45%;padding-inline:30px}#login .login-discord{width:55%;margin-left:45%}#login .astra-adventure-title{padding:30px}#login .auth-story h2{font-size:41px}}
@media(max-width:760px){#login .login-bg{display:none}#login .astra-adventure-title{position:relative;inset:auto;width:100%;height:auto;padding:18px 24px;display:flex;background:#102722;min-height:82px}#login .auth-brand{min-height:44px}#login .auth-brand img{width:150px;height:45px;max-height:none}#login .auth-story,#login .auth-world-note{display:none}#login .login-card{width:100%;max-width:500px;min-height:0;margin:0 auto;padding:22px 25px 34px;background:#f2eddf;border:0;border-radius:0}#login .auth-home{margin-bottom:18px}#login .astra-login-star{display:none}#login .astra-login-heading h1{font-size:34px}#login .astra-login-heading p{margin-bottom:24px}#login .login-discord{width:100%;margin:0;padding:0 24px 28px}#login .in-wrap input{font-size:16px}#login .login-tabs{margin-bottom:24px}}
@media(prefers-reduced-motion:reduce){#login *{animation:none!important;transition:none!important}}
#login #li-err.is-success{color:#37633f!important}
#astra-auth-code{background:#f2eddf!important;color:#243b30!important;border:1px solid #aab99e!important;border-radius:8px!important;box-shadow:0 24px 80px #071d1bb3!important;color-scheme:light}
#astra-auth-code::backdrop{background:#091d20b8;backdrop-filter:blur(4px)}
#astra-auth-code #auth-code-title{font:400 30px/1.2 Georgia,serif!important;color:#23432d}
#astra-auth-code #auth-code-hint{color:#52694e!important}
#astra-auth-code #auth-code-input{background:#fffcf1!important;color:#243b30!important;border-color:#94aa85!important}
#astra-auth-code button{background:#e1e7d3!important;color:#284932!important;border-color:#97ab88!important;border-radius:4px!important}
#astra-auth-code button:first-child{background:#244d37!important;color:#fcf4df!important}
#astra-auth-code button:disabled{opacity:.6}
#astra-auth-code :focus-visible{outline:3px solid #6c872d;outline-offset:3px}

/* Os spans decorativos também recebem ícones ilustrados pelo adaptador global. */
#login .auth-story a .astra-icon,#login .auth-world-note .astra-icon{display:inline-block;width:22px;height:22px;flex:0 0 22px}
#login .auth-brand img{height:auto}