@charset "utf-8";
/* CSS Document */

/* Reset completo per la visualizzazione HR */
* { margin: 0; padding: 0; box-sizing: border-box; }
body, html { width: 100%; height: 100%; background: #000; overflow: hidden; touch-action: none; }

#viewport {
    width: 100vw; 
    height: 100vh;
    display: flex; 
    align-items: center; 
    justify-content: center;
    overflow: hidden; 
    position: relative; 
    cursor: zoom-in;
}

#astro-img {
    position: absolute; 
    width: 100vw; 
    height: 100vh;
    object-fit: contain; 
    will-change: transform;
    transition: transform 0.1s ease-out; 
    pointer-events: none;
}

.nav-container { 
	position: fixed;
	top: 20px;
	left: 20px;
	z-index: 9999;
	background: rgba(0,0,0,0.5);
	padding: 10px; border-radius: 4px;

}
.btn-close {
    position: fixed; 
    top: 20px; 
    right: 20px; 
    width: 50px; 
    height: 50px;
    background: rgba(255, 0, 0, 0.7); 
	color: #fff; 
    border: 2px solid #f00;
    border-radius: 50%; 
    display: flex; 
    align-items: center; 
    justify-content: center;
    cursor: pointer; 
    z-index: 10000; 
    text-decoration: none; 
    font-size: 30px; 
    font-weight: bold;
}

.zoomed-mode { cursor: grab !important; }
.zoomed-mode:active { cursor: grabbing !important; }

.ver-box {
	display:inline-block;
	padding:5px 12px;
	margin-right:5px;
	text-decoration:none;
	border-radius:3px;
	font-weight:bold;
	border:1px solid #ff0;
}