@media (max-width: 820px) {
	html,
	body {
		overflow-x: hidden;
	}

	#content,
	#sidebar,
	#foot,
	#nav,
	#style_changer,
	#logo,
	#slogan,
	#wrapper {
		box-sizing: border-box;
	}

	body {
		padding: 0;
		margin: 0;
		background-image: none;
	}

	#wrapper {
		width: auto;
		max-width: none;
		margin: 0;
		border: none;
	}

	#logo {
		width: 100%;
		height: clamp(46px, 12.5vw, 100px);
		min-height: 0;
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
	}

	#style_changer,
	#slogan,
	#nav,
	#content,
	#foot {
		width: 100%;
	}

	#style_changer {
		height: auto;
		min-height: 20px;
		padding-bottom: 5px;
		overflow: hidden;
	}

	#slogan,
	#nav {
		padding-left: 10px;
		padding-right: 10px;
	}

	#nav {
		line-height: 1.5;
		margin-bottom: 3px;
	}

	#content {
		float: none;
		width: auto;
		margin: 0;
		border: none;
		padding-bottom: 12px;
	}

	#content p {
		font-size: 15px;
		line-height: 22px;
	}

	#content img,
	#sidebar img {
		max-width: 100%;
		height: auto;
	}

	#sidebar {
		display: none;
	}

	#foot {
		margin-top: 8px;
		padding: 0 10px 8px;
	}

	#gamelist,
	#gamelist tbody,
	#gamelist tr,
	#gamelist td {
		display: block;
		width: auto;
	}

	#gamelist td {
		padding: 0;
	}

	#gamelist ul {
		margin: 0 0 8px;
		padding: 0;
	}

	.games #content {
		overflow: hidden;
	}

	.game-shell {
		width: 100%;
		padding: 10px 0 16px;
		overflow: hidden;
		text-align: center;
	}

	.game-stage {
		display: block;
		transform-origin: top left;
		will-change: transform;
	}

	.game-stage > * {
		display: block;
		margin: 0 auto;
	}
}