#account-trigger{display:grid;place-items:center;flex-shrink:0;width:33px;height:33px;padding:0;background:#25252a;border:1px solid #414149;border-radius:50%;font:600 12px 'Space Grotesk',sans-serif;color:#ddddE4;transition:border-color .2s,background .2s}#account-trigger:hover,#account-trigger.signed-in{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent-text)}#account-trigger .guest-account-icon{display:block;width:18px;height:18px;color:inherit}
#account-trigger{overflow:hidden}#account-trigger img,.account-avatar-preview img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}.account-profile-heading{display:flex;align-items:center;gap:15px;margin-top:8px}.account-profile-heading>div{min-width:0}.account-profile-heading .account-eyebrow{font-size:7px;letter-spacing:1.4px}.account-profile-heading .account-intro{margin-bottom:0;font-size:10px}:is(#account-dialog,#account-delete-dialog) .account-profile-heading h2{font-size:25px;margin:8px 0}.account-avatar-preview{display:grid;place-items:center;flex-shrink:0;width:60px;height:60px;padding:0;overflow:hidden;border:1px solid var(--accent-line);border-radius:17px;background:var(--accent-soft);color:var(--accent-text);font:600 23px 'Space Grotesk',sans-serif;transition:border-color .2s,filter .2s}.account-avatar-preview:hover{border-color:var(--accent-text);filter:brightness(1.08)}.account-avatar-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin:15px 0 24px}.account-avatar-actions button{font-size:10px;color:#a2a2af;padding:5px 0}.account-avatar-actions button:first-child{color:var(--accent-text)}.account-avatar-actions button:hover{text-decoration:underline}:is(#account-dialog,#account-delete-dialog) .account-profile-form{display:grid;gap:9px;padding:19px 0;border-top:1px solid #303036;border-bottom:1px solid #303036;margin:0 0 20px}:is(#account-dialog,#account-delete-dialog) .account-profile-form>label{font-size:11px;color:#babad0}.account-name-edit{display:flex;gap:8px;align-items:center}.account-name-edit input{flex:1;min-width:0}:is(#account-dialog,#account-delete-dialog) .account-name-edit button{min-height:42px;border:1px solid var(--accent-line);background:var(--accent-soft);color:var(--accent-text);padding:0 12px;border-radius:6px;font-size:10px}.account-profile-form small{font-size:9px;line-height:1.8;color:#858591}:is(#account-dialog,#account-delete-dialog) .account-profile-form input:disabled{opacity:.5;cursor:not-allowed}.account-profile-form .account-error{font-size:10px}
.account-avatar-preview{position:relative}.account-avatar-image{display:grid;place-items:center;width:100%;height:100%;border-radius:inherit;transition:filter .25s,transform .3s}.account-avatar-overlay{position:absolute;inset:0;display:grid;place-items:center;background:#10101255;color:var(--accent-text);opacity:0;transition:opacity .25s;pointer-events:none}.account-avatar-overlay svg{width:27px;height:27px;transform:scale(.8);transition:transform .3s cubic-bezier(.22,1,.36,1)}.account-avatar-preview:hover,.account-avatar-preview:focus-visible{filter:none}.account-avatar-preview:is(:hover,:focus-visible) .account-avatar-image{filter:blur(2px) brightness(.7);transform:scale(1.06)}.account-avatar-preview:is(:hover,:focus-visible) .account-avatar-overlay{opacity:1}.account-avatar-preview:is(:hover,:focus-visible) .account-avatar-overlay svg{transform:scale(1)}.account-avatar-actions:has(#account-default-avatar[hidden]){display:none}@media(prefers-reduced-motion:reduce){.account-avatar-image,.account-avatar-overlay,.account-avatar-overlay svg{transition:none}}
:is(#account-dialog,#account-delete-dialog){width:min(465px,calc(100vw - 28px));padding:32px;max-height:88dvh;scrollbar-width:thin;scrollbar-color:#ffffff25 transparent;border:1px solid var(--accent-line);background:#1a1a1e;color:var(--text);border-radius:12px;overflow-x:hidden}:is(#account-dialog,#account-delete-dialog) h2{font:500 27px/1.2 'Space Grotesk',sans-serif;letter-spacing:-.8px;margin:12px 0 11px;overflow-wrap:anywhere}:is(#account-dialog,#account-delete-dialog) h2 span{color:var(--accent-text)}.account-eyebrow{font-size:8px;letter-spacing:1.7px;color:#9696a0;margin-top:6px}.account-intro{font-size:11px;color:#91919d;line-height:1.8;margin:0 0 22px;overflow-wrap:anywhere}.account-close{position:absolute;top:12px;right:12px;width:28px;height:28px;border-radius:5px;display:grid;place-items:center;color:#9999a5}.account-close:hover{background:#ffffff08;color:#eee}.account-close svg{width:15px;height:15px}
.account-tabs{display:flex;border:1px solid #303037;border-radius:7px;background:#141417;padding:4px;margin-bottom:22px;gap:4px}.account-tabs button{flex:1;min-height:34px;border-radius:4px;font-size:11px;color:#858591}.account-tabs button[aria-selected=true]{background:var(--accent-soft);color:var(--accent-text);box-shadow:0 0 0 1px var(--accent-line)}:is(#account-dialog,#account-delete-dialog) form{display:grid;gap:15px}:is(#account-dialog,#account-delete-dialog) form label{display:grid;gap:8px;font-size:11px;color:#babad0}:is(#account-dialog,#account-delete-dialog) form input{width:100%;min-width:0;border:1px solid #36363e;border-radius:6px;background:#141417;color:#ededf2;min-height:42px;padding:10px 12px;font:12px 'DM Sans',sans-serif;outline-offset:2px}:is(#account-dialog,#account-delete-dialog) form input:focus{border-color:var(--accent-line)}.account-password{position:relative}.account-password input{padding-right:65px!important}.account-password button{position:absolute;right:6px;top:5px;height:32px;padding:0 8px;color:#90909d;font-size:10px}#account-password-help,.account-help{font-size:10px;line-height:1.7;color:#858591}.account-error{font-size:11px;line-height:1.7;color:#ffb0a1;margin:0;white-space:pre-wrap}.account-error:empty{display:none}:is(#account-dialog,#account-delete-dialog) .account-primary{display:flex;align-items:center;justify-content:center;min-height:42px;padding:11px 15px;background:var(--accent);color:var(--accent-ink);font-size:12px;font-weight:600;border:1px solid transparent;border-radius:6px}:is(#account-dialog,#account-delete-dialog) .account-primary:hover:not(:disabled){filter:brightness(1.08)}:is(#account-dialog,#account-delete-dialog) button:disabled{opacity:.45;cursor:wait}.account-divider{display:flex;align-items:center;gap:13px;color:#63636e;font-size:10px;margin:20px 0}.account-divider:before,.account-divider:after{content:'';flex:1;height:1px;background:#303037}:is(#account-dialog,#account-delete-dialog) .account-google{display:flex;align-items:center;justify-content:center;gap:11px;width:100%;min-height:42px;border:1px solid #393941;border-radius:6px;background:#212126;color:#dddde6;font-size:12px;padding:11px 15px}.account-google:hover:not(:disabled){background:#29292f}.google-logo{width:17px;height:17px;flex-shrink:0}#account-google-help{text-align:center;margin:12px 0 0}
.account-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:23px 0}.account-stats>div{padding:14px 11px;border:1px solid #303036;background:#151518;border-radius:7px;min-width:0}.account-stats strong{display:block;color:var(--accent-text);font:500 17px 'Space Grotesk',sans-serif;white-space:nowrap}.account-stats span{display:block;color:#858591;font-size:9px;margin-top:7px}#account-password-settings{margin:20px 0;border-top:1px solid #303036;border-bottom:1px solid #303036;padding:15px 0}#account-password-settings summary{font-size:11px;color:#a5a5b2;cursor:pointer}#account-password-settings form{margin-top:18px}.account-actions{display:flex;gap:10px;margin-top:22px}.account-actions button{flex:1;min-height:36px;padding:8px 10px;border:1px solid #36363e;border-radius:5px;color:#b4b4c1;font-size:10px}#account-logout{color:#e6a3a3;border-color:#5c3c40}.account-actions button:hover{background:#ffffff07}
#account-notice{position:fixed;inset:auto auto 24px 50%;transform:translateX(-50%);margin:0;z-index:180;max-width:min(450px,calc(100vw - 28px));padding:13px 20px;border:1px solid var(--accent-line);border-radius:9px;background:#242429f5;color:#eeeef3;box-shadow:0 8px 30px #0007;font-size:12px;line-height:1.7;text-align:center;pointer-events:none}body:has(#player:not([hidden])) #account-notice{bottom:125px}
@media(max-width:580px){:is(#account-dialog,#account-delete-dialog){padding:27px 22px}:is(#account-dialog,#account-delete-dialog) h2{font-size:25px}.account-stats strong{font-size:15px}.account-stats>div{padding:12px 9px}#account-trigger{width:30px;height:30px;font-size:11px}body:has(#player:not([hidden])) #account-notice{bottom:145px}}
:is(#account-dialog,#account-delete-dialog) .account-text-link{display:inline-block;padding:8px 0;margin-top:8px;font-size:11px;color:var(--accent-text,var(--accent));text-align:left}
.account-verification{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px;border:1px solid #ffffff12;border-radius:7px;margin-top:16px;font-size:11px;color:#babad0}
.account-verification button{color:var(--accent-text,var(--accent));font-size:11px;padding:3px 0}
.account-verification small{width:100%;color:#92929d;font-size:10px}
.account-danger{margin-top:24px;padding-top:18px;border-top:1px solid #ffffff12;font-size:11px;color:#b9b9c4}
.account-danger summary{color:#eda6a6;cursor:pointer}.account-danger p{font-size:11px;line-height:1.7}
.account-danger form{margin-top:14px}
:is(#account-dialog,#account-delete-dialog) .account-danger-button{border:1px solid #744147;background:#352226;color:#ffb2b2;border-radius:6px;padding:12px;font-size:11px}
:is(#account-dialog,#account-delete-dialog) .account-danger-button:hover{background:#45272d}
#account-delete-dialog{width:min(430px,calc(100vw - 28px));padding:30px;border-color:#ffffff18}
#account-delete-dialog h2{padding-right:18px;font-size:24px}
#account-delete-dialog>p{font-size:12px;line-height:1.8;color:#a7a7b3}
#account-delete-dialog form{margin-top:20px}
.account-delete-close{position:absolute;right:12px;top:12px;display:grid;place-items:center;width:28px;height:28px;border-radius:5px;color:#9999a5}
.account-delete-close:hover{background:#ffffff08;color:#eee}.account-delete-close svg{width:15px;height:15px}
:is(#account-dialog,#account-delete-dialog) .account-delete-link{color:#da999f;font-size:10px;margin-top:18px}
#account-delete-cancel{display:block;width:100%;text-align:center;margin-top:12px;color:#b4b4c1}