/* Player accounts, using the game's existing slate and gold palette. */
.game-page .lab-header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center}
.game-page .lab-logo{grid-column:1;grid-row:1;justify-self:start}
.game-page .header-actions{display:contents}
.game-page .header-actions .main-tabs{grid-column:2;grid-row:1;justify-self:center;width:max-content}
.game-page .account-controls{grid-column:3;grid-row:1;justify-self:end;display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0;max-width:100%}
.game-page #accountOpen{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:10px 14px;background:#d9a0520d;border-color:#a17b4859;color:#f1cc97;white-space:nowrap}
.game-page #accountOpen svg{width:17px;height:17px;flex:none}
.game-page #accountNickname{max-width:180px;min-height:42px;padding:9px 13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight:600;color:#f1cc97;border:1px solid #d0aa6f45;border-radius:8px;background:#d9a05208}
.game-page #accountNickname:hover:not(:disabled),.game-page #accountNickname[aria-pressed=true]{background:#d9a0521c;border-color:#d9b37c8a}
.game-page #accountNickname:focus-visible{outline:2px solid #e9bf89;outline-offset:3px}
.game-page #accountLogout{min-height:42px;padding:10px 12px;font-size:11px;color:#aab6c6}
.game-page #accountDialog{width:min(420px,calc(100vw - 28px));max-height:calc(100dvh - 32px);padding:26px;border:1px solid #515763;border-radius:16px;color:#e8e7e3;background:linear-gradient(145deg,#29313c,#1a222e);box-shadow:0 24px 100px #0009;overflow:auto}
.game-page #accountDialog::backdrop{background:#080d15b8;backdrop-filter:blur(4px)}
.game-page .account-dialog-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:23px}
.game-page .account-eyebrow{display:block;color:#d8b580;font-size:9px;letter-spacing:1.7px}
.game-page #accountTitle{margin:8px 0 0;font-family:'Space Grotesk',sans-serif;font-size:23px;line-height:1.25;font-weight:500;letter-spacing:-.6px}
.game-page #accountClose{flex:none;display:grid;place-items:center;width:34px;height:34px;padding:0;font-size:25px;line-height:1;color:#aab6c6;border-color:#ffffff10}
.game-page .account-mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:10px;background:#11182199;border:1px solid #ffffff0a;margin-bottom:23px}
.game-page .account-mode-tabs button{min-height:42px;border-color:transparent;color:#aab6c6;font-size:12px}
.game-page .account-mode-tabs button[aria-selected=true]{color:#f1cc97;background:#343a43;border-color:#ffffff12;box-shadow:0 2px 6px #0002}
.game-page .account-field{display:grid;gap:8px;margin-top:17px}
.game-page .account-field label{font-size:12px;color:#c8d0da}
.game-page #accountForm input{width:100%;min-width:0;min-height:46px;padding:12px;border:1px solid #4a5667;border-radius:8px;background:#131c28;color:#eff0f2;font-size:14px}
.game-page #accountForm input:focus-visible{outline:2px solid #e5b574;outline-offset:2px}
.game-page .account-password-row{display:flex;align-items:stretch;gap:7px}
.game-page #accountShowPassword{flex:none;min-height:46px;padding:10px;font-size:11px;color:#b9c6d5;background:#263140;border-color:#435064}
.game-page .account-hint{font-size:11px;line-height:1.6;margin:13px 0 0;color:#9cabbf}
.game-page #accountStatus{font-size:12px;line-height:1.5;margin:15px 0 0;padding:10px 12px;color:#f0bbad;background:#a94e3414;border:1px solid #b36e553b;border-radius:8px;overflow-wrap:anywhere}
.game-page #accountStatus[data-state=success]{color:#c4e69a;background:#809d5012;border-color:#809d5044}
.game-page #accountSubmit{display:block;width:100%;min-height:47px;padding:13px;margin-top:23px;border-color:#d8ac69;background:#e2b77b;color:#24221f;font-size:13px;font-weight:700;box-shadow:0 3px 14px #0002}
.game-page #accountSubmit:hover:not(:disabled){background:#efc990;border-color:#efc990}
.game-page #accountGuest{display:block;width:100%;min-height:42px;padding:10px 0;margin-top:10px;border-color:transparent;font-size:11px;color:#a4b0c1}
.game-page #challengeLogin{width:100%;min-height:42px;font-size:11px;border-color:#b9986260;color:#e3c39a}
.game-page #challengeAccountName{display:block;margin:8px 0 0;padding:9px 10px;border-radius:7px;background:#ffffff05;color:#e3c39a;font-size:12px;overflow-wrap:anywhere}
@media(max-width:1359px){
 .game-page .lab-header{grid-template-columns:minmax(0,1fr) auto;row-gap:16px}
 .game-page .header-actions .main-tabs{grid-column:1/-1;grid-row:2;display:flex;justify-content:center}
 .game-page .account-controls{grid-column:2}
}
@media(max-width:700px){
 .game-page .lab-header{padding-top:18px;gap:14px}
 .game-page .lab-logo svg{width:38px;height:38px}
 .game-page .lab-logo>span{font-size:clamp(18px,5vw,29px)}
 .game-page .header-actions .main-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));width:100%}
 .game-page .main-tabs button{grid-column:span 2}
 .game-page .account-controls{flex-wrap:wrap;gap:8px;max-width:42vw}
 .game-page #accountNickname{max-width:100%}
 .game-page #accountDialog{padding:22px 20px;border-radius:13px}
 .game-page #accountTitle{font-size:22px}
 .game-page #accountForm input{font-size:16px}
}
@media(prefers-reduced-motion:reduce){.game-page #accountDialog::backdrop{backdrop-filter:none}}