.classic-site .account-page{--account-brand:48 100% 55%;--account-error:0 82% 80%;--account-success:150 57% 76%;width:100%;max-width:1160px;margin:0 auto;padding:24px 8px;color:hsl(var(--c-text));color-scheme:dark}.account-layout{display:grid;gap:24px;align-items:start}.account-story,.account-panel{border:1px solid hsl(var(--c-border));border-radius:24px;background:hsl(var(--c-panel));padding:24px}.account-story{position:relative;overflow:hidden;background:linear-gradient(145deg,hsl(var(--c-gold)/.12),hsl(var(--c-panel)) 65%)}.account-eyebrow{display:block;color:hsl(var(--account-brand));font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;margin-bottom:16px}.account-story .account-logo{width:96px;height:96px;object-fit:contain;border-radius:50%;border:2px solid hsl(var(--account-brand));margin-bottom:24px}.account-story h1{font-size:36px;line-height:1.15;font-weight:700;letter-spacing:-1px;margin:0 0 16px}.account-story p,.account-panel p{font-size:16px;line-height:1.6;color:hsl(var(--c-muted))}.account-benefits{display:grid;gap:16px;border-top:1px solid hsl(var(--c-border));margin-top:32px;padding-top:24px}.account-benefits div{display:flex;gap:12px;align-items:flex-start}.account-benefits svg{width:24px;height:24px;flex-shrink:0;color:hsl(var(--account-brand))}.account-benefits strong{display:block;font-size:16px;font-weight:600}.account-benefits span{font-size:14px;color:hsl(var(--c-muted));display:block;line-height:1.6}.account-tabs{display:flex;gap:8px;border-bottom:1px solid hsl(var(--c-border));padding-bottom:16px;margin-bottom:24px}.account-tabs a{min-height:44px;display:flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:12px;border:1px solid transparent;color:hsl(var(--c-muted));text-decoration:none;font-size:16px;font-weight:600}.account-tabs .is-active{color:hsl(var(--account-brand));border-color:hsl(var(--account-brand)/.3);background:hsl(var(--account-brand)/.08)}.account-panel h2{font-size:24px;font-weight:600;margin:0 0 8px}.account-form{margin-top:24px}.account-form .account-field{display:block;margin-bottom:16px}.account-field>label{display:block;font-size:16px;font-weight:500;margin-bottom:8px;color:hsl(var(--c-text))}.account-field input,.account-field textarea{display:block;width:100%;font:inherit;font-size:16px;color:hsl(var(--c-text));background:hsl(var(--c-bg)/.55);border:1px solid hsl(var(--c-border));padding:12px 16px;border-radius:12px;min-height:48px}.account-field textarea{resize:vertical;line-height:1.6}.account-field input::placeholder,.account-field textarea::placeholder{color:hsl(var(--c-muted))}.account-field input:focus,.account-field textarea:focus{outline:2px solid hsl(var(--account-brand));outline-offset:2px}.account-field input[aria-invalid=true]{border-color:hsl(var(--account-error))}.account-error{display:block;color:hsl(var(--account-error));font-size:14px;line-height:1.6;margin:8px 0}.account-notice{padding:16px;border:1px solid hsl(var(--account-brand)/.3);background:hsl(var(--account-brand)/.06);border-radius:12px;line-height:1.6;margin-bottom:24px}.account-avatar{width:88px;height:88px;position:relative;display:grid;place-items:center;border-radius:50%;background:hsl(var(--c-post));border:2px solid hsl(var(--account-brand));overflow:hidden;font-size:28px;font-weight:600;color:hsl(var(--account-brand));margin:16px auto}.account-avatar img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0}.account-photo-field{border:1px dashed hsl(var(--account-brand)/.4);border-radius:16px;padding:16px;margin-bottom:24px}.account-photo-field input[type=file]{font-size:14px;max-width:100%;min-height:44px;padding:8px}.account-photo-field input::file-selector-button{font:inherit;min-height:40px;border-radius:8px;background:hsl(var(--c-post));color:hsl(var(--account-brand));border:1px solid hsl(var(--c-border));padding:8px 12px;margin-right:8px;cursor:pointer}.account-caption{font-size:14px!important;margin:8px 0}.account-submit{width:100%;min-height:48px;background:hsl(var(--account-brand));color:hsl(var(--c-bg));border:1px solid hsl(var(--account-brand));border-radius:12px;font-size:16px;font-weight:600;padding:12px 24px;cursor:pointer;transition:transform .18s,opacity .18s;margin-top:8px}.account-submit:hover:not(:disabled){transform:translateY(-2px)}.account-submit:active:not(:disabled){transform:scale(.98)}.account-submit:disabled{opacity:.45;cursor:not-allowed}.account-page a:hover{opacity:.85}.account-page button:focus-visible,.account-page a:focus-visible,.account-page input[type=file]:focus-visible{outline:2px solid hsl(var(--account-brand));outline-offset:4px}.account-profile-name{overflow-wrap:anywhere}.account-details{padding:16px;border:1px solid hsl(var(--c-border));border-radius:12px;display:flex;gap:24px;margin:24px 0}.account-details strong{display:block;font-size:24px;color:hsl(var(--account-brand))}.account-details span{font-size:14px;color:hsl(var(--c-muted))}.account-story .account-logout{background:transparent;border:1px solid hsl(var(--c-border));min-height:44px;border-radius:12px;padding:8px 16px;color:hsl(var(--c-muted));cursor:pointer;margin-top:16px}.account-secondary-link{display:inline-flex;gap:8px;align-items:center;min-height:44px;color:hsl(var(--account-brand));font-weight:600}.account-password-settings{margin-top:24px;border-top:1px solid hsl(var(--c-border));padding-top:24px}.account-password-settings summary{cursor:pointer;min-height:44px;font-weight:600}.account-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.c-account-link{display:flex;align-items:center;gap:8px;min-height:44px;padding:8px;border-radius:12px;font-size:14px;text-decoration:none}.c-account-link svg{width:20px;height:20px}.c-game .g-player-slot img,.c-game .g-ranking-row img,.c-game .g-avatar img{width:44px;height:44px;border-radius:50%;object-fit:cover;margin-right:8px;flex-shrink:0}.c-game .g-player-slot{display:flex;align-items:center}.c-game .g-ranking-row{align-items:center}.c-game .g-avatar{overflow:hidden}.c-game .g-avatar img{width:100%;height:100%;margin:0}.admin-user-grid{display:grid;gap:16px;margin-top:24px}.admin-user-photo{width:80px;height:80px;border-radius:50%;object-fit:cover;border:2px solid var(--gold);display:grid;place-items:center;margin-bottom:16px}.admin-user-search{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.admin-user-search>div{flex:1}.admin-user-search .btn{margin:0}.admin-user-pagination{display:flex;gap:16px;align-items:center;margin-top:24px}
.classic-site.c-profile-site .c-focus-nav{display:none!important}
/* Acceso y registro: solo los controles de cuenta, sin elementos de la radio. */
.classic-site.c-profile-site.c-account-access-site :is(.c-header,.c-tabs,.c-focus-nav,.c-radio,.c-footer,.c-drawer,.c-left-rail,.c-ad-rail){display:none!important}
.classic-site.c-profile-site.c-account-access-site .c-desktop-layout{display:block;padding:0;margin:0;max-width:none}
.classic-site.c-profile-site.c-account-access-site .c-main{padding:0!important;margin:0;max-width:none;width:100%;min-height:100vh;min-height:100dvh}
.classic-site.c-account-access-site .account-page{display:grid;align-content:center;min-height:100vh;min-height:100dvh;max-width:none;padding:32px 24px;background:hsl(var(--c-bg))}
.classic-site.c-account-access-site .account-access-layout{display:block;width:100%;max-width:760px;margin:auto}
.classic-site.c-account-access-site .account-panel{padding:32px;border-radius:24px;border-top:3px solid hsl(var(--account-brand));box-shadow:0 16px 40px hsl(var(--c-shadow)/.3)}
.classic-site.c-account-access-site .account-panel h1{font-size:32px;line-height:1.25;font-weight:700;letter-spacing:-.5px;margin:0 0 24px}
.classic-site.c-account-access-site .account-tabs{margin-bottom:32px}
.classic-site.c-account-access-site .account-form{margin-top:0}
.classic-site.c-account-access-site .account-error[hidden]{display:none!important}
.classic-site.c-account-access-site .c-toast{bottom:24px}
@media(min-width:768px){
 .classic-site.c-account-access-site .account-panel{padding:40px 48px}
 .classic-site.c-account-access-site .account-register-form,.classic-site.c-account-access-site .account-register-form fieldset{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px;min-width:0}
 .classic-site.c-account-access-site .account-register-form>:not(.account-field){grid-column:1/-1}
}
@media(max-width:639px){
 .classic-site.c-account-access-site .account-page{padding:24px 16px max(24px,env(safe-area-inset-bottom));align-content:start}
 .classic-site.c-account-access-site .account-panel{padding:24px 8px;border:0;border-radius:0;box-shadow:none;background:transparent}
 .classic-site.c-account-access-site .account-panel h1{font-size:28px}
 .classic-site.c-account-access-site .account-tabs a{flex:1;padding:8px}
}

@media(max-width:1023px){.classic-site.c-profile-site .c-tabs{display:flex!important}.classic-site.c-profile-site .c-main{padding-bottom:100px}}
@media(min-width:768px){.account-layout{grid-template-columns:minmax(0,1fr) minmax(360px,1fr)}.account-story,.account-panel{padding:32px}.account-story{position:sticky;top:96px}.account-story h1{font-size:44px}.admin-user-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1280px){.admin-user-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:639px){.account-story{padding:20px}.account-story .account-logo{width:64px;height:64px;margin-bottom:16px}.account-story h1{font-size:28px}.account-benefits{margin-top:24px}.account-story .account-benefits div:not(:first-child){display:none}.account-page{padding-top:16px}.c-account-link span{display:none}.c-header .c-header-end{gap:4px}.c-header .c-brand{font-size:13px}}@media(prefers-reduced-motion:reduce){.account-page *{transition:none!important}}