/* Romance Rocket */

.rr-stage {
	position: fixed;
	inset: 0;
	z-index: 1000;
	overflow: hidden;
	-webkit-tap-highlight-color: transparent;
	touch-action: manipulation;
	user-select: none;
}

.rr-stage[hidden] {
	display: none;
}

/* The page stays faintly visible underneath, like the game's dimmed chat. */
.rr-backdrop {
	position: absolute;
	inset: 0;
	opacity: 0;
	background: rgba(8, 4, 16, 0.8);
}

.rr-canvas {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	/* Keeps hard pixel edges when the pixel look renders the canvas small */
	image-rendering: pixelated;
}

.rr-streaks {
	position: absolute;
	inset: 0;
	pointer-events: none;
}

.rr-shoot {
	position: absolute;
	left: 0;
	top: 0;
	width: 30vmax;
	height: 2px;
	border-radius: 2px;
	transform-origin: 0 50%;
	background: linear-gradient(90deg, #fff, rgba(255, 214, 150, 0.9) 4%, rgba(255, 150, 90, 0.35) 35%, rgba(170, 90, 255, 0));
}

.rr-shoot::before {
	content: "";
	position: absolute;
	left: -5px;
	top: 50%;
	width: 10px;
	height: 10px;
	margin-top: -5px;
	border-radius: 50%;
	background: radial-gradient(circle, #fff 0 30%, rgba(255, 200, 90, 0.8) 50%, transparent 72%);
	box-shadow: 0 0 12px 4px rgba(255, 190, 80, 0.6);
}