.profile-button{flex:0 0 30px;width:30px;height:30px;padding:5px;display:grid;place-items:center;border-radius:7px;aspect-ratio:1;color:#e9c980;background:linear-gradient(145deg,#34394a,#151b2b);border:1px solid #8c7549;box-shadow:inset 0 1px #ffe8ae36,0 2px 4px #0005}
.profile-button svg{width:20px;height:20px}.hud-cell:has(.profile-button){gap:6px}.hud-cell:has(.profile-button) .hud-metric+.hud-metric{padding-left:7px}
.profile-shade{position:fixed;inset:0;background:#02050ce6;backdrop-filter:blur(5px);display:grid;place-items:center;padding:12px;z-index:9000}
.player-profile{box-sizing:border-box;width:min(100%,500px);max-height:calc(100dvh - 24px);padding:16px;border-radius:18px;background:radial-gradient(ellipse at top,#222b40,#101725 65%);border:1px solid #a88c52;box-shadow:0 20px 70px #000b;color:#e3e8f2;animation:profileEnter .2s ease-out}
.player-profile header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.player-profile header small{font-size:calc(8px * var(--ui-text-scale,1));letter-spacing:2px;color:#d5b774}.player-profile h2{font-size:calc(21px * var(--ui-text-scale,1));line-height:1.1;margin:3px 0 0;overflow-wrap:anywhere}.profile-close{width:30px;height:30px;font-size:calc(23px * var(--ui-text-scale,1));padding:0}
.profile-account-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px}.profile-status{font-size:calc(11px * var(--ui-text-scale,1));color:#a9dbba}.profile-google{width:100%;font-size:calc(13px * var(--ui-text-scale,1));padding:10px}.profile-account label{display:block;font-size:calc(10px * var(--ui-text-scale,1));color:#c6ccdc;margin:6px 0 4px}.profile-account form{display:flex;gap:6px}.profile-account input{min-width:0;flex:1;height:32px;box-sizing:border-box;background:#0b1220;color:#f1deb2;border:1px solid #435069;border-radius:7px;padding:5px 8px;font:inherit;font-size:calc(12px * var(--ui-text-scale,1))}.profile-account input:disabled{color:#a8b0c1}.profile-account form button{padding:5px 10px;font-size:calc(11px * var(--ui-text-scale,1))}.profile-hint,.profile-message{font-size:calc(10px * var(--ui-text-scale,1));line-height:1.35;margin:5px 0;color:#aeb8cc;overflow-wrap:anywhere}.profile-message{color:#d5c7a3;min-height:26px}.profile-overview h3{font-size:calc(11px * var(--ui-text-scale,1));color:#eed59d;margin:9px 0 6px}.profile-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.profile-stats>div{background:#0b1222;border:1px solid #2c3850;border-radius:8px;padding:6px;min-width:0}.profile-stats span{display:block;font-size:calc(8px * var(--ui-text-scale,1));color:#9ca9c0}.profile-stats b{display:block;font-size:calc(13px * var(--ui-text-scale,1));margin-top:3px;overflow-wrap:anywhere;line-height:1.15}.profile-stats>div:nth-child(7) b{font-size:calc(10px * var(--ui-text-scale,1))}.profile-rarities,.profile-league{font-size:calc(10px * var(--ui-text-scale,1));line-height:1.35;color:#b7c1d2;margin:7px 0 0}.profile-id{font-size:calc(8px * var(--ui-text-scale,1));line-height:1.3;overflow-wrap:anywhere;color:#7f8da5;margin:7px 0 0}.profile-guest{width:100%;margin-top:10px;font-size:calc(12px * var(--ui-text-scale,1))}.account-entry{max-width:365px}.account-entry .profile-message{min-height:0}.profile-columns{min-width:0}
@media(max-width:350px){.profile-shade{padding:8px}.player-profile{padding:12px;max-height:calc(100dvh - 16px)}.profile-stats b{font-size:calc(12px * var(--ui-text-scale,1))}.profile-button{flex-basis:26px;width:26px;height:26px}.hud-cell:has(.profile-button){gap:4px}.hud-cell:has(.profile-button) .hud-metric+.hud-metric{padding-left:4px}}
@media(max-height:450px) and (min-width:550px){.player-profile{width:min(100%,760px);padding:12px}.profile-columns{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:16px}.account-entry .profile-columns{display:block}.profile-overview h3{margin-top:0}.profile-stats>div{padding:5px}.profile-stats b{font-size:calc(12px * var(--ui-text-scale,1))}.profile-stats>div:nth-child(7) b{font-size:calc(10px * var(--ui-text-scale,1))}.profile-rarities,.profile-league{margin-top:5px}.profile-id{margin-top:5px}.account-entry{max-width:365px}}
@keyframes profileEnter{from{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.player-profile{animation:none}}
@media(max-height:510px) and (max-width:549px){.profile-shade{padding:6px}.player-profile{padding:9px;max-height:calc(100dvh - 12px)}.player-profile header{margin-bottom:5px}.player-profile h2{font-size:calc(17px * var(--ui-text-scale,1))}.profile-account-actions{margin-bottom:3px}.profile-status{font-size:calc(10px * var(--ui-text-scale,1))}.profile-account .mini{padding:4px 7px;font-size:calc(10px * var(--ui-text-scale,1))}.profile-account label{margin:3px 0}.profile-account input{height:28px}.profile-account form button{padding:3px 8px}.profile-hint,.profile-message{font-size:calc(9px * var(--ui-text-scale,1));margin:3px 0;min-height:0}.profile-overview h3{font-size:calc(10px * var(--ui-text-scale,1));margin:5px 0}.profile-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}.profile-stats>div{padding:4px}.profile-stats span{font-size:calc(7px * var(--ui-text-scale,1))}.profile-stats b{font-size:calc(10px * var(--ui-text-scale,1));margin-top:2px}.profile-stats>div:nth-child(7) b{font-size:calc(9px * var(--ui-text-scale,1))}.profile-rarities,.profile-league{font-size:calc(8px * var(--ui-text-scale,1));margin-top:4px}.profile-id{font-size:calc(7px * var(--ui-text-scale,1));margin-top:4px}}
@media(max-height:400px) and (max-width:549px){.player-profile header small{display:none}.player-profile header{margin-bottom:3px}.player-profile h2{font-size:calc(15px * var(--ui-text-scale,1));margin:0}.profile-close{width:24px;height:24px;font-size:calc(20px * var(--ui-text-scale,1))}.profile-account-actions button{min-height:24px;padding:3px 6px}.profile-account input{height:24px}.profile-account form .btn{min-height:24px;line-height:1;padding:3px 7px}.profile-hint,.profile-message{font-size:calc(8px * var(--ui-text-scale,1));line-height:1.15;margin:2px 0}.profile-stats>div{padding:3px}.profile-overview h3{margin:4px 0}.profile-rarities,.profile-league,.profile-id{margin-top:3px}}

#profileRoot[data-tutorial=true] .profile-shade{z-index:70}

/* El perfil completo conserva sus métricas también con la barra del navegador abierta. */
@media(max-height:380px) and (max-width:549px){.player-profile{padding:7px}.profile-columns{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:8px}.account-entry .profile-columns{display:block}.profile-account-actions{flex-wrap:wrap;gap:3px}.profile-status{flex-basis:100%}.profile-account #nicknameForm{flex-wrap:wrap}.profile-account #nicknameForm input{flex-basis:100%}.profile-account label{font-size:calc(9px * var(--ui-text-scale,1))}.profile-overview h3{margin:0 0 3px}.profile-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-stats>div{padding:4px 3px}.profile-stats span{font-size:calc(7px * var(--ui-text-scale,1))}.profile-stats b{font-size:calc(10px * var(--ui-text-scale,1))}.profile-rarities,.profile-league{line-height:1.2;font-size:calc(8px * var(--ui-text-scale,1))}.profile-id{font-size:calc(7px * var(--ui-text-scale,1))}.profile-account fieldset{padding:4px;margin:4px 0}.profile-account fieldset legend{font-size:calc(9px * var(--ui-text-scale,1))}.profile-account fieldset button{padding:3px;font-size:calc(9px * var(--ui-text-scale,1));min-height:25px}}

.profile-email-links{display:flex;flex-wrap:wrap;gap:6px}.profile-mail h3{font-size:calc(14px * var(--ui-text-scale,1));margin:3px 0}.profile-mail .mini{white-space:normal}.profile-account .profile-mail{display:flex;flex-direction:column}.profile-mail button{min-height:30px}

.profile-offline-hint{font-size:calc(9px * var(--ui-text-scale,1));line-height:1.2;color:#aeb8cc;margin:5px 0}

@media(max-width:350px) and (max-height:600px){.player-profile{overflow-y:auto;overscroll-behavior:contain}.player-profile h2{font-size:calc(17px * var(--ui-text-scale,1))}.profile-stats>div{padding:4px}.profile-overview h3{margin:5px 0}.profile-id,.profile-league,.profile-rarities{margin:4px 0}.profile-message{min-height:0}}