@media (min-width:901px) {
body {
	--blockmark-height:179px;	
	--blockmark-width:400px;
	--report-width:400px;
}

#blockmark:after {
	display:none;
	content:'';
	top:179px;
	left:0;
	width:100%;
	aspect-ratio:40 / 12;
}
#linkpetitprince,
#linkqueguiner {
	height:142px;
}
#linkpetitprince {
	left:178px;
	width:100px;
}
#linkqueguiner {
	left:282px;
	width:105px;
}

body.PANEL_CLOSED #reportswitch .button[rel="floating"] svg {
	transform:rotate(180deg);
}

#datetime .date,
#datetime .hour {
	min-width:75px;
}

}


@media (max-width:900px) {
	body {
	--blockmark-height:calc(100vw / 375 * 95);
	}
	#blockmark {
		width:100%;
		background-size:auto 100%;
		padding:0;
	}
	#blockmark:after {
		--left:calc(var(--blockmark-height) / 18 * 40);;
		content:'';
		top:0;
		left:var(--left);
		bottom:0;
		width:calc(100vw - var(--left));
		background-image:url('img_boat_small.png');
	}
	#linkpetitprince,
	#linkqueguiner {
		height:80%;
	}
	#linkpetitprince {
		left:25%;
		width:14%;
	}
	#linkqueguiner {
		left:39%;
		width:16%;
	}

	#report:not(.open).shrink #reportlist .row .rank {
		justify-content:center;
		margin-right:5px;
	}
	#datetime .date {
		margin-right:1ex;
  }
	#datetime .date, 
	#datetime .hour {
		min-width: auto;
	}
	
}


@media (max-width:365px) {
	 #report:not(.open).shrink #reportlist .row .boat {
		 font-size:10px;
	 }
}