.gpp-sp .gpp-pphone { display: none; }
@media (max-width: 600px) {
	.gpp-sp .gpp-players > .gpp-wrap > .gpp-h2, .gpp-sp .gpp-players > .gpp-wrap > .gpp-pcards, .gpp-sp .gpp-players > .gpp-wrap > .gpp-ptabs { display: none; }
	.gpp-sp .gpp-pphone { display: block; container-type: inline-size; }
	.gpp-sp .gpp-pphone .gpp-wrap { width: auto; margin: 0 16px; }
	.gpp-sp .gpp-pphone__row {
		display: flex;
		align-items: stretch;
		gap: 16px;
		margin: 0;
		padding: 0 40px 0 16px;
		overflow-x: auto;
		overflow-y: hidden;
		overscroll-behavior-x: contain;
		scroll-snap-type: x mandatory;
		scroll-padding: 0 16px;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
	}
	.gpp-sp .gpp-pphone__row::-webkit-scrollbar { display: none; }
	.gpp-sp .gpp-pphone__row.is-drag, .gpp-sp .gpp-pphone__row.is-jump, .gpp-sp .gpp-pphone__row.is-held { scroll-snap-type: none; scroll-behavior: auto; }
	.gpp-sp .gpp-pphone__row.is-drag { cursor: grabbing; user-select: none; }
	@media (pointer: fine) { .gpp-sp .gpp-pphone__row { cursor: grab; } }
	.gpp-sp .gpp-pphone__card {
		flex: 0 0 100%;
		min-width: 0;
		display: flex;
		flex-direction: column;
		margin: 0;
		padding: 20px 18px 12px;
		background: var(--gpp-navy-deepest);
		border: 1px solid transparent;
		border-image: linear-gradient(135deg, rgba(255, 255, 255, 0.75), var(--gpp-gold)) 1;
		scroll-snap-align: start;
		scroll-snap-stop: always;
	}
	.gpp-sp .gpp-pphone__who { display: flex; align-items: center; gap: 14px; }
	.gpp-sp .gpp-pphone__face { flex: none; width: 84px; height: 84px; object-fit: cover; }
	.gpp-sp .gpp-pphone__id { flex: 1 1 auto; min-width: 0; }
	.gpp-sp .gpp-pphone__name { margin: 0 !important; font-size: 16px !important; font-size: clamp(15px, (100cqw - 192px) / 8.8, 18px) !important; font-weight: 400 !important; line-height: 1.2 !important; color: var(--gpp-white); }
	.gpp-sp .gpp-pphone__nick { display: block; margin-top: 3px; white-space: nowrap; }
	.gpp-sp .gpp-pphone__more { display: inline-block; margin-top: 9px; font-size: 15px; line-height: 1.2; white-space: nowrap; }
	.gpp-sp .gpp-pphone__more::after { inset: -13px -6px; }
	.gpp-sp .gpp-pphone__lines { --gpp-pphone-fs: clamp(14px, 6.4vw - 7px, 17px); margin: 14px 0 0; }
	.gpp-sp .gpp-pphone__lines li { gap: 10px; padding: 8px 0; font-size: var(--gpp-pphone-fs); line-height: 1.45; white-space: nowrap; }
	.gpp-sp .gpp-pphone__lines li::before { flex: 0 0 19px; height: 22px; }
	.gpp-sp .gpp-pphone__jump { position: relative; }
	.gpp-sp .gpp-pphone__arrow { color: var(--gpp-gold); }
	.gpp-sp .gpp-pphone__chart { margin: 0; padding-top: 12px; position: relative; }
	.gpp-sp .gpp-pphone__chart img { display: block; width: calc(100% + 36px); max-width: none; height: auto; margin: 0 -18px; }
	.gpp-sp .gpp-pphone__cap { display: flex; justify-content: center; align-items: center; gap: 8px; height: 20px; margin: 0 -12px 12px; font-size: 14px; font-size: clamp(13px, (100cqw - 84px) / 19.4, 15px); font-weight: 400; line-height: 20px; white-space: nowrap; text-align: center; position: relative; }
	.gpp-sp .gpp-pphone__cap .gpp-tip { position: static; }
	.gpp-sp .gpp-pphone__cap .gpp-tip__text { z-index: 9995; top: auto; margin-top: 32px; left: 12px; right: 12px; width: auto; transform: none; white-space: normal; }
}
@media (max-width: 360px) {
	.gpp-sp .gpp-pphone__card { padding: 18px 16px 10px; }
	.gpp-sp .gpp-pphone__face { width: 72px; height: 72px; }
	.gpp-sp .gpp-pphone__name { font-size: clamp(15px, (100cqw - 176px) / 8.8, 18px) !important; }
	.gpp-sp .gpp-pphone__nick { margin-top: 1px; }
	.gpp-sp .gpp-pphone__more { margin-top: 4px; }
	.gpp-sp .gpp-pphone__chart img { width: calc(100% + 32px); margin: 0 -16px; }
}