.skorspm-daily-quest,
.sk-daily-quest {
	--sk-dq-ink: #14324a;
	--sk-dq-muted: #526577;
	--sk-dq-border: rgba(20, 50, 74, 0.1);
	--sk-dq-card-top: #fff3c7;
	--sk-dq-card-mid: #eef8ff;
	--sk-dq-card-bottom: #eef8f0;
	--sk-dq-track: rgba(255, 255, 255, 0.86);
	--sk-dq-complete: #1e7a46;
	--sk-dq-progress-start: #f0b84a;
	--sk-dq-progress-end: #22a06b;
	margin: 18px 0 24px;
	padding: 18px 20px;
	border: 1px solid var(--sk-dq-border);
	border-radius: 24px;
	background: linear-gradient(135deg, var(--sk-dq-card-top) 0%, var(--sk-dq-card-mid) 54%, var(--sk-dq-card-bottom) 100%);
	box-shadow: 0 12px 30px rgba(15, 23, 42, 0.08);
	color: var(--sk-dq-ink);
}

.skorspm-daily-quest__header,
.skorspm-daily-quest__footer {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
}

.skorspm-daily-quest__identity {
	display: flex;
	align-items: flex-start;
	gap: 14px;
}

.skorspm-daily-quest__badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 16px;
	background: #0f172a;
	color: #f8fafc;
	flex: 0 0 auto;
}

.skorspm-daily-quest__badge svg {
	width: 20px;
	height: 20px;
}

.skorspm-daily-quest__title {
	margin: 0 0 4px;
	font-size: 1.12rem;
	line-height: 1.25;
}

.skorspm-daily-quest__subtitle,
.skorspm-daily-quest__empty,
.skorspm-daily-quest__task-copy p,
.skorspm-daily-quest__footer-copy,
.skorspm-daily-quest__completion p {
	margin: 0;
	color: var(--sk-dq-muted);
}

.skorspm-daily-quest__subtitle,
.skorspm-daily-quest__task-copy p,
.skorspm-daily-quest__footer-copy,
.skorspm-daily-quest__completion p {
	font-size: 0.94rem;
}

.skorspm-daily-quest__empty {
	margin-top: 18px;
	padding: 14px 16px;
	border-radius: 16px;
	border: 1px dashed rgba(20, 50, 74, 0.18);
	background: rgba(255, 255, 255, 0.72);
}

.skorspm-daily-quest__status {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 6px 12px;
	border-radius: 999px;
	font-size: 0.78rem;
	font-weight: 700;
	white-space: nowrap;
}

.skorspm-daily-quest__status.is-generated {
	background: #fff4d4;
	color: #8a5a00;
}

.skorspm-daily-quest__status.is-accepted {
	background: #dbeafe;
	color: #1d4ed8;
}

.skorspm-daily-quest__status.is-completed {
	background: #dcfce7;
	color: #166534;
}

.skorspm-daily-quest__ladder {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(70px, 1fr));
	gap: 8px;
	margin: 16px 0 8px;
}

.skorspm-daily-quest__ladder-step {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 36px;
	padding: 8px 10px;
	border-radius: 999px;
	border: 1px solid rgba(20, 50, 74, 0.14);
	background: rgba(255, 255, 255, 0.6);
	color: var(--sk-dq-muted);
	font-size: 0.82rem;
	font-weight: 700;
	white-space: nowrap;
}

.skorspm-daily-quest__ladder-step.is-completed {
	background: rgba(220, 252, 231, 0.92);
	border-color: rgba(22, 101, 52, 0.2);
	color: #166534;
}

.skorspm-daily-quest__ladder-step.is-current,
.skorspm-daily-quest__ladder-step.is-available {
	background: rgba(219, 234, 254, 0.92);
	border-color: rgba(29, 78, 216, 0.22);
	color: #1d4ed8;
}

.skorspm-daily-quest__ladder-step.is-next {
	background: rgba(255, 244, 212, 0.95);
	border-color: rgba(138, 90, 0, 0.18);
	color: #8a5a00;
}

