/* Poketech – Pokémon-Raten & Rangliste */
.pt-quiz-lcd {
	min-height: 230px;
	padding: 12px 14px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.pt-quiz-top {
	display: flex;
	justify-content: space-between;
	gap: 10px;
	font-size: 18px;
	text-transform: uppercase;
}
.pt-quiz-clues { display: flex; flex-direction: column; gap: 6px; flex: 1; }
.pt-quiz-clue {
	display: flex;
	gap: 10px;
	align-items: baseline;
	padding: 6px 10px;
	border-radius: 4px;
	color: var(--pt-lcd-mid);
}
.pt-quiz-clue.is-open { background: rgba(29, 53, 53, .10); color: var(--pt-lcd-ink); }
.pt-quiz-nr { font-size: 15px; color: var(--pt-lcd-soft); white-space: nowrap; text-transform: uppercase; }
.pt-quiz-hint { font-size: 20px; line-height: 1.1; }
.pt-quiz-reveal {
	font-size: 32px;
	line-height: 1;
	text-align: center;
	letter-spacing: .1em;
	text-transform: uppercase;
}
.pt-quiz-status { font-size: 20px; text-align: center; }
.pt-quiz-empty { margin: 0; font-size: 19px; }
.pt-quiz-form { display: flex; flex-direction: column; gap: 8px; }
.pt-quiz-row { display: flex; gap: 10px; }
.pt-quiz-row .pt-field { flex: 1; min-width: 0; }
.pt-quiz-row .pt-btn { flex: none; padding: 0 18px; }
.pt-quiz-note { font-family: var(--pt-font-lcd); font-size: 17px; color: var(--pt-muted); }

.pt-quiz-range { display: flex; gap: 16px; }
.pt-quiz-rangebtn {
	height: 32px;
	padding: 0 2px;
	border: 0;
	border-bottom: 2px solid transparent;
	border-radius: 0;
	background: transparent;
	color: var(--pt-muted);
	font-family: var(--pt-font);
	font-size: 11px;
	letter-spacing: .1em;
	text-transform: uppercase;
	cursor: pointer;
}
.pt-quiz-rangebtn.is-on { color: var(--pt-copper-light); border-bottom-color: var(--pt-copper); }
.pt-quiz-rangebtn:focus-visible { outline: 2px solid var(--pt-copper-light); outline-offset: 2px; }

.pt-quiz-ranklcd { min-height: 0; padding: 6px 0; }
.pt-rank { list-style: none; margin: 0; padding: 0; }
.pt-rank li {
	display: flex;
	justify-content: space-between;
	gap: 10px;
	padding: 6px 14px;
	font-size: 20px;
	border-bottom: 1px solid rgba(29, 53, 53, .18);
}
.pt-rank li:last-child { border-bottom: 0; }
.pt-rank li.is-me { background: rgba(196, 121, 74, .22); }
.pt-rank-pos { color: var(--pt-lcd-mid); }
.pt-rank-empty { color: var(--pt-lcd-soft); }
.pt-quiz-me {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	padding: 12px 16px;
	background: var(--pt-panel);
	border-radius: 12px;
}
.pt-quiz-me > span:first-child { font-size: 13px; letter-spacing: .1em; text-transform: uppercase; color: var(--pt-copper-light); }
.pt-quiz-me > span:last-child { font-family: var(--pt-font-lcd); font-size: 20px; color: var(--pt-text-bright); }