html, body {
	height: 100%;
	margin: 0;
}

.wrapper {
	display: flex;
	justify-content: center;
}

.player-frame {
	position: relative;
	width: 100%;
	max-width: 1280px;
	aspect-ratio: 16/9;
}

	.player-frame iframe {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		border: 0;
	}

.overlay {
	position: absolute;
	inset: 0;
	pointer-events: auto;
}

	.overlay canvas {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
	}

.hint {
	position: fixed;
	top: 8px;
	right: 8px;
	background: rgba(0,0,0,.66);
	color: white;
	padding: 6px 8px;
	font: 12px/1.2 ui-sans-serif, system-ui;
	border-radius: 4px;
}