@media (max-width: 768px) {
	
	/* 
	 * Structure écran haut
	 */
	 
	#arcade{
		filter:none !important;
	}
	.arcade-marquee{
		display:none;
	}
	.arcade-cabinet{
		padding:5px 0;
		background-color: transparent;
		background-image: none;
		box-shadow:none;
	}
	#central-hub{
		min-height:auto;
	}
	.arcade-bezel{
		margin-left:5px;
		margin-right:5px;
		padding:17px;
		aspect-ratio: 2 / 1;
		box-shadow:none;
	}
	
	.mode-title{
		margin-bottom:0;
		font-size:19px;
	}
	
	
	/* 
	 * Graphisme borne haute 
	 */
	 
	#replay-btn{
		margin-top:0 !important;
	}
	.pixel-reload{
		width: 80px !important;
		height: 80px !important;
	}
	#hud-right{
		gap:7px !important;
		right: 8px !important;
		top: 5px !important;
	}
	.pixel-heart, .pixel-shield{
		width: 20px !important;
		height: 20px !important;
	}
	.hearts-container{
		gap:0px !important;
	}
	.combo-container{
		margin-top:2px !important;
	}
	.combo-container #title-combo{
		font-size: 8px !important;
	}
	.combo-bar-track{
		width: 70px !important;
		height: 9px !important;
		transform:
	}
	.combo-timer-track{
		width:70px !important;
	}
	#hud-left{
		left: 10px !important;
		bottom: 5px !important;
	}
	.score-text{
		font-size: 13px !important;
	}
	#arcade.yellow-surfer #progress-track, div#arcade.yellow-surfer #progress-bar{
		height: 16px !important;
	}
	#arcade.yellow-surfer #progress-bar::after{
		top: -31px !important;
		right: -31px !important;
		width: 63px !important;
		height: 50px !important;
	}
	
	
	
	/* 
	 * Structure écran bas
	 */
	
	.arcade-controls{
		transform:none;
		padding:10px;
		box-shadow:none;
		background-image: none;
	}
	.arcade-controls .crt-screen::before, .arcade-controls .crt-effect::before{
		background: none;
	}
	.arcade-controls-width{
		display:none;
	}
	.arcade-paralax{
		height:100%;
		justify-content: flex-start;
		padding:10px 20px 30px;
	}
	.arcade-bottom{
		display:none;
	}
	.arcade-controls-container{
		perspective:0;
		width:100%;
		margin:0;
		flex: 1;
		display: flex;
	}
	.mode-buttons{
		flex-direction: column;
		align-items: center;
	}
	#choices-container{
		grid-template-columns: repeat(1, 1fr) !important;
		gap:8px !important;
	}
	.choice-btn{
		font-size: 18px;
		line-height: 1.0;
		min-height:46px;
		padding:5px;
		border: 2px solid white;
	}

	
	/*
	 * Reveal screen
	 */

	.reveal-timer{
		bottom: 5px;
		font-size: 1.2em !important;
	}
	.reveal-details{
		max-width: calc(100% - 100px);
	}
	#reveal-track{
		display:none;
	}
	#reveal-game{
		font-size:16px;
		font-family: 'VT323', monospace;
	}

	
	/*
	 * MISC
	 */
	.btn-mode{
		font-weight:400;
		border: 2px solid white;
		font-size:0.9rem;
	}
	#abandon-btn-fixed, #volume-control-wrapper{
		width: 42px;
		height: 42px;
	}
	#abandon-btn-fixed{
		bottom: 10px;
		right: 10px;
	}	
	#volume-control-wrapper{
		bottom: 10px;
		right: 62px;
	}
	#arcade + #background{
		background: #222 !important;
	}
	#game-over-display h2{
		font-size:18px;
	}
	#game-over-display p{
		font-size: 1.1rem;
		line-height: 1.3;
		margin-bottom:0;
	}
	#game-over-controls{
		justify-content: flex-start;
	}
	#game-over-controls label{
		font-size: 0.8rem;
	}
	#leaderboard-name{
		margin-top: 10px;
		margin-right:0;
		width:160px;
	}
	.btn-submit-game-end{
		border: 2px solid white;
		font-weight:400;
	}



	/* 
	 * Main menu
	 */
	 
	.home-buttons{
		width:100%;
		gap:10px;
		padding:20px;
		box-sizing:border-box;
	}
	#mainlogo{
		width:100%;
	}
	.btn-home{
		font-size:1.1rem;
	}
	#home-screen::after{
		background: rgba(0,0,0,0.2);
	}
	.loading-bar-container{
		width:300px;
	}
}