/* ==================================================================
 * MU CAÍDOS — Estilos de los módulos propios
 * (Boss Timer, Eventos, Drop, Guías, Guild Center, PvP Center,
 *  King of King, Información y los de recompensas)
 * ================================================================== */

/* ---------------- piezas comunes ---------------- */
.cd-module .cd-lead { max-width: 72ch; margin: -12px 0 28px; font-size: 17px; color: var(--cd-text-2); }
.cd-module .cd-lead time { font-family: var(--cd-f-ui); font-weight: 700; letter-spacing: .06em; color: var(--cd-text); font-variant-numeric: tabular-nums; }
.cd-module .cd-muted { color: var(--cd-text-3); font-size: 15px; }
.cd-module .cd-block { margin-top: 36px; }
.cd-module .cd-h2 {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0 0 16px;
	font-family: var(--cd-f-ui);
	font-size: 22px;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--cd-text);
}
.cd-module .cd-h2 i { color: var(--cd-accent); font-size: .85em; }
.cd-module .cd-updated { margin-top: -8px; font-size: 13px; color: var(--cd-text-3); font-family: var(--cd-f-ui); letter-spacing: .08em; text-transform: uppercase; }
.cd-module .cd-side-title { font-family: var(--cd-f-ui); font-size: 14px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--cd-accent); margin: 0 0 12px; }
.cd-module .cd-side-title i { margin-right: 6px; }
.cd-module .cd-code { padding: 2px 8px; font-size: 14px; color: var(--cd-accent-2); background: rgba(var(--cd-accent-rgb), .08); border: 1px solid rgba(var(--cd-accent-rgb), .25); border-radius: var(--cd-r-sm); white-space: nowrap; }
.cd-module .cd-num { font-family: var(--cd-f-ui); font-weight: 700; font-size: 17px; font-variant-numeric: tabular-nums; }
.cd-module .cd-num--accent { color: var(--cd-accent-2); }

/* indicadores */
.cd-module .cd-tiles { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 12px; margin: 0 0 32px; padding: 0; list-style: none; }
.cd-module .cd-tile {
	display: grid;
	grid-template-columns: auto 1fr;
	grid-template-areas: 'icon label' 'icon value' 'icon sub';
	column-gap: 14px;
	align-items: center;
	padding: 16px 18px;
	background: var(--cd-surface);
	border: 1px solid var(--cd-line);
	border-radius: var(--cd-r-lg);
	min-width: 0;
}
.cd-module .cd-tile__icon { grid-area: icon; display: grid; place-items: center; width: 42px; height: 42px; color: var(--cd-accent); background: rgba(var(--cd-accent-rgb), .08); border: 1px solid rgba(var(--cd-accent-rgb), .25); border-radius: var(--cd-r); }
.cd-module .cd-tile__label { grid-area: label; font-family: var(--cd-f-ui); font-size: 13px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--cd-text-3); }
.cd-module .cd-tile__value { grid-area: value; font-family: var(--cd-f-ui); font-size: 26px; font-weight: 700; line-height: 1.15; color: var(--cd-text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-variant-numeric: tabular-nums; }
.cd-module .cd-tile__sub { grid-area: sub; font-size: 13px; color: var(--cd-text-3); }

/* barra de herramientas: filtros + buscador */
.cd-module .cd-toolbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 20px; }
.cd-module .cd-filters { display: flex; flex-wrap: wrap; gap: 6px; }
.cd-module .cd-filters__btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 38px;
	padding: 0 14px;
	font-family: var(--cd-f-ui);
	font-size: 15px;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--cd-text-2);
	background: var(--cd-surface);
	border: 1px solid var(--cd-line-2);
	border-radius: 999px;
	cursor: pointer;
	transition: color .2s, background .2s, border-color .2s;
}
.cd-module .cd-filters__btn:hover { color: var(--cd-text); border-color: rgba(var(--cd-accent-rgb), .45); }
.cd-module .cd-filters__btn.is-active { color: var(--cd-on-accent); background: linear-gradient(180deg, var(--cd-accent-2) -40%, var(--cd-accent) 60%); border-color: transparent; }
.cd-module .cd-filters__n { display: inline-grid; place-items: center; min-width: 22px; height: 20px; padding: 0 6px; font-size: 12px; border-radius: 999px; background: rgba(255, 255, 255, .08); }
.cd-module .cd-filters__btn.is-active .cd-filters__n { background: rgba(0, 0, 0, .18); }
.cd-module .cd-search { position: relative; display: flex; align-items: center; margin: 0; flex: 0 1 320px; }
.cd-module .cd-search i { position: absolute; left: 14px; color: var(--cd-text-3); pointer-events: none; }
.cd-module .cd-search input { width: 100%; height: 40px; padding-left: 40px; border-radius: 999px; font-size: 15px; }

/* tablas de módulos */
.cd-module .cd-table td a { font-weight: 600; color: var(--cd-text); }
.cd-module .cd-table td a:hover { color: var(--cd-accent-2); }
.cd-module .cd-table--rank tr.is-top1 { background: linear-gradient(90deg, rgba(var(--cd-accent-rgb), .12), transparent 70%); }
.cd-module .cd-cellwho { display: inline-flex; align-items: center; gap: 12px; min-width: 0; }
.cd-module .cd-cellwho > span { display: grid; line-height: 1.25; }
.cd-module .cd-cellwho small { font-size: 12px; color: var(--cd-text-3); }
.cd-module .cd-cellwho .cd-dot { width: 6px; height: 6px; margin-left: 4px; }

/* dos columnas: contenido + lateral */
.cd-module .cd-split { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 28px; align-items: start; margin-top: 8px; }
.cd-module .cd-split > *, .cd-module .cd-stack > * { min-width: 0; }
.cd-module .cd-stack { display: grid; gap: 16px; }
.cd-module .cd-card {
	padding: 20px;
	background: linear-gradient(180deg, var(--cd-surface-2), var(--cd-surface));
	border: 1px solid var(--cd-line);
	border-radius: var(--cd-r-lg);
	min-width: 0;
}
.cd-module .cd-card--crown { background: radial-gradient(80% 70% at 100% 0%, rgba(var(--cd-ember-rgb), .12), transparent 60%), linear-gradient(180deg, var(--cd-surface-2), var(--cd-surface)); }
.cd-module .cd-card--danger { border-color: rgba(239, 93, 79, .3); }
.cd-module .cd-card .cd-eyebrow { font-size: 12px; margin-bottom: 10px; }
.cd-module .cd-card__title { font-family: var(--cd-f-ui); font-size: 20px; font-weight: 700; letter-spacing: .05em; margin: 0 0 12px; }
.cd-module .cd-card__title i { color: var(--cd-accent); margin-right: 4px; }
.cd-module .cd-card .cd-btn { margin-top: 14px; }
.cd-module .cd-cardwho { display: flex; align-items: center; gap: 14px; margin-bottom: 14px; }
.cd-module .cd-cardwho h3 { font-family: var(--cd-f-display); font-weight: 800; font-size: 22px; margin: 0 0 2px; }
.cd-module .cd-cardwho h3 a { color: var(--cd-text); }
.cd-module .cd-cardwho p { margin: 0; font-size: 14px; color: var(--cd-text-3); }
.cd-module .cd-minilist { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
.cd-module .cd-minilist li { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 8px 10px; background: rgba(0, 0, 0, .2); border: 1px solid var(--cd-line); border-radius: var(--cd-r); }
.cd-module .cd-minilist a { font-weight: 600; color: var(--cd-text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cd-module .cd-minilist small { font-size: 12px; color: var(--cd-text-3); white-space: nowrap; }
.cd-module .cd-minilist .cd-avatar { width: 24px; height: 24px; }
.cd-module .cd-kv { display: grid; gap: 1px; margin: 0; background: var(--cd-line); border: 1px solid var(--cd-line); border-radius: var(--cd-r); overflow: hidden; }
.cd-module .cd-kv div { display: flex; justify-content: space-between; gap: 12px; padding: 10px 12px; background: rgba(13, 11, 16, .7); }
.cd-module .cd-kv dt { font-family: var(--cd-f-ui); font-size: 13px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--cd-text-3); }
.cd-module .cd-kv dd { margin: 0; text-align: right; color: var(--cd-text); font-weight: 500; }
.cd-module .cd-kv--inline { display: flex; flex-wrap: wrap; gap: 8px 22px; background: none; border: 0; border-radius: 0; margin-top: 14px; }
.cd-module .cd-kv--inline div { display: grid; gap: 2px; padding: 0; background: none; }
.cd-module .cd-kv--inline dd { text-align: left; }
.cd-module .cd-cards3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 16px; }
.cd-module .cd-rules { counter-reset: regla; list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.cd-module .cd-rules li {
	counter-increment: regla;
	position: relative;
	padding: 14px 16px 14px 58px;
	color: var(--cd-text);
	background: var(--cd-surface);
	border: 1px solid var(--cd-line);
	border-radius: var(--cd-r);
}
.cd-module .cd-rules li::before {
	content: counter(regla);
	position: absolute;
	left: 14px;
	top: 50%;
	transform: translateY(-50%);
	display: grid;
	place-items: center;
	width: 30px;
	height: 30px;
	font-family: var(--cd-f-ui);
	font-weight: 700;
	color: var(--cd-accent-2);
	background: rgba(var(--cd-accent-rgb), .1);
	border: 1px solid rgba(var(--cd-accent-rgb), .3);
	clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
}
.cd-module .cd-empty { margin: 8px 0 20px; }

/* ---------------- Boss Timer ---------------- */
.cd-module .cd-spot {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: 24px;
	padding: clamp(20px, 3vw, 32px);
	margin-bottom: 24px;
	background:
		radial-gradient(60% 120% at 100% 50%, rgba(var(--cd-ember-rgb), .16), transparent 70%),
		linear-gradient(180deg, var(--cd-surface-2), var(--cd-surface));
	border: 1px solid rgba(var(--cd-accent-rgb), .35);
	clip-path: polygon(16px 0, 100% 0, 100% calc(100% - 16px), calc(100% - 16px) 100%, 0 100%, 0 16px);
}
.cd-module .cd-spot.is-live { border-color: rgba(var(--cd-ember-rgb), .6); }
.cd-module .cd-spot__icon { display: grid; place-items: center; width: 76px; height: 76px; font-size: 32px; color: var(--cd-accent); background: rgba(var(--cd-accent-rgb), .08); border: 1px solid rgba(var(--cd-accent-rgb), .3); clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); }
.cd-module .cd-spot .cd-eyebrow { margin-bottom: 4px; }
.cd-module .cd-spot__name { font-family: var(--cd-f-display); font-weight: 900; font-size: clamp(28px, 4vw, 44px); line-height: 1.05; margin: 0 0 10px; }
.cd-module .cd-spot__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 18px; margin: 0; font-size: 15px; color: var(--cd-text-2); }
.cd-module .cd-spot__meta i { color: var(--cd-accent); margin-right: 4px; }
.cd-module .cd-spot__time { display: grid; justify-items: end; gap: 6px; text-align: right; }
.cd-module .cd-spot__time small { font-family: var(--cd-f-ui); font-size: 14px; letter-spacing: .1em; text-transform: uppercase; color: var(--cd-text-3); }

