.account-page{min-height:100svh;background:linear-gradient(90deg,#0c141bea,#0e171cce),url('/media/siltwake.webp') center/cover fixed}
.account-page .header{background:#101618e8}.account-home{font:600 11px var(--display);letter-spacing:1px;color:var(--gold)}
.account-layout{max-width:1280px;margin:auto;padding:80px 6%;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;min-height:calc(100svh - 200px)}
.account-intro h1{font-size:clamp(40px,4.3vw,64px)}.account-intro>p:not(.eyebrow){max-width:420px;color:#c7cbc3}.account-intro .account-preview-note{font-size:17px;border-left:1px solid #a88c5e;padding-left:18px;margin-top:32px}
.account-card{background:linear-gradient(145deg,#202728f5,#11191afc);border:1px solid #a185536e;padding:38px;box-shadow:0 20px 70px #0005;min-width:0}.account-card h2{font-size:29px;letter-spacing:-.5px}.account-card .eyebrow{font-size:10px;margin-bottom:16px}
.account-card p{font-size:18px;color:#c6cbc3}.account-card [hidden]{display:none!important}.account-card label{display:block;font:600 11px var(--display);letter-spacing:1px;color:var(--gold);margin:24px 0 10px}
.account-card input{display:block;width:100%;min-width:0;background:#0c1418;color:var(--cream);border:1px solid #7d806b;border-radius:0;padding:14px;font:18px system-ui,sans-serif;min-height:52px}.account-card input::placeholder{color:#87938f}.account-card #code{font-size:27px;letter-spacing:8px}
.account-card .button{width:100%;font-size:12px;padding:18px 16px;gap:18px;margin-top:22px;cursor:pointer}.account-card :focus-visible{outline:2px solid #f2d294;outline-offset:4px}.account-card button:disabled{cursor:wait;opacity:.55;transform:none}.account-card #resend-code:disabled{cursor:default}
.account-card .account-fine-print{font-size:14px;color:#a7b2aa;line-height:1.5}.account-secondary{font:inherit;color:var(--gold);border:0;background:transparent;padding:10px 0;cursor:pointer;font-size:16px;text-decoration:underline;text-underline-offset:4px}.account-actions{display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between;margin-top:10px}
.account-card #account-error{color:#ffd4bb;background:#642d244d;border-left:2px solid #e59873;padding:12px;font-size:16px}.account-card #account-status:empty{display:none}.account-details{margin:20px 0}.account-details dt{font:600 10px var(--display);letter-spacing:1px;color:var(--gold);margin:20px 0 8px}.account-details dd{margin:0;overflow-wrap:anywhere}.account-details .player-id{font:13px/1.7 ui-monospace,monospace;color:#b6c5bd}.account-card .account-signed-in{color:#bdcfae}.account-signed-in span{font-size:10px;margin-right:8px}
.account-guest{border-top:1px solid var(--line);margin-top:26px;padding-top:22px;font-size:17px}.account-guest a{color:var(--gold)}.account-guest span{display:block;font-size:14px;color:#9daa9f;margin-top:4px}.account-guest a span{display:inline;color:inherit}
.account-page footer{background:#101618a8}.account-page footer>span{margin-left:auto}
@media(max-width:850px){.account-layout{gap:35px;padding:50px 5%}.account-card{padding:26px}.account-intro h1{font-size:42px}}
@media(max-width:650px){.account-layout{grid-template-columns:1fr;padding:38px 6%;gap:24px}.account-intro h1{font-size:36px}.account-intro .eyebrow{margin-bottom:16px}.account-intro>p:not(.eyebrow){font-size:17px}.account-intro .account-preview-note{margin-top:18px}.account-home{font-size:9px;max-width:100px;text-align:right}.account-card{padding:24px}.account-card h2{font-size:25px}.account-page footer>span{width:auto;margin:0}.account-page .brand{width:145px}}

/* Border Pass: the scene is a clean plate; all text and controls are live HTML. */
.account-page{background:#171d24 url('/media/border-pass-v1.webp') center top/cover fixed;display:flex;flex-direction:column;align-items:center;isolation:isolate}
.account-page:before{content:'';position:fixed;inset:0;z-index:-1;background:linear-gradient(180deg,#06111c08 15%,#06111c00 35%,#06111c75 100%)}
.border-brand{text-align:center;padding:clamp(20px,4vh,48px) 20px 0;width:min(560px,85vw)}.border-brand img{width:100%;filter:drop-shadow(0 5px 12px #0008)}.border-brand p{font:600 10px var(--display);letter-spacing:4px;color:#f3dba5;margin:-8px 0 0;text-shadow:0 2px 5px #000}
.account-layout{display:block;width:min(460px,92vw);padding:0;margin:clamp(20px,4vh,55px) auto 40px;min-height:0}
.account-card{padding:26px 34px;background:linear-gradient(155deg,#172127e8,#10171aef);border:1px solid #c6a263a6;box-shadow:0 0 0 5px #10171a45,0 25px 60px #0006;backdrop-filter:blur(8px);text-align:center;position:relative}
.account-card:before{content:'◆';position:absolute;top:-12px;left:calc(50% - 12px);width:24px;color:#d2ad69;background:#283138;font-size:14px}
.account-card h2{font:600 clamp(22px,3vw,28px) var(--display);color:#f0deba}.account-card .eyebrow{margin:0 0 12px;letter-spacing:3px;color:#d8b875}
.account-card p{font-size:16px;line-height:1.45}.account-card label{text-align:left;margin-top:18px;font-size:10px}.account-card input{background:#11191dcf;border-color:#9c845c;box-shadow:inset 0 2px 8px #0005;padding:12px 14px;min-height:48px}.account-card .button{background:linear-gradient(#c6a367,#896437);border:1px solid #e3c28c;box-shadow:inset 0 0 0 3px #684d3377,0 4px 12px #0005;color:#171712;text-shadow:0 1px #f4d8a566;justify-content:center;margin-top:18px;font-size:12px;letter-spacing:1.5px}.account-card .account-fine-print{font-size:12px}.account-actions{gap:8px}.account-secondary{font-size:14px}.account-guest{padding-top:15px;margin-top:18px;font-size:15px}.account-guest span{font-size:12px}.account-details{text-align:left}.account-page footer{margin-top:auto;border:0;background:none;width:100%;max-width:none;padding:16px 4%;font-size:12px;color:#e1d1b6}.account-page footer a{margin:0}.account-page footer>span{margin-left:auto}.account-page.leaving{opacity:0;transition:opacity .35s ease}
@media(max-width:650px){.account-page{background-position:51% top}.border-brand{width:310px;padding-top:22px}.border-brand p{font-size:8px;letter-spacing:3px}.account-layout{margin-top:28px}.account-card{padding:24px}.account-page footer{padding:16px 6%}}
@media(prefers-reduced-motion:reduce){.account-page.leaving{transition:none}}