:root{color-scheme:dark;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;background:#0b192c;color:#edf2f8}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 55% 0%,#203b59 0%,#0b192c 58%)}header{max-width:1080px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:18px 22px;gap:12px}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:#f3f6fb;font-size:1.4rem;font-weight:650}.brand img{object-fit:contain}.brand b{color:#fff}.brand small{font-size:.68rem;border:1px solid #617d9d;padding:2px 5px;border-radius:5px;margin-left:6px}.return{color:#c2d7ed;text-decoration:none;font-size:.87rem}main{max-width:530px;margin:58px auto;padding:0 20px 50px}.panel{background:#15283e;border:1px solid #526983;border-radius:16px;padding:32px;box-shadow:0 22px 60px #02091566}.eyebrow{font-size:.8rem;letter-spacing:.07em;color:#d4be8e;text-transform:uppercase;font-weight:700}h1{font-size:2rem;margin:8px 0 12px}.intro{color:#c4d2e2;line-height:1.55;margin-bottom:25px}.tabs{display:flex;background:#0c1b2e;border:1px solid #3f5976;border-radius:9px;padding:4px;margin:0 0 23px}.tabs button{flex:1;background:transparent;border:0;color:#bed0e2;padding:11px;cursor:pointer;border-radius:6px;font:inherit}.tabs button.selected{background:#294866;color:#fff;font-weight:700}form{display:grid;gap:16px}label{display:grid;gap:8px;font-weight:600;font-size:.9rem}input{width:100%;padding:12px 13px;background:#0c1b2d;border:1px solid #68809c;border-radius:8px;color:#fff;font:inherit}input:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid #e0c68b;outline-offset:3px}button{font:inherit;cursor:pointer}.primary,.secondary{display:block;width:100%;border-radius:8px;padding:13px 16px;font-weight:700;margin-top:10px}.primary{background:#d3bd8a;border:1px solid #e8d29c;color:#0b1a2d}.secondary{background:#243e5a;border:1px solid #7290af;color:#fff}.quiet{display:block;margin:16px auto 0;background:none;border:0;color:#d7c596;text-decoration:underline}.separator{text-align:center;margin:21px auto 13px;color:#9eb1c7}.message{padding:12px 14px;background:#243b52;border-left:3px solid #d7c08c;line-height:1.5;margin-bottom:18px}.status{min-height:1.2em;font-size:.88rem;color:#d8c792;line-height:1.5}.footer-note{text-align:center;color:#b3c4d7;font-size:.82rem;line-height:1.6;margin-top:20px}.account{display:flex;align-items:center;gap:9px}.dot{width:9px;height:9px;border-radius:50%;background:#74c69d}.note{font-size:.85rem;color:#bdcde0;line-height:1.5}[hidden]{display:none!important}@media(max-width:540px){main{margin:24px auto}.panel{padding:23px 19px}header{padding:12px}.return{font-size:.8rem}}
/* Estado discreto del registro de identidad, parche 3. */
.identity-state{font-size:.85rem;color:#d4be8e;line-height:1.5;min-height:1.2em;margin:12px 0}

/* Etapa 2: perfil editable sin alterar la tarjeta de autenticación. */
.profile-section{margin:24px 0 16px;padding:18px;border-radius:12px;background:#0d2034;border:1px solid #476481}.profile-section h2{font-size:1.15rem;margin:0 0 7px}.profile-help{font-size:.85rem;color:#bdcde0;margin:0 0 15px;line-height:1.5}.profile-message{font-size:.83rem;color:#d4be8e;min-height:1.2em;line-height:1.5;margin:11px 0 0}.profile-section .secondary{margin-top:2px}.profile-section input:disabled{opacity:.6}

/* Etapa 2 parche 2: avatar del jugador */
.avatar-editor{display:flex;align-items:center;gap:17px;margin-top:20px;padding-top:18px;border-top:1px solid #39526e}
.avatar-preview{flex:0 0 88px;width:88px;height:88px;overflow:hidden;border:2px solid #6888a5;border-radius:50%;background:#213e5b;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;color:#f1e2bd}
.avatar-preview img{height:100%;width:100%;object-fit:cover}
.avatar-actions{flex:1;min-width:0}.avatar-actions label{margin-bottom:8px}.avatar-actions input{width:100%;font-size:.77rem;padding:8px}.avatar-actions .profile-help{font-size:.76rem;margin:7px 0}.avatar-actions .secondary{margin-top:8px}
@media(max-width:440px){.avatar-editor{align-items:flex-start;gap:12px}.avatar-preview{width:70px;height:70px;flex-basis:70px}}

/* Etapa 2, parche 3: identidad visual basada solo en datos guardados. */
.player-identity{display:flex;align-items:center;gap:17px;background:#142e48;border:1px solid #4f6d8b;border-radius:12px;padding:16px;margin:17px 0 22px;min-width:0}
.player-portrait{flex:0 0 76px;width:76px;height:76px;border-radius:50%;border:2px solid #cdb784;background:#274760;color:#f6dfab;display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:1.35rem;font-weight:750}
.player-portrait img{height:100%;width:100%;object-fit:cover}
.player-info{display:flex;flex-direction:column;align-items:flex-start;min-width:0;gap:5px}
.player-caption{font-size:.68rem;letter-spacing:.075em;color:#d9c393;font-weight:750}
.player-info strong{font-size:1.32rem;color:#fff;line-height:1.25;overflow-wrap:anywhere}
.player-subtitle{font-size:.78rem;color:#b4c8df;line-height:1.4}
@media(max-width:440px){.player-identity{padding:12px;gap:12px}.player-portrait{flex-basis:60px;width:60px;height:60px}.player-info strong{font-size:1.1rem}}

.profile-visit{text-decoration:none;text-align:center}