.c64-real-emulator{
	max-width:1120px;
	margin:26px auto;
	border:9px solid #766b4d;
	border-radius:14px;
	background:#b8a777;
	box-shadow:0 14px 35px rgba(0,0,0,.28);
	overflow:hidden;
	font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
}
.c64-real-emulator__topbar{
	display:flex;
	justify-content:space-between;
	gap:18px;
	align-items:center;
	padding:12px 14px;
	color:#3c3625;
}
.c64-real-emulator__topbar strong{letter-spacing:1px;font-size:15px}
.c64-real-emulator__topbar span{display:block;font-size:11px;margin-top:2px;opacity:.82}
.c64-real-emulator__actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.c64-real-emulator__actions button,
.c64-real-emulator__actions a{
	background:#ded0a2;
	color:#332e20;
	border:1px solid #675f43;
	border-radius:4px;
	padding:7px 9px;
	font:inherit;
	font-size:12px;
	font-weight:700;
	text-decoration:none;
	cursor:pointer;
}
.c64-real-emulator__actions button:hover,
.c64-real-emulator__actions a:hover{background:#f4e5b5}
.c64-real-emulator__helpbox{
	background:#211f70;
	color:#bdc8ff;
	padding:15px 20px;
	border-top:2px solid #a8baff;
	font-size:13px;
	line-height:1.45;
}
.c64-real-emulator__helpbox strong{color:#fff}
.c64-real-emulator__helpbox ol{margin:9px 0 9px 20px}
.c64-real-emulator__helpbox p{margin:8px 0 0;color:#d9ddff}
.c64-real-emulator__helpbox code,
.c64-real-emulator__helpbox kbd{background:#12113d;color:#fff;padding:1px 4px;border-radius:3px}
.c64-real-emulator__frame-wrap{
	background:#111;
	height:var(--c64-emulator-height);
	overflow:hidden;
	position:relative;
}
.c64-real-emulator__frame{
	display:block;
	width:100%;
	height:100%;
	border:0;
	background:#111;
}
.c64-real-emulator__footer{
	display:flex;
	justify-content:space-between;
	gap:16px;
	flex-wrap:wrap;
	padding:10px 14px 11px;
	color:#3c3625;
	font-size:11px;
	font-weight:700;
}
.c64-real-emulator:fullscreen{
	width:100vw;
	max-width:none;
	height:100vh;
	margin:0;
	border-radius:0;
	border:0;
}
.c64-real-emulator:fullscreen .c64-real-emulator__frame-wrap{
	height:calc(100vh - 95px);
}
@media(max-width:700px){
	.c64-real-emulator{border-width:5px;border-radius:8px}
	.c64-real-emulator__topbar{align-items:flex-start;flex-direction:column}
	.c64-real-emulator__actions{justify-content:flex-start}
	.c64-real-emulator__frame-wrap{height:max(520px, var(--c64-emulator-height))}
}