.skorspm-daily-quest__ladder-step.is-locked {
	opacity: 0.72;
}

.skorspm-daily-quest__ladder-meta {
	margin: 0 0 6px;
	font-size: 0.84rem;
	font-weight: 600;
	color: var(--sk-dq-muted);
}

.skorspm-daily-quest__round {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 14px;
	margin-top: 16px;
	padding: 14px 16px;
	border-radius: 18px;
	background: rgba(255, 255, 255, 0.74);
	border: 1px solid rgba(148, 163, 184, 0.18);
}

.skorspm-daily-quest__round-copy {
	min-width: 0;
}

.skorspm-daily-quest__round-kicker {
	margin: 0 0 5px;
	font-size: 0.75rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #946200;
}

.skorspm-daily-quest__round-title {
	margin: 0;
	font-size: 1.04rem;
	line-height: 1.3;
	color: var(--sk-dq-ink);
}

.skorspm-daily-quest__round-meta,
.skorspm-daily-quest__bonus {
	margin: 6px 0 0;
	font-size: 0.9rem;
	color: var(--sk-dq-muted);
}

.skorspm-daily-quest__bonus {
	padding: 9px 12px;
	border-radius: 999px;
	background: rgba(255, 244, 212, 0.92);
	border: 1px solid rgba(138, 90, 0, 0.14);
	color: #8a5a00;
	font-weight: 700;
	white-space: nowrap;
}

.skorspm-daily-quest__progress {
	margin: 18px 0 16px;
	padding: 14px 16px;
	border-radius: 18px;
	background: rgba(255, 255, 255, 0.68);
	border: 1px solid rgba(148, 163, 184, 0.16);
}

.skorspm-daily-quest__progress-head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 10px;
	flex-wrap: wrap;
}

.skorspm-daily-quest__progress-summary,
.skorspm-daily-quest__progress-message {
	margin: 0;
}

.skorspm-daily-quest__progress-summary {
	font-size: 0.95rem;
	font-weight: 700;
	color: var(--sk-dq-ink);
}

.skorspm-daily-quest__progress-message {
	font-size: 0.9rem;
	color: var(--sk-dq-muted);
}

.skorspm-daily-quest__progressbar {
	position: relative;
	overflow: hidden;
	height: 12px;
	border-radius: 999px;
	background: var(--sk-dq-track);
	border: 1px solid rgba(148, 163, 184, 0.2);
}

.skorspm-daily-quest__progressbar-fill {
	display: block;
	height: 100%;
	border-radius: inherit;
	background: linear-gradient(90deg, var(--sk-dq-progress-start) 0%, var(--sk-dq-progress-end) 100%);
}

.skorspm-daily-quest__task-list {
	list-style: none;
	margin: 0 0 14px;
	padding: 0;
	display: grid;
	gap: 12px;
}

