.account-pass{color:#f1e8c6;background:#1a3339;border:2px solid #9aa68b;padding:0;width:min(780px,94vw);max-height:91svh;overflow:auto;box-shadow:5px 6px 0 #173537,7px 8px 18px #142b3252;scrollbar-color:#aeb293 #1a3339;isolation:isolate}
.account-pass::backdrop{background:#142936d9}
.account-pass *{box-sizing:border-box}
.account-layout{display:grid;grid-template-columns:245px minmax(0,1fr)}
.account-art{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:35px 24px;background:#29454a;border-right:1px solid #768b79}
.account-art canvas{display:block;width:195px;max-width:100%;height:auto;image-rendering:pixelated;border:7px solid #dbd2b1;border-bottom-width:14px;box-shadow:4px 5px 0 #19383b}
.account-art p{font:10px/1.7 Illion,monospace;color:#dcd9b7;text-align:center;max-width:22ch;margin:0}
.account-content{padding:36px 32px 25px;min-width:0}
.account-pass h2{margin:0 20px 14px 0;font:25px/1.4 Illion,monospace;letter-spacing:-.025em;color:#f4e8bb;text-shadow:2px 2px #112a2e;text-wrap:balance}
.account-pass #intro{font:14px/1.6 system-ui,sans-serif;color:#cbd3bc;margin:0 0 21px;max-width:45ch}
.account-close{position:absolute;right:11px;top:8px;float:none;display:grid;place-items:center;min-width:32px;min-height:32px;background:#1c373a;border:1px solid #7d937c;color:#ede4bd;font:22px/1 ui-monospace,monospace;cursor:pointer;z-index:2}
.account-pass label{display:block;margin:18px 0 8px;font:11px/1.5 Illion,monospace;color:#f0e7c2;font-weight:400}
.account-pass input{display:block;width:100%;min-height:46px;border:1px solid #93a68b;border-radius:0;background:#102b32;color:#f0e8c6;padding:11px 12px;margin:0;font:15px/1.4 Illion,monospace;caret-color:#f0d797;box-shadow:inset 2px 2px 0 #0b222a}
.account-pass input:focus{outline:2px solid #dfc68d;outline-offset:2px;border-color:#dfc68d}
.account-pass input[aria-invalid=true]{border-color:#eba991}
.account-pass .account-hint{font:11px/1.55 system-ui,sans-serif;margin:7px 0 0;color:#b9c9af}
.password-field{position:relative}
.password-field input{padding-right:65px}
.password-field button{position:absolute;right:1px;top:1px;bottom:1px;padding:0 12px;border:0;border-left:1px solid #718b76;background:#26453e;color:#dbe1bf;font:9px Illion,monospace;cursor:pointer}
.account-pass .account-action{display:flex;align-items:center;justify-content:center;width:100%;min-height:45px;padding:12px 14px;background:#e0c88f;color:#213c38;border:0;border-radius:0;box-shadow:inset 0 2px #f8dfaa,inset 0 -3px #ae9867,3px 3px #102a2c;font:11px/1.6 Illion,monospace;text-decoration:none;text-align:center;cursor:pointer}
.account-pass #submit{margin-top:23px}
.account-pass .account-action:hover{background:#eddba6;color:#12332f}
.account-pass .account-action:active{transform:translateY(1px);box-shadow:inset 0 1px #9e885f}
.account-pass button:disabled{cursor:wait;opacity:.6}
.account-pass button:focus-visible,.account-pass a:focus-visible{outline:3px solid #f2d89a;outline-offset:4px}
.account-pass .account-switch{display:block;border:0;background:none;color:#d3d9b7;font:10px/1.7 Illion,monospace;padding:0;margin:17px auto 0;text-align:center;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.account-pass .account-message{margin:15px 0 0;font:12px/1.6 system-ui,sans-serif;color:#ffd0b6;min-height:0}
.account-pass .account-message:empty{display:none}
.account-privacy{font:11px/1.65 system-ui,sans-serif;color:#b9c9af;margin:24px 0 0;padding-top:17px;border-top:1px solid #536e5b}
.account-privacy a{color:#e8d6a3;text-underline-offset:3px}
.account-session{color:#d8cda4;font:11px/1.6 system-ui,sans-serif}
.account-session p{margin:0}
.account-session p:empty{display:none}
.account-session button{margin:8px 0 0;padding:6px 0;border:0;background:none;color:#f1d995;font:10px Illion,monospace;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.player-card{display:flex;align-items:center;gap:15px;padding:16px 0 22px;color:#f1dfab}
.player-card svg{width:46px;height:46px;fill:none;stroke:#c7b984;stroke-width:1.5;flex:none;shape-rendering:crispEdges}
.player-card strong{font:17px/1.6 Illion,monospace;overflow-wrap:anywhere;letter-spacing:-.02em}
.account-dashboard{display:block;margin:18px 0 0;color:#e8d6a3;font:11px/1.5 Illion,monospace;text-underline-offset:4px;text-align:center}
.account-page{min-height:100svh;background:#354455;color:#f0e8c7;margin:0;isolation:isolate}
#account-sky{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;image-rendering:pixelated}
.account-header{position:relative;inset:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 38px;pointer-events:auto}
.account-wordmark{font:clamp(23px,3vw,42px)/1.2 Illion,monospace;color:#f2e9c5;text-shadow:3px 3px #183c37;text-decoration:none;text-transform:uppercase;letter-spacing:-.025em}
.account-header-button{padding:10px 13px;background:#263f44;color:#eee5bf;border:1px solid #91a08a;box-shadow:2px 3px #1b373b;font:10px/1.5 Illion,monospace;cursor:pointer}
.account-screen{padding:20px 20px 35px}
.account-screen>.account-pass{display:block;margin:0 auto;max-height:none}
.account-return{display:block;width:fit-content;margin:25px auto 0;color:#e0dfc0;font:10px/1.6 Illion,monospace;text-decoration:underline;text-underline-offset:4px}
.account-page ::selection,.account-pass ::selection{background:#d5bb7d;color:#193a36}
@media(max-width:650px){.account-layout{grid-template-columns:1fr}.account-art{display:none}.account-content{padding:32px 23px 24px}.account-pass{width:min(440px,93vw)}.account-pass h2{font-size:23px}.account-pass #intro{font-size:13px}.account-pass input{font-size:14px}.account-header{padding:23px 18px;align-items:flex-start;gap:16px;flex-wrap:wrap}.account-wordmark{font-size:27px}.account-header-button{font-size:9px}.account-screen{padding:7px 15px 28px}.account-screen>.account-pass{width:100%}.account-pass .account-hint{font-size:11px}.account-privacy{font-size:11px}}
@media(prefers-reduced-motion:reduce){.account-pass *{scroll-behavior:auto}}