body, html {
    margin: 0; padding: 0; width: 100%; height: 100%;
    overflow: hidden; background: #000;
    /* Полная блокировка системных жестов "назад/вперед" и "резинового" скролла */
    overscroll-behavior: none; 
    touch-action: none;
}

#viewport {
    width: 100vw; height: 100vh;
    position: relative; overflow: hidden;
}

#canvas {
    position: absolute; top: 0; left: 0;
    transform-origin: 0 0; /* Критично для зума в точку фокуса */
    will-change: transform;
}

.item {
    position: absolute;
    background: #000;
    outline: 1px solid #000; /* Скрывает микро-швы */
    pointer-events: none; /* Убираем реакцию на клики полностью */
}

.item img {
    width: 100%; height: 100%;
    object-fit: cover;
    display: block;
}