@media (max-width: 760px){
    body{ overflow:hidden; }

    .window.compact,
    #shopWindow,
    #towerWindow,
    #jarvisWindow,
    .window.center-panel{
        position:absolute;
        left:10px;
        right:10px;
        width:auto;
        transform:none;
    }

    .window.compact{ top:10px; }
    .window.center-panel{ top:206px; }
    #shopWindow{ top:auto; bottom:240px; }
    #towerWindow{ top:auto; bottom:94px; }
    #jarvisWindow{ bottom:10px; }

    .window-body{ padding:12px; }
    .window-title{ font-size:16px; }
    .stat-box strong{ font-size:21px; }
    .tower-stats{ min-height:120px; }
    .zoom-panel{ gap:6px; }
    .zoom-btn{ width:36px; height:36px; }
    .zoom-level{ min-width:48px; font-size:12px; }
}

@media (max-width: 560px){
    .window-head{ padding:10px 12px; }
    .window-icon{ width:30px; height:30px; }
    .stats-grid{ gap:8px; }
    .stat-box{ padding:9px 10px; }
    .window-dock{ bottom:6px; gap:6px; max-width:96vw; }
    .dock-btn{ padding:7px 10px; font-size:12px; }
    #shopWindow{ bottom:109px; }
    #towerWindow{ bottom:266px; }
}