@media (min-width:901px) {
	body {
		--blockmark-height:110px;	
		--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 .day {
		grid-column: 1 / 2;
		grid-row: 1 / 3;
		display:flex;
		align-items:center;
		justify-content:center;
		padding-right:7px;
		line-height:0.8;
		min-width:50px;
		font-size:30px;
	}
	#datetime .date {
		grid-column:2 / 3;
		grid-row:1 / 2;
	}
	#datetime .hour {
		grid-column: 2 / 3;
		grid-row: 2 / 3;
	}
	#datetime .date,
	#datetime .hour {
		min-width:75px;
	}


}


@media (max-width:900px) {
	body {
		--blockmark-height:min(100px, calc(100vw / 397 * 106));
	}
	#blockmark {
		width:100%;
		background-size:auto 100%;
		padding:0;
	}
	#logo a img {
		max-width:100%;
	}
	
	#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;
	 }
}