/*
 * DELTA-LAB Rewards — interface client, charte « Ton espace DELTA-LAB » / « Tes récompenses ».
 * Personnalisation : surchargez les variables ci-dessous (Elementor > Réglages du site > CSS personnalisé), ex. :
 *   .dlrw { --dlrw-pink: #c64b94; --dlrw-r: 12px; }
 */
.dlrw {
	--dlrw-ink: #121014;
	--dlrw-ink-2: #1c1920;
	--dlrw-bg: #ffffff;
	--dlrw-pink: #c64b94;        /* rose des boutons du site */
	--dlrw-pink-dark: #7c1d5c;   /* ombre du rose */
	--dlrw-pink-hot: #e8157f;    /* rose vif de la jauge */
	--dlrw-green: #66e21a;       /* vert des boutons */
	--dlrw-green-dark: #3d9b0b;  /* ombre du vert */
	--dlrw-lime: #9dff3c;        /* vert fluo (surlignage) */
	--dlrw-muted: #6b6670;
	--dlrw-line: #d9d3dc;
	--dlrw-r: 12px;
	--dlrw-display: 'Anton', Impact, 'Arial Narrow', sans-serif;
	--dlrw-mono: 'Inconsolata', Consolas, ui-monospace, monospace;
	--dlrw-pixel: 'Silkscreen', 'Press Start 2P', ui-monospace, monospace;

	display: flex;
	flex-direction: column;
	gap: 22px;
	max-width: 100%;
	color: var(--dlrw-ink);
	font-family: var(--dlrw-mono);
	font-size: 15px;
	line-height: 1.45;
}
.dlrw *, .dlrw *::before, .dlrw *::after { box-sizing: border-box; }
.dlrw ul, .dlrw li { margin: 0; padding: 0; list-style: none; }
.dlrw a { color: var(--dlrw-pink); }
.dlrw b, .dlrw strong { font-weight: 700; }

/* ── Petites étiquettes (police pixel) ─────────────────────────── */
.dlrw .dlrw-tag {
	align-self: flex-start;
	display: inline-block;
	padding: 6px 11px;
	background: var(--dlrw-pink);
	color: #fff;
	border-radius: 8px;
	box-shadow: 3px 3px 0 var(--dlrw-pink-dark);
	font-family: var(--dlrw-pixel);
	font-size: 11px;
	letter-spacing: .08em;
	text-transform: uppercase;
	line-height: 1.2;
}
.dlrw .dlrw-tag-green { background: var(--dlrw-green); color: var(--dlrw-ink); box-shadow: 3px 3px 0 var(--dlrw-green-dark); }
.dlrw .dlrw-meta {
	font-family: var(--dlrw-pixel);
	font-size: 10.5px;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--dlrw-muted);
}

