html,
body,
#embed-app {
	margin: 0;
	padding: 0;
	/* 100dvh = Dynamic Viewport Height: shrinks when the mobile browser chrome
	   (address bar, bottom nav) is visible, expands when it hides. This gives
	   the canvas exactly the pixels the user can actually see at any moment.
	   Fallback to 100vh for older browsers that don't support dvh yet. */
	width: 100vw;
	height: 100vh;
	height: 100dvh;
	overflow: hidden;
	background: #000;
}

#embed-app {
	position: fixed;
	inset: 0;
}

#embed-app > table,
#embed-app table {
	width: 100% !important;
	height: 100% !important;
	margin: 0;
	padding: 0;
	border: 0;
	border-collapse: collapse;
	border-spacing: 0;
}

#embed-app td {
	margin: 0;
	padding: 0;
	border: 0;
}

#embed-app canvas {
	display: block;
	width: 100% !important;
	height: 100% !important;
	margin: 0;
	padding: 0;
	border: 0;
}