.classic-spread-tabs {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.35rem 0.75rem;
	margin: 0.75rem 0 0.55rem;
	padding-top: 0.65rem;
	border-top: 1px solid rgba(234, 210, 142, 0.18);
}

.classic-spread-tabs .spread-group-label {
	color: rgba(234, 210, 142, 0.82);
	font-size: 0.72rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.classic-spread-tabs [data-spread] {
	appearance: none;
	border: 1px solid transparent;
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.035);
	color: rgba(255, 247, 219, 0.78);
	cursor: pointer;
	font: inherit;
	font-size: 0.88rem;
	line-height: 1.35;
	overflow-wrap: anywhere;
	padding: 0.45rem 0.58rem;
	text-align: left;
}

.classic-spread-tabs [data-spread]:hover,
.classic-spread-tabs [data-spread]:focus-visible,
.classic-spread-tabs [data-spread].is-active {
	color: #f5d777;
	border-color: rgba(245, 215, 119, 0.58);
	background: color-mix(in srgb, var(--accent) 16%, rgba(255, 255, 255, 0.04));
}

.spread-tab-primary {
	display: inline-flex;
	flex-direction: column;
	min-width: min(10rem, 100%);
}

.spread-tab-title {
	font-weight: 800;
}

.spread-tab-note {
	color: rgba(255, 247, 219, 0.56);
	font-size: 0.72rem;
	line-height: 1.25;
}