.cd-module .cd-daybar { margin-bottom: 28px; padding: 18px 20px 22px; background: var(--cd-surface); border: 1px solid var(--cd-line); border-radius: var(--cd-r-lg); }
.cd-module .cd-daybar__head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 14px; }
.cd-module .cd-daybar__head .cd-h2 { margin: 0; font-size: 18px; }
.cd-module .cd-daybar__legend { display: flex; flex-wrap: wrap; gap: 6px 14px; margin: 0; padding: 0; list-style: none; font-family: var(--cd-f-ui); font-size: 13px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--cd-text-3); }
.cd-module .cd-daybar__legend li { display: inline-flex; align-items: center; gap: 6px; }
.cd-module .cd-daybar__legend li::before { content: ''; width: 10px; height: 10px; border-radius: 2px; background: var(--cd-mark, var(--cd-accent)); }
.cd-module .cd-daybar__scroll { overflow-x: auto; padding-bottom: 4px; }
.cd-module .cd-daybar__track {
	position: relative;
	min-width: 640px;
	height: 58px;
	margin: 0 14px;
	background: linear-gradient(90deg, rgba(20, 22, 60, .45) 0%, rgba(var(--cd-accent-rgb), .12) 30%, rgba(var(--cd-accent-rgb), .16) 55%, rgba(var(--cd-ember-rgb), .16) 78%, rgba(20, 22, 60, .45) 100%);
	border: 1px solid var(--cd-line);
	border-radius: var(--cd-r);
}
.cd-module .cd-daybar__hour { position: absolute; bottom: -22px; transform: translateX(-50%); font-family: var(--cd-f-ui); font-size: 12px; font-weight: 600; letter-spacing: .06em; color: var(--cd-text-3); }
.cd-module .cd-daybar__hour::before { content: ''; position: absolute; left: 50%; bottom: 22px; width: 1px; height: 64px; background: var(--cd-line); }
.cd-module .cd-daybar__mark { position: absolute; top: 10px; width: 4px; height: 36px; margin-left: -2px; border-radius: 2px; background: var(--cd-mark, var(--cd-accent)); box-shadow: 0 0 8px var(--cd-mark, var(--cd-accent)); opacity: .85; cursor: help; }
.cd-module .cd-daybar__mark:hover { opacity: 1; transform: scaleY(1.15); }
.cd-module .is-evento { --cd-mark: #e9b44c; }
.cd-module .is-invasion { --cd-mark: #ff9a5a; }
.cd-module .is-boss { --cd-mark: #ef5d4f; }
.cd-module .is-pvp { --cd-mark: #a88bff; }
.cd-module .is-guild { --cd-mark: #6cb8ff; }
.cd-module .cd-daybar__now { position: absolute; top: -8px; bottom: -8px; width: 2px; margin-left: -1px; background: #fff; box-shadow: 0 0 10px rgba(255, 255, 255, .8); z-index: 2; }
.cd-module .cd-daybar__now span { position: absolute; top: -20px; left: 50%; transform: translateX(-50%); padding: 1px 6px; font-family: var(--cd-f-ui); font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: #0d0b10; background: #fff; border-radius: 3px; white-space: nowrap; }

.cd-module .cd-agenda { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 16px; }
.cd-module .cd-agenda__item { display: flex; flex-direction: column; gap: 12px; padding: 18px; background: var(--cd-surface); border: 1px solid var(--cd-line); border-radius: var(--cd-r-lg); transition: border-color .2s; }
.cd-module .cd-agenda__item:hover { border-color: rgba(var(--cd-accent-rgb), .35); }
.cd-module .cd-agenda__item.is-live { border-color: rgba(var(--cd-ember-rgb), .55); box-shadow: 0 0 0 1px rgba(var(--cd-ember-rgb), .2); }
.cd-module .cd-agenda__head { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 12px; }
.cd-module .cd-agenda__icon { display: grid; place-items: center; width: 42px; height: 42px; font-size: 18px; color: var(--cd-accent); background: rgba(var(--cd-accent-rgb), .08); border: 1px solid rgba(var(--cd-accent-rgb), .25); border-radius: var(--cd-r); }
.cd-module .cd-agenda__head h3 { font-family: var(--cd-f-ui); font-size: 20px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; margin: 0; }
.cd-module .cd-agenda__head p { margin: 0; font-size: 13px; color: var(--cd-text-3); }
.cd-module .cd-agenda__desc { margin: 0; font-size: 15px; line-height: 1.5; }
.cd-module .cd-times { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; list-style: none; }
.cd-module .cd-times li { padding: 3px 8px; font-family: var(--cd-f-ui); font-size: 14px; font-weight: 600; letter-spacing: .04em; color: var(--cd-text-3); background: rgba(0, 0, 0, .25); border: 1px solid var(--cd-line); border-radius: var(--cd-r-sm); font-variant-numeric: tabular-nums; }
.cd-module .cd-times li.is-next { color: var(--cd-on-accent); background: var(--cd-accent); border-color: transparent; }
.cd-module .cd-agenda__foot { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: auto; padding-top: 12px; border-top: 1px solid var(--cd-line); }
.cd-module .cd-agenda__days { font-size: 13px; color: var(--cd-text-3); }
.cd-module .cd-agenda__days i { color: var(--cd-accent); margin-right: 4px; }
.cd-module .cd-agenda__count { font-size: 20px; }

/* ---------------- Eventos ---------------- */
.cd-module .cd-jump { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 30px; }
.cd-module .cd-jump a { display: inline-flex; align-items: center; gap: 10px; padding: 10px 14px; color: var(--cd-text) !important; background: var(--cd-surface); border: 1px solid var(--cd-line); border-radius: var(--cd-r); font-family: var(--cd-f-ui); font-weight: 700; font-size: 15px; letter-spacing: .08em; text-transform: uppercase; transition: border-color .2s; }
.cd-module .cd-jump a:hover { border-color: rgba(var(--cd-accent-rgb), .45); }
.cd-module .cd-jump i { color: var(--cd-accent); }
.cd-module .cd-jump small { padding: 0 7px; font-size: 12px; color: var(--cd-text-3); background: rgba(255, 255, 255, .06); border-radius: 999px; }
.cd-module .cd-evgroup { margin-bottom: 40px; scroll-margin-top: calc(var(--cd-header-h) + 20px); }
.cd-module .cd-evgroup__head { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 16px; margin-bottom: 14px; }
.cd-module .cd-evgroup__head .cd-h2 { margin: 0; }
.cd-module .cd-evgroup__head p { margin: 0; color: var(--cd-text-3); font-size: 15px; }
.cd-module .cd-evlist { display: grid; gap: 12px; }
.cd-module .cd-evinfo { display: grid; grid-template-columns: auto minmax(0, 1fr) 200px; gap: 20px; padding: 20px; background: var(--cd-surface); border: 1px solid var(--cd-line); border-radius: var(--cd-r-lg); }
.cd-module .cd-evinfo.is-live { border-color: rgba(var(--cd-ember-rgb), .55); }
.cd-module .cd-evinfo__icon { display: grid; place-items: center; width: 56px; height: 56px; font-size: 22px; color: var(--cd-accent); background: rgba(var(--cd-accent-rgb), .08); border: 1px solid rgba(var(--cd-accent-rgb), .3); clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); }
.cd-module .cd-evinfo__body h3 { font-family: var(--cd-f-ui); font-size: 22px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; margin: 0 0 6px; }
.cd-module .cd-evinfo__body > p { margin: 0 0 8px; }
.cd-module .cd-evinfo__tip { padding: 10px 12px; font-size: 14px; background: rgba(var(--cd-accent-rgb), .06); border-left: 2px solid var(--cd-accent); border-radius: 0 var(--cd-r) var(--cd-r) 0; }
.cd-module .cd-evinfo__tip i { color: var(--cd-accent); margin-right: 4px; }
.cd-module .cd-evinfo__side { display: grid; align-content: center; justify-items: end; gap: 4px; text-align: right; padding-left: 20px; border-left: 1px solid var(--cd-line); }
.cd-module .cd-evinfo__label { font-family: var(--cd-f-ui); font-size: 12px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--cd-text-3); }
.cd-module .cd-evinfo__when { font-family: var(--cd-f-ui); font-size: 18px; font-weight: 700; letter-spacing: .04em; }
.cd-module .cd-evinfo__side .cd-countdown { font-size: 22px; color: var(--cd-accent-2); }
.cd-module .cd-evinfo__side .cd-countdown.is-live { color: var(--cd-ember); }
.cd-module .cd-evinfo__side .cd-btn { margin-top: 8px; }

/* ---------------- Drop ---------------- */
.cd-module .cd-tabpanel { display: grid; grid-template-columns: minmax(0, 1fr); gap: 18px; }
.cd-module .cd-tabpanel[hidden] { display: none !important; }
.cd-module .cd-droptable { min-width: 0; padding: 18px; background: var(--cd-surface); border: 1px solid var(--cd-line); border-radius: var(--cd-r-lg); }
.cd-module .cd-droptable[hidden] { display: none !important; }
.cd-module .cd-droptable__head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 10px; }
.cd-module .cd-droptable__head h3 { font-family: var(--cd-f-ui); font-size: 20px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; margin: 0; }
.cd-module .cd-droptable__when { font-family: var(--cd-f-ui); font-size: 14px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--cd-text-3); }
.cd-module .cd-droptable__when i { color: var(--cd-accent); }
.cd-module .cd-droptable .table { margin-bottom: 0; }
.cd-module .cd-note { padding: 10px 12px; font-size: 14px; color: var(--cd-text-2); background: rgba(108, 184, 255, .06); border-left: 2px solid var(--cd-info); border-radius: 0 var(--cd-r) var(--cd-r) 0; }
.cd-module .cd-note i { color: var(--cd-info); }
.cd-module tr[hidden] { display: none !important; }

/* ---------------- Guías ---------------- */
.cd-module .cd-guides-layout { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 28px; align-items: start; }
.cd-module .cd-guides { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 16px; }
.cd-module .cd-guidecard[hidden] { display: none !important; }
.cd-module .cd-guidecard a { display: flex; flex-direction: column; gap: 8px; height: 100%; padding: 20px; color: var(--cd-text) !important; background: var(--cd-surface); border: 1px solid var(--cd-line); border-radius: var(--cd-r-lg); transition: border-color .2s, transform .25s var(--cd-ease); }
.cd-module .cd-guidecard a:hover { border-color: rgba(var(--cd-accent-rgb), .45); transform: translateY(-3px); }
.cd-module .cd-guidecard__icon { display: grid; place-items: center; width: 44px; height: 44px; font-size: 18px; color: var(--cd-accent); background: rgba(var(--cd-accent-rgb), .08); border: 1px solid rgba(var(--cd-accent-rgb), .25); border-radius: var(--cd-r); }
.cd-module .cd-guidecard__cat { font-family: var(--cd-f-ui); font-size: 12px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--cd-accent); margin-top: 6px; }
.cd-module .cd-guidecard h3 { font-family: var(--cd-f-ui); font-size: 21px; font-weight: 700; letter-spacing: .03em; line-height: 1.2; margin: 0; }
.cd-module .cd-guidecard p { margin: 0; font-size: 15px; color: var(--cd-text-2); }
.cd-module .cd-guidecard__foot { display: flex; align-items: center; justify-content: space-between; margin-top: auto; padding-top: 10px; font-size: 13px; color: var(--cd-text-3); }
.cd-module .cd-route { position: sticky; top: calc(var(--cd-header-h) + 20px); padding: 20px; background: linear-gradient(180deg, var(--cd-surface-2), var(--cd-surface)); border: 1px solid var(--cd-line); border-radius: var(--cd-r-lg); }
.cd-module .cd-route__steps { counter-reset: paso; list-style: none; margin: 0; padding: 0; display: grid; gap: 0; }
.cd-module .cd-route__steps li { counter-increment: paso; position: relative; padding: 0 0 18px 40px; }
.cd-module .cd-route__steps li:last-child { padding-bottom: 0; }
.cd-module .cd-route__steps li::before { content: counter(paso); position: absolute; left: 0; top: -2px; display: grid; place-items: center; width: 26px; height: 26px; font-family: var(--cd-f-ui); font-weight: 700; font-size: 14px; color: var(--cd-on-accent); background: var(--cd-accent); border-radius: 50%; }
.cd-module .cd-route__steps li:not(:last-child)::after { content: ''; position: absolute; left: 12px; top: 26px; bottom: 2px; width: 2px; background: rgba(var(--cd-accent-rgb), .25); }
.cd-module .cd-route__steps a, .cd-module .cd-route__steps span { color: var(--cd-text); font-size: 15px; }
.cd-module .cd-route__steps a:hover { color: var(--cd-accent-2); }

.cd-module .cd-guide-layout { display: grid; grid-template-columns: minmax(0, 1fr) 280px; gap: 32px; align-items: start; }
.cd-module .cd-back { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 18px; font-family: var(--cd-f-ui); font-weight: 700; letter-spacing: .1em; text-transform: uppercase; font-size: 14px; }
.cd-module .cd-guide__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin: -12px 0 24px; font-size: 14px; color: var(--cd-text-3); }
.cd-module .cd-guide-side { position: sticky; top: calc(var(--cd-header-h) + 20px); padding: 20px; background: var(--cd-surface); border: 1px solid var(--cd-line); border-radius: var(--cd-r-lg); }
.cd-module .cd-linklist { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
.cd-module .cd-linklist a { display: flex; align-items: flex-start; gap: 10px; padding: 8px 10px; color: var(--cd-text-2) !important; border-radius: var(--cd-r); font-size: 15px; line-height: 1.35; }
.cd-module .cd-linklist a:hover { background: rgba(255, 255, 255, .04); color: var(--cd-text) !important; }
.cd-module .cd-linklist i { color: var(--cd-accent); margin-top: 3px; width: 16px; text-align: center; }

/* texto largo (guías) */
.cd-module .cd-prose { max-width: 72ch; font-size: 17px; line-height: 1.7; color: var(--cd-text-2); }
.cd-module .cd-prose h3 { font-family: var(--cd-f-ui); font-size: 22px; font-weight: 700; letter-spacing: .04em; color: var(--cd-text); margin: 30px 0 10px; }
.cd-module .cd-prose h3:first-child { margin-top: 0; }
.cd-module .cd-prose p { margin: 0 0 14px; color: var(--cd-text-2); }
.cd-module .cd-prose ul, .cd-module .cd-prose ol { margin: 0 0 16px; padding-left: 22px; }
.cd-module .cd-prose li { margin-bottom: 6px; }
.cd-module .cd-prose li::marker { color: var(--cd-accent); }
.cd-module .cd-prose code { padding: 2px 6px; font-size: .9em; color: var(--cd-accent-2); background: rgba(var(--cd-accent-rgb), .08); border-radius: var(--cd-r-sm); }
.cd-module .cd-prose a { text-decoration: underline; text-decoration-color: rgba(var(--cd-accent-rgb), .5); text-underline-offset: 3px; }

/* ---------------- Guild Center ---------------- */
.cd-module .cd-guilds__grid--page { margin-bottom: 36px; }
.cd-module .cd-guild__info h3 { font-family: var(--cd-f-display); }

/* ---------------- PvP Center ---------------- */
.cd-module .cd-podium { display: grid; grid-template-columns: 1fr 1.12fr 1fr; align-items: end; gap: 18px; margin: 0 0 36px; padding: 0; list-style: none; }
.cd-module .cd-podium__item { position: relative; display: grid; justify-items: center; gap: 6px; padding: 26px 18px 22px; text-align: center; background: linear-gradient(180deg, var(--cd-surface-2), var(--cd-surface)); border: 1px solid var(--cd-line); border-radius: var(--cd-r-lg); }
.cd-module .cd-podium__item.is-first { order: 2; padding-top: 38px; border-color: rgba(var(--cd-ember-rgb), .5); background: radial-gradient(80% 60% at 50% 0%, rgba(var(--cd-ember-rgb), .18), transparent 70%), linear-gradient(180deg, var(--cd-surface-2), var(--cd-surface)); }
.cd-module .cd-podium__item:nth-child(2) { order: 1; }
.cd-module .cd-podium__item:nth-child(3) { order: 3; }
.cd-module .cd-podium__rank { position: absolute; top: 12px; left: 14px; font-family: var(--cd-f-ui); font-weight: 700; font-size: 18px; color: var(--cd-text-3); }
.cd-module .cd-podium__avatar { width: 84px; height: 84px; object-fit: cover; border-radius: 50%; border: 2px solid rgba(var(--cd-accent-rgb), .5); box-shadow: 0 0 0 6px rgba(var(--cd-accent-rgb), .08); }
.cd-module .cd-podium__item.is-first .cd-podium__avatar { border-color: var(--cd-ember); box-shadow: 0 0 0 6px rgba(var(--cd-ember-rgb), .12), 0 0 30px rgba(var(--cd-ember-rgb), .35); }
.cd-module .cd-podium__item h3 { font-family: var(--cd-f-display); font-weight: 800; font-size: 24px; margin: 8px 0 0; }
.cd-module .cd-podium__item h3 a { color: var(--cd-text); }
.cd-module .cd-podium__item p { margin: 0; font-size: 14px; color: var(--cd-text-3); }
.cd-module .cd-podium__value { font-family: var(--cd-f-ui); font-size: 34px; font-weight: 700; line-height: 1; color: var(--cd-accent-2); margin-top: 6px; }
.cd-module .cd-podium__value small { margin-left: 6px; font-size: 14px; letter-spacing: .14em; text-transform: uppercase; color: var(--cd-text-3); }
.cd-pk { display: inline-flex; align-items: center; padding: 2px 9px; font-family: var(--cd-f-ui); font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; border-radius: 999px; border: 1px solid; white-space: nowrap; }
.cd-pk--hero { color: #8fd4ff; border-color: rgba(108, 184, 255, .45); background: rgba(108, 184, 255, .08); }
.cd-pk--normal { color: var(--cd-text-2); border-color: var(--cd-line-2); background: rgba(255, 255, 255, .03); }
.cd-pk--warn { color: var(--cd-warn); border-color: rgba(240, 180, 76, .45); background: rgba(240, 180, 76, .08); }
.cd-pk--murder { color: #ff8a7d; border-color: rgba(239, 93, 79, .5); background: rgba(239, 93, 79, .1); }
.cd-pk--outlaw { color: #fff; border-color: transparent; background: #b8382d; }
.cd-module .cd-legend { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; font-size: 14px; color: var(--cd-text-2); }
.cd-module .cd-legend li { display: flex; align-items: center; gap: 10px; }
.cd-module .cd-legend .cd-pk { min-width: 108px; justify-content: center; }

/* ---------------- King of King ---------------- */
.cd-module .cd-kok {
	display: grid;
	grid-template-columns: 1.1fr 1fr;
	gap: 1px;
	margin-bottom: 32px;
	background: var(--cd-line-2);
	border: 1px solid rgba(var(--cd-ember-rgb), .35);
	clip-path: polygon(18px 0, 100% 0, 100% calc(100% - 18px), calc(100% - 18px) 100%, 0 100%, 0 18px);
}
.cd-module .cd-kok > div { padding: clamp(22px, 3.5vw, 36px); background: radial-gradient(70% 90% at 0% 0%, rgba(var(--cd-ember-rgb), .12), transparent 60%), var(--cd-surface); }
.cd-module .cd-kok__king { display: grid; justify-items: center; align-content: center; text-align: center; gap: 8px; background: radial-gradient(70% 70% at 50% 20%, rgba(var(--cd-accent-rgb), .14), transparent 70%), var(--cd-surface-2) !important; }
.cd-module .cd-kok__crown { display: grid; place-items: center; width: 64px; height: 64px; margin-bottom: 14px; font-size: 28px; color: var(--cd-accent-2); background: rgba(var(--cd-accent-rgb), .1); border: 1px solid rgba(var(--cd-accent-rgb), .35); clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); }
.cd-module .cd-kok.is-live .cd-kok__crown { color: var(--cd-ember); animation: cd-blink 1.6s infinite; }
.cd-module .cd-kok__status .cd-countdown--xl { display: block; margin: 4px 0 6px; }
.cd-module .cd-kok__mark { display: grid; place-items: center; width: 132px; height: 132px; margin: 6px 0; background: rgba(0, 0, 0, .35); border: 1px solid rgba(var(--cd-accent-rgb), .4); clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); }
.cd-module .cd-kok__mark .cd-guildmark { width: 80px; height: 80px; }
.cd-module .cd-kok__mark.is-empty { font-size: 44px; color: var(--cd-accent); opacity: .6; }
.cd-module .cd-kok__name { font-family: var(--cd-f-display); font-weight: 900; font-size: clamp(26px, 3.4vw, 38px); margin: 4px 0; }
.cd-module .cd-kok__name a { color: var(--cd-text); }

/* ==================================================================
 * RECOMPENSAS (Fase 3): menú, saldo, premios, barras
 * ================================================================== */
.cd-btn:disabled, .cd-btn[disabled] { opacity: .45; cursor: not-allowed; transform: none !important; filter: grayscale(.4); box-shadow: none; }
.cd-btn.is-busy { pointer-events: none; opacity: .7; }
.cd-btn.is-busy i { animation: cd-spin 1s linear infinite; }
@keyframes cd-spin { to { transform: rotate(360deg); } }
.cd-module .cd-nowrap { white-space: nowrap; }
.cd-rwform { display: inline-flex; margin: 0; }
.cd-rwform .cd-btn--block { width: 100%; }

.cd-module .cd-rwhead { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 20px; margin: -8px 0 26px; padding-bottom: 18px; border-bottom: 1px solid var(--cd-line); }
.cd-module .cd-rwnav { display: flex; gap: 6px; min-width: 0; max-width: 100%; overflow-x: auto; scrollbar-width: none; padding: 2px; }
.cd-module .cd-rwnav::-webkit-scrollbar { display: none; }
.cd-module .cd-rwnav a {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	flex: none;
	min-height: 40px;
	padding: 0 14px;
	font-family: var(--cd-f-ui);
	font-size: 15px;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--cd-text-2) !important;
	background: var(--cd-surface);
	border: 1px solid var(--cd-line);
	border-radius: 999px;
	transition: color .2s, border-color .2s, background .2s;
}
.cd-module .cd-rwnav a i { color: var(--cd-accent); font-size: .9em; }
.cd-module .cd-rwnav a:hover { color: var(--cd-text) !important; border-color: rgba(var(--cd-accent-rgb), .45); }
.cd-module .cd-rwnav a.is-active { color: var(--cd-on-accent) !important; background: linear-gradient(180deg, var(--cd-accent-2) -40%, var(--cd-accent) 60%); border-color: transparent; }
.cd-module .cd-rwnav a.is-active i { color: inherit; }
.cd-module .cd-rwnav__n { display: inline-grid; place-items: center; min-width: 20px; height: 20px; padding: 0 6px; font-size: 12px; color: #fff; background: var(--cd-ember); border-radius: 999px; box-shadow: 0 0 0 3px rgba(var(--cd-ember-rgb), .18); }
.cd-module .cd-rwnav a.is-active .cd-rwnav__n { background: #1a1206; color: var(--cd-accent-2); box-shadow: none; }
.cd-module .cd-rwwallet { display: inline-flex; align-items: center; gap: 12px; padding: 6px 16px 6px 6px; background: rgba(var(--cd-accent-rgb), .06); border: 1px solid rgba(var(--cd-accent-rgb), .3); border-radius: 999px; }
.cd-module .cd-rwwallet > i { display: grid; place-items: center; width: 36px; height: 36px; color: var(--cd-on-accent); background: linear-gradient(180deg, var(--cd-accent-2), var(--cd-accent)); border-radius: 50%; }
.cd-module .cd-rwwallet span { display: grid; line-height: 1.1; font-family: var(--cd-f-ui); font-weight: 600; letter-spacing: .06em; color: var(--cd-text-2); }
.cd-module .cd-rwwallet small { font-size: 11px; letter-spacing: .16em; text-transform: uppercase; color: var(--cd-text-3); }
.cd-module .cd-rwwallet strong { display: inline; font-size: 20px; color: var(--cd-accent-2); font-variant-numeric: tabular-nums; }
.cd-module .cd-rwguest { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.cd-module .cd-rwguest p { margin: 0; color: var(--cd-text-2); font-size: 15px; }
.cd-module .cd-rwguest p i { color: var(--cd-accent); margin-right: 4px; }

.cd-rwprize { display: inline-flex; align-items: baseline; gap: 6px; padding: 3px 10px; font-family: var(--cd-f-ui); font-weight: 700; color: var(--cd-accent-2); background: rgba(var(--cd-accent-rgb), .08); border: 1px solid rgba(var(--cd-accent-rgb), .3); border-radius: 999px; white-space: nowrap; line-height: 1.2; }
.cd-rwprize i { font-size: 13px; color: var(--cd-accent); align-self: center; }
.cd-rwprize strong { font-size: 17px; font-variant-numeric: tabular-nums; }
.cd-rwprize small { font-size: 12px; letter-spacing: .12em; text-transform: uppercase; color: var(--cd-text-2); }
.cd-rwprize.is-none { color: var(--cd-text-3); background: rgba(255, 255, 255, .03); border-color: var(--cd-line-2); font-size: 14px; letter-spacing: .08em; text-transform: uppercase; }
.cd-rwprize--xl { padding: 8px 18px; gap: 10px; }
.cd-rwprize--xl i { font-size: 22px; }
.cd-rwprize--xl strong { font-size: clamp(34px, 5vw, 46px); line-height: 1; }
.cd-rwprize--xl small { font-size: 15px; }
.cd-rwxp { display: inline-flex; align-items: center; padding: 3px 9px; font-family: var(--cd-f-ui); font-size: 13px; font-weight: 700; letter-spacing: .08em; color: #c9b8ff; background: rgba(161, 138, 255, .1); border: 1px solid rgba(161, 138, 255, .35); border-radius: 999px; white-space: nowrap; }

.cd-rwprogress { display: flex; align-items: center; gap: 10px; margin-top: 10px; }
.cd-rwprogress__bar { position: relative; flex: 1; height: 8px; background: rgba(0, 0, 0, .45); border: 1px solid var(--cd-line); border-radius: 999px; overflow: hidden; }
.cd-rwprogress__bar span { position: absolute; inset: 0 auto 0 0; background: linear-gradient(90deg, var(--cd-accent-3), var(--cd-accent) 60%, var(--cd-accent-2)); border-radius: inherit; box-shadow: 0 0 12px rgba(var(--cd-accent-rgb), .45); transition: width .6s var(--cd-ease); }
.cd-rwprogress small { flex: none; font-family: var(--cd-f-ui); font-size: 13px; font-weight: 700; letter-spacing: .06em; color: var(--cd-text-3); font-variant-numeric: tabular-nums; }
.cd-rwprogress.is-full .cd-rwprogress__bar span { background: linear-gradient(90deg, #2f9d62, var(--cd-ok)); box-shadow: 0 0 12px rgba(95, 211, 141, .45); }
.cd-rwprogress.is-full small { color: var(--cd-ok); }

.cd-module .cd-rwhistory td { vertical-align: middle; }
.cd-module .cd-rwhistory__what { display: inline-flex; align-items: center; gap: 10px; }
.cd-module .cd-rwhistory__what i { color: var(--cd-accent); width: 18px; text-align: center; }
.cd-module .cd-num.is-plus { color: var(--cd-ok); }
.cd-module .cd-num.is-minus { color: #ff8a7d; }
.cd-module .cd-num small { font-size: 12px; color: var(--cd-text-3); letter-spacing: .08em; text-transform: uppercase; }

.cd-module .cd-rwcta { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 16px; margin-top: 18px; padding: 18px 20px; background: linear-gradient(90deg, rgba(var(--cd-accent-rgb), .1), transparent 70%), var(--cd-surface); border: 1px solid rgba(var(--cd-accent-rgb), .3); border-radius: var(--cd-r-lg); }
.cd-module .cd-rwcta__icon { display: grid; place-items: center; width: 46px; height: 46px; font-size: 18px; color: var(--cd-accent); background: rgba(var(--cd-accent-rgb), .1); border: 1px solid rgba(var(--cd-accent-rgb), .3); border-radius: 50%; }
.cd-module .cd-rwcta strong { font-family: var(--cd-f-ui); font-size: 19px; letter-spacing: .04em; }
.cd-module .cd-rwcta p { margin: 2px 0 0; color: var(--cd-text-3); font-size: 14px; }

/* ---------------- Recompensa diaria ---------------- */
.cd-module .cd-daily { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 1px; margin-bottom: 22px; background: var(--cd-line-2); border: 1px solid rgba(var(--cd-accent-rgb), .3); clip-path: polygon(16px 0, 100% 0, 100% calc(100% - 16px), calc(100% - 16px) 100%, 0 100%, 0 16px); }
.cd-module .cd-daily > div { padding: clamp(20px, 3vw, 32px); background: var(--cd-surface); }
.cd-module .cd-daily__streak { display: flex; align-items: flex-start; gap: 20px; background: radial-gradient(70% 100% at 0% 100%, rgba(var(--cd-ember-rgb), .16), transparent 65%), var(--cd-surface) !important; }
.cd-module .cd-daily__flame { flex: none; display: grid; place-items: center; width: 72px; height: 72px; font-size: 32px; color: var(--cd-text-3); background: rgba(255, 255, 255, .03); border: 1px solid var(--cd-line-2); clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); }
.cd-module .cd-daily__flame.is-on { color: var(--cd-ember); background: rgba(var(--cd-ember-rgb), .12); border-color: rgba(var(--cd-ember-rgb), .45); text-shadow: 0 0 18px rgba(var(--cd-ember-rgb), .8); }
.cd-module .cd-daily__num { margin: 0; font-family: var(--cd-f-ui); color: var(--cd-text-2); font-size: 18px; letter-spacing: .06em; text-transform: uppercase; }
.cd-module .cd-daily__num strong { font-family: var(--cd-f-display); font-size: clamp(44px, 6vw, 64px); font-weight: 900; line-height: 1; color: var(--cd-text); letter-spacing: 0; margin-right: 6px; }
.cd-module .cd-daily__action { display: grid; align-content: center; justify-items: start; gap: 12px; background: radial-gradient(70% 90% at 100% 0%, rgba(var(--cd-accent-rgb), .12), transparent 65%), var(--cd-surface-2) !important; }
.cd-module .cd-daily__action .cd-eyebrow { margin: 0; }
.cd-module .cd-daily__prize { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.cd-module .cd-daily__bonus { display: inline-flex; align-items: center; gap: 6px; font-family: var(--cd-f-ui); font-weight: 700; letter-spacing: .06em; color: var(--cd-ember); }
.cd-module .cd-daily__wait { margin: 0; color: var(--cd-text-2); }
.cd-module .cd-daily__req { margin: 6px 0 0; padding: 10px 12px; font-size: 14px; color: var(--cd-text-2); background: rgba(240, 180, 76, .07); border-left: 2px solid var(--cd-warn); border-radius: 0 var(--cd-r) var(--cd-r) 0; }
.cd-module .cd-daily__req i { color: var(--cd-warn); }
.cd-module .cd-daily__claim { min-height: 54px; padding: 0 30px; font-size: 18px; }
.cd-module .cd-daily.is-ready { border-color: rgba(var(--cd-accent-rgb), .6); box-shadow: 0 0 40px -14px rgba(var(--cd-accent-rgb), .6); }
.cd-module .cd-daily.is-ready .cd-daily__claim { animation: cd-pulse-gold 2.2s infinite; }
@keyframes cd-pulse-gold { 0% { box-shadow: 0 0 0 0 rgba(var(--cd-accent-rgb), .55); } 70% { box-shadow: 0 0 0 14px rgba(var(--cd-accent-rgb), 0); } 100% { box-shadow: 0 0 0 0 rgba(var(--cd-accent-rgb), 0); } }

.cd-module .cd-week { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 10px; margin: 0 0 34px; padding: 0; list-style: none; }
.cd-module .cd-week__day { position: relative; display: grid; justify-items: center; gap: 8px; padding: 16px 8px 14px; text-align: center; background: var(--cd-surface); border: 1px solid var(--cd-line); border-radius: var(--cd-r-lg); min-width: 0; }
.cd-module .cd-week__label { font-family: var(--cd-f-ui); font-size: 13px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--cd-text-3); }
.cd-module .cd-week__icon { display: grid; place-items: center; width: 46px; height: 46px; font-size: 20px; color: var(--cd-text-3); background: rgba(255, 255, 255, .03); border: 1px solid var(--cd-line-2); border-radius: 50%; }
.cd-module .cd-week__day .cd-rwprize { padding: 2px 8px; }
.cd-module .cd-week__day .cd-rwprize strong { font-size: 15px; }
.cd-module .cd-week__day .cd-rwprize small { display: none; }
.cd-module .cd-week__when { font-size: 12px; color: var(--cd-text-3); font-family: var(--cd-f-ui); letter-spacing: .08em; text-transform: uppercase; }
.cd-module .cd-week__day.is-done { background: linear-gradient(180deg, rgba(95, 211, 141, .07), var(--cd-surface)); border-color: rgba(95, 211, 141, .3); }
.cd-module .cd-week__day.is-done .cd-week__icon { color: #0c1f14; background: var(--cd-ok); border-color: transparent; }
.cd-module .cd-week__day.is-done .cd-week__when { color: var(--cd-ok); }
.cd-module .cd-week__day.is-today { border-color: var(--cd-accent); background: radial-gradient(90% 80% at 50% 0%, rgba(var(--cd-accent-rgb), .2), transparent 70%), var(--cd-surface-2); box-shadow: 0 0 0 1px rgba(var(--cd-accent-rgb), .35), 0 16px 30px -16px rgba(var(--cd-accent-rgb), .7); }
.cd-module .cd-week__day.is-today .cd-week__icon { color: var(--cd-on-accent); background: linear-gradient(180deg, var(--cd-accent-2), var(--cd-accent)); border-color: transparent; }
.cd-module .cd-week__day.is-today .cd-week__when { color: var(--cd-accent-2); }
.cd-module .cd-week__day.is-locked { opacity: .72; }
.cd-module .cd-week__day.is-chest { background: radial-gradient(80% 80% at 50% 100%, rgba(var(--cd-ember-rgb), .18), transparent 70%), var(--cd-surface-2); border-color: rgba(var(--cd-ember-rgb), .4); }
.cd-module .cd-week__day.is-chest .cd-week__icon { width: 54px; height: 54px; font-size: 24px; color: var(--cd-ember); border-color: rgba(var(--cd-ember-rgb), .5); }
.cd-module .cd-week__day.is-chest.is-done .cd-week__icon { color: #0c1f14; }

.cd-module .cd-milestones { list-style: none; margin: 0 0 30px; padding: 0; display: grid; gap: 10px; }
.cd-module .cd-milestones li { display: grid; grid-template-columns: 110px minmax(0, 1fr); align-items: center; gap: 16px; padding: 14px 16px; background: var(--cd-surface); border: 1px solid var(--cd-line); border-radius: var(--cd-r-lg); }
.cd-module .cd-milestones li.is-done { border-color: rgba(95, 211, 141, .3); }
.cd-module .cd-milestones__days { font-family: var(--cd-f-ui); font-size: 14px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--cd-text-3); }
.cd-module .cd-milestones__days strong { display: block; font-family: var(--cd-f-display); font-size: 30px; font-weight: 900; color: var(--cd-text); letter-spacing: 0; line-height: 1; }
.cd-module .cd-milestones__body { display: grid; justify-items: start; gap: 4px; min-width: 0; }
.cd-module .cd-milestones__body .cd-rwprogress { width: 100%; margin-top: 4px; }

/* ---------------- Ruleta ---------------- */
.cd-module .cd-spin { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: clamp(20px, 4vw, 48px); align-items: center; margin-bottom: 36px; padding: clamp(20px, 3vw, 34px); background: radial-gradient(60% 80% at 25% 50%, rgba(var(--cd-accent-rgb), .12), transparent 70%), linear-gradient(180deg, var(--cd-surface-2), var(--cd-surface)); border: 1px solid var(--cd-line); border-radius: var(--cd-r-lg); }
.cd-module .cd-spin__stage { display: grid; place-items: center; min-width: 0; }
.cd-wheel { position: relative; width: min(100%, 440px); aspect-ratio: 1; }
.cd-wheel__rotor { position: absolute; inset: 0; transition: transform 5.4s cubic-bezier(.12, .62, .08, 1); will-change: transform; }
.cd-wheel__svg { display: block; width: 100%; height: 100%; overflow: visible; filter: drop-shadow(0 20px 40px rgba(0, 0, 0, .6)); }
.cd-wheel__rim { fill: #0b090e; stroke: rgba(var(--cd-accent-rgb), .75); stroke-width: 3; }
.cd-wheel__seg { stroke: rgba(0, 0, 0, .55); stroke-width: .8; }
.cd-wheel__seg.is-a { fill: #241c2c; }
.cd-wheel__seg.is-b { fill: #17121c; }
.cd-wheel__seg.is-none { fill: #100d13; }
.cd-wheel__seg.is-top { fill: var(--cd-accent-3); }
.cd-wheel__val { fill: var(--cd-text); font-family: var(--cd-f-ui); font-size: 15px; font-weight: 700; letter-spacing: .02em; }
.cd-wheel__val.is-none { fill: var(--cd-text-3); font-size: 10px; letter-spacing: .18em; }
.cd-wheel__cur { fill: var(--cd-accent); font-family: var(--cd-f-ui); font-size: 6.4px; font-weight: 700; letter-spacing: .14em; }
.cd-wheel__stud { fill: var(--cd-accent-2); }
.cd-wheel__pointer { position: absolute; top: -6px; left: 50%; z-index: 2; width: 34px; height: 42px; transform: translateX(-50%); background: linear-gradient(180deg, var(--cd-accent-2), var(--cd-accent) 60%, var(--cd-accent-3)); clip-path: polygon(0 0, 100% 0, 50% 100%); filter: drop-shadow(0 4px 6px rgba(0, 0, 0, .7)); }
.cd-wheel__hub { position: absolute; top: 50%; left: 50%; z-index: 2; display: grid; place-items: center; width: 24%; aspect-ratio: 1; transform: translate(-50%, -50%); background: radial-gradient(circle at 50% 35%, #2b2231, #0c0a0f 70%); border: 2px solid rgba(var(--cd-accent-rgb), .7); border-radius: 50%; box-shadow: 0 0 0 6px rgba(0, 0, 0, .45), 0 0 30px rgba(var(--cd-accent-rgb), .3); overflow: hidden; }
.cd-wheel__hub .cd-emblem { width: 62%; height: auto; }
.cd-wheel__hub .cd-sello { width: 78%; max-height: 70%; object-fit: contain; }
.cd-wheel.is-spinning .cd-wheel__pointer { animation: cd-tick .12s linear infinite alternate; }
@keyframes cd-tick { to { transform: translateX(-50%) rotate(-6deg); } }
.cd-wheel.is-win .cd-wheel__rim { stroke: var(--cd-accent-2); filter: drop-shadow(0 0 12px rgba(var(--cd-accent-rgb), .9)); }
.cd-module .cd-spin__panel { display: grid; gap: 14px; min-width: 0; }
.cd-module .cd-spin__panel .cd-eyebrow { margin: 0; }
.cd-module .cd-spin__result { min-height: 64px; display: flex; align-items: center; padding: 14px 16px; font-family: var(--cd-f-ui); font-size: 20px; font-weight: 700; letter-spacing: .03em; color: var(--cd-text); background: rgba(0, 0, 0, .3); border: 1px dashed var(--cd-line-2); border-radius: var(--cd-r); }
.cd-module .cd-spin__result.is-win { color: var(--cd-accent-2); border-style: solid; border-color: rgba(var(--cd-accent-rgb), .6); background: rgba(var(--cd-accent-rgb), .08); }
.cd-module .cd-spin__result.is-error { color: #ff8a7d; border-color: rgba(239, 93, 79, .45); }
.cd-module .cd-spin__actions { display: grid; gap: 10px; }
.cd-module .cd-spin__actions .cd-rwform { display: block; }
.cd-module .cd-spin__renew { margin: 0; font-size: 14px; color: var(--cd-text-3); }
.cd-module .cd-spin__renew .cd-countdown { font-size: 15px; }
.cd-module .cd-odds td { vertical-align: middle; }
.cd-module .cd-odds__cell { display: flex; align-items: center; gap: 12px; }
.cd-module .cd-odds__bar { position: relative; flex: 1; max-width: 220px; height: 6px; background: rgba(0, 0, 0, .4); border-radius: 999px; overflow: hidden; }
.cd-module .cd-odds__bar span { position: absolute; inset: 0 auto 0 0; background: var(--cd-accent); border-radius: inherit; }

/* ---------------- Misiones ---------------- */
.cd-module .cd-filters__n.is-hot { color: #fff; background: var(--cd-ember); }
.cd-module .cd-renew { margin: 0 0 14px; font-size: 15px; color: var(--cd-text-3); }
.cd-module .cd-renew i { color: var(--cd-accent); margin-right: 4px; }
.cd-module .cd-missions { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 420px), 1fr)); gap: 12px; }
.cd-module .cd-mission { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 16px; padding: 16px 18px; background: var(--cd-surface); border: 1px solid var(--cd-line); border-radius: var(--cd-r-lg); scroll-margin-top: calc(var(--cd-header-h) + 20px); }
.cd-module .cd-mission__icon { display: grid; place-items: center; width: 48px; height: 48px; font-size: 19px; color: var(--cd-accent); background: rgba(var(--cd-accent-rgb), .08); border: 1px solid rgba(var(--cd-accent-rgb), .25); clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); }
.cd-module .cd-mission__body { min-width: 0; }
.cd-module .cd-mission__body h3 { font-family: var(--cd-f-ui); font-size: 19px; font-weight: 700; letter-spacing: .04em; margin: 0 0 2px; }
.cd-module .cd-mission__body h3 small { font-size: 13px; letter-spacing: .1em; text-transform: uppercase; }
.cd-module .cd-mission__body p { margin: 0; font-size: 14px; color: var(--cd-text-2); }
.cd-module .cd-mission__side { display: grid; justify-items: end; gap: 8px; text-align: right; }
.cd-module .cd-mission__prize { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
.cd-module .cd-mission__state { font-family: var(--cd-f-ui); font-size: 13px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--cd-text-3); white-space: nowrap; }
.cd-module .cd-mission__state.is-done { color: var(--cd-ok); }
.cd-module .cd-mission.is-ready { border-color: rgba(var(--cd-accent-rgb), .55); background: linear-gradient(90deg, rgba(var(--cd-accent-rgb), .1), transparent 60%), var(--cd-surface); box-shadow: 0 0 30px -16px rgba(var(--cd-accent-rgb), .8); }
.cd-module .cd-mission.is-done { opacity: .78; }
.cd-module .cd-mission.is-done .cd-mission__icon { color: #0c1f14; background: var(--cd-ok); border-color: transparent; }
.cd-module .cd-missions--compact { margin-bottom: 14px; }
.cd-module .cd-missions--compact .cd-mission { padding: 12px 14px; }

/* ---------------- Logros ---------------- */
.cd-module .cd-badges { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 250px), 1fr)); gap: 14px; }
.cd-module .cd-badge { --rar: #b8adb3; --rar-rgb: 184, 173, 179; position: relative; display: flex; flex-direction: column; gap: 8px; padding: 18px; background: radial-gradient(90% 70% at 50% 0%, rgba(var(--rar-rgb), .1), transparent 70%), var(--cd-surface); border: 1px solid rgba(var(--rar-rgb), .25); border-radius: var(--cd-r-lg); scroll-margin-top: calc(var(--cd-header-h) + 20px); }
.cd-module .cd-badge[hidden] { display: none !important; }
.cd-module .cd-badge.is-raro { --rar: #6cb8ff; --rar-rgb: 108, 184, 255; }
.cd-module .cd-badge.is-epico { --rar: #b39bff; --rar-rgb: 179, 155, 255; }
.cd-module .cd-badge.is-legendario { --rar: #f3b04c; --rar-rgb: 243, 176, 76; }
.cd-module .cd-badge__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.cd-module .cd-badge__icon { display: grid; place-items: center; width: 54px; height: 54px; font-size: 22px; color: var(--rar); background: rgba(var(--rar-rgb), .1); border: 1px solid rgba(var(--rar-rgb), .45); clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); }
.cd-module .cd-badge__rarity { padding: 2px 8px; font-family: var(--cd-f-ui); font-size: 11px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--rar); border: 1px solid rgba(var(--rar-rgb), .4); border-radius: 999px; }
.cd-module .cd-badge h3 { font-family: var(--cd-f-ui); font-size: 20px; font-weight: 700; letter-spacing: .04em; margin: 6px 0 0; }
.cd-module .cd-badge__text { margin: 0; font-size: 14px; color: var(--cd-text-2); }
.cd-module .cd-badge .cd-rwprogress { margin-top: 2px; }
.cd-module .cd-badge__foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; margin-top: auto; padding-top: 10px; border-top: 1px solid var(--cd-line); }
.cd-module .cd-badge__prize { display: flex; flex-wrap: wrap; gap: 6px; }
.cd-module .cd-badge.is-ready { border-color: rgba(var(--cd-accent-rgb), .6); box-shadow: 0 0 30px -14px rgba(var(--cd-accent-rgb), .8); }
.cd-module .cd-badge.is-done .cd-badge__icon { color: #0c1f14; background: var(--rar); border-color: transparent; }
.cd-module .cd-badge:not(.is-done):not(.is-ready) .cd-badge__icon { filter: saturate(.5); }

/* ---------------- Battle Pass ---------------- */
.cd-module .cd-pass { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); gap: 1px; margin-bottom: 18px; background: var(--cd-line-2); border: 1px solid rgba(161, 138, 255, .35); clip-path: polygon(18px 0, 100% 0, 100% calc(100% - 18px), calc(100% - 18px) 100%, 0 100%, 0 18px); }
.cd-module .cd-pass > div { padding: clamp(20px, 3vw, 32px); background: radial-gradient(70% 90% at 0% 0%, rgba(161, 138, 255, .14), transparent 60%), var(--cd-surface); }
.cd-module .cd-pass__name { font-family: var(--cd-f-display); font-weight: 900; font-size: clamp(26px, 3.6vw, 40px); line-height: 1.05; margin: 0 0 8px; }
.cd-module .cd-pass__dates { margin: 0 0 20px; color: var(--cd-text-3); font-size: 15px; }
.cd-module .cd-pass__dates .cd-countdown { font-size: 16px; }
.cd-module .cd-pass__progress { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 20px; }
.cd-module .cd-pass__level { display: grid; justify-items: center; min-width: 96px; padding: 12px 14px; text-align: center; background: rgba(0, 0, 0, .35); border: 1px solid rgba(161, 138, 255, .45); clip-path: polygon(50% 0, 100% 18%, 100% 82%, 50% 100%, 0 82%, 0 18%); }
.cd-module .cd-pass__level span, .cd-module .cd-pass__level small { font-family: var(--cd-f-ui); font-size: 12px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--cd-text-3); }
.cd-module .cd-pass__level strong { font-family: var(--cd-f-display); font-size: 44px; font-weight: 900; line-height: 1; color: #d9ccff; }
.cd-module .cd-pass__xp p { margin: 8px 0 0; font-size: 14px; color: var(--cd-text-2); }
.cd-module .cd-pass__xp .cd-rwprogress { margin-top: 0; }
.cd-module .cd-pass__xp .cd-rwprogress__bar { height: 12px; }
.cd-module .cd-pass__xp .cd-rwprogress__bar span { background: linear-gradient(90deg, #5b3fd1, #a18aff 60%, #e1d8ff); box-shadow: 0 0 14px rgba(161, 138, 255, .55); }
.cd-module .cd-pass__premium { display: grid; align-content: center; justify-items: start; gap: 6px; background: radial-gradient(80% 80% at 100% 0%, rgba(var(--cd-accent-rgb), .16), transparent 65%), var(--cd-surface-2) !important; }
.cd-module .cd-pass__premium .cd-eyebrow { margin: 6px 0 0; }
.cd-module .cd-pass__premium h3 { font-family: var(--cd-f-display); font-weight: 900; font-size: 28px; margin: 0; color: var(--cd-accent-2); }
.cd-module .cd-pass__premium p { margin: 0 0 8px; }
.cd-module .cd-pass__premium .cd-rwform { width: 100%; }
.cd-module .cd-pass__crown { display: grid; place-items: center; width: 52px; height: 52px; font-size: 22px; color: var(--cd-on-accent); background: linear-gradient(180deg, var(--cd-accent-2), var(--cd-accent)); clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); }
.cd-module .cd-pass.is-premium { border-color: rgba(var(--cd-accent-rgb), .6); }
.cd-module .cd-pass__claimall { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 18px; padding: 12px 16px; background: rgba(var(--cd-accent-rgb), .08); border: 1px solid rgba(var(--cd-accent-rgb), .45); border-radius: var(--cd-r-lg); }
.cd-module .cd-pass__claimall p { margin: 0; }
.cd-module .cd-pass__claimall p i { color: var(--cd-accent); margin-right: 4px; }

.cd-module .cd-track { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 10px; margin-bottom: 8px; }
.cd-module .cd-track__labels { display: grid; grid-template-rows: 1fr 34px 1fr; gap: 8px; }
.cd-module .cd-track__labels span { display: flex; align-items: center; gap: 6px; font-family: var(--cd-f-ui); font-size: 13px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--cd-text-3); }
.cd-module .cd-track__labels .is-free i { color: var(--cd-accent); }
.cd-module .cd-track__labels .is-prem { color: var(--cd-accent-2); }
.cd-module .cd-track__labels .is-prem i { color: var(--cd-accent-2); }
.cd-module .cd-track__scroll { overflow-x: auto; padding-bottom: 10px; scroll-snap-type: x proximity; outline: none; }
.cd-module .cd-track__scroll:focus-visible { box-shadow: 0 0 0 2px rgba(var(--cd-accent-rgb), .6); border-radius: var(--cd-r); }
.cd-module .cd-track__list { display: flex; gap: 8px; margin: 0; padding: 0; list-style: none; }
.cd-module .cd-track__lvl { flex: none; display: grid; grid-template-rows: 1fr 34px 1fr; gap: 8px; width: 118px; scroll-snap-align: start; scroll-margin-left: 20px; }
.cd-module .cd-track__cell { display: grid; justify-items: center; align-content: center; gap: 8px; min-height: 118px; padding: 12px 8px; text-align: center; background: var(--cd-surface); border: 1px solid var(--cd-line); border-radius: var(--cd-r-lg); }
.cd-module .cd-track__cell.is-prem { background: linear-gradient(180deg, rgba(var(--cd-accent-rgb), .06), var(--cd-surface)); border-color: rgba(var(--cd-accent-rgb), .18); }
.cd-module .cd-track__reward { display: grid; justify-items: center; gap: 4px; font-family: var(--cd-f-ui); color: var(--cd-text-2); }
.cd-module .cd-track__reward i { font-size: 20px; color: var(--cd-accent); }
.cd-module .cd-track__reward strong { font-size: 22px; font-weight: 700; line-height: 1; color: var(--cd-text); font-variant-numeric: tabular-nums; }
.cd-module .cd-track__state { font-family: var(--cd-f-ui); font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--cd-text-3); }
.cd-module .cd-track__cell.is-claimed { border-color: rgba(95, 211, 141, .35); }
.cd-module .cd-track__cell.is-claimed .cd-track__state { color: var(--cd-ok); }
.cd-module .cd-track__cell.is-ready { border-color: rgba(var(--cd-accent-rgb), .7); box-shadow: 0 0 22px -10px rgba(var(--cd-accent-rgb), .9); }
.cd-module .cd-track__cell.is-empty { opacity: .45; }
.cd-module .cd-track__num { display: grid; place-items: center; font-family: var(--cd-f-ui); font-size: 17px; font-weight: 700; color: var(--cd-text-3); background: rgba(0, 0, 0, .35); border: 1px solid var(--cd-line-2); border-radius: 999px; }
.cd-module .cd-track__lvl.is-open .cd-track__num { color: #1a0f33; background: linear-gradient(180deg, #e1d8ff, #a18aff); border-color: transparent; }
.cd-module .cd-track__lvl.is-next .cd-track__num { color: #e1d8ff; border-color: #a18aff; box-shadow: 0 0 0 3px rgba(161, 138, 255, .2); }
.cd-module .cd-track__lvl.is-locked .cd-track__cell { opacity: .6; }
.cd-module .cd-track__lvl.is-featured .cd-track__cell { background: radial-gradient(90% 70% at 50% 100%, rgba(var(--cd-ember-rgb), .16), transparent 70%), var(--cd-surface-2); }
.cd-module .cd-track__lvl.is-featured .cd-track__reward i { color: var(--cd-ember); font-size: 24px; }
.cd-module .cd-track__hint { margin: 0 0 30px; font-size: 13px; color: var(--cd-text-3); }
.cd-module .cd-track__hint i { color: var(--cd-accent); margin-right: 4px; }
.cd-module .cd-xpsources { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr)); gap: 8px; }
.cd-module .cd-xpsources li { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 12px 14px; background: var(--cd-surface); border: 1px solid var(--cd-line); border-radius: var(--cd-r); }
.cd-module .cd-xpsources__icon { display: grid; place-items: center; width: 36px; height: 36px; color: #c9b8ff; background: rgba(161, 138, 255, .1); border: 1px solid rgba(161, 138, 255, .3); border-radius: var(--cd-r); }
.cd-module .cd-xpsources__text a { color: var(--cd-text); }

/* ---------------- Votar ---------------- */
.cd-module .cd-votesites { display: grid; gap: 10px; margin-bottom: 14px; }
.cd-module .cd-votesite { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 16px; padding: 16px 18px; background: var(--cd-surface); border: 1px solid var(--cd-line); border-radius: var(--cd-r-lg); }
.cd-module .cd-votesite__icon { display: grid; place-items: center; width: 46px; height: 46px; font-size: 18px; color: var(--cd-accent); background: rgba(var(--cd-accent-rgb), .08); border: 1px solid rgba(var(--cd-accent-rgb), .25); border-radius: var(--cd-r); }
.cd-module .cd-votesite h3 { font-family: var(--cd-f-ui); font-size: 20px; font-weight: 700; letter-spacing: .04em; margin: 0 0 4px; }
.cd-module .cd-votesite__body p { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0; }
.cd-module .cd-votesite.is-ready { border-color: rgba(var(--cd-accent-rgb), .45); }
.cd-module .cd-votesite.is-wait { opacity: .8; }
.cd-module .cd-votesite__wait { display: grid; justify-items: end; text-align: right; }
.cd-module .cd-votesite__wait small { font-family: var(--cd-f-ui); font-size: 11px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--cd-text-3); }
.cd-module .cd-votesite__wait .cd-countdown { font-size: 18px; }
.cd-module .cd-minilist--rank li { grid-template-columns: auto minmax(0, 1fr) auto; }
.cd-module .cd-minilist--rank .cd-rank { width: 26px; height: 26px; font-size: 13px; }

/* ---------------- Reward Center ---------------- */
.cd-module .cd-rcards { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); gap: 14px; }
.cd-module .cd-rcard { display: flex; flex-direction: column; gap: 12px; padding: 18px; background: var(--cd-surface); border: 1px solid var(--cd-line); border-radius: var(--cd-r-lg); }
.cd-module .cd-rcard.is-ready { border-color: rgba(var(--cd-accent-rgb), .55); background: radial-gradient(90% 70% at 100% 0%, rgba(var(--cd-accent-rgb), .12), transparent 65%), var(--cd-surface); box-shadow: 0 0 30px -16px rgba(var(--cd-accent-rgb), .9); }
.cd-module .cd-rcard__head { display: flex; align-items: center; gap: 14px; }
.cd-module .cd-rcard__icon { flex: none; display: grid; place-items: center; width: 50px; height: 50px; font-size: 20px; color: var(--cd-accent); background: rgba(var(--cd-accent-rgb), .08); border: 1px solid rgba(var(--cd-accent-rgb), .3); clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); }
.cd-module .cd-rcard.is-ready .cd-rcard__icon { color: var(--cd-on-accent); background: linear-gradient(180deg, var(--cd-accent-2), var(--cd-accent)); }
.cd-module .cd-rcard h3 { font-family: var(--cd-f-ui); font-size: 21px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; margin: 0; }
.cd-module .cd-rcard__state { margin: 2px 0 0; font-size: 15px; color: var(--cd-text-2); }
.cd-module .cd-rcard__state strong { color: var(--cd-accent-2); }
.cd-module .cd-rcard__state i { color: var(--cd-ok); }
.cd-module .cd-rcard__state .cd-countdown { font-size: 15px; }
.cd-module .cd-rcard__detail { margin: 0; font-size: 14px; color: var(--cd-text-3); }
.cd-module .cd-rcard__detail .cd-countdown { font-size: 14px; }
.cd-module .cd-rcard .cd-rwprogress { margin-top: 0; }
.cd-module .cd-rcard__foot { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: auto; padding-top: 12px; border-top: 1px solid var(--cd-line); }
.cd-module .cd-rcard__more { margin-left: auto; font-family: var(--cd-f-ui); font-size: 14px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.cd-module .cd-rcard__more i { font-size: .85em; margin-left: 4px; }

/* ---------------- Panel de cuenta ---------------- */
.cd-module .cd-acct { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 18px 28px; padding: clamp(18px, 3vw, 28px); background: radial-gradient(70% 100% at 0% 0%, rgba(var(--cd-accent-rgb), .12), transparent 60%), linear-gradient(180deg, var(--cd-surface-2), var(--cd-surface)); border: 1px solid var(--cd-line); border-radius: var(--cd-r-lg); }
.cd-module .cd-acct__who { display: flex; align-items: center; gap: 18px; min-width: 0; }
.cd-module .cd-acct__avatar { flex: none; display: grid; place-items: center; width: 64px; height: 64px; font-size: 26px; color: var(--cd-accent); background: rgba(var(--cd-accent-rgb), .08); border: 1px solid rgba(var(--cd-accent-rgb), .35); clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); }
.cd-module .cd-acct__name { font-family: var(--cd-f-display); font-weight: 900; font-size: clamp(24px, 3vw, 32px); margin: 0 0 6px; overflow-wrap: anywhere; }
.cd-module .cd-acct__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin: 0; font-size: 14px; color: var(--cd-text-3); }
.cd-module .cd-acct__mail i { color: var(--cd-accent); margin-right: 2px; }
.cd-module .cd-chip--off { color: var(--cd-text-2); }
.cd-module .cd-acct__wallet { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; padding: 0; list-style: none; }
.cd-module .cd-acct__wallet li { display: grid; min-width: 120px; padding: 10px 16px; background: rgba(0, 0, 0, .3); border: 1px solid rgba(var(--cd-accent-rgb), .25); border-radius: var(--cd-r); }
.cd-module .cd-acct__wallet small { font-family: var(--cd-f-ui); font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--cd-text-3); }
.cd-module .cd-acct__wallet strong { font-family: var(--cd-f-ui); font-size: 24px; color: var(--cd-accent-2); font-variant-numeric: tabular-nums; }
.cd-module .cd-acct__rewards { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 20px; margin-top: 14px; padding: 14px 18px; background: rgba(var(--cd-accent-rgb), .07); border: 1px solid rgba(var(--cd-accent-rgb), .4); border-radius: var(--cd-r-lg); }
.cd-module .cd-acct__rewards p { margin: 0; color: var(--cd-text-2); }
.cd-module .cd-acct__rewards p > i { color: var(--cd-accent); margin-right: 4px; }
.cd-module .cd-chars { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr)); gap: 12px; }
.cd-module .cd-charcard { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 14px; padding: 16px; background: var(--cd-surface); border: 1px solid var(--cd-line); border-radius: var(--cd-r-lg); }
.cd-module .cd-charcard.is-online { border-color: rgba(95, 211, 141, .35); }
.cd-module .cd-charcard__avatar { width: 64px; height: 64px; object-fit: cover; border-radius: 50%; border: 2px solid rgba(var(--cd-accent-rgb), .45); }
.cd-module .cd-charcard__body { display: grid; justify-items: start; gap: 6px; min-width: 0; }
.cd-module .cd-charcard h3 { font-family: var(--cd-f-display); font-weight: 800; font-size: 20px; margin: 0; }
.cd-module .cd-charcard h3 a { color: var(--cd-text); }
.cd-module .cd-charcard p { margin: 0; font-size: 13px; color: var(--cd-text-3); }
.cd-module .cd-charcard dl { display: flex; flex-wrap: wrap; gap: 4px 14px; margin: 0; }
.cd-module .cd-charcard dl div { display: grid; }
.cd-module .cd-charcard dt { font-family: var(--cd-f-ui); font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--cd-text-3); }
.cd-module .cd-charcard dd { margin: 0; font-family: var(--cd-f-ui); font-size: 17px; font-weight: 700; font-variant-numeric: tabular-nums; }
.cd-module .cd-actions { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 200px), 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; }
.cd-module .cd-actions a { display: flex; align-items: center; gap: 12px; padding: 14px 16px; color: var(--cd-text) !important; background: var(--cd-surface); border: 1px solid var(--cd-line); border-radius: var(--cd-r-lg); font-family: var(--cd-f-ui); font-size: 16px; font-weight: 700; letter-spacing: .05em; transition: border-color .2s, background .2s; }
.cd-module .cd-actions a:hover { border-color: rgba(var(--cd-accent-rgb), .45); background: rgba(var(--cd-accent-rgb), .05); }
.cd-module .cd-actions__icon { display: grid; place-items: center; flex: none; width: 36px; height: 36px; color: var(--cd-accent); background: rgba(var(--cd-accent-rgb), .08); border-radius: var(--cd-r); }
.cd-module .cd-actions a.is-danger .cd-actions__icon { color: #ff8a7d; background: rgba(239, 93, 79, .1); }
.cd-usermenu__title--sub { margin-top: 6px; border-top: 1px solid var(--cd-line); }

/* ---------------- adaptación ---------------- */
@media (max-width: 1100px) {
	.cd-module .cd-split, .cd-module .cd-guides-layout, .cd-module .cd-guide-layout { grid-template-columns: minmax(0, 1fr); }
	.cd-module .cd-route, .cd-module .cd-guide-side { position: static; }
	.cd-module .cd-evinfo { grid-template-columns: auto minmax(0, 1fr); }
	.cd-module .cd-evinfo__side { grid-column: 1 / -1; justify-items: start; text-align: left; padding: 14px 0 0; border-left: 0; border-top: 1px solid var(--cd-line); grid-template-columns: repeat(3, auto); align-items: center; gap: 4px 16px; }
}
@media (max-width: 1100px) {
	.cd-module .cd-spin { grid-template-columns: minmax(0, 1fr); }
	.cd-module .cd-pass { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 900px) {
	.cd-module .cd-week { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	.cd-module .cd-daily { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 760px) {
	.cd-module .cd-rwhead { margin-top: -4px; }
	.cd-module .cd-rwhead > * { width: 100%; }
	.cd-module .cd-rwwallet { justify-content: flex-start; }
	.cd-module .cd-rwcta { grid-template-columns: auto minmax(0, 1fr); }
	.cd-module .cd-rwcta .cd-btn { grid-column: 1 / -1; }
	.cd-module .cd-mission { grid-template-columns: auto minmax(0, 1fr); }
	.cd-module .cd-mission__side { grid-column: 1 / -1; grid-template-columns: minmax(0, 1fr) auto; align-items: center; justify-items: start; text-align: left; }
	.cd-module .cd-mission__side > :last-child { justify-self: end; }
	.cd-module .cd-mission__prize { justify-content: flex-start; }
	.cd-module .cd-votesite { grid-template-columns: auto minmax(0, 1fr); }
	.cd-module .cd-votesite__action { grid-column: 1 / -1; }
	.cd-module .cd-votesite__action .cd-rwform, .cd-module .cd-votesite__action form, .cd-module .cd-votesite__action .cd-btn { width: 100%; }
	.cd-module .cd-votesite__wait { justify-items: start; text-align: left; }
	.cd-module .cd-pass__progress { grid-template-columns: minmax(0, 1fr); }
	.cd-module .cd-pass__level { justify-self: start; }
	.cd-module .cd-track { grid-template-columns: minmax(0, 1fr); }
	.cd-module .cd-track__labels { display: none; }
	.cd-module .cd-daily__streak { flex-direction: column; gap: 12px; }
	.cd-module .cd-milestones li { grid-template-columns: minmax(0, 1fr); gap: 8px; }
	.cd-module .cd-odds__cell { gap: 8px; }
	.cd-module .cd-odds__bar { max-width: 90px; }
	.cd-module .cd-spot { grid-template-columns: auto minmax(0, 1fr); }
	.cd-module .cd-spot__time { grid-column: 1 / -1; justify-items: start; text-align: left; }
	.cd-module .cd-spot__icon { width: 56px; height: 56px; font-size: 24px; }
	.cd-module .cd-podium { grid-template-columns: 1fr; }
	.cd-module .cd-podium__item, .cd-module .cd-podium__item.is-first, .cd-module .cd-podium__item:nth-child(2), .cd-module .cd-podium__item:nth-child(3) { order: 0; }
	.cd-module .cd-kok { grid-template-columns: 1fr; }
	.cd-module .cd-search { flex: 1 1 100%; }
	.cd-module .cd-evinfo { grid-template-columns: 1fr; }
	.cd-module .cd-evinfo__icon { width: 46px; height: 46px; font-size: 18px; }
	.cd-module .cd-evinfo__side { grid-template-columns: 1fr; }
	.cd-module .cd-tile__value { font-size: 22px; }
}
@media (max-width: 520px) {
	.cd-module .cd-week { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.cd-module .cd-week__day.is-chest { grid-column: 1 / -1; }
	.cd-module .cd-rwnav a { min-height: 36px; padding: 0 12px; font-size: 14px; }
	.cd-module .cd-acct__wallet li { min-width: 0; flex: 1 1 120px; }
}