.skorspm-daily-quest__task {
	display: flex;
	gap: 12px;
	align-items: flex-start;
	padding: 12px 14px;
	border-radius: 16px;
	background: rgba(255, 255, 255, 0.74);
	border: 1px solid rgba(148, 163, 184, 0.18);
	transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.skorspm-daily-quest__task:hover,
.skorspm-daily-quest__task:focus-within {
	transform: translateY(-1px);
	border-color: rgba(20, 50, 74, 0.24);
	box-shadow: 0 8px 20px rgba(15, 23, 42, 0.06);
}

.skorspm-daily-quest__task.is-completed {
	background: rgba(220, 252, 231, 0.8);
	border-color: rgba(22, 101, 52, 0.18);
}

.skorspm-daily-quest__task-marker {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border-radius: 999px;
	background: #173a58;
	flex: 0 0 auto;
}

.skorspm-daily-quest__task-marker::after {
	content: "";
	display: block;
}

.skorspm-daily-quest__task.is-pending .skorspm-daily-quest__task-marker::after {
	width: 8px;
	height: 8px;
	border-radius: 999px;
	background: #ffffff;
}

.skorspm-daily-quest__task.is-completed .skorspm-daily-quest__task-marker {
	background: var(--sk-dq-complete);
}

.skorspm-daily-quest__task.is-completed .skorspm-daily-quest__task-marker::after {
	width: 10px;
	height: 6px;
	border: 2px solid #ffffff;
	border-top: 0;
	border-right: 0;
	transform: rotate(-45deg);
	margin-top: -1px;
}

.skorspm-daily-quest__task-copy strong {
	display: block;
	color: var(--sk-dq-ink);
}

.skorspm-daily-quest__task-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.skorspm-daily-quest__task-status {
	flex: 0 0 auto;
	font-size: 0.78rem;
	font-weight: 700;
	color: var(--sk-dq-muted);
}

.skorspm-daily-quest__task-link {
	display: inline-flex;
	align-items: center;
	margin-top: 8px;
	font-size: 0.88rem;
	font-weight: 700;
	color: #0b63b6;
	text-decoration: none;
}

.skorspm-daily-quest__task-link:hover,
.skorspm-daily-quest__task-link:focus-visible {
	color: #094b88;
	text-decoration: underline;
}

.skorspm-daily-quest__task-link[hidden] {
	display: none !important;
}

.skorspm-daily-quest__exp {
	margin: 0 0 12px;
	font-weight: 700;
	color: var(--sk-dq-ink);
}

.skorspm-daily-quest__completion {
	margin: 0 0 12px;
	padding: 12px 14px;
	border-radius: 16px;
	background: rgba(220, 252, 231, 0.78);
	border: 1px solid rgba(22, 101, 52, 0.16);
}

.skorspm-daily-quest__completion strong {
	display: block;
	margin-bottom: 4px;
	color: #166534;
}

.skorspm-daily-quest__footer {
	flex-wrap: wrap;
}

.skorspm-daily-quest__footer-copy-wrap {
	display: grid;
	gap: 8px;
}

.skorspm-daily-quest__form {
	margin: 0;
}

.skorspm-daily-quest__button {
	border: 0;
	border-radius: 999px;
	background: #0f172a;
	color: #ffffff;
	padding: 11px 18px;
	font-weight: 700;
	cursor: pointer;
}

.skorspm-daily-quest__button:hover,
.skorspm-daily-quest__button:focus-visible {
	background: #1e293b;
}

.skorspm-daily-quest__button.is-disabled,
.skorspm-daily-quest__button:disabled {
	background: #94a3b8;
	cursor: default;
}

.skorspm-daily-quest__refresh {
	padding: 0;
	border: 0;
	background: transparent;
	color: #0b63b6;
	font-size: 0.92rem;
	font-weight: 600;
	text-decoration: underline;
	cursor: pointer;
}

.skorspm-daily-quest__refresh:hover,
.skorspm-daily-quest__refresh:focus-visible {
	color: #094b88;
}

@media (max-width: 700px) {
	.skorspm-daily-quest {
		padding: 16px;
	}

	.skorspm-daily-quest__ladder {
		display: flex;
		flex-wrap: nowrap;
		overflow-x: auto;
		overscroll-behavior-x: contain;
		-webkit-overflow-scrolling: touch;
		padding-bottom: 4px;
		scrollbar-width: thin;
	}

	.skorspm-daily-quest__ladder-step {
		flex: 0 0 auto;
		min-width: max-content;
		padding: 8px 14px;
		font-size: 0.78rem;
	}

	.skorspm-daily-quest__round,
	.skorspm-daily-quest__header,
	.skorspm-daily-quest__footer {
		flex-direction: column;
	}

	.skorspm-daily-quest__bonus {
		white-space: normal;
	}

	.skorspm-daily-quest__task-head {
		flex-direction: column;
		align-items: flex-start;
	}

	.skorspm-daily-quest__form,
	.skorspm-daily-quest__button {
		width: 100%;
	}
}