.spread-more {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	min-width: min(18rem, 100%);
	color: rgba(234, 210, 142, 0.82);
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.spread-more-select {
	width: min(13.8rem, 100%);
	min-height: 2.35rem;
	border: 1px solid rgba(232, 207, 138, 0.24);
	border-radius: 8px;
	background: rgba(10, 9, 24, 0.92);
	color: rgba(255, 247, 219, 0.9);
	font: inherit;
	font-size: 0.84rem;
	letter-spacing: 0;
	padding: 0.34rem 0.55rem;
	text-transform: none;
}

.spread-more-select:focus-visible {
	outline: 2px solid rgba(245, 215, 119, 0.86);
	outline-offset: 3px;
}

.classic-spread-tabs [data-spread]:focus-visible,
.spread-more-select:focus-visible,
.primary-action:focus-visible,
.table-actions button:focus-visible,
.prompt-chips button:focus-visible,
.follow-prompts button:focus-visible,
.deck-card:focus-visible {
	outline: 2px solid rgba(245, 215, 119, 0.86);
	outline-offset: 3px;
}

.deck-fan,
.deck-card {
	pointer-events: none;
	opacity: 0;
	transition:
		transform 0.22s ease,
		filter 0.22s ease,
		opacity 0.22s ease;
}

.deck-card {
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 72px;
	height: 120px;
	border: 0;
	border-radius: 8px;
	background: transparent;
	padding: 0;
	cursor: pointer;
	transform: translate(-50%) rotate(var(--rot)) translateY(var(--lift));
	transform-origin: 50% 110%;
}

.deck-card img {
	width: 100%;
	height: 100%;
	display: block;
	border: 1px solid rgba(232, 207, 138, 0.32);
	border-radius: inherit;
	object-fit: cover;
	pointer-events: none;
	box-shadow: 0 12px 24px rgba(0, 0, 0, 0.34);
}

.deck-card:hover:not(:disabled) {
	filter: drop-shadow(0 0 16px color-mix(in srgb, var(--accent) 54%, transparent));
	transform: translate(-50%) rotate(var(--rot)) translateY(calc(var(--lift) - 14px));
}

.deck-card:disabled {
	cursor: default;
	opacity: 0.38;
}

.consultation[data-phase='picking'] .deck-fan,
.deck-fan.is-open,
.deck-fan.is-picking-card {
	position: relative;
	left: 50%;
	bottom: clamp(16px, 8vh, 56px);
	width: min(100%, 860px);
	height: clamp(280px, 54vh, 360px);
	overflow: visible;
	pointer-events: auto;
	opacity: 1;
	transform: translateX(-50%);
	animation:
		draw-deck-pop 0.36s cubic-bezier(0.2, 0.85, 0.3, 1) both,
		draw-deck-ring 0.72s cubic-bezier(0.2, 0.8, 0.18, 1) both;
}

.consultation[data-phase='picking'] .deck-fan::before,
.deck-fan.is-picking-card::before {
	content: '';
	position: absolute;
	inset: auto 0 0;
	height: 80%;
	border-radius: 0 0 999px 999px;
	background: radial-gradient(
		ellipse at 50% 100%,
		rgba(232, 207, 138, 0.25),
		rgba(232, 207, 138, 0.03) 58%,
		transparent 76%
	);
	pointer-events: none;
	transform: translateY(8px);
}

.consultation[data-phase='picking'] .deck-card,
.deck-fan.is-picking-card .deck-card {
	--deck-lift: clamp(92px, 16vw, 148px);
	width: clamp(56px, 11vw, 78px);
	height: clamp(94px, 19vw, 128px);
	pointer-events: auto;
	opacity: 1;
	z-index: calc(20 + var(--deck-z, 0));
	transform:
		translate(-50%, 0)
		rotate(var(--deck-angle, 0deg))
		translate(var(--deck-x, 0px), calc(-1 * var(--deck-lift) - var(--deck-y, 0px)))
		rotate(calc(-1 * var(--deck-angle, 0deg)));
	transform-origin: 50% 112%;
	animation: draw-card-circle-in 0.34s cubic-bezier(0.2, 0.8, 0.28, 1) both;
	animation-delay: calc(var(--deck-delay, 0) * 0.03s);
}

.consultation[data-phase='picking'] .deck-card:hover:not(:disabled),
.deck-fan.is-picking-card .deck-card:hover:not(:disabled) {
	filter: drop-shadow(0 10px 22px rgba(232, 207, 138, 0.48));
	transform:
		translate(-50%, -8px)
		rotate(var(--deck-angle, 0deg))
		translate(var(--deck-x, 0px), calc(-1 * (var(--deck-lift) + 8px) - var(--deck-y, 0px)))
		rotate(calc(-1 * var(--deck-angle, 0deg)));
}

.deck-fan.is-picking-card .deck-card:not(.is-drawn) {
	opacity: 0.22;
	filter: blur(0.2px);
}

.deck-card.is-drawn {
	opacity: 0;
	transform: translate(-50%) rotate(var(--rot)) translateY(calc(var(--lift) - 24px)) scale(0.92);
}

.card-table.is-shuffling .deck-card {
	animation: shufflePulse 0.64s ease-in-out infinite;
}

.draw-flight-card {
	position: fixed;
	z-index: 9999;
	border-radius: 8px;
	pointer-events: none;
	transform-origin: 50% 50%;
	filter:
		drop-shadow(0 22px 32px rgba(0, 0, 0, 0.42))
		drop-shadow(0 0 18px color-mix(in srgb, var(--accent) 46%, transparent));
	will-change: transform, opacity, filter;
}

.draw-flight-card img {
	width: 100%;
	height: 100%;
	display: block;
	border: 1px solid color-mix(in srgb, var(--accent) 42%, rgba(232, 207, 138, 0.32));
	border-radius: inherit;
	object-fit: cover;
	box-shadow: inset 0 0 18px rgba(255, 255, 255, 0.06);
}

.spread-slots {
	display: grid;
	width: min(100%, 42rem);
	margin-inline: auto;
	align-items: end;
	justify-content: center;
	gap: clamp(0.65rem, 2vw, 1rem);
	--slot-min: 5.2rem;
	--slot-max: 7.5rem;
	--route-line: rgba(234, 210, 142, 0.16);
}

.spread-slots > * {
	min-width: 0;
}

.spread-slots .slot-card {
	width: clamp(var(--slot-min), 12vw, var(--slot-max));
	max-width: 100%;
	margin-inline: auto;
	transform-origin: center;
}

.spread-slots .slot-label {
	overflow-wrap: anywhere;
	text-align: center;
}

.slot {
	display: grid;
	justify-items: center;
	gap: 8px;
	--slot-index: 0;
}

.slot-card {
	width: 100%;
	aspect-ratio: 3 / 5;
	border: 1px solid rgba(232, 207, 138, 0.22);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.035);
	perspective: 900px;
	box-shadow: 0 16px 36px rgba(0, 0, 0, 0.34);
}