/* ── Bandeau sombre (comme « Ton espace DELTA-LAB ») ─────────── */
.dlrw .dlrw-hero {
	position: relative;
	overflow: hidden;
	display: grid;
	grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
	gap: 26px;
	align-items: center;
	padding: 30px 30px 32px;
	background: var(--dlrw-ink);
	background-image: radial-gradient(circle at 92% 0%, rgba(102, 226, 26, .28), rgba(102, 226, 26, 0) 42%);
	color: #fff;
	border-radius: calc(var(--dlrw-r) + 10px);
	box-shadow: 9px 9px 0 var(--dlrw-pink);
}
.dlrw .dlrw-hero-main { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.dlrw .dlrw-h1 {
	font-family: var(--dlrw-display);
	font-size: 44px;
	font-size: clamp(34px, 5vw, 52px);
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: .01em;
	color: #fff;
}
.dlrw .dlrw-h1 em { font-style: normal; color: var(--dlrw-green); }
.dlrw .dlrw-lead { color: #c9c3cc; font-size: 15px; line-height: 1.7; max-width: 46ch; }
.dlrw .dlrw-hero-side {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 20px 22px;
	background: rgba(255, 255, 255, .04);
	border: 1px solid rgba(255, 255, 255, .12);
	border-radius: var(--dlrw-r);
	min-width: 0;
}
.dlrw .dlrw-side-label {
	font-family: var(--dlrw-pixel);
	font-size: 10.5px;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--dlrw-green);
}
.dlrw .dlrw-side-big {
	font-family: var(--dlrw-display);
	font-size: 48px;
	font-size: clamp(38px, 5vw, 56px);
	line-height: 1;
	color: #fff;
	font-variant-numeric: tabular-nums;
}
.dlrw .dlrw-side-big span { color: var(--dlrw-green); }
.dlrw .dlrw-side-sub { color: #c9c3cc; font-size: 14px; }
.dlrw .dlrw-side-sub b {
	display: inline-block;
	padding: 0 6px;
	background: var(--dlrw-lime);
	color: var(--dlrw-ink);
	border-radius: 5px;
}
.dlrw .dlrw-side-pending { font-size: 13px; color: var(--dlrw-green); }
.dlrw .dlrw-side-list { display: flex; flex-direction: column; gap: 8px; color: #e3dee6; font-size: 14px; }
.dlrw .dlrw-side-list b { color: var(--dlrw-green); font-family: var(--dlrw-display); font-weight: 400; font-size: 18px; margin-right: 4px; }

/* ── Boutons (arrondis + ombre décalée, comme le site) ───────── */
.dlrw .dlrw-btn,
.dlrw button.dlrw-btn,
.dlrw a.dlrw-btn {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 8px;
	align-self: flex-start;
	margin: 0;
	padding: 12px 22px !important;
	min-height: 0;
	border: 0 !important;
	border-radius: var(--dlrw-r) !important;
	font-family: var(--dlrw-display) !important;
	font-size: 17px !important;
	font-weight: 400 !important;
	line-height: 1.1 !important;
	letter-spacing: .04em;
	text-transform: uppercase;
	text-decoration: none !important;
	white-space: nowrap;
	cursor: pointer;
	transition: transform .08s ease, box-shadow .08s ease;
}
.dlrw .dlrw-btn-green { background: var(--dlrw-green) !important; color: var(--dlrw-ink) !important; box-shadow: 4px 4px 0 var(--dlrw-green-dark) !important; }
.dlrw .dlrw-btn-pink { background: var(--dlrw-pink) !important; color: #fff !important; box-shadow: 4px 4px 0 var(--dlrw-pink-dark) !important; }
.dlrw .dlrw-btn-white { background: #fff !important; color: var(--dlrw-ink) !important; box-shadow: 3px 3px 0 var(--dlrw-ink) !important; outline: 2px solid var(--dlrw-ink); outline-offset: -2px; }
.dlrw .dlrw-btn:hover { transform: translate(-1px, -1px); }
.dlrw .dlrw-btn-green:hover { box-shadow: 6px 6px 0 var(--dlrw-green-dark) !important; }
.dlrw .dlrw-btn-pink:hover { box-shadow: 6px 6px 0 var(--dlrw-pink-dark) !important; }
.dlrw .dlrw-btn-white:hover { box-shadow: 5px 5px 0 var(--dlrw-ink) !important; }
.dlrw .dlrw-btn:active { transform: translate(2px, 2px); }
.dlrw .dlrw-btn[disabled] { opacity: .6; cursor: wait; }
.dlrw .dlrw-btn.is-done { background: var(--dlrw-green) !important; color: var(--dlrw-ink) !important; box-shadow: 4px 4px 0 var(--dlrw-green-dark) !important; }
.dlrw .dlrw-btn-sm { padding: 8px 14px !important; font-size: 14px !important; }
.dlrw .dlrw-btn:focus-visible,
.dlrw .dlrw-tab:focus-visible,
.dlrw .dlrw-input:focus-visible { outline: 3px solid var(--dlrw-lime) !important; outline-offset: 2px; }

/* ── Onglets ─────────────────────────────────────────────────── */
.dlrw .dlrw-tabs { display: flex; flex-wrap: wrap; gap: 12px; }
.dlrw .dlrw-tab,
.dlrw button.dlrw-tab {
	margin: 0;
	padding: 11px 18px !important;
	background: #fff !important;
	color: var(--dlrw-ink) !important;
	border: 2px solid var(--dlrw-ink) !important;
	border-radius: var(--dlrw-r) !important;
	box-shadow: 3px 3px 0 var(--dlrw-ink) !important;
	font-family: var(--dlrw-display) !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 1.1 !important;
	letter-spacing: .05em;
	text-transform: uppercase;
	cursor: pointer;
	transition: transform .08s ease;
}
.dlrw .dlrw-tab:hover { transform: translate(-1px, -1px); }
.dlrw .dlrw-tab.is-active,
.dlrw button.dlrw-tab.is-active {
	background: var(--dlrw-pink) !important;
	color: #fff !important;
	border-color: var(--dlrw-pink) !important;
	box-shadow: 4px 4px 0 var(--dlrw-pink-dark) !important;
}
.dlrw .dlrw-panel { display: flex; flex-direction: column; gap: 22px; }
.dlrw .dlrw-panel[hidden] { display: none !important; }

/* ── Cartes statistiques (ombre verte) ───────────────────────── */
.dlrw .dlrw-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.dlrw .dlrw-stat {
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 18px 20px;
	background: #fff;
	border: 2px solid var(--dlrw-ink);
	border-radius: calc(var(--dlrw-r) + 2px);
	box-shadow: 6px 6px 0 var(--dlrw-green);
	min-width: 0;
}
.dlrw .dlrw-stat-label {
	font-family: var(--dlrw-pixel);
	font-size: 10.5px;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--dlrw-muted);
}
.dlrw .dlrw-stat-num {
	font-family: var(--dlrw-display);
	font-size: 38px;
	line-height: 1;
	color: var(--dlrw-ink);
	font-variant-numeric: tabular-nums;
}
.dlrw .dlrw-stat-num small { font-size: 22px; color: var(--dlrw-pink); }
.dlrw .dlrw-stat-sub { font-size: 13.5px; color: var(--dlrw-muted); }

/* ── Cartes de section (ombre rose, titre en pastille noire) ─── */
.dlrw .dlrw-card,
.dlrw .dlrw-perk {
	display: flex;
	flex-direction: column;
	gap: 14px;
	padding: 22px 24px 24px;
	background: #fff;
	border: 2px solid var(--dlrw-ink);
	border-radius: calc(var(--dlrw-r) + 6px);
	box-shadow: 7px 7px 0 var(--dlrw-pink);
	min-width: 0;
}
.dlrw .dlrw-card-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; }
.dlrw .dlrw-pilltitle {
	display: inline-block;
	padding: 8px 16px 7px;
	background: var(--dlrw-ink);
	color: #fff;
	border-radius: var(--dlrw-r);
	box-shadow: 4px 4px 0 var(--dlrw-pink);
	font-family: var(--dlrw-display);
	font-size: 22px;
	line-height: 1.1;
	letter-spacing: .02em;
	text-transform: uppercase;
}
.dlrw .dlrw-h2 {
	font-family: var(--dlrw-display);
	font-size: 24px;
	line-height: 1.1;
	text-transform: uppercase;
	color: var(--dlrw-ink);
}
.dlrw .dlrw-text { font-size: 14.5px; line-height: 1.7; }
.dlrw .dlrw-perks { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.dlrw .dlrw-perk:nth-child(1) { box-shadow: 7px 7px 0 var(--dlrw-green); }
.dlrw .dlrw-empty { padding: 14px 16px; border: 1.5px dashed var(--dlrw-line); border-radius: 8px; color: var(--dlrw-muted); font-size: 14px; }
.dlrw .dlrw-note { color: var(--dlrw-muted); font-size: 13px; }

/* ── Lignes (comme la liste « Tes récompenses ») ─────────────── */
.dlrw .dlrw-rows { display: flex; flex-direction: column; gap: 8px; }
.dlrw .dlrw-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 10px 12px;
	border: 1.5px dashed var(--dlrw-line);
	border-radius: 8px;
	font-size: 14px;
}
.dlrw .dlrw-row-main { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.dlrw .dlrw-row-main b { color: var(--dlrw-ink); }
.dlrw .dlrw-row-main small { font-size: 12.5px; color: var(--dlrw-muted); }
.dlrw .dlrw-row.is-ok { background: var(--dlrw-green); border: 0; box-shadow: 2px 2px 0 var(--dlrw-green-dark); }
.dlrw .dlrw-rows-plain .dlrw-row-main { flex-direction: row; flex-wrap: wrap; gap: 4px 8px; align-items: baseline; }
.dlrw .dlrw-amt {
	flex: none;
	padding: 4px 9px;
	border-radius: 7px;
	font-weight: 700;
	font-size: 14px;
	white-space: nowrap;
	font-variant-numeric: tabular-nums;
}
.dlrw .dlrw-amt.is-plus { background: var(--dlrw-lime); color: var(--dlrw-ink); }
.dlrw .dlrw-amt.is-minus { background: #ffe1ef; color: #9c1452; }
.dlrw .dlrw-chip {
	flex: none;
	padding: 4px 9px;
	border: 1.5px solid currentColor;
	border-radius: 7px;
	font-family: var(--dlrw-pixel);
	font-size: 10px;
	letter-spacing: .08em;
	text-transform: uppercase;
	white-space: nowrap;
}
.dlrw .dlrw-chip.is-validated { color: var(--dlrw-green-dark); background: #eefbe3; }
.dlrw .dlrw-chip.is-pending { color: #8a6200; background: #fff6d6; }
.dlrw .dlrw-chip.is-reversed { color: #9c1452; background: #ffe9f2; }
.dlrw .dlrw-pager { display: flex; justify-content: space-between; gap: 10px; }

/* ── Code / champs ───────────────────────────────────────────── */
.dlrw .dlrw-code-row { display: flex; flex-wrap: wrap; gap: 12px; align-items: stretch; }
.dlrw .dlrw-code {
	display: inline-flex;
	align-items: center;
	padding: 10px 16px;
	background: #f6f2f7;
	border: 2px dashed var(--dlrw-ink);
	border-radius: var(--dlrw-r);
	font-family: var(--dlrw-pixel);
	font-size: 24px;
	font-size: clamp(18px, 4vw, 26px);
	letter-spacing: .12em;
	color: var(--dlrw-ink);
}
.dlrw .dlrw-field-label {
	font-family: var(--dlrw-pixel);
	font-size: 10.5px;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--dlrw-muted);
	margin-bottom: -6px;
}
.dlrw .dlrw-input,
.dlrw input.dlrw-input {
	flex: 1 1 180px;
	min-width: 0;
	height: auto;
	margin: 0;
	padding: 11px 14px !important;
	background: #fff !important;
	color: var(--dlrw-ink) !important;
	border: 2px solid var(--dlrw-ink) !important;
	border-radius: var(--dlrw-r) !important;
	box-shadow: none !important;
	font-family: var(--dlrw-mono) !important;
	font-size: 15px !important;
}
.dlrw .dlrw-msg { font-size: 14px; line-height: 1.6; letter-spacing: .02em; }
.dlrw .dlrw-msg b { display: inline-block; padding: 0 5px; background: var(--dlrw-lime); border-radius: 5px; }
.dlrw .dlrw-check { display: flex; gap: 10px; align-items: flex-start; font-size: 14px; color: #e3dee6; }
.dlrw .dlrw-check a { color: var(--dlrw-green); }
.dlrw .dlrw-check input { margin-top: 3px; accent-color: var(--dlrw-green); }
.dlrw .dlrw-join-form { display: flex; flex-direction: column; gap: 14px; }

.dlrw .dlrw-alert { padding: 12px 16px; border: 2px solid #9c1452; border-radius: var(--dlrw-r); background: #ffe9f2; font-weight: 700; }
.dlrw .dlrw-alert-soft { border-color: var(--dlrw-ink); background: #fff6d6; }

/* ── Encart checkout (comme « Tes récompenses ») ─────────────── */
.dlrw.dlrw-box {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin: 0 0 28px;
	padding: 16px 18px 18px;
	background: #fff;
	border: 2.5px solid var(--dlrw-ink);
	border-radius: calc(var(--dlrw-r) + 4px);
	box-shadow: 6px 6px 0 var(--dlrw-pink);
	font-size: 14px;
	clear: both;
}
.dlrw .dlrw-box-head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 16px; }
.dlrw .dlrw-box-title {
	font-family: var(--dlrw-display);
	font-size: 24px;
	line-height: 1.1;
	letter-spacing: .02em;
	text-transform: uppercase;
	color: var(--dlrw-ink);
}
.dlrw .dlrw-rail {
	position: relative;
	height: 14px;
	background: repeating-linear-gradient(-45deg, #fff 0 6px, #ece7ee 6px 12px);
	border: 2px solid var(--dlrw-ink);
	border-radius: 999px;
	overflow: hidden;
}
.dlrw .dlrw-fill {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	min-width: 0;
	background: linear-gradient(90deg, var(--dlrw-pink-hot), #ff5aa8 60%, var(--dlrw-lime));
	border-radius: 999px;
	transition: width .5s ease;
}
.dlrw.dlrw-box .dlrw-btn { font-size: 16px !important; padding: 10px 18px !important; }
.dlrw .dlrw-status:empty { display: none; }
.dlrw .dlrw-status { font-size: 13px; color: #9c1452; font-weight: 700; }

/* Badge du cadeau de bienvenue (panier / commande) */
.dlrw-gift-badge {
	display: inline-block;
	margin-left: 6px;
	padding: 2px 8px;
	font-family: 'Silkscreen', ui-monospace, monospace;
	font-size: 10px;
	letter-spacing: .06em;
	text-transform: uppercase;
	vertical-align: middle;
	background: #66e21a;
	color: #121014;
	border-radius: 6px;
	box-shadow: 2px 2px 0 #3d9b0b;
}

/* ── Responsive ──────────────────────────────────────────────── */
@media (max-width: 900px) {
	.dlrw .dlrw-hero { grid-template-columns: 1fr; padding: 24px 22px 26px; }
}
@media (max-width: 700px) {
	.dlrw .dlrw-stats { grid-template-columns: 1fr; gap: 14px; }
	.dlrw .dlrw-perks { grid-template-columns: 1fr; }
	.dlrw .dlrw-stat { flex-direction: row; flex-wrap: wrap; align-items: baseline; justify-content: space-between; }
	.dlrw .dlrw-stat-label { width: 100%; }
	.dlrw .dlrw-stat-num { font-size: 30px; }
	.dlrw .dlrw-card, .dlrw .dlrw-perk { padding: 18px 16px 20px; box-shadow: 5px 5px 0 var(--dlrw-pink); }
	.dlrw .dlrw-hero { box-shadow: 6px 6px 0 var(--dlrw-pink); }
	.dlrw .dlrw-tabs { gap: 8px; }
	.dlrw .dlrw-tab, .dlrw button.dlrw-tab { flex: 1 1 auto; padding: 10px 10px !important; font-size: 14px !important; text-align: center; }
	.dlrw .dlrw-code-row .dlrw-btn { flex: 1 1 auto; }
	.dlrw .dlrw-pilltitle { font-size: 19px; }
}
@media (prefers-reduced-motion: reduce) {
	.dlrw .dlrw-btn, .dlrw .dlrw-tab, .dlrw .dlrw-fill { transition: none; }
}

/* ── 1.2 : niveaux de fidélité ───────────────────────────────── */
.dlrw .dlrw-badge {
	display: inline-block;
	margin-left: 6px;
	padding: 2px 6px;
	background: var(--dlrw-green);
	color: var(--dlrw-ink);
	border-radius: 6px;
	font-family: var(--dlrw-pixel);
	font-size: 10px;
	letter-spacing: .05em;
	vertical-align: 2px;
}
.dlrw .dlrw-tier-title { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; }
.dlrw .dlrw-h2 em { font-style: normal; color: var(--dlrw-pink); }
.dlrw .dlrw-tier-track { position: relative; height: 104px; margin: 8px 44px 0; }
.dlrw .dlrw-tier-track .dlrw-rail { position: absolute; left: 0; right: 0; top: 17px; }
.dlrw .dlrw-node {
	position: absolute;
	top: 0;
	width: 120px;
	transform: translateX(-50%);
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	text-align: center;
}
.dlrw .dlrw-node-box {
	width: 46px;
	height: 46px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	color: var(--dlrw-ink);
	border: 2px solid var(--dlrw-ink);
	border-radius: var(--dlrw-r);
	box-shadow: 3px 3px 0 var(--dlrw-ink);
	font-family: var(--dlrw-display);
	font-size: 20px;
	line-height: 1;
}
.dlrw .dlrw-node.is-done .dlrw-node-box { background: var(--dlrw-green); box-shadow: 3px 3px 0 var(--dlrw-green-dark); }
.dlrw .dlrw-node.is-current .dlrw-node-box { background: var(--dlrw-pink); color: #fff; box-shadow: 3px 3px 0 var(--dlrw-ink), 0 0 0 6px rgba(198, 75, 148, .22); animation: dlrw-pulse 1.8s ease-in-out infinite; }
.dlrw .dlrw-node.is-last.is-next .dlrw-node-box { background: var(--dlrw-ink); color: var(--dlrw-green); box-shadow: 3px 3px 0 var(--dlrw-pink); }
.dlrw .dlrw-node-name { font-family: var(--dlrw-pixel); font-size: 9.5px; letter-spacing: .08em; text-transform: uppercase; color: var(--dlrw-muted); line-height: 1.3; }
.dlrw .dlrw-node.is-current .dlrw-node-name { color: var(--dlrw-pink); }
.dlrw .dlrw-node.is-done .dlrw-node-name { color: var(--dlrw-ink); }
.dlrw .dlrw-node-sub { font-size: 12px; font-weight: 700; color: var(--dlrw-muted); white-space: nowrap; }
.dlrw .dlrw-node.is-done .dlrw-node-sub, .dlrw .dlrw-node.is-current .dlrw-node-sub { color: var(--dlrw-ink); }
@keyframes dlrw-pulse { 50% { box-shadow: 3px 3px 0 var(--dlrw-ink), 0 0 0 10px rgba(198, 75, 148, .12); } }

/* ── 1.2 : quêtes ────────────────────────────────────────────── */
.dlrw .dlrw-qhead {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	padding: 18px 24px;
	background-color: var(--dlrw-ink);
	background-image: radial-gradient(circle at 95% 0%, rgba(102, 226, 26, .25), rgba(102, 226, 26, 0) 45%);
	border-radius: calc(var(--dlrw-r) + 6px);
	box-shadow: 7px 7px 0 var(--dlrw-pink);
}
.dlrw .dlrw-qhead-main { display: flex; flex-direction: column; gap: 6px; }
.dlrw .dlrw-on-dark { color: #fff; font-size: 30px; }
.dlrw .dlrw-on-dark em { color: var(--dlrw-green); }
.dlrw .dlrw-qhead-chips { display: flex; flex-wrap: wrap; gap: 10px; }
.dlrw .dlrw-chip-solid { padding: 7px 10px; border-radius: 8px; font-family: var(--dlrw-pixel); font-size: 10.5px; letter-spacing: .08em; text-transform: uppercase; }
.dlrw .dlrw-chip-solid.is-green { background: var(--dlrw-green); color: var(--dlrw-ink); box-shadow: 3px 3px 0 var(--dlrw-green-dark); }
.dlrw .dlrw-chip-solid.is-yellow { background: #fff6d6; color: #6e4b00; box-shadow: 3px 3px 0 #b78a12; }
.dlrw .dlrw-section-head { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; margin-top: 6px; }
.dlrw .dlrw-quest-top { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; }
.dlrw .dlrw-quest-titles { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.dlrw .dlrw-quest-reward { flex: none; display: flex; flex-direction: column; align-items: flex-end; gap: 4px; }
.dlrw .dlrw-quest-coins { font-family: var(--dlrw-display); font-size: 30px; line-height: 1; color: var(--dlrw-ink); white-space: nowrap; }
.dlrw .dlrw-quest-coins small { font-size: .75em; color: var(--dlrw-pink); }
.dlrw .dlrw-quest-coins.dlrw-sm { font-size: 20px; }
.dlrw .dlrw-card.dlrw-quest.is-green, .dlrw .dlrw-perk.dlrw-quest.is-green { box-shadow: 7px 7px 0 var(--dlrw-green); }
.dlrw .dlrw-notice { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 12px; padding: 10px 12px; border-radius: 10px; font-size: 14px; }
.dlrw .dlrw-notice.is-yellow { background: #fff6d6; border: 1.5px solid #b78a12; }
.dlrw .dlrw-notice.is-yellow .dlrw-meta { color: #6e4b00; }
.dlrw .dlrw-notice.is-pink { background: #ffe9f2; border: 1.5px solid #9c1452; }
.dlrw .dlrw-steps { display: flex; gap: 12px; padding: 12px 14px; background: #f6f2f7; border: 1.5px dashed #c9c1cc; border-radius: 10px; font-size: 14px; line-height: 1.55; }
.dlrw .dlrw-steps-label { flex: none; font-family: var(--dlrw-pixel); font-size: 10.5px; letter-spacing: .1em; text-transform: uppercase; color: var(--dlrw-pink); padding-top: 2px; }
.dlrw .dlrw-quest-form { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px; }
.dlrw .dlrw-field { display: flex; flex-direction: column; gap: 6px; flex: 1 1 220px; }
.dlrw .dlrw-field .dlrw-field-label { margin-bottom: 0; }
.dlrw .dlrw-field .dlrw-input,
.dlrw .dlrw-field input.dlrw-input { flex: 0 0 auto; width: 100%; }
.dlrw .dlrw-text-muted { font-size: 14px; color: var(--dlrw-muted); line-height: 1.6; }
.dlrw .dlrw-text-muted b { color: var(--dlrw-ink); }
.dlrw .dlrw-hl { display: inline-block; padding: 0 5px; background: var(--dlrw-lime); color: var(--dlrw-ink); border-radius: 5px; }
.dlrw .dlrw-small-muted { font-size: 12.5px; color: var(--dlrw-muted); }
.dlrw .dlrw-levels { display: grid; grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); gap: 8px; }
.dlrw .dlrw-level { display: flex; flex-direction: column; gap: 2px; padding: 8px 10px; border: 1.5px dashed var(--dlrw-line); border-radius: 8px; font-size: 12.5px; color: var(--dlrw-muted); }
.dlrw .dlrw-level b { color: var(--dlrw-ink); }
.dlrw .dlrw-level-name { font-family: var(--dlrw-pixel); font-size: 9.5px; letter-spacing: .06em; text-transform: uppercase; }
.dlrw .dlrw-level.is-done { background: var(--dlrw-green); border: 0; box-shadow: 2px 2px 0 var(--dlrw-green-dark); color: var(--dlrw-ink); }
.dlrw .dlrw-level.is-current { border: 2px solid var(--dlrw-pink); }
.dlrw .dlrw-level.is-current .dlrw-level-name { color: var(--dlrw-pink); }
.dlrw .dlrw-subsection { display: flex; flex-direction: column; gap: 8px; padding-top: 14px; border-top: 2px solid var(--dlrw-ink); }
.dlrw .dlrw-product { display: flex; align-items: center; gap: 14px; padding: 10px 12px; border: 1.5px dashed var(--dlrw-line); border-radius: 10px; }
.dlrw .dlrw-product .dlrw-row-main { flex: 1; }
.dlrw .dlrw-product-img { flex: none; width: 52px; height: 52px; border: 2px solid var(--dlrw-ink); border-radius: 10px; overflow: hidden; background: #f6f2f7; }
.dlrw .dlrw-product-img img { width: 100% !important; height: 100% !important; object-fit: cover; display: block; margin: 0 !important; }
.dlrw .dlrw-quest-count { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; }
.dlrw .dlrw-quest-done { padding: 12px 16px; border-radius: var(--dlrw-r); }

@media (max-width: 700px) {
	.dlrw .dlrw-tier-track { margin: 8px 26px 0; height: 98px; }
	.dlrw .dlrw-node { width: 64px; }
	.dlrw .dlrw-node-box { width: 38px; height: 38px; font-size: 17px; }
	.dlrw .dlrw-node-sub { display: none; }
	.dlrw .dlrw-node-name { font-size: 8.5px; }
	.dlrw .dlrw-quest-top { flex-direction: column; }
	.dlrw .dlrw-quest-reward { align-items: flex-start; }
	.dlrw .dlrw-product { flex-wrap: wrap; }
	.dlrw .dlrw-product .dlrw-btn { flex: 1 1 100%; }
	.dlrw .dlrw-on-dark { font-size: 24px; }
}
@media (prefers-reduced-motion: reduce) {
	.dlrw .dlrw-node.is-current .dlrw-node-box { animation: none; }
}