@layer cm {
	.cm-answer--default {
		cursor: pointer;
		border-color: #fff9;
		background-color: #fffffff2;
		color: #14261c;
	}

	@media (hover:hover) {
		.cm-answer--default:hover {
			scale: 1.01;
			box-shadow: 0 6px 18px #0003;
		}
	}

	.cm-answer--default:active {
		scale: .99;
	}

	.cm-answer--used {
		pointer-events: none;
		cursor: not-allowed;
		border-color: #fff3;
		background-color: #ffffff80;
		color: oklab(24.9264% -.0286566 .0111077/.5);
		opacity: .55;
	}

	.cm-answer--victory {
		pointer-events: none;
		border-color: #ffffffe6;
		background-color: #fff;
		color: #14261c;
		box-shadow: 0 8px 24px #0003;
	}

	.cm-answer--done {
		pointer-events: none;
		cursor: default;
		border-color: #fff3;
		background-color: #ffffff80;
		color: oklab(24.9264% -.0286566 .0111077/.5);
		opacity: .55;
	}

	.cm-answer--selected {
		z-index: 10;
		scale: 1.01;
		border-color: #fff;
		background-color: #fff;
		box-shadow: 0 10px 24px #00000040;
	}

	.cm-answer--locked {
		cursor: not-allowed;
		opacity: .5;
	}

	.cm-answer--recoil {
		animation: 1.3s cubic-bezier(.22,1,.36,1) forwards compromise-bounce-recoil;
	}

	.cm-panel {
		background: #181920;
		position: relative;
		z-index: 30;
		margin-top: -1.75rem;
		display: flex;
		height: auto;
		width: 100%;
		flex-direction: column;
		justify-content: space-between;
		border-top-left-radius: 32px;
		border-top-right-radius: 32px;
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 0;
		padding-inline: 1rem;
		padding-top: 1.25rem;
		padding-bottom: 1.5rem;
		color: #fff;
		box-shadow: inset 0 4px 0 var(--cm-accent), 0 -12px 32px #00000059;
		transition-property: transform,translate,scale,rotate;
		transition-duration: .7s;
		transition-timing-function: cubic-bezier(0, 0, .2, 1);
		-webkit-user-select: none;
		user-select: none;
	}

	@media (min-width: 640px) {
		.cm-panel {
			margin-top: -2rem;
			border-top-left-radius: 40px;
			border-top-right-radius: 40px;
			padding-inline: 1.5rem;
			padding-top: 1.5rem;
			padding-bottom: 1.5rem;
		}
	}

	@media (min-width: 768px) {
		.cm-panel {
			margin-top: 0;
			height: 100%;
			border-top-left-radius: 48px;
			border-top-right-radius: 0;
			border-bottom-right-radius: 0;
			border-bottom-left-radius: 0;
			padding-inline: 2rem;
			padding-top: 1.5rem;
			padding-bottom: 1.75rem;
			box-shadow: inset 0 4px 0 var(--cm-accent), -16px 0 36px #00000059;
		}
	}

	.cm-panel--open {
		translate: 0 0px;
	}

	@media (min-width: 768px) {
		.cm-panel--open {
			translate: 0px;
		}
	}

	.cm-panel--closed {
		translate: 0 100%;
	}

	@media (min-width: 768px) {
		.cm-panel--closed {
			translate: 100% 0px;
		}
	}

	.cm-panel__score-desktop {
		position: absolute;
		top: 1rem;
		right: 1rem;
		z-index: 40;
		display: none;
		align-items: center;
		filter: drop-shadow(0 6px 14px #0006);
		-webkit-user-select: none;
		user-select: none;
	}

	@media (min-width: 640px) {
		.cm-panel__score-desktop {
			top: 1.25rem;
			right: 1.75rem;
		}
	}

	@media (min-width: 768px) {
		.cm-panel__score-desktop {
			display: flex;
		}
	}

	.cm-panel__star-badge {
		position: relative;
		z-index: 20;
		display: flex;
		height: 2.75rem;
		width: 2.75rem;
		flex-shrink: 0;
		align-items: center;
		justify-content: center;
		filter: drop-shadow(0 4px 10px #00000080);
	}

	.cm-panel__star {
		height: 1.25rem;
		width: 1.25rem;
		fill: oklch(82.8% .189 84.429);
		color: oklch(82.8% .189 84.429);
		filter: drop-shadow(0 0 8px #fbbf24bf);
	}

	.cm-panel__star-glare {
		pointer-events: none;
		position: absolute;
		top: 0.125rem;
		left: .25rem;
		height: 0.375rem;
		width: 0.75rem;
		rotate: -25deg;
		border-radius: 9999px;
		background-color: #ffffff4d;
	}

	.cm-panel__score-bar {
		position: relative;
		z-index: 10;
		margin-left: -0.625rem;
		display: flex;
		align-items: center;
	}

	.cm-panel__score-track {
		display: flex;
		min-width: 36px;
		align-items: center;
		justify-content: center;
		border-top-left-radius: .375rem;
		border-bottom-left-radius: .375rem;
		border-top-right-radius: .75rem;
		border-bottom-right-radius: .75rem;
		border-style: solid;
		border-width: 2px;
		border-color: #3d3957;
		background-color: #1b1928;
		padding-inline: 0.75rem;
		padding-block: .25rem;
		padding-left: 1rem;
		box-shadow: 0 8px 20px #00000080;
	}

	.cm-panel__score-value {
		font-family: FactorA,sans-serif;
		font-size: 14px;
		font-weight: 700;
		letter-spacing: .025em;
		color: #fff;
	}

	.cm-panel__mobile-hud {
		margin-inline: auto;
		display: flex;
		width: 100%;
		max-width: 36rem;
		transform: none;
		align-items: center;
		justify-content: space-between;
		gap: 16px;
		padding-top: 0.125rem;
		transition-property: all;
		transition-timing-function: cubic-bezier(.4, 0, .2, 1);
		transition-duration: .5s;
	}

	@media (min-width: 640px) {
		.cm-panel__mobile-hud {
			gap: 24px;
			padding-top: .25rem;
		}
	}

	@media (min-width: 768px) {
		.cm-panel__mobile-hud {
			display: none;
		}
	}

	.cm-panel__mobile-hud--shown {
		translate: 0 0px;
		opacity: 1;
	}

	.cm-panel__mobile-hud--hidden {
		translate: 0 -0.5rem;
		opacity: 0;
	}

	.cm-panel__mobile-hp {
		display: flex;
		min-width: 0;
		flex: 1;
		align-items: center;
	}

	.cm-panel__score-mobile {
		display: flex;
		flex-shrink: 0;
		align-items: center;
		filter: drop-shadow(0 6px 14px #0006);
		-webkit-user-select: none;
		user-select: none;
	}

	.cm-panel__star-badge-mobile {
		position: relative;
		z-index: 20;
		display: flex;
		height: 2.75rem;
		width: 2.75rem;
		flex-shrink: 0;
		align-items: center;
		justify-content: center;
		filter: drop-shadow(0 4px 10px #00000080);
	}

	@media (min-width: 640px) {
		.cm-panel__star-badge-mobile {
			height: 3rem;
			width: 3rem;
		}
	}

	.cm-panel__star-mobile {
		height: 1.25rem;
		width: 1.25rem;
		fill: oklch(82.8% .189 84.429);
		color: oklch(82.8% .189 84.429);
		filter: drop-shadow(0 0 8px #fbbf24bf);
	}

	@media (min-width: 640px) {
		.cm-panel__star-mobile {
			height: 1.375rem;
			width: 1.375rem;
		}
	}

	.cm-panel__score-track-mobile {
		display: flex;
		min-width: 34px;
		align-items: center;
		justify-content: center;
		border-top-left-radius: .375rem;
		border-bottom-left-radius: .375rem;
		border-top-right-radius: .75rem;
		border-bottom-right-radius: .75rem;
		border-style: solid;
		border-width: 2px;
		border-color: #3d3957;
		background-color: #1b1928;
		padding-inline: 0.75rem;
		padding-block: .25rem;
		padding-left: 0.875rem;
		box-shadow: 0 8px 20px #00000080;
	}

	@media (min-width: 640px) {
		.cm-panel__score-track-mobile {
			min-width: 38px;
			padding-inline: 0.875rem;
			padding-block: 0.375rem;
			padding-left: 1rem;
		}
	}

	.cm-panel__score-value-mobile {
		font-family: FactorA,sans-serif;
		font-size: 13px;
		font-weight: 700;
		letter-spacing: .025em;
		color: #fff;
	}

	@media (min-width: 640px) {
		.cm-panel__score-value-mobile {
			font-size: 14px;
		}
	}

	.cm-panel__body {
		margin-inline: auto;
		margin-block: auto;
		display: flex;
		width: 100%;
		max-width: 36rem;
		flex-direction: column;
		padding-top: 0.75rem;
	}

	@media (min-width: 640px) {
		.cm-panel__body {
			padding-top: 1rem;
		}
	}

	@media (min-width: 768px) {
		.cm-panel__body {
			min-height: 0;
			flex: 1 1 auto;
			margin-block: 0;
			padding-top: 2.75rem;
		}
	}

	.cm-panel__head {
		margin-bottom: 0.625rem;
		width: 100%;
		transform: none;
		text-align: center;
		transition-property: all;
		transition-timing-function: cubic-bezier(.4, 0, .2, 1);
		transition-duration: .5s;
	}

	@media (min-width: 640px) {
		.cm-panel__head {
			margin-bottom: 1rem;
		}
	}

	@media (min-width: 768px) {
		.cm-panel__head {
			margin-top: auto;
			flex-shrink: 0;
			margin-bottom: clamp(0.5rem, calc(var(--cm-screen-h) * 0.014), 1rem);
		}
	}

	.cm-panel__head--shown {
		translate: 0 0px;
		opacity: 1;
	}

	.cm-panel__head--hidden {
		translate: 0 -1rem;
		opacity: 0;
	}

	.cm-panel__title-row {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 0.75rem;
	}

	.cm-panel__logo {
		height: 1.5rem;
		width: auto;
		max-width: 5.5rem;
		flex-shrink: 0;
		object-fit: contain;
		-webkit-user-select: none;
		user-select: none;
	}

	@media (min-width: 768px) {
		.cm-panel__logo {
			height: 2rem;
			max-width: 7rem;
		}
	}

	.cm-panel__title {
		padding-inline: 1rem;
		text-align: center;
		font-family: FactorA,sans-serif;
		font-size: 17px;
		line-height: 120%;
		font-weight: 700;
		letter-spacing: 0%;
		color: #fff;
		filter: drop-shadow(0 1px 2px #00000026);
	}

	@media (min-width: 640px) {
		.cm-panel__title {
			padding-inline: 2rem;
			font-size: 21px;
		}
	}

	@media (min-width: 768px) {
		.cm-panel__title-row {
			flex-direction: column;
			gap: 0.5rem;
		}

		.cm-panel__title {
			padding-inline: 0;
			font-size: clamp(18px, calc(var(--cm-screen-h) * 0.024), 22px);
			text-wrap: balance;
		}
	}

	.cm-panel__hint-desktop {
		margin-top: .25rem;
		display: none;
		text-align: center;
		font-family: FactorA,sans-serif;
		font-size: 11px;
		font-weight: 500;
		color: #fffc;
	}

	@media (min-width: 640px) {
		.cm-panel__hint-desktop {
			font-size: 13px;
		}
	}

	@media (min-width: 768px) {
		.cm-panel__hint-desktop {
			display: block;
		}
	}

	.cm-panel__hint-mobile {
		margin-top: .25rem;
		display: block;
		padding-inline: .25rem;
		text-align: center;
		font-family: FactorA,sans-serif;
		font-size: 11px;
		line-height: 135%;
		font-weight: 500;
		white-space: pre-line;
		color: #fffffff2;
		transition-property: all;
		transition-timing-function: cubic-bezier(.4, 0, .2, 1);
		transition-duration: .3s;
	}

	@media (min-width: 640px) {
		.cm-panel__hint-mobile {
			font-size: 12.5px;
		}
	}

	@media (min-width: 768px) {
		.cm-panel__hint-mobile {
			display: none;
		}
	}

	.cm-panel__cards {
		width: 100%;
		transition-property: all;
		transition-timing-function: cubic-bezier(.4, 0, .2, 1);
		transition-duration: .6s;
	}

	.cm-panel__cards--shown {
		translate: 0 0px;
		opacity: 1;
	}

	.cm-panel__cards--hidden {
		pointer-events: none;
		translate: 0 1.5rem;
		opacity: 0;
	}

	.cm-panel__list-scroll {
		scrollbar-width: thin;
		scrollbar-color: #fff3 transparent;
		display: flex;
		max-height: 295px;
		flex-direction: column;
		gap: 0.625rem;
		overflow-y: auto;
		padding-right: .25rem;
	}

	.cm-panel__list-scroll::-webkit-scrollbar {
		width: 5px;
	}

	.cm-panel__list-scroll::-webkit-scrollbar-track {
		background: 0 0;
	}

	.cm-panel__list-scroll::-webkit-scrollbar-thumb {
		background: #fff3;
		border-radius: 9999px;
	}

	.cm-panel__list-scroll::-webkit-scrollbar-thumb:hover {
		background: #ffffff59;
	}

	@media (min-width: 640px) {
		.cm-panel__list-scroll {
			max-height: 325px;
			gap: 0.75rem;
		}
	}

	.cm-panel__list {
		display: flex;
		flex-direction: column;
		gap: 0.625rem;
	}

	@media (min-width: 640px) {
		.cm-panel__list {
			gap: 0.75rem;
		}
	}

	@media (min-width: 768px) {
		.cm-panel__cards {
			min-height: 0;
			padding-block: 0.5rem;
		}

		.cm-panel__list {
			min-height: 0;
			flex: 1 1 auto;
			justify-content: center;
			justify-content: safe center;
			overflow-x: hidden;
			overflow-y: auto;
			overscroll-behavior: contain;
			scrollbar-width: thin;
			scrollbar-color: #fff3 transparent;
			gap: clamp(0.5rem, calc(var(--cm-screen-h) * 0.014), 0.875rem);
		}

		.cm-panel__list .cm-answer {
			flex: 1 1 0;
			min-height: min-content;
			align-items: center;
			padding-block: clamp(0.625rem, calc(var(--cm-screen-h) * 0.016), 1rem);
		}

		.cm-panel__list .cm-answer__text {
			font-size: clamp(14px, calc(var(--cm-screen-h) * 0.019), 17px);
		}

		.cm-panel__list-scroll {
			max-height: none;
			scrollbar-width: thin;
			scrollbar-color: #fff3 transparent;
			flex: 1 1 auto;
			gap: 0.5rem;
			overflow-y: auto;
			overscroll-behavior: contain;
			margin-inline: -0.375rem;
			padding: 1rem 0.375rem;
			-webkit-mask-image: linear-gradient(to bottom, transparent, #000 1rem, #000 calc(100% - 1rem), transparent);
			mask-image: linear-gradient(to bottom, transparent, #000 1rem, #000 calc(100% - 1rem), transparent);
		}

		.cm-panel__list-scroll .cm-answer {
			min-height: 0;
			align-items: center;
			padding-block: 0.625rem;
		}

		.cm-panel__list-scroll .cm-answer__text {
			font-size: 14px;
		}
	}

	.cm-answer {
		position: relative;
		display: flex;
		height: auto;
		min-height: 58px;
		flex-shrink: 0;
		align-items: flex-start;
		justify-content: space-between;
		border-radius: 14px;
		border-style: solid;
		border-width: 1px;
		overflow: hidden;
		padding-inline: 1rem;
		padding-left: 1.375rem;
		padding-block: 0.75rem;
		transition-property: all;
		transition-duration: .3s;
		transition-timing-function: cubic-bezier(0, 0, .2, 1);
	}

	@media (min-width: 640px) {
		.cm-answer {
			min-height: 66px;
			align-items: center;
			border-radius: 16px;
			padding-inline: 1.25rem;
			padding-left: 1.625rem;
			padding-block: 0.875rem;
		}
	}

	@media (min-width: 768px) {
		.cm-answer {
			min-height: 74px;
			padding-block: 1rem;
		}
	}

	.cm-answer__content {
		width: 100%;
		padding-right: 0.375rem;
		text-align: left;
		overflow-wrap: break-word;
	}

	.cm-answer__line {
		pointer-events: none;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		width: 4px;
	}

	.cm-answer__text {
		font-family: FactorA,sans-serif;
		font-size: 12px;
		line-height: 135%;
		font-weight: 400;
		white-space: normal;
		color: #14261c;
	}

	@media (min-width: 640px) {
		.cm-answer__text {
			font-size: 13px;
		}
	}

	@media (min-width: 768px) {
		.cm-answer__text {
			font-size: 15px;
		}
	}

	@media (min-width: 1024px) {
		.cm-answer__text {
			font-size: 16px;
		}
	}

	.cm-answer__check {
		margin-top: 0.125rem;
		margin-left: 0.5rem;
		display: flex;
		height: 1.25rem;
		width: 1.25rem;
		flex-shrink: 0;
		align-items: center;
		justify-content: center;
		border-radius: 6px;
		border-style: solid;
		border-width: 1px;
		transition-property: all;
		transition-timing-function: cubic-bezier(.4, 0, .2, 1);
		transition-duration: .2s;
	}

	@media (min-width: 640px) {
		.cm-answer__check {
			margin-top: 0;
		}
	}

	.cm-answer__check--on {
		border-color: #bd0c1e;
		background-color: #bd0c1e;
		color: #fff;
		box-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
	}

	.cm-answer__check--disabled {
		border-color: #0000001a;
		background-color: #0000000d;
		opacity: .4;
	}

	.cm-answer__check--off {
		border-color: #0000004d;
		background-color: #0000000d;
	}

	.cm-answer__check-icon {
		height: 0.875rem;
		width: 0.875rem;
		fill: currentColor;
	}

	.cm-panel__combo {
		margin-top: 0.75rem;
		display: flex;
		flex-shrink: 0;
		width: 100%;
		flex-direction: column;
		align-items: center;
		gap: 0.5rem;
	}

	.cm-panel__combo-count {
		font-family: FactorA,sans-serif;
		font-size: 13px;
		line-height: 1.3;
		font-weight: 500;
		color: #fffc;
	}

	.cm-panel__hint-num {
		font-size: 1.5em;
		line-height: 1;
		font-weight: 800;
		color: #fff;
	}

	@media (min-width: 640px) {
		.cm-panel__combo {
			margin-top: 1rem;
		}
	}

	.cm-panel__combo-btn {
		width: 100%;
	}

	.cm-panel__next {
		margin-top: 1rem;
		display: flex;
		flex-shrink: 0;
		width: 100%;
		justify-content: center;
		transition: opacity .3s ease, visibility .3s;
	}

	@media (min-width: 640px) {
		.cm-panel__next {
			margin-top: 1.25rem;
		}
	}

	.cm-panel__next-btn {
		width: 100%;
	}

	.cm-panel__next--idle {
		visibility: hidden;
		pointer-events: none;
		opacity: 0;
	}

	@media (min-width: 768px) {
		.cm-panel__next {
			margin-top: clamp(0.5rem, calc(var(--cm-screen-h) * 0.016), 1.25rem);
		}
	}

	.cm-panel__next-label {
		position: relative;
		z-index: 10;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 0.5rem;
	}

	.cm-panel__next-icon {
		height: 1.25rem;
		width: 1.25rem;
		transition-property: transform,translate,scale,rotate;
		transition-timing-function: cubic-bezier(.4, 0, .2, 1);
		transition-duration: .3s;
	}

	.cm-panel__hp-desktop {
		margin-inline: auto;
		margin-top: 0.75rem;
		display: none;
		width: 100%;
		max-width: 36rem;
		transform: none;
		align-items: center;
		justify-content: flex-start;
		padding-bottom: 0.5rem;
		transition-property: all;
		transition-timing-function: cubic-bezier(.4, 0, .2, 1);
		transition-duration: .5s;
	}

	@media (min-width: 640px) {
		.cm-panel__hp-desktop {
			margin-top: 1rem;
			padding-bottom: 0.75rem;
		}
	}

	@media (min-width: 768px) {
		.cm-panel__hp-desktop {
			margin-top: 0;
			display: flex;
			padding-bottom: 1rem;
		}
	}

	.cm-panel__hp-desktop--shown {
		translate: 0 0px;
		opacity: 1;
	}

	.cm-panel__hp-desktop--hidden {
		translate: 0 1rem;
		opacity: 0;
	}

	@media (max-width: 767px) {
		.cm-panel {
			margin-top: 0;
			height: auto;
			max-height: 100%;
			min-height: 0;
			flex: 0 1 auto;
			justify-content: flex-start;
			padding-top: 1rem;
			padding-bottom: calc(0.75rem + env(safe-area-inset-bottom));
		}

		.cm-panel__mobile-hud {
			flex-shrink: 0;
			zoom: .85;
		}

		.cm-panel__body {
			min-height: 0;
			flex: 0 1 auto;
			margin-block: 0;
			padding-top: 1rem;
		}

		.cm-panel__head {
			flex-shrink: 0;
			margin-bottom: 0.75rem;
		}

		.cm-panel__title-row {
			flex-direction: column;
			gap: 0.25rem;
		}

		.cm-panel__logo {
			height: 20px;
		}

		.cm-panel__title {
			padding-inline: 0.5rem;
			font-size: clamp(15px, 4.2vw, 17px);
		}

		.cm-panel__cards {
			scrollbar-width: thin;
			scrollbar-color: #fff3 transparent;
			min-height: 0;
			width: auto;
			flex: 0 1 auto;
			overflow-x: hidden;
			overflow-y: auto;
			overscroll-behavior: contain;
			margin-inline: -0.25rem;
			padding: 0.25rem;
		}

		.cm-panel__list {
			display: grid;
			grid-auto-rows: minmax(min-content, 1fr);
			gap: 0.5rem;
			padding-bottom: 1.75rem;
			margin-bottom: -1.5rem;
		}

		.cm-panel__list .cm-answer {
			min-height: min-content;
		}

		.cm-panel__list-scroll {
			max-height: none;
			gap: 0.5rem;
		}

		.cm-answer {
			min-height: 0;
			align-items: center;
			padding-inline: 0.875rem;
			padding-block: 0.5rem;
		}

		.cm-answer__text {
			font-size: clamp(11px, calc(var(--cm-screen-h) * 0.0172), 12.5px);
			line-height: 130%;
		}

		.cm-answer__line {
			display: none;
		}

		.cm-panel__combo,
		.cm-panel__next {
			margin-top: auto;
			padding-top: 0.625rem;
		}

		.cm-answer--wrong {
			pointer-events: none;
			border-color: #fff3;
			background-color: #ffffff80;
			opacity: .55;
			animation: .5s cubic-bezier(.36,.07,.19,.97) both answer-wrong-shake;
		}

		.cm-panel__mobile-hud,
		.cm-panel__next--idle {
			display: none;
		}

		.cm-panel__next {
			animation: .3s ease-out both boss-quote-in;
		}

		.cm-panel__body {
			padding-top: 0;
		}

		.cm-panel__head:not(.cm-panel__head--final),
		.cm-panel__title-row {
			display: none;
		}

	}

	@media (max-width: 767px) and (max-height: 699px) {
		.cm-panel__hint-mobile {
			display: none;
		}

		.cm-panel {
			border-top-left-radius: 20px;
			border-top-right-radius: 20px;
			padding-top: 0.625rem;
			padding-bottom: calc(0.5rem + env(safe-area-inset-bottom));
		}

		.cm-panel__mobile-hud {
			zoom: .76;
		}

		.cm-panel__list,
		.cm-panel__list-scroll {
			gap: 0.375rem;
		}

		.cm-panel__combo,
		.cm-panel__next {
			padding-top: 0.375rem;
		}

		.cm-panel__title-row {
			flex-direction: row;
			gap: 0.5rem;
		}

		.cm-panel__logo {
			height: 16px;
		}

		.cm-panel__title {
			font-size: 15px;
		}

		.cm-answer {
			padding-inline: 0.75rem;
			padding-block: 0.5rem;
		}

		.cm-answer__text {
			font-size: 11px;
			line-height: 125%;
		}
	}

	@media (min-width: 768px) and (max-width: 1023px) {
		.cm-panel__list {
			scrollbar-width: thin;
			scrollbar-color: #fff3 transparent;
			justify-content: safe center;
			overflow-x: hidden;
			overflow-y: auto;
		}

		.cm-panel__list .cm-answer__text {
			font-size: 14px;
		}
	}

	@media (min-width: 1024px) and (max-width: 1279px) {
		.cm-panel__body {
			padding-top: 1.25rem;
		}

		.cm-panel__list {
			gap: 0.5rem;
		}

		.cm-panel__list .cm-answer {
			padding-block: 0.5rem;
		}
	}

	@media (min-width: 768px) and (max-height: 760px) {
		.cm-panel__head {
			margin-bottom: 0.375rem;
		}

		.cm-panel__cards {
			padding-block: 0.25rem;
		}

		.cm-panel__list {
			gap: 0.375rem;
		}

		.cm-panel__list .cm-answer {
			padding-block: 0.5rem;
		}

		.cm-panel__list .cm-answer__text {
			font-size: 12.5px;
			line-height: 130%;
		}
	}
}