.slot.is-empty .slot-card {
	border-color: color-mix(in srgb, var(--accent) 46%, rgba(232, 207, 138, 0.24));
	border-style: dashed;
	background:
		radial-gradient(ellipse at 50% 50%, color-mix(in srgb, var(--accent) 20%, transparent), transparent 54%),
		linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.012));
	box-shadow:
		inset 0 0 48px color-mix(in srgb, var(--accent) 15%, transparent),
		0 18px 42px rgba(0, 0, 0, 0.22);
}

.slot-inner {
	position: relative;
	width: 100%;
	height: 100%;
	transform-style: preserve-3d;
	transition: transform 0.68s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.slot.is-revealed .slot-inner {
	transform: rotateY(180deg);
	transition-delay: calc(var(--slot-index) * 0.12s);
}

.slot.is-landed .slot-card {
	border-color: color-mix(in srgb, var(--accent) 74%, var(--gold));
	box-shadow:
		0 20px 46px rgba(0, 0, 0, 0.36),
		0 0 34px color-mix(in srgb, var(--accent) 42%, transparent);
	animation: slotLand 0.72s cubic-bezier(0.16, 1, 0.3, 1);
}

.slot-face {
	position: absolute;
	inset: 0;
	overflow: hidden;
	border-radius: inherit;
	background: #0b0a18;
	backface-visibility: hidden;
}

.slot.is-empty .slot-face {
	background: transparent;
}

.slot-face img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}

.slot-front.is-reversed img {
	transform: rotate(180deg);
}

.slot-front {
	transform: rotateY(180deg);
}

.slot-empty {
	display: grid;
	width: 100%;
	height: 100%;
	place-items: center;
	color: rgba(232, 207, 138, 0.56);
	font-size: 1.5rem;
}

.slot-label {
	color: var(--gold);
	font-size: 0.75rem;
	font-weight: 800;
	line-height: 1.25;
}

.slot:not(.is-revealed) .slot-label {
	color: rgba(232, 207, 138, 0.78);
	font-weight: 700;
}

.spread-single {
	grid-template-columns: minmax(7rem, 10rem);
}

.spread-three_timeline,
.spread-three_body_mind_spirit,
.spread-three_action,
.spread-dialectic {
	grid-template-columns: repeat(3, minmax(5.8rem, 1fr));
}

.spread-spinoza_fork {
	position: relative;
	grid-template-columns: repeat(4, minmax(4.8rem, 1fr));
	grid-template-areas:
		". cross cross ."
		"aEffort aEffort bEffort bEffort"
		"aDirection aDirection bDirection bDirection";
	max-width: 36rem;
	padding: clamp(0.35rem, 1vw, 0.75rem);
}

.spread-spinoza_fork > :nth-child(1) {
	grid-area: cross;
}

.spread-spinoza_fork > :nth-child(2) {
	grid-area: aEffort;
}

.spread-spinoza_fork > :nth-child(3) {
	grid-area: aDirection;
}

.spread-spinoza_fork > :nth-child(4) {
	grid-area: bEffort;
}

.spread-spinoza_fork > :nth-child(5) {
	grid-area: bDirection;
}

.spread-spinoza_fork > :nth-child(n + 2) {
	position: relative;
	padding-top: 0.25rem;
}

.spread-spinoza_fork > :nth-child(2)::before,
.spread-spinoza_fork > :nth-child(4)::before {
	content: '';
	position: absolute;
	inset: -0.45rem 0.2rem auto;
	height: 1px;
	background: linear-gradient(90deg, transparent, var(--route-line), transparent);
}

.spread-celtic {
	grid-template-columns: repeat(5, minmax(4.6rem, 1fr));
	max-width: 44rem;
	align-items: center;
	--slot-min: 4.8rem;
	--slot-max: 6.6rem;
}

.spread-celtic > :nth-child(1) {
	grid-column: 2;
	grid-row: 2;
}

.spread-celtic > :nth-child(2) {
	grid-column: 2;
	grid-row: 2;
	z-index: 2;
}

