@media (max-width:1100px){
    .panel-grid,.save-grid{grid-template-columns:1fr 1fr}
    .game-layout{grid-template-columns:1fr}
}
@media (max-width:760px){
    .title-shell{padding:28px 14px 60px}
    .hero-card{padding:24px}
    .panel-grid,.save-grid,.menu-grid{grid-template-columns:1fr}
    .hud-top{align-items:stretch}
    .hud-meta{margin-left:0}
    .bar{width:120px}
    .touch-actions{grid-template-columns:repeat(3,minmax(0,72px))}
    .touch-actions button{min-height:64px;padding:8px 4px}
    .touch-actions .touch-label{font-size:11px}
    .touch-actions .touch-key{font-size:10px;padding:3px 6px}
    .touch-pad{width:132px;height:132px}
    .touch-knob{left:34px;top:34px}
    .overlay-panel.narrow{inset:24px 12px auto 12px;transform:none;width:auto}
}

@media (max-width:760px){
    .combat-mini-map{width:132px;right:12px;top:12px}
    .combat-lock{left:12px;top:12px;max-width:calc(100% - 168px);font-size:12px}
}

@media (max-width: 960px){
  .event-log-panel{
    width:min(48vw, 230px);
    left:10px;
    bottom:96px;
    max-height:160px;
  }
}