html.rpw-desktop-active,
html.rpw-desktop-active body {
	min-height: 100% !important;
	margin: 0 !important;
	background: #fbfbfb !important;
	overflow: hidden !important;
}

html.rpw-desktop-active body > *:not(#rolex-plugin-white-screen) {
	visibility: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

.rpw-screen {
	display: none;
}

html.rpw-desktop-active .rpw-screen {
	position: fixed !important;
	inset: 0 !important;
	z-index: 2147483647 !important;
	display: grid !important;
	place-items: center !important;
	visibility: visible !important;
	opacity: 1 !important;
	width: 100vw !important;
	height: 100vh !important;
	margin: 0 !important;
	padding: clamp(24px, 4vh, 56px) clamp(24px, 4vw, 80px) !important;
	box-sizing: border-box !important;
	background: #fbfbfb !important;
	color: #555 !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 16px !important;
	line-height: 1.35 !important;
	user-select: none !important;
	-webkit-user-select: none !important;
	overscroll-behavior: none !important;
}

html.rpw-desktop-active .rpw-screen,
html.rpw-desktop-active .rpw-screen * {
	box-sizing: border-box !important;
}

.rpw-shell {
	width: min(86vw, 1760px) !important;
	max-width: 100% !important;
	margin: 0 auto !important;
	transform: translateY(-1vh);
}

.rpw-heading {
	margin: 0 0 clamp(12px, 2vh, 26px) !important;
	color: #505050 !important;
	font-size: clamp(22px, 2vw, 37px) !important;
	font-weight: 800 !important;
	letter-spacing: .13em !important;
	line-height: 1.2 !important;
	text-align: center !important;
	text-transform: uppercase !important;
}

.rpw-game-card {
	position: relative !important;
	width: 100% !important;
	aspect-ratio: 3.1 / 1 !important;
	min-height: 300px !important;
	max-height: 565px !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	background: #fff !important;
	border: 1px solid #d6d6d6 !important;
	border-radius: clamp(8px, .8vw, 15px) !important;
	box-shadow: 0 20px 45px rgba(0, 0, 0, .09) !important;
}

.rpw-score {
	position: absolute !important;
	top: clamp(20px, 3vw, 48px) !important;
	right: clamp(28px, 4vw, 70px) !important;
	z-index: 4 !important;
	display: flex !important;
	gap: clamp(13px, 1.2vw, 24px) !important;
	align-items: center !important;
	color: #505050 !important;
	font-family: "Courier New", Courier, monospace !important;
	font-size: clamp(19px, 1.8vw, 34px) !important;
	font-weight: 500 !important;
	letter-spacing: .08em !important;
	line-height: 1 !important;
}

.rpw-center-message {
	position: absolute !important;
	top: 49% !important;
	left: 50% !important;
	z-index: 5 !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	width: min(90%, 680px) !important;
	transform: translate(-50%, -50%) !important;
	text-align: center !important;
}

.rpw-game-over {
	display: none !important;
	margin: 0 0 6px !important;
	color: #4d4d4d !important;
	font-size: clamp(28px, 2.6vw, 50px) !important;
	font-weight: 800 !important;
	letter-spacing: .035em !important;
	line-height: 1.1 !important;
}

.rpw-instruction {
	margin: 0 0 clamp(12px, 2vh, 22px) !important;
	color: #777 !important;
	font-size: clamp(15px, 1.45vw, 28px) !important;
	font-weight: 400 !important;
	letter-spacing: .01em !important;
	line-height: 1.25 !important;
}

.rpw-play-button {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 9px !important;
	min-width: clamp(100px, 9vw, 164px) !important;
	min-height: clamp(46px, 5vw, 78px) !important;
	margin: 0 !important;
	padding: 10px 22px !important;
	color: #555 !important;
	background: #fff !important;
	border: 1.5px solid #888 !important;
	border-radius: 5px !important;
	box-shadow: none !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: clamp(15px, 1.3vw, 25px) !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	text-transform: uppercase !important;
	cursor: pointer !important;
	transition: background .15s ease, transform .15s ease !important;
}

.rpw-play-button:hover,
.rpw-play-button:focus-visible {
	background: #f5f5f5 !important;
	outline: 2px solid #777 !important;
	outline-offset: 3px !important;
}

.rpw-play-button:active {
	transform: translateY(1px) !important;
}

.rpw-play-icon {
	width: 0 !important;
	height: 0 !important;
	border-top: 6px solid transparent !important;
	border-bottom: 6px solid transparent !important;
	border-left: 10px solid #555 !important;
}

.rpw-game-card.is-running .rpw-center-message {
	display: none !important;
}

.rpw-game-card.is-over .rpw-game-over {
	display: block !important;
}

.rpw-game-card.is-over .rpw-play-icon {
	display: none !important;
}

#rpw-game-canvas {
	position: absolute !important;
	inset: 0 !important;
	z-index: 2 !important;
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	touch-action: none !important;
}

.rpw-controls {
	position: absolute !important;
	left: 50% !important;
	bottom: clamp(18px, 2.5vw, 38px) !important;
	z-index: 4 !important;
	width: 92% !important;
	transform: translateX(-50%) !important;
	color: #8b8b8b !important;
	font-size: clamp(13px, 1.25vw, 23px) !important;
	font-weight: 400 !important;
	line-height: 1.25 !important;
	text-align: center !important;
}

@media (max-height: 650px) {
	html.rpw-desktop-active .rpw-screen {
		padding-top: 18px !important;
		padding-bottom: 18px !important;
	}

	.rpw-shell {
		width: min(76vw, 1300px) !important;
		transform: none !important;
	}

	.rpw-heading {
		margin-bottom: 10px !important;
		font-size: clamp(18px, 1.6vw, 28px) !important;
	}
}

@media (max-width: 991px), (hover: none), (pointer: coarse) {
	html.rpw-desktop-active,
	html.rpw-desktop-active body {
		overflow: auto !important;
	}

	html.rpw-desktop-active body > *:not(#rolex-plugin-white-screen) {
		visibility: visible !important;
		opacity: 1 !important;
		pointer-events: auto !important;
	}

	html.rpw-desktop-active .rpw-screen {
		display: none !important;
	}
}