.spread-celtic > :nth-child(2) .slot-card {
	transform: rotate(90deg) scale(0.86);
}

.spread-celtic > :nth-child(3) {
	grid-column: 2;
	grid-row: 3;
}

.spread-celtic > :nth-child(4) {
	grid-column: 1;
	grid-row: 2;
}

.spread-celtic > :nth-child(5) {
	grid-column: 2;
	grid-row: 1;
}

.spread-celtic > :nth-child(6) {
	grid-column: 3;
	grid-row: 2;
}

.spread-celtic > :nth-child(7) {
	grid-column: 4;
	grid-row: 4;
}

.spread-celtic > :nth-child(8) {
	grid-column: 5;
	grid-row: 3;
}

.spread-celtic > :nth-child(9) {
	grid-column: 5;
	grid-row: 2;
}

.spread-celtic > :nth-child(10) {
	grid-column: 5;
	grid-row: 1;
}

.spread-hexagram {
	grid-template-columns: repeat(3, minmax(5.2rem, 1fr));
	grid-template-areas:
		". spiritPast ."
		"spiritNow . spiritFuture"
		". core ."
		"matterRoot . environment"
		". will .";
	max-width: 34rem;
	align-items: center;
}

.spread-hexagram > :nth-child(1) {
	grid-area: spiritPast;
}

.spread-hexagram > :nth-child(2) {
	grid-area: spiritNow;
}

.spread-hexagram > :nth-child(3) {
	grid-area: spiritFuture;
}

.spread-hexagram > :nth-child(4) {
	grid-area: matterRoot;
}

.spread-hexagram > :nth-child(5) {
	grid-area: environment;
}

.spread-hexagram > :nth-child(6) {
	grid-area: will;
}

.spread-hexagram > :nth-child(7) {
	grid-area: core;
	z-index: 1;
}

.spread-i_thou_relationship {
	grid-template-columns: repeat(3, minmax(5.2rem, 1fr));
	grid-template-areas:
		"selfView bond otherView"
		"selfGift bond otherGift"
		"selfHope encounter encounter";
	max-width: 36rem;
	align-items: center;
}

.spread-i_thou_relationship > :nth-child(1) {
	grid-area: selfView;
}

.spread-i_thou_relationship > :nth-child(2) {
	grid-area: selfGift;
}

.spread-i_thou_relationship > :nth-child(3) {
	grid-area: selfHope;
}

.spread-i_thou_relationship > :nth-child(4) {
	grid-area: otherView;
}

.spread-i_thou_relationship > :nth-child(5) {
	grid-area: otherGift;
}

.spread-i_thou_relationship > :nth-child(6) {
	grid-area: bond;
}

.spread-i_thou_relationship > :nth-child(7) {
	grid-area: encounter;
}

.spread-i_thou_relationship > :nth-child(6),
.spread-i_thou_relationship > :nth-child(7) {
	padding-inline: 0.35rem;
}

.remote-reading-markdown {
	white-space: pre-wrap;
	color: rgba(255, 247, 219, 0.86);
	font: inherit;
	line-height: 1.75;
}

.picked-card {
	display: grid;
	grid-template-columns: 54px 1fr;
	align-items: center;
	gap: 12px;
	border: 1px solid rgba(232, 207, 138, 0.14);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.035);
	padding: 10px;
}

.picked-card img {
	width: 54px;
	aspect-ratio: 3 / 5;
	border-radius: 6px;
	object-fit: cover;
}

.picked-card img.is-reversed {
	transform: rotate(180deg);
}

.picked-card h3 {
	margin: 0 0 6px;
	color: var(--text);
	font-size: 0.95rem;
	letter-spacing: 0;
}

.picked-card p {
	margin: 0;
	color: var(--muted);
	font-size: 0.82rem;
	line-height: 1.55;
}

@keyframes draw-deck-pop {
	from {
		opacity: 0;
		transform: translate(-50%, 22px) scale(0.93);
	}

	to {
		opacity: 1;
		transform: translate(-50%, 0) scale(1);
	}
}

@keyframes draw-deck-ring {
	from {
		filter: blur(2px);
		transform: translate(-50%, 24px) scale(0.92);
	}

	to {
		filter: blur(0);
		transform: translate(-50%, 0) scale(1);
	}
}

