/* Pick a peep - builds on party.css */

.party-root.pap-root {
	background-color: #74c0fc;
	background-image:
		radial-gradient(circle at 20% 30%, rgba(255, 255, 255, .4) 0 18%, transparent 19%),
		radial-gradient(rgba(25, 113, 194, .35) 2px, transparent 2.5px);
}

/* ------------------------------------------------------------ header */

.pap-title {
	display: flex;
	align-items: center;
	gap: 10px;
}

.pap-logo-pick { color: #fff; font-size: 38px; transform: rotate(-5deg); display: inline-block; }
.pap-logo-peep { color: var(--yellow); font-size: 58px; }

.pap-ballot {
	width: 76px;
	height: 76px;
	flex: none;
	filter: drop-shadow(3px 3px 0 var(--ink));
	animation: party-float 2.4s ease-in-out infinite;
}

.pap-ballot.tutorial { width: 100px; height: 100px; margin-top: 6px; }

/* ------------------------------------------------------------ voting & reveal */

.pap-voting, .pap-reveal { gap: 16px; }
.pap-voting .party-hint { max-width: 560px; text-align: center; }

/* ------------------------------------------------------------ small screens */

@media (max-width: 900px) {
	.pap-logo-pick { font-size: 26px; }
	.pap-logo-peep { font-size: 40px; }
	.pap-ballot { width: 56px; height: 56px; }
}