/* Phone app layout: bottom tab bar + claim popup as a bottom sheet.
   Phones only (<= 768px). Desktop keeps the wide website layout. */
.culapp-tabs { display: none; }

@media (max-width: 768px) {
	body.culapp { padding-bottom: calc(64px + env(safe-area-inset-bottom, 0px)); }

	.culapp-tabs {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		position: fixed;
		left: 0; right: 0; bottom: 0;
		z-index: 9990;
		background: var(--ui-white);
		border-top: 0.5px solid var(--ui-line-strong);
		padding: 6px 4px calc(6px + env(safe-area-inset-bottom, 0px));
		box-shadow: 0 -4px 18px rgba(27, 58, 92, 0.08);
		font-family: var(--ui-font);
	}
	.culapp-tabs a {
		display: flex; flex-direction: column; align-items: center; justify-content: center;
		gap: 3px; min-height: 48px;
		color: var(--ui-muted); text-decoration: none; font-size: 13px; font-weight: 600; /* was 11px (Nov 14 panel) */
		-webkit-tap-highlight-color: transparent;
	}
	.culapp-tabs svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
	.culapp-tabs a.is-on { color: var(--ui-navy); }

	/* Claim popup becomes a sheet from the bottom, button within thumb reach. */
	.culoc { align-items: flex-end; padding: 0; }
	.culoc__box {
		max-width: none;
		max-height: 88vh;
		border-radius: 5px 5px 0 0;
		border-width: 0.5px 0 0 0;
		padding: 22px 18px calc(18px + env(safe-area-inset-bottom, 0px));
		animation: culappUp .22s ease-out;
	}
	.culoc__box::before {
		content: ""; display: block; width: 40px; height: 4px; border-radius: 5px;
		background: var(--ui-line-strong); margin: -10px auto 14px;
	}
	.culoc__input { font-size: 16px; } /* stops iOS zooming on focus */
	@keyframes culappUp { from { transform: translateY(40px); opacity: 0; } to { transform: none; opacity: 1; } }
}
@media (max-width: 768px) and (prefers-reduced-motion: reduce) { .culoc__box { animation: none; } }