@keyframes draw-card-circle-in {
	from {
		opacity: 0;
		transform:
			translate(-50%, 14px)
			rotate(var(--deck-angle, 0deg))
			translate(var(--deck-x, 0px), calc(-1 * clamp(72px, 13vw, 116px) - var(--deck-y, 0px)))
			rotate(calc(-1 * var(--deck-angle, 0deg)));
	}

	to {
		opacity: 1;
		transform:
			translate(-50%, 0)
			rotate(var(--deck-angle, 0deg))
			translate(var(--deck-x, 0px), calc(-1 * var(--deck-lift) - var(--deck-y, 0px)))
			rotate(calc(-1 * var(--deck-angle, 0deg)));
	}
}

@keyframes slotLand {
	0% {
		filter: brightness(1.3);
		transform: translateY(-22px) scale(0.94);
	}

	54% {
		filter: brightness(1.12);
		transform: translateY(4px) scale(1.04);
	}

	to {
		filter: brightness(1);
		transform: translateY(0) scale(1);
	}
}

@keyframes shufflePulse {
	0%,
	to {
		margin-bottom: 0;
	}

	50% {
		margin-bottom: 9px;
	}
}

@media (max-width: 900px) {
	.spread-celtic {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		max-width: 100%;
	}

	.spread-celtic > * {
		grid-column: auto !important;
		grid-row: auto !important;
		transform: none !important;
	}

	.spread-celtic > :nth-child(2) .slot-card {
		transform: none;
	}
}

@media (max-width: 760px) {
	.consultation[data-phase='picking'] .deck-fan,
	.deck-fan.is-picking-card {
		width: min(95vw, 540px);
		height: clamp(260px, 58vh, 320px);
		bottom: 14px;
	}

	.consultation[data-phase='picking'] .deck-card,
	.deck-fan.is-picking-card .deck-card {
		width: 58px;
		height: 96px;
		transform:
			translate(-50%, 0)
			rotate(var(--deck-angle, 0deg))
			translateY(calc(-1 * clamp(90px, 40vw, 122px)))
			rotate(calc(-1 * var(--deck-angle, 0deg)));
	}

	.consultation[data-phase='picking'] .deck-card:hover:not(:disabled),
	.deck-fan.is-picking-card .deck-card:hover:not(:disabled) {
		transform:
			translate(-50%, -8px)
			rotate(var(--deck-angle, 0deg))
			translateY(calc(-1 * calc(clamp(90px, 40vw, 122px) + 8px)))
			rotate(calc(-1 * var(--deck-angle, 0deg)));
	}
}

