body {
            margin: 0;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            height: 100vh;
            background-color: #222;
            color: white;
            font-family: sans-serif;
            user-select: none;
            touch-action: none; /* disabilita gesture del browser */
        }

        h1 {
            margin-bottom: 20px;
            text-align: center;
        }

	#start-btn {
    		font-size: 1.5rem;
    		padding: 15px 30px;
    		border: none;
    		border-radius: 10px;
    		background-color: #444;
    		color: white;
    		cursor: pointer;
	}

        #joystick-zone {
            width: 40vw;       /* 40% della larghezza viewport */
            height: 40vw;      /* proporzioni quadrate */
            max-width: 40vw;  /* limite dimensioni */
            max-height: 40vw;
            background-color: transparent;
            border-radius: 50%;
            position: absolute;
	    left: 2%;
	    top: 50%;
	    transform: translateY(-50%);
        }

        #joystick2-zone {
            width: 40vw;       /* 40% della larghezza viewport */
            height: 40vw;      /* proporzioni quadrate */
            max-width: 40vw;  /* limite dimensioni */
            max-height: 40vw;
            background-color: transparent;
            border-radius: 50%;
            position: absolute;
	    right: 2%;
	    top: 50%;
	    transform: translateY(-50%);
        }

        #status {
            margin-top: 20px;
            font-size: 0.9rem;
        }

	/* media query per device verticale */
	@media screen and (orientation: portrait) {
   	body::before {
        	content: "Ruota il telefono in orizzontale";
        	display: flex;
        	justify-content: center;
        	align-items: center;
        	position: fixed;
        	top:0; left:0;
        	width:100vw;
        	height:100vh;
        	background-color:#222;
        	color:white;
        	font-size: 1.5rem;
        	z-index: 1000;
    	}
    	body > * {
        	display: none; /* nasconde contenuto principale */
    		}
	}