#accountOverlay{position:fixed;inset:0;background:#061016ee;z-index:100000;display:grid;place-items:center;padding:20px;color:#eadcb0;font:15px/1.5 Arial,sans-serif} .account-card{background:#142124;border:1px solid #796941;border-radius:10px;padding:24px;width:min(460px,95vw);max-height:90vh;overflow:auto;box-sizing:border-box}.account-card h2{margin-top:0;color:#f6db90}.account-card input{display:block;width:100%;box-sizing:border-box;margin:6px 0 16px;padding:10px;background:#081419;color:#fff;border:1px solid #66745f;border-radius:4px}.account-card button,.account-status{cursor:pointer;border:1px solid #967a3f;border-radius:4px;background:#263c35;color:#f6e4ad;padding:8px 12px}.account-card button:disabled{opacity:.5}.account-status{position:fixed;bottom:4px;right:4px;z-index:1000;font:11px Arial,sans-serif;padding:4px 7px}.account-error{color:#ffb595;border-color:#a65e42}#accountMessage{color:#f2b990}
#accountOverlay.account-login-screen{isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,420px);align-content:center;gap:40px;padding:44px clamp(32px,7vw,120px);overflow:auto;background:#0b1726;color:#e9edf3;font-family:'Noto Sans',Arial,sans-serif}
.account-login-screen::before{content:"";position:fixed;inset:0;z-index:-2;background:url('../img/login/vo-lam-moon.jpg') center center/cover no-repeat}
.account-login-screen::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(5,13,25,.12) 30%,rgba(5,13,25,.1) 52%,rgba(5,13,25,.5)),linear-gradient(180deg,rgba(4,10,22,.2),transparent 35%,rgba(4,10,22,.25))}
.account-brand{justify-self:start;align-self:start;margin-top:10px;text-shadow:0 3px 24px #06101c}
.account-edition{display:inline-block;padding:5px 13px;border:1px solid #dbc38a80;border-radius:3px;color:#f1dbae;background:#10203390;font-size:10px;font-weight:600;letter-spacing:3px}
.account-world-title{margin:10px 0 0;color:#fff1d2;font:600 clamp(64px,7vw,108px)/1.1 'Grenze',Georgia,serif;letter-spacing:2px}
.account-world-caption{margin:10px 0;color:#e9e7e0;font-size:13px;letter-spacing:4px;text-transform:uppercase}
.account-login-screen .account-card{position:relative;width:100%;max-height:none;padding:34px 34px 26px;border:1px solid #cdb47980;border-radius:10px;background:linear-gradient(145deg,#142235ef,#0b1424ed);box-shadow:0 24px 80px #02091480,inset 0 0 0 5px #bba37509;backdrop-filter:blur(8px)}
.account-login-screen .account-card::before,.account-login-screen .account-card::after{content:"";position:absolute;width:27px;height:27px;border-color:#e9c785;border-style:solid;pointer-events:none}
.account-login-screen .account-card::before{left:7px;top:7px;border-width:1px 0 0 1px;border-radius:3px 0 0}
.account-login-screen .account-card::after{right:7px;bottom:7px;border-width:0 1px 1px 0;border-radius:0 0 3px}
.account-welcome{text-align:center;margin-bottom:28px}
.account-ornament{display:inline-block;color:#e3c68f;font-size:24px;line-height:1;margin-bottom:12px}
.account-login-screen .account-eyebrow{margin:0 0 7px;color:#c2c9d4;font-size:9px;letter-spacing:2.5px;font-weight:500}
.account-login-screen h2{margin:0;color:#f5dfae;font:500 38px/1.2 'Grenze',Georgia,serif}
.account-welcome>p:last-child{margin:11px 0 0;color:#b6c2d1;font-size:12px;line-height:1.6}
#accountLogin label{display:block;margin:0 0 8px;color:#e0e6ee;font-size:12px;font-weight:500}
#accountLogin input{height:46px;margin:0 0 20px;padding:11px 13px;background:#060f1b99!important;color:#f1f5fb;border:1px solid #5d6f886e!important;border-image:none!important;border-radius:5px;font:13px 'Noto Sans',Arial,sans-serif;transition:border-color .15s,box-shadow .15s}
#accountLogin input::placeholder{color:#8392a5;opacity:1}
#accountLogin input:focus{outline:none;border-color:#d6b77c!important;box-shadow:0 0 0 3px #d6b77c18}
.account-password-field{position:relative}
#accountLogin .account-password-field input{padding-right:47px}
#accountLogin #accountRevealPassword{position:absolute;right:2px;top:2px;width:42px;height:42px;padding:11px;border:0;background:transparent;color:#a9b8ca;border-radius:4px}
#accountRevealPassword svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5}
#accountLogin #accountRevealPassword:hover,#accountLogin #accountRevealPassword[aria-pressed=true]{color:#f0d59e}
#accountLogin .account-enter{display:flex;align-items:center;justify-content:center;gap:22px;width:100%;height:47px;margin:5px 0 18px;border:1px solid #f4d9a0;border-radius:5px;background:linear-gradient(115deg,#ddc18b,#f3dbac 50%,#cfa76b);box-shadow:0 4px 20px #c49b4720;color:#2c251c;font:700 13px 'Noto Sans',Arial,sans-serif;letter-spacing:.3px;transition:filter .15s}
#accountLogin .account-enter:hover{filter:brightness(1.08)}
#accountLogin .account-enter span{font-size:21px;line-height:1}
.account-signup{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 8px;font-size:11px;color:#b1becf}
#accountLogin .account-signup button{padding:6px 1px;border:0;background:none;color:#efd09a;font:600 12px 'Noto Sans',Arial,sans-serif;text-decoration:underline;text-underline-offset:4px}
.account-login-screen #accountMessage{margin:0;text-align:center;font-size:12px;line-height:1.6;color:#ffbca9;overflow-wrap:anywhere}
.account-login-screen #accountMessage:not(:empty){margin-top:16px}
.account-login-screen .account-local-note{margin:20px 0 0;padding-top:17px;border-top:1px solid #c7ad791f;text-align:center;color:#9aaabe;font-size:10px;line-height:1.6}
.account-login-screen button:focus-visible{outline:2px solid #f2d59d;outline-offset:4px}
@media(min-width:1500px){.account-login-screen .account-card{padding:40px 38px 30px}}
@media(max-width:760px){#accountOverlay.account-login-screen{grid-template-columns:minmax(0,420px);justify-content:center;align-content:center;gap:25px;padding:28px 20px}.account-login-screen::before{background-position:57% center}.account-login-screen::after{background:linear-gradient(180deg,#07101c30,#07101c55)}.account-brand{justify-self:center;margin:0;text-align:center}.account-world-title{font-size:58px;margin-top:5px}.account-world-caption{font-size:10px;letter-spacing:3px;margin-top:6px}.account-edition{font-size:8px;padding:3px 10px}.account-login-screen .account-card{padding:28px 26px 22px}.account-welcome{margin-bottom:23px}.account-login-screen h2{font-size:33px}.account-ornament{font-size:20px;margin-bottom:9px}}
@media(max-height:650px){#accountOverlay.account-login-screen{align-content:start;padding-top:20px;padding-bottom:20px}.account-login-screen .account-card{padding-top:24px}.account-welcome{margin-bottom:18px}.account-ornament{display:none}}
@media(prefers-reduced-motion:reduce){#accountLogin input,#accountLogin .account-enter{transition:none}}