@media (max-width: 640px) {
	.classic-spread-tabs {
		gap: 0.48rem 0.68rem;
	}

	.classic-spread-tabs .spread-group-label {
		flex-basis: 100%;
		margin-top: 0.08rem;
	}

	.classic-spread-tabs .spread-group-label:first-child {
		margin-top: 0;
	}

	.classic-spread-tabs [data-spread] {
		line-height: 1.24;
	}

	.spread-tab-primary {
		flex: 1 1 calc(50% - 0.5rem);
		min-width: 8.8rem;
	}

	.spread-more {
		flex: 1 1 100%;
		justify-content: space-between;
	}

	.spread-more-select {
		width: min(13rem, 64%);
	}

	.spread-slots {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		max-width: 100%;
		align-items: start;
		--slot-min: 4.35rem;
		--slot-max: 5.8rem;
	}

	.spread-single {
		grid-template-columns: minmax(7rem, 10rem);
	}

	.spread-three_timeline,
	.spread-three_body_mind_spirit,
	.spread-three_action,
	.spread-dialectic {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		--slot-min: 4.1rem;
		--slot-max: 5.45rem;
	}

	.spread-celtic > *,
	.spread-hexagram > *,
	.spread-spinoza_fork > *,
	.spread-i_thou_relationship > * {
		grid-column: auto !important;
		grid-row: auto !important;
		grid-area: auto !important;
		transform: none !important;
	}

	.spread-celtic > :nth-child(2) .slot-card {
		transform: none;
	}

	.spread-spinoza_fork {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-template-areas:
			"cross cross"
			"aEffort bEffort"
			"aDirection bDirection";
		padding: 0.25rem;
	}

	.spread-spinoza_fork > :nth-child(1) {
		grid-area: cross !important;
	}

	.spread-spinoza_fork > :nth-child(2) {
		grid-area: aEffort !important;
	}

	.spread-spinoza_fork > :nth-child(3) {
		grid-area: aDirection !important;
	}

	.spread-spinoza_fork > :nth-child(4) {
		grid-area: bEffort !important;
	}

	.spread-spinoza_fork > :nth-child(5) {
		grid-area: bDirection !important;
	}

	.spread-celtic {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-template-areas:
			"present challenge"
			"root goal"
			"past future"
			"self env"
			"hope outcome";
		--slot-min: 4.1rem;
		--slot-max: 5.55rem;
	}

	.spread-celtic > :nth-child(1) {
		grid-area: present !important;
	}

	.spread-celtic > :nth-child(2) {
		grid-area: challenge !important;
	}

	.spread-celtic > :nth-child(3) {
		grid-area: root !important;
	}

	.spread-celtic > :nth-child(4) {
		grid-area: past !important;
	}

	.spread-celtic > :nth-child(5) {
		grid-area: goal !important;
	}

	.spread-celtic > :nth-child(6) {
		grid-area: future !important;
	}

	.spread-celtic > :nth-child(7) {
		grid-area: self !important;
	}

	.spread-celtic > :nth-child(8) {
		grid-area: env !important;
	}

	.spread-celtic > :nth-child(9) {
		grid-area: hope !important;
	}

	.spread-celtic > :nth-child(10) {
		grid-area: outcome !important;
	}

	.spread-hexagram {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		grid-template-areas:
			". spiritPast ."
			"spiritNow core spiritFuture"
			"matterRoot will environment";
		gap: 0.58rem;
		--slot-min: 3.75rem;
		--slot-max: 5.15rem;
	}

	.spread-hexagram > :nth-child(1) {
		grid-area: spiritPast !important;
	}

	.spread-hexagram > :nth-child(2) {
		grid-area: spiritNow !important;
	}

	.spread-hexagram > :nth-child(3) {
		grid-area: spiritFuture !important;
	}

	.spread-hexagram > :nth-child(4) {
		grid-area: matterRoot !important;
	}

	.spread-hexagram > :nth-child(5) {
		grid-area: environment !important;
	}

	.spread-hexagram > :nth-child(6) {
		grid-area: will !important;
	}

	.spread-hexagram > :nth-child(7) {
		grid-area: core !important;
	}

	.spread-i_thou_relationship {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-template-areas:
			"selfView otherView"
			"selfGift otherGift"
			"selfHope bond"
			"encounter encounter";
	}

	.spread-i_thou_relationship > :nth-child(1) {
		grid-area: selfView !important;
	}

	.spread-i_thou_relationship > :nth-child(2) {
		grid-area: selfGift !important;
	}

	.spread-i_thou_relationship > :nth-child(3) {
		grid-area: selfHope !important;
	}

	.spread-i_thou_relationship > :nth-child(4) {
		grid-area: otherView !important;
	}

	.spread-i_thou_relationship > :nth-child(5) {
		grid-area: otherGift !important;
	}

	.spread-i_thou_relationship > :nth-child(6) {
		grid-area: bond !important;
	}

	.spread-i_thou_relationship > :nth-child(7) {
		grid-area: encounter !important;
	}

	.spread-slots .slot-label {
		font-size: 0.68rem;
		line-height: 1.24;
	}
}

@media (max-width: 430px) {
	.spread-slots {
		gap: 0.65rem;
		--slot-min: 4.6rem;
		--slot-max: 6rem;
	}

	.spread-three_timeline,
	.spread-three_body_mind_spirit,
	.spread-three_action,
	.spread-dialectic {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (prefers-reduced-motion: reduce) {
	.deck-fan,
	.deck-card,
	.draw-flight-card,
	.slot-inner,
	.slot-card {
		animation-duration: 1ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 1ms !important;
	}
}