/* QA4 Director: legibilidad del HUD y acceso. No altera escena Phaser, cámara ni hitboxes. */
/* Laptop/escritorio: restaurar tamaño cómodo con restricciones para prevenir solapes. */
@media (min-width:1201px) {
 #hud-root .hud-top-row{grid-template-columns:minmax(310px,370px) minmax(190px,1fr) minmax(184px,224px);column-gap:18px}
 #hud-root .hud-identity{min-height:116px;height:auto;padding:10px;gap:12px}
 #hud-root .hud-portrait{width:84px;height:94px;flex:0 0 84px}
 #hud-root .hud-identity-title strong{font-size:clamp(17px,1.25vw,22px)}
 #hud-root .hud-level{font-size:12px}
 #hud-root .hud-currency{min-height:88px;padding:12px}
 #hud-root .hud-currency .eyebrow{font-size:11px}
 #hud-root .hud-location h1{font-size:clamp(24px,2.15vw,36px)}
 #hud-root .hud-location #hud-zone-meta{font-size:13px}
 #hud-root .hud-dock{grid-template-columns:repeat(6,minmax(82px,100px));gap:5px}
 #hud-root .hud-dock-button{height:102px}
 #hud-root .hud-chat{width:clamp(340px,23vw,425px);height:clamp(220px,27vh,282px)}
}
@media (min-width:1201px) and (max-width:1450px){
 #hud-root .hud-dock{grid-template-columns:repeat(6,minmax(78px,91px));gap:3px}
 #hud-root .hud-chat{width:330px}
}
@media (min-width:701px) and (max-width:1200px){
 #hud-root .hud-dock{left:auto;right:12px;transform:none;width:min(58vw,550px);grid-template-columns:repeat(6,minmax(0,1fr))}
 #hud-root .hud-dock-button{height:88px}
 #hud-root .hud-chat{width:min(37vw,370px);height:195px}
 #hud-root .hud-top-row{grid-template-columns:minmax(210px,285px) minmax(90px,1fr) minmax(130px,180px)}
 #hud-root .hud-identity{height:100px}
}
@media (max-width:700px){
 #hud-root .hud-chat{height:145px;bottom:101px}
 #hud-root .hud-dock-button{height:69px}
 #hud-root .hud-chat-messages{font-size:12px}
}
#hud-root .hud-tools{width:64px;gap:4px;padding:7px}
#hud-root .hud-tools button{min-width:47px;min-height:40px;font-size:22px}
#hud-root .hud-tools-zoom{font-size:12px}
#hud-root .hud-chat-title strong{font-size:13px;letter-spacing:.1em}
#hud-root .hud-chat-title span{font-size:11px}
#hud-root .hud-chat-channels button{font-size:12px;min-height:32px}
#hud-root .hud-chat-channels{grid-template-columns:1fr}
#hud-root .hud-chat-messages{font-size:clamp(12px,.95vw,14px);line-height:1.5}
#hud-root .hud-chat-form input{font-size:14px;min-height:39px}
#hud-root .hud-chat-form button{width:43px}
#hud-root .hud-dock-button:hover::after,#hud-root .hud-dock-button:focus-visible::after{font-size:14px;max-width:240px}
#hud-root .hud-status,#hud-root .hud-connection{font-size:12px;max-width:min(56vw,670px)}
#hud-root .hud-status:empty,#hud-root .hud-connection:empty{display:none}
#hud-root .hud-dialog-header h2{font-size:clamp(22px,1.75vw,27px)}
#hud-root .hud-dialog-content{font-size:clamp(14px,1vw,16px)}
#hud-root .functional-content,#hud-root .functional-shell{font-size:clamp(14px,1vw,16px)}
/* Acceso ancestral: mantener marco original 2:3; agrandar la tarjeta y controles. */
@media (min-width:801px) and (min-height:720px){
 .login-shell.ancestral-mode .login-card{width:min(100%,490px);max-width:490px;min-height:690px;padding:78px 62px 48px;flex-shrink:0}
 .ancestral-mode .ancestral-brand img{width:min(100%,335px)}
}
@media (min-width:801px) and (max-height:719px){
 .login-shell.ancestral-mode{overflow-y:auto;align-items:flex-start;justify-content:safe center}
 .login-shell.ancestral-mode .login-card{width:min(100%,470px);max-width:470px;min-height:640px;padding:64px 58px 45px;margin:12px auto}
}
@media (max-width:800px){
 .login-shell.ancestral-mode .login-card{width:min(100%,460px);max-width:460px;min-height:635px;padding:66px clamp(36px,9vw,60px) 45px}
}
.ancestral-mode .login-card,.ancestral-mode .account-panel{font-size:15px}
.ancestral-mode .login-card .ancestral-subtitle{font-size:clamp(17px,1.4vw,22px)}
.ancestral-mode .login-card .ancestral-welcome{font-size:13px;line-height:1.35}
.ancestral-mode .account-panel h2{font-size:21px}
.ancestral-mode .login-card form label{font-size:14px;gap:5px}
.ancestral-mode .login-card input{min-height:46px;font-size:16px;padding-inline:12px}
.ancestral-mode .login-card form button[type=submit]{min-height:49px;font-size:16px}
.ancestral-mode .login-card .button-subtle{min-height:43px;font-size:14px}
/* Combat HUD: legibilidad moderada sin interferir con el tablero táctico. */
#n16-pve .n16-combat-history,#n16-pve .n16-chat-history{font-size:13px;line-height:1.45}