/* Acabado «sencillo» (revisión del director de arte, 2026-10-26): va después de fiel.css y lo sobrescribe. Pide acercar la
   web a la UI del juego quitando volumen y adornos:
   - titulares sin extrusión ni halo (solo su contorno tonal, que es lo que los hace legibles), destellos de un solo amarillo;
   - paneles planos, sin marcos, pero con aspecto de pergamino o de libro (como los del libro del Kuxaan): el pergamino del
     juego con sus manchas en los bordes, volteado de forma distinta en cada panel para que no se repita; páginas solapadas
     con el ribete floral; la tapa de cuero con cantoneras doradas; la cabecera de cuero de las fichas;
   - fuera los brillos de rareza y los rayos que giran;
   - antetítulos, etiquetas y nombres en el banner del juego (remates de hojas);
   - botones planos, iconos con la sombra recta hacia abajo.
   Las texturas son las del libro del Kuxaan (plugin Wilderings Encyclopedia, assets/kuxaan/). Todo bajo
   html.wl-kx.wl-fiel, con los mismos selectores que fiel.css: al ir detrás, gana con la misma especificidad. */

html.wl-kx.wl-fiel {
	/* Destellos de los titulares: un solo amarillo, sin contorno */
	--k-sparkle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Cg fill='%23ffcf3a'%3E%3Cpath d='M24 6C26 19 30 23 43 26C30 29 26 33 24 46C22 33 18 29 5 26C18 23 22 19 24 6Z'/%3E%3Cpath d='M48 4C49 9 50 10 55 11C50 12 49 13 48 18C47 13 46 12 41 11C46 10 47 9 48 4Z'/%3E%3C/g%3E%3C/svg%3E");
	--s-soft: 0 14px 26px -12px rgba(16, 30, 70, .35);
	/* Pergamino de los paneles, hecho aquí y no con una textura: las del juego (T_Type_Body) traen el canto y las manchas
	   pintados para un recorte rectangular de un tamaño dado, y estiradas se deforman. El papel es un color liso con el
	   centro más claro y una sombra suave abajo; la silueta, una máscara de 9 piezas con el canto ondulado que se repite
	   (round) a lo largo de cada lado sin estirarse, así ningún borde es una recta; las manchas, de tamaño fijo y pegadas
	   al canto, cambian de sitio en cada panel con --s1x/--s1y, --s2x/--s2y y --s3x/--s3y */
	--s-stain: rgba(170, 140, 88, .5);
	--s-paper:
		radial-gradient(30px 50px at var(--s1x, 0%) var(--s1y, 72%), var(--s-stain), rgba(170, 140, 88, .22) 55%, transparent 72%),
		radial-gradient(64px 24px at var(--s2x, 82%) var(--s2y, 100%), rgba(170, 140, 88, .42), transparent 72%),
		radial-gradient(16px 26px at var(--s3x, 100%) var(--s3y, 18%), rgba(170, 140, 88, .45), transparent 72%),
		linear-gradient(transparent calc(100% - 28px), rgba(160, 128, 78, .22)),
		radial-gradient(120% 95% at 50% 42%, var(--s-c1, #ead9aa) 0%, var(--s-c2, #e0cb96) 58%, var(--s-c3, #d4bc84) 100%);
	/* Mordiscos del canto (piquetes de papel viejo): se restan de la máscara del panel. Dibujados para el canto de arriba
	   (b grande, n pequeño, c doble) y girados para los demás (t, b, l, r) */
	--s-bt: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 16'%3E%3Cpath d='M0 0 L40 0 L37 1.5 C33 2 31 6 27 7.5 C23 9 20 6.5 16 8 C12 9.5 9 5 5 3 C3 2 1.5 1 0 0Z'/%3E%3C/svg%3E");
	--s-bb: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 16'%3E%3Cpath transform='matrix(1 0 0 -1 0 16)' d='M0 0 L40 0 L37 1.5 C33 2 31 6 27 7.5 C23 9 20 6.5 16 8 C12 9.5 9 5 5 3 C3 2 1.5 1 0 0Z'/%3E%3C/svg%3E");
	--s-bl: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 40'%3E%3Cpath transform='matrix(0 1 1 0 0 0)' d='M0 0 L40 0 L37 1.5 C33 2 31 6 27 7.5 C23 9 20 6.5 16 8 C12 9.5 9 5 5 3 C3 2 1.5 1 0 0Z'/%3E%3C/svg%3E");
	--s-br: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 40'%3E%3Cpath transform='matrix(0 1 -1 0 16 0)' d='M0 0 L40 0 L37 1.5 C33 2 31 6 27 7.5 C23 9 20 6.5 16 8 C12 9.5 9 5 5 3 C3 2 1.5 1 0 0Z'/%3E%3C/svg%3E");
	--s-nt: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 16'%3E%3Cpath d='M8 0 L22 0 C19 1 18 5 15 6 C12 5.5 11 2 8 0Z'/%3E%3C/svg%3E");
	--s-nb: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 16'%3E%3Cpath transform='matrix(1 0 0 -1 0 16)' d='M8 0 L22 0 C19 1 18 5 15 6 C12 5.5 11 2 8 0Z'/%3E%3C/svg%3E");
	--s-nl: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 40'%3E%3Cpath transform='matrix(0 1 1 0 0 0)' d='M8 0 L22 0 C19 1 18 5 15 6 C12 5.5 11 2 8 0Z'/%3E%3C/svg%3E");
	--s-nr: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 40'%3E%3Cpath transform='matrix(0 1 -1 0 16 0)' d='M8 0 L22 0 C19 1 18 5 15 6 C12 5.5 11 2 8 0Z'/%3E%3C/svg%3E");
	--s-ct: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 16'%3E%3Cpath d='M2 0 L38 0 C35 1 34 3.5 31 4 C29 4.2 28 2 26 2.2 C24 2.4 23 5.5 20 6 C17 6.2 16 3 13 2.6 C10 2.3 8 4.5 5.5 3.6 C4 3 3 1 2 0Z'/%3E%3C/svg%3E");
	--s-cb: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 16'%3E%3Cpath transform='matrix(1 0 0 -1 0 16)' d='M2 0 L38 0 C35 1 34 3.5 31 4 C29 4.2 28 2 26 2.2 C24 2.4 23 5.5 20 6 C17 6.2 16 3 13 2.6 C10 2.3 8 4.5 5.5 3.6 C4 3 3 1 2 0Z'/%3E%3C/svg%3E");
	--s-cl: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 40'%3E%3Cpath transform='matrix(0 1 1 0 0 0)' d='M2 0 L38 0 C35 1 34 3.5 31 4 C29 4.2 28 2 26 2.2 C24 2.4 23 5.5 20 6 C17 6.2 16 3 13 2.6 C10 2.3 8 4.5 5.5 3.6 C4 3 3 1 2 0Z'/%3E%3C/svg%3E");
	--s-cr: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 40'%3E%3Cpath transform='matrix(0 1 -1 0 16 0)' d='M2 0 L38 0 C35 1 34 3.5 31 4 C29 4.2 28 2 26 2.2 C24 2.4 23 5.5 20 6 C17 6.2 16 3 13 2.6 C10 2.3 8 4.5 5.5 3.6 C4 3 3 1 2 0Z'/%3E%3C/svg%3E");
	/* Del pitch deck: el loto dibujado sobre azul noche (slide 18) y la viñeta hexagonal con hoja (slide 11) */
	--s-lotus-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 280'%3E%3Cg fill='none' stroke='%2337508f' stroke-width='14' stroke-linejoin='round' opacity='.55'%3E%3Cpath transform='translate(200 250) rotate(-78)' d='M0 0 C52 -52.5 39 -127.5 0 -150 C-39 -127.5 -52 -52.5 0 0Z'/%3E%3Cpath transform='translate(200 250) rotate(78)' d='M0 0 C52 -52.5 39 -127.5 0 -150 C-39 -127.5 -52 -52.5 0 0Z'/%3E%3Cpath transform='translate(200 250) rotate(-40)' d='M0 0 C62 -66.5 46.5 -161.5 0 -190 C-46.5 -161.5 -62 -66.5 0 0Z'/%3E%3Cpath transform='translate(200 250) rotate(40)' d='M0 0 C62 -66.5 46.5 -161.5 0 -190 C-46.5 -161.5 -62 -66.5 0 0Z'/%3E%3Cpath transform='translate(200 250) rotate(0)' d='M0 0 C66 -78.75 49.5 -191.25 0 -225 C-49.5 -191.25 -66 -78.75 0 0Z'/%3E%3C/g%3E%3C/svg%3E");
	--s-hexleaf: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 28'%3E%3Cpath d='M13 1.5 L24 7.8 V20.2 L13 26.5 L2 20.2 V7.8Z' fill='%23a9b8ca' stroke='%23e8eef5' stroke-width='1.6' stroke-linejoin='round'/%3E%3Cpath d='M8.5 18.5 C8 13 11.5 9 18 8.5 C18.5 15 14.5 18.8 8.5 18.5Z M8.5 18.5 L14.5 12.5' fill='%23ffffff' stroke='%23708297' stroke-width='1.1' stroke-linejoin='round'/%3E%3C/svg%3E");
	/* Banner del juego (remates de hojas del kit) para antetítulos, etiquetas y nombres, en teal y en miel. Son las mismas
	   piezas que fiel.css: un centro de color propio no casaba en tono ni en alto con los remates y se veían juntas */
	--s-banner-teal: var(--f-leafbanner);
	--s-banner-honey: var(--f-leafbanner-y);
}

/* ── Piezas comunes ─────────────────────────────────────────────────────────────────────────────────────────── */
/* Titulares sin contorno ni sombra: el director de arte pidió quitar la sombra paralela y el contorno, con tal de que
   se sigan leyendo. Sobre fondos claros la letra toma el tono oscuro que tenía su contorno; sobre los oscuros, crema */
html.wl-kx.wl-fiel body.wl-landing .wl .k-poster, html.wl-kx.wl-fiel .wl .k-poster .w-leaf, html.wl-kx.wl-fiel .wl .k-poster .w-honey {
	-webkit-text-stroke: 0; text-shadow: none; filter: none; }
html.wl-kx.wl-fiel body.wl-landing .wl .k-poster { color: #5f3a18; }
html.wl-kx.wl-fiel body.wl-landing .wl .k-poster .w-leaf { color: #3f7d1c; }
html.wl-kx.wl-fiel body.wl-landing .wl .k-poster .w-honey { color: #c25f14; }
html.wl-kx.wl-fiel body.wl-landing .wl :is(.wl-fight, .wl-family, .wl-gallery, .wl-volcano) .k-poster { color: #fff8e4; }
html.wl-kx.wl-fiel body.wl-landing .wl :is(.wl-fight, .wl-family, .wl-gallery, .wl-volcano) .k-poster .w-leaf { color: #c2f070; }
html.wl-kx.wl-fiel body.wl-landing .wl :is(.wl-fight, .wl-family, .wl-gallery, .wl-volcano) .k-poster .w-honey { color: #ffd24a; }
/* Letreros sobre las cintas (cartas, combate, ficha de la familia): como el nombre en las cartas del juego, blanco sin
   contorno y con una sombra recta mínima */
html.wl-kx.wl-fiel body.wl-landing .wl :is(.card h3, .moves .move-group h3, .lore-card h3) { color: #fff; -webkit-text-stroke: 0; text-shadow: 0 2px 0 rgba(0, 0, 0, .35); }

/* Antetítulos idénticos a los botones teal del juego (WISHLIST ON STEAM, wenc-kit.css): mismas piezas a 56 px, misma
   letra, tamaño y color. Con 15 px y las letras tan separadas se leían raro */
html.wl-kx.wl-fiel body.wl-landing .wl .wl-head .eyebrow { height: 56px; padding: 0 54px 0 51px; filter: none;
	background: url(../../../wilderings-encyclopedia/assets/web/kit/ribbon-teal-56-l.webp) left center / 41px 56px no-repeat,
		url(../../../wilderings-encyclopedia/assets/web/kit/ribbon-teal-56-r.webp) right center / 44px 56px no-repeat,
		url(../../../wilderings-encyclopedia/assets/web/kit/ribbon-teal-56-m.webp) 39px center / calc(100% - 81px) 56px no-repeat;
	color: #ffe066; font: 700 17px/1.1 var(--wenc-kit-font, "Averia Libre"), Georgia, serif; letter-spacing: .03em; text-shadow: 0 1px 2px rgba(10, 50, 50, .7); }
html.wl-kx.wl-fiel .wl-volcano .vtag, html.wl-kx.wl-fiel .wl-soon-tag, html.wl-kx.wl-fiel body.wl-landing .wl .lore-card .meta {
	display: inline-flex; align-items: center; height: 34px; padding: 1px 34px 0; -webkit-mask: none; mask: none; rotate: 0deg; box-shadow: none; filter: none;
	background: var(--s-banner-honey); color: #6b3d0c; }
html.wl-kx.wl-fiel body.wl-landing .wl .lore-card .meta { display: flex; width: fit-content; margin: 18px auto 14px; }
/* En las etiquetas bajas el centro del banner tiene que meterse más bajo los remates: el del kit está medido para 56 px
   de alto, y a 26-34 px quedaba un hueco entre centro y remate. --s-bm ≈ 0,9 × alto (el cuerpo del remate empieza
   a ~0,45 × alto del canto) */
html.wl-kx.wl-fiel :is(.wl .face span, .wl-volcano .vtag, .wl-volcano .steam-news h3, .wl-soon-tag, .wl .lore-card .meta) {
	--s-banner-teal: url(../../../wilderings-encyclopedia/assets/web/kit/ribbon-teal-56-l.webp) left center / auto 100% no-repeat,
		url(../../../wilderings-encyclopedia/assets/web/kit/ribbon-teal-56-r.webp) right center / auto 100% no-repeat,
		url(../../../wilderings-encyclopedia/assets/web/kit/ribbon-teal-56-m.webp) center / calc(100% - var(--s-bm, 30px)) 100% no-repeat;
	--s-banner-honey: url(../../../wilderings-encyclopedia/assets/web/kit/ribbon-yellow-56-l.webp) left center / auto 100% no-repeat,
		url(../../../wilderings-encyclopedia/assets/web/kit/ribbon-yellow-56-r.webp) right center / auto 100% no-repeat,
		url(../../../wilderings-encyclopedia/assets/web/kit/ribbon-yellow-56-m.webp) center / calc(100% - var(--s-bm, 30px)) 100% no-repeat; }
html.wl-kx.wl-fiel body.wl-landing .wl .face span { --s-bm: 23px; }
html.wl-kx.wl-fiel .wl-volcano .steam-news h3 { --s-bm: 27px; }
/* (en miel, como COMMUNITY: el teal se perdía sobre la propia carta turquesa) */
html.wl-kx.wl-fiel .wl-volcano .steam-news h3 { display: inline-flex; align-items: center; height: 30px; padding: 1px 30px 0; background: var(--s-banner-honey); color: #6b3d0c; }

/* El Hântu de El juego deja de ir en un hexágono: de pie sobre su sombra, como los Hântu del libro */
html.wl-kx.wl-fiel .k-hex { filter: none; background: url(../../../wilderings-encyclopedia/assets/kuxaan/shadow.webp) center calc(100% - 2px) / 86% 18% no-repeat; }
html.wl-kx.wl-fiel .k-hex::before, html.wl-kx.wl-fiel .k-hex::after, html.wl-kx.wl-fiel .k-hex > i { display: none; }
html.wl-kx.wl-fiel .k-hex > b { bottom: 9%; filter: drop-shadow(0 3px 0 rgba(94, 70, 49, .18)); }
/* Abi junto al libro cerrado: de pie sobre su sombra, no flotando */
html.wl-kx.wl-fiel .wl-soon-card .k-abi { filter: none; }
html.wl-kx.wl-fiel .wl-soon-card .k-abi::after { content: ""; position: absolute; z-index: -1; left: 14%; right: 14%; bottom: -8px; height: 22px;
	background: url(../../../wilderings-encyclopedia/assets/kuxaan/shadow.webp) center / 100% 100% no-repeat; }

/* ── 1. Cabecera ───────────────────────────────────────────────────────────────────────────────────────────── */
/* Logo con una sombra suave, sin el filete oscuro alrededor */
html.wl-kx.wl-fiel body.wl-landing .wl-hero .hero-logo { filter: drop-shadow(0 3px 10px rgba(10, 20, 50, .3)); }
/* Botón de la demo: el texto centrado en la caja amarilla; «FREE» pasa a ser una etiqueta en la esquina. Sin los rayos
   que giran detrás; el brillo se queda, más suave, para que siga siendo el botón principal */
html.wl-kx.wl-fiel body.wl-landing .wl a.demo-cta.wenc-ribbon-yellow { position: relative; justify-content: center; padding: 0 72px !important; }
html.wl-kx.wl-fiel body.wl-landing .wl a.demo-cta .new { position: absolute; left: 50%; top: -11px; margin: 0; padding: 2px 9px 1px; translate: -50% 0; transform: none; rotate: 0deg;
	border-radius: 999px; background: #e8590c; font-size: 12px; line-height: 1.3; box-shadow: 0 2px 0 #b8430a; }
html.wl-kx.wl-fiel .wl-hero .cta-main > .kf-rays { display: none; }
/* FREE DEMO flotante: el texto centrado entre los dos remates (el kit le da más aire a un lado) */
html.wl-kx.wl-fiel body.wl-landing .wl .demo-float a.wenc-ribbon-yellow { justify-content: center; text-align: center; padding-left: 46px !important; padding-right: 46px !important; }
html.wl-kx.wl-fiel .wl-hero .cta-main > a { filter: drop-shadow(0 0 10px rgba(255, 210, 90, .55)); }
/* Enlaces secundarios: botones planos crema, rectos, con el icono en el mismo marrón del texto */
html.wl-kx.wl-fiel body.wl-landing .wl-hero .hero-links a.k-tag { rotate: 0deg; border: 2px solid var(--f-paper-o); border-radius: 999px; padding: 8px 18px 8px 14px;
	background: #fbf3dc; box-shadow: 0 6px 14px -6px rgba(16, 30, 70, .45); }
html.wl-kx.wl-fiel body.wl-landing .wl-hero .hero-links a.k-tag:hover { translate: 0 -2px; background: var(--f-honey); border-color: var(--f-honey-o); box-shadow: 0 6px 14px -6px rgba(16, 30, 70, .45); }
html.wl-kx.wl-fiel body.wl-landing .wl-hero .hero-links a.k-tag i { width: 18px; font-size: 16px; text-align: center; color: var(--k-ink) !important; }
/* El ▶ escrito pasa a ser el icono de Font Awesome, como los otros dos. (Centrado en una caja de 16 px como ellos: con la
   letra a 0 la caja medía el alto de línea del enlace, 26 px, y el icono, apoyado en su línea base, quedaba arriba) */
html.wl-kx.wl-fiel body.wl-landing .wl-hero .hero-links a.k-tag i:not([class]) { display: inline-flex; align-items: center; justify-content: center; height: 16px; font-size: 0; line-height: 0; }
html.wl-kx.wl-fiel body.wl-landing .wl-hero .hero-links a.k-tag i:not([class])::before { content: "\f04b"; display: block; font: 900 14px/1 "Font Awesome 5 Free"; }

/* ── 2. Cinta de miel: lisa (sin el panal), cantos finos; fuera los dos marcapáginas ─────────────────────────── */
html.wl-kx.wl-fiel body.wl-landing .wl-proof.k-band { background: linear-gradient(180deg, #ffd25c, #ffc845) #ffcd4c; border-top: 3px solid #e3a12b; border-bottom: 3px solid #d68f1c;
	box-shadow: 0 16px 28px -14px rgba(16, 30, 70, .4); }
html.wl-kx.wl-fiel body.wl-landing .wl-proof .k-patch { box-shadow: 0 6px 12px -6px rgba(60, 30, 0, .45); }
html.wl-kx.wl-fiel body.wl-landing .wl-proof .k-patch::before { display: none; }
html.wl-kx.wl-fiel body.wl-landing .wl-proof .steam-reviews,
html.wl-kx.wl-fiel body.wl-landing .wl-proof blockquote { box-shadow: 0 6px 12px -6px rgba(110, 60, 0, .4) !important; }
html.wl-kx.wl-fiel body.wl-landing .wl-proof .store { box-shadow: 0 6px 12px -6px rgba(60, 30, 0, .45); }
html.wl-kx.wl-fiel .wl-proof .k-ribbon { display: none; }

/* ── Paneles: el pergamino de las fichas del libro (como el panel de los Hântu de la enciclopedia) ──────────── */
/* Plano y sin marco: la propia textura del juego, sin voltear ni girar (su luz viene de arriba). El papel va en
   ::before, detrás del contenido (isolation). El panel en sí ya no tiene marco, fondo ni sombra. El aviso de la
   enciclopedia cambia su papel por el libro con las variables --s-img, --s-bw y --s-inset: otra regla para ::before
   perdería contra esta, que lleva la especificidad del selector de las cartas para ganar a fiel.css */
html.wl-kx.wl-fiel :is(.wl-pitch .copy, .wl-family .family-text, .wl-soon-card, body.wl-landing .wl .card, .wl .arena .screen, body.wl-landing .wl-final .box) {
	position: relative; isolation: isolate; rotate: 0deg; border: 0; border-radius: 0; background: none; box-shadow: none; filter: none; -webkit-mask: none; mask: none; clip-path: none; }
html.wl-kx.wl-fiel :is(.wl-pitch .copy, .wl-family .family-text, .wl-soon-card, body.wl-landing .wl .card, .wl .arena .screen, body.wl-landing .wl-final .box)::before {
	content: ""; display: block; position: absolute; z-index: -1; inset: var(--s-inset, 0); height: auto; opacity: 1; border-radius: 0; pointer-events: none; transition: none;
	background: var(--s-bg, var(--s-paper)); border-radius: var(--s-radius, 12px); box-shadow: var(--s-rim, inset 0 0 0 2px rgba(196, 166, 108, .45), inset 0 0 16px rgba(176, 146, 92, .3));
	-webkit-mask: var(--s-mask, var(--s-bites)); -webkit-mask-composite: source-out, source-over, source-over, source-over, source-over;
	mask: var(--s-mask, var(--s-bites)); mask-composite: subtract, add, add, add, add;
	border: solid transparent; border-width: var(--s-bw, 0); border-image: var(--s-img, none); }
/* Los mordiscos se declaran en el propio panel (no en html) para que cada uno los coloque con --b1..--b4 */
html.wl-kx.wl-fiel :is(.wl-pitch .copy, .wl-family .family-text, .wl-soon-card, body.wl-landing .wl .card, .wl .arena .screen, body.wl-landing .wl-final .box) {
	--s-bites: linear-gradient(#000 0 0), var(--s-bt) var(--b1, 22%) 0 / 40px 16px no-repeat, var(--s-nr) 100% var(--b2, 64%) / 16px 40px no-repeat,
		var(--s-cb) var(--b3, 70%) 100% / 40px 16px no-repeat, var(--s-nl) 0 var(--b4, 30%) / 16px 40px no-repeat; }
/* Vídeos e imágenes de los paneles: un filete gris azulado fino justo por fuera del canto (el de los marcos del pitch
   deck). En dos puntos concretos, el tráiler y la carta del dirigible, lleva además el loto con sus ramitas del juego
   (T_Deco de la pantalla de aviso) sentado encima; el vídeo se recorta él mismo para que el adorno pueda salirse */
html.wl-kx.wl-fiel body.wl-landing .wl .card .media, html.wl-kx.wl-fiel .wl .trailer { position: relative; overflow: visible; }
html.wl-kx.wl-fiel body.wl-landing .wl .card .media > video, html.wl-kx.wl-fiel .wl .trailer > img { border-radius: 10px; }
html.wl-kx.wl-fiel body.wl-landing .wl .card .media::after, html.wl-kx.wl-fiel .wl .trailer::after {
	content: ""; position: absolute; inset: -4px; z-index: 3; pointer-events: none; border-radius: 13px; box-shadow: 0 0 0 2.5px #8a99ab; }
html.wl-kx.wl-fiel body.wl-landing .wl .c-ship .media::before, html.wl-kx.wl-fiel .wl .trailer::before {
	content: ""; position: absolute; z-index: 4; left: 50%; top: -60px; width: 230px; height: 115px; translate: -50% 0; pointer-events: none;
	background: url(kuxaan/fiel/deco-lotus.webp) center / contain no-repeat; }
/* En el tráiler, un poco a la izquierda y más arriba: justo detrás vuela la abeja del fondo (pitch-day.webp) y sus alas
   asomaban por los lados del loto */
html.wl-kx.wl-fiel .wl .trailer::before { top: -70px; width: 250px; height: 125px; translate: calc(-50% - 16px) 0; }
/* Los mordiscos de cada panel, en sitios distintos (-100 % = ninguno en ese lado) */
html.wl-kx.wl-fiel .wl-pitch .copy { --b1: 70%; --b2: 30%; --b3: 18%; --b4: 74%; }
html.wl-kx.wl-fiel .wl-family .family-text { --b1: 12%; --b2: 50%; --b3: 84%; --b4: -100%; }
html.wl-kx.wl-fiel body.wl-landing .wl-final .box { --b1: -100%; --b2: 46%; --b3: 30%; --b4: 66%; }
html.wl-kx.wl-fiel .wl .arena .screen { --b1: 40%; --b2: 20%; --b3: 76%; --b4: 58%; }
html.wl-kx.wl-fiel body.wl-landing .wl .c-hantu { --b1: 60%; --b2: 78%; --b3: 24%; --b4: 40%; }
html.wl-kx.wl-fiel body.wl-landing .wl .c-dodge { --b1: 34%; --b2: -100%; --b3: 62%; --b4: 22%; }
html.wl-kx.wl-fiel body.wl-landing .wl .c-misty { --b1: 80%; --b2: 40%; --b3: 40%; --b4: -100%; }
html.wl-kx.wl-fiel body.wl-landing .wl .c-ship { --b1: 46%; --b2: 72%; --b3: 88%; --b4: 36%; }
/* Sin el destello que cruzaba las cartas al pasar el ratón */
html.wl-kx.wl-fiel body.wl-landing .wl .card::after { display: none; }
html.wl-kx.wl-fiel .wl-pitch .copy { padding: 40px 44px 42px; }

/* Libro cerrado (aviso de la enciclopedia, el único libro de la página): la tapa de cuero del Kuxaan con sus
   cantoneras de metal dorado y el canto de las páginas */
html.wl-kx.wl-fiel .wl-soon-card { padding: 70px 70px 60px; --s-inset: -6px -10px -10px -6px; --s-bw: 34px 50px 50px 34px; --s-bg: none; --s-mask: none; --s-rim: none; --s-radius: 0;
	--s-img: url(../../../wilderings-encyclopedia/assets/kuxaan/book.webp) 70 100 100 70 fill / 34px 50px 50px 34px stretch; }
html.wl-kx.wl-fiel .wl-soon-card::before { filter: drop-shadow(0 10px 14px rgba(16, 30, 70, .2)); }
/* Tonos de crema de las páginas del Kuxaan (centro, medio y canto), uno distinto por panel:
   página del libro (T_Page_base), papel de los popups (T_Popup_01), ficha (T_Type_Body) y objeto (T_Item) */
html.wl-kx.wl-fiel .wl-pitch .copy, html.wl-kx.wl-fiel body.wl-landing .wl .c-dodge, html.wl-kx.wl-fiel .wl .arena .screen { --s-c1: #f3e7bd; --s-c2: #ebdba9; --s-c3: #ddc893; }
html.wl-kx.wl-fiel .wl-family .family-text, html.wl-kx.wl-fiel body.wl-landing .wl .c-hantu { --s-c1: #faf3d8; --s-c2: #f2e6c2; --s-c3: #e4d2a3; }
html.wl-kx.wl-fiel body.wl-landing .wl .c-misty, html.wl-kx.wl-fiel body.wl-landing .wl .c-ship { --s-c1: #e3cf9e; --s-c2: #d8c18b; --s-c3: #cab07a; }
/* Las manchas de cada panel, en sitios distintos */
html.wl-kx.wl-fiel .wl-family .family-text { --s1x: 100%; --s1y: 35%; --s2x: 14%; --s2y: 100%; --s3x: 0%; --s3y: 22%; }
html.wl-kx.wl-fiel body.wl-landing .wl-final .box { --s1x: 0%; --s1y: 40%; --s2x: 62%; --s2y: 100%; --s3x: 100%; --s3y: 86%; }
html.wl-kx.wl-fiel .wl .arena .screen { --s1x: 100%; --s1y: 62%; --s2x: 22%; --s2y: 100%; }
html.wl-kx.wl-fiel body.wl-landing .wl .c-hantu { --s1x: 100%; --s1y: 48%; --s2x: 30%; --s2y: 100%; --s3x: 0%; --s3y: 12%; }
html.wl-kx.wl-fiel body.wl-landing .wl .c-dodge { --s1x: 0%; --s1y: 30%; --s2x: 70%; --s2y: 100%; }
html.wl-kx.wl-fiel body.wl-landing .wl .c-misty { --s1x: 100%; --s1y: 80%; --s2x: 20%; --s2y: 100%; --s3x: 0%; --s3y: 40%; }
html.wl-kx.wl-fiel body.wl-landing .wl .c-ship { --s1x: 0%; --s1y: 55%; --s2x: 88%; --s2y: 100%; --s3x: 100%; --s3y: 30%; }

/* Cierre: el titular en la cabecera de cuero de las fichas (T_Type_Header), a todo lo ancho y pegada arriba, con la
   letra crema, como el panel de los Hântu */
/* (max-width: none: kuxaan.css lo limita al 100 % y, con los márgenes negativos, la cabecera quedaba descentrada) */
html.wl-kx.wl-fiel body.wl-landing .wl-final .box h2.k-poster { position: relative; z-index: 0; display: block; align-self: stretch; max-width: none; margin: -30px -32px 18px; padding: 16px 20px 24px; rotate: 0deg;
	color: #fff6dc; -webkit-text-stroke: .08em #5a3f28; font-size: clamp(30px, 3vw, 42px); }
/* (la banda marrón lisa del pitch deck, slide 10, con dos Hântu asomando por los extremos en vez de las abejas) */
html.wl-kx.wl-fiel body.wl-landing .wl-final .box h2.k-poster { margin: -8px -6px 22px; padding: 12px 64px 14px; color: #f7c544; -webkit-text-stroke: 0; }
html.wl-kx.wl-fiel body.wl-landing .wl-final .box h2.k-poster::before { content: ""; position: absolute; inset: 0; z-index: -1; border-radius: 6px; background: #4b3220; box-shadow: 0 6px 12px -8px rgba(30, 15, 0, .6); }
html.wl-kx.wl-fiel body.wl-landing .wl-final .box h2.k-poster::after { content: ""; position: absolute; z-index: 1; left: -58px; right: -58px; top: -34px; bottom: -34px; pointer-events: none;
	/* (cada Hântu tapa entero su lateral de la banda, rompiendo el marco) */
	background: url(kuxaan/fiel/hantu-volcanic03.webp) left center / 116px auto no-repeat, url(kuxaan/fiel/hantu-wetlands04.webp) right center / 116px auto no-repeat;
	filter: drop-shadow(0 4px 4px rgba(30, 15, 0, .35)); }

/* ── 3. El juego: tráiler en un marco fino y botón de reproducir plano ────────────────────────────────────── */
html.wl-kx.wl-fiel .wl .trailer { rotate: 0deg; border: 0; border-radius: 12px; box-shadow: 0 22px 36px -16px rgba(16, 30, 70, .5); }
html.wl-kx.wl-fiel .wl .trailer img { border-radius: 15px; }
html.wl-kx.wl-fiel .wl .trailer .play-big b { border: 0; background: var(--f-honey); color: #c25f14; box-shadow: 0 8px 18px -6px rgba(20, 10, 0, .5); }
/* Las notas a mano (pie del tráiler, «Go on, it's interactive!»...) pasan a la letra del juego, sin más cambios: el
   director de arte solo pidió la fuente. Averia Libre, o Marmelad en polaco, turco y cirílico, que Averia no puede
   escribir (--wenc-kit-font, del kit de la enciclopedia). Averia es más ancha que Amatic: va más pequeña */
html.wl-kx.wl-fiel .wl .trailer .k-cap, html.wl-kx.wl-fiel .k-note { font: 700 22px/1.2 var(--wenc-kit-font, "Averia Libre"), Georgia, serif; letter-spacing: .02em; }
html.wl-kx.wl-fiel .wl .trailer .k-cap { bottom: -50px; line-height: 40px; }
html.wl-kx.wl-fiel .wl .trailer .k-cap::before { margin-right: 10px; font-size: .7em; vertical-align: .1em; }

/* ── 4. Puntos clave: cartas de pergamino (cada una volteada distinto); los iconos, con sombra recta abajo ───── */
/* (poco papel alrededor del vídeo: con más, la carta era un marco beis grueso) */
html.wl-kx.wl-fiel body.wl-landing .wl .card, html.wl-kx.wl-fiel body.wl-landing .wl .c-battle { rotate: 0deg; padding: 10px 10px 6px; box-shadow: none; }
html.wl-kx.wl-fiel body.wl-landing .wl .card .media { border: 0; border-radius: 10px; }
html.wl-kx.wl-fiel .wl .k-rays { display: none; }
html.wl-kx.wl-fiel .wl .k-stars { filter: drop-shadow(0 2px 0 rgba(150, 95, 10, .45)); }
html.wl-kx.wl-fiel .wl .k-build { filter: drop-shadow(0 3px 0 rgba(90, 60, 20, .4)); }
/* Título de cada carta en la cinta de nombre de las cartas del juego, montada sobre el canto de abajo del vídeo como
   la cinta sobre la ilustración en las cartas. Un color por tipo de carta: roja (combate), tostada (Hântu), verde
   (naturaleza) y turquesa. Recortadas de las texturas de las cartas (T_Card_*) con la silueta de ribbon-teal.webp;
   la letra, como en las cartas (más arriba, con los demás letreros de cinta). Las cintas llevan la sombra recta hacia
   abajo de los iconos */
html.wl-kx.wl-fiel body.wl-landing .wl .card .txt { padding-top: 0; }
html.wl-kx.wl-fiel body.wl-landing .wl .card h3 { --rib: url(kuxaan/fiel/ribbon-teal.webp);
	position: relative; z-index: 5; justify-content: center; gap: 8px; width: fit-content; max-width: calc(100% + 24px); box-sizing: border-box; height: 52px; margin: -28px auto 8px; padding: 0 10px 3px;
	border: solid transparent; border-width: 0 42px; border-image: var(--rib) 0 44 fill / 0 42px stretch; filter: drop-shadow(0 3px 0 rgba(90, 60, 20, .4));
	font: 700 20px/1 var(--wenc-kit-font, "Averia Libre"), Georgia, serif; white-space: nowrap; }
html.wl-kx.wl-fiel body.wl-landing .wl .c-battle h3 { --rib: url(kuxaan/fiel/ribbon-card-red.webp); }
html.wl-kx.wl-fiel body.wl-landing .wl .c-hantu h3 { --rib: url(kuxaan/fiel/ribbon-card-tan.webp); }
html.wl-kx.wl-fiel body.wl-landing .wl .c-misty h3 { --rib: url(kuxaan/fiel/ribbon-card-green.webp); }
/* Combate: los grupos de movimientos del panel estrellado, cada uno bajo su cinta de carta, centrada y más baja
   (.moves en el selector para ganar a los colores por grupo de fiel.css) */
html.wl-kx.wl-fiel .wl .moves .move-group h3 { --rib: url(kuxaan/fiel/ribbon-teal.webp);
	display: block; width: fit-content; box-sizing: border-box; height: 38px; margin: 6px auto 8px; padding: 0 8px 2px; line-height: 36px;
	clip-path: none; -webkit-mask: none; mask: none; background: none; box-shadow: none;
	border: solid transparent; border-width: 0 32px; border-image: var(--rib) 0 44 fill / 0 32px stretch; filter: drop-shadow(0 3px 0 rgba(5, 5, 30, .55));
	font: 700 14px/36px var(--wenc-kit-font, "Averia Libre"), Georgia, serif; letter-spacing: .08em; }
html.wl-kx.wl-fiel .wl .moves .move-group:nth-child(2) h3 { --rib: url(kuxaan/fiel/ribbon-card-green.webp); }
html.wl-kx.wl-fiel .wl .moves .move-group:nth-child(3) h3 { --rib: url(kuxaan/fiel/ribbon-card-red.webp); }
/* (el icono de la build, más pequeño para caber en la cinta) */
/* (y con la sombra recta hacia abajo que pidió el director de arte: kuxaan.css le daba una en diagonal, más específica) */
html.wl-kx.wl-fiel .wl .card h3 .k-build, html.wl-kx.wl-fiel .wl .card.c-battle h3 .k-build { width: 24px; height: 27px; -webkit-text-stroke: 0;
	filter: drop-shadow(0 3px 0 rgba(58, 38, 22, .5)); }
/* Al pasar el ratón la carta sube (fiel.css) y su papel se aclara un poco; sin aro ni brillo */
html.wl-kx.wl-fiel body.wl-landing .wl .card:is(:hover, :focus-within, .kf-hover),
html.wl-kx.wl-fiel body.wl-landing .wl .c-battle:is(:hover, :focus-within, .kf-hover) { box-shadow: none; }
html.wl-kx.wl-fiel body.wl-landing .wl .card:is(:hover, :focus-within, .kf-hover)::before { filter: brightness(1.04) drop-shadow(0 18px 20px rgba(16, 30, 70, .28)); }

/* ── 5. Galería: capturas en un marco fino y recto, flechas planas ──────────────────────────────────────────── */
html.wl-kx.wl-fiel body.wl-landing .wl .carousel img, html.wl-kx.wl-fiel body.wl-landing .wl .carousel img:nth-child(even) { rotate: 0deg; border: 4px solid var(--f-frame); border-radius: 14px;
	box-shadow: 0 18px 28px -14px rgba(16, 30, 70, .5); }
html.wl-kx.wl-fiel body.wl-landing .wl .carousel img:is(:hover, .kf-hover) { box-shadow: 0 0 0 3px #ffe07a, 0 24px 34px -14px rgba(16, 30, 70, .55); }
html.wl-kx.wl-fiel body.wl-landing .wl .carousel .k-pad, html.wl-kx.wl-fiel body.wl-landing .wl .carousel .k-pad:hover { border: 0; box-shadow: 0 6px 12px -6px rgba(16, 30, 70, .5); }
html.wl-kx.wl-fiel body.wl-landing .wl .carousel .k-pad { background: #3fbcad; }
html.wl-kx.wl-fiel body.wl-landing .wl .carousel .k-pad:hover { background: var(--f-honey); }
html.wl-kx.wl-fiel body.wl-landing .wl .carousel .k-pad::before, html.wl-kx.wl-fiel body.wl-landing .wl .carousel .k-pad:hover::before { filter: none; }

/* ── 6. La familia ─────────────────────────────────────────────────────────────────────────────────────────── */
/* El texto, en el pergamino entero (sin los cortes de cinta a los lados) */
html.wl-kx.wl-fiel .wl-family .family-text { rotate: 0deg; padding: 20px 34px; }
/* Sin el círculo bajo el personaje */
html.wl-kx.wl-fiel .wl .k-platform { display: none; }
/* Ficha: la carta turquesa sin el aro claro grueso, el labio, el brillo ni los rayos */
html.wl-kx.wl-fiel { --f-teal-sh: 0 20px 34px -14px rgba(5, 10, 40, .55); }
html.wl-kx.wl-fiel body.wl-landing .wl .lore-card { border: 4px solid var(--f-teal-o); box-shadow: inset 0 0 0 4px #4fd8c8, var(--f-teal-sh); }
html.wl-kx.wl-fiel .wl .k-lore:is(:hover, :focus-within, .kf-hover) .lore-card { box-shadow: inset 0 0 0 4px #4fd8c8, 0 0 0 3px #ffe07a, var(--f-teal-sh); }
html.wl-kx.wl-fiel .wl .k-lore > .kf-rays, html.wl-kx.wl-fiel .wl .k-poster-wrap > .kf-rays { display: none; }
/* El nombre, en la cinta tostada de las cartas, cruzando el canto de arriba de la ficha: la turquesa se fundía con la
   ficha, también turquesa, y solo se veían sus dos extremos */
html.wl-kx.wl-fiel body.wl-landing .wl .lore-card h3 { height: 64px; margin-top: -88px; padding: 2px 22px 0; line-height: 60px; background: none;
	border-style: solid; border-width: 0 46px; border-image: url(kuxaan/fiel/ribbon-card-tan.webp) 0 44 fill / 0 46px stretch;
	font-size: 34px; filter: drop-shadow(0 3px 0 rgba(10, 50, 50, .45)); }
/* Nombres de los retratos en el banner del juego (miel el elegido), sin los cortes de cinta */
html.wl-kx.wl-fiel body.wl-landing .wl .face span { display: inline-flex; align-items: center; height: 26px; padding: 1px 22px 0; -webkit-mask: none; mask: none;
	background: var(--s-banner-teal); color: #fff8e4; box-shadow: none; }
html.wl-kx.wl-fiel body.wl-landing .wl .face.active span { background: var(--s-banner-honey); color: #6b3d0c; }

/* ── 7. Comunidad: la carta turquesa en versión mínima (canto fino, plana, recta) ───────────────────────────── */
html.wl-kx.wl-fiel body.wl-landing .wl-volcano .vbox { rotate: 0deg; border: 4px solid var(--f-teal-o); background: var(--f-teal-body); box-shadow: var(--f-teal-sh); }
html.wl-kx.wl-fiel .kf-badge { rotate: 0deg; border: 0; background: #45c8b8; box-shadow: 0 3px 0 #1f8a7e; }
html.wl-kx.wl-fiel .kf-badge i { filter: none; }
html.wl-kx.wl-fiel .wl-volcano .discord-cta, html.wl-kx.wl-fiel .wl-volcano .discord-cta:hover { border: 0; box-shadow: 0 6px 12px -6px rgba(5, 5, 20, .6); }
html.wl-kx.wl-fiel .wl-volcano .socials a { border: 0; background: #3fbcad; box-shadow: 0 3px 0 #1f8a7e; }
html.wl-kx.wl-fiel .wl-volcano .socials a:hover { border: 0; box-shadow: 0 3px 0 #1f8a7e; }
html.wl-kx.wl-fiel .wl-volcano .news-item img { border-width: 0; box-shadow: none; }

/* ── Combate: la pantalla, como las cartas de Puntos clave (canto fino, sin labio ni aro interior) ──────────── */
html.wl-kx.wl-fiel .wl .arena .screen { rotate: 0deg; padding: 12px 12px 0; }
html.wl-kx.wl-fiel .wl .arena .screen video { border-width: 0; box-shadow: none; }
html.wl-kx.wl-fiel .wl .arena .now b { color: #c25f14; -webkit-text-stroke: 0; text-shadow: none; }
/* Lista de movimientos: las viñetas hexagonales con hoja del pitch deck (slide 11); el fondo de estrellas se queda */
/* Combate: el loto grande dibujado del pitch deck (slide 18) detrás del titular, sobre el azul de la sección */
html.wl-kx.wl-fiel .wl-fight .wl-head { position: relative; isolation: isolate; }
html.wl-kx.wl-fiel .wl-fight .wl-head::before { content: ""; position: absolute; z-index: -1; left: 50%; top: 50%; width: 560px; height: 392px; translate: -50% -46%; pointer-events: none;
	background: var(--s-lotus-bg) center / contain no-repeat, radial-gradient(closest-side, rgba(40, 70, 150, .35), transparent); }
html.wl-kx.wl-fiel .wl .move::before { border: 0; border-radius: 0; box-shadow: none; background: var(--s-hexleaf) center / contain no-repeat; filter: drop-shadow(0 2px 0 rgba(5, 5, 30, .55)); }
html.wl-kx.wl-fiel .wl .move.on::before { box-shadow: none; filter: drop-shadow(0 0 6px rgba(255, 236, 150, .9)); }
html.wl-kx.wl-fiel .wl .move i { display: none; }

/* ── 8. Cierre: póster con el marco dorado fino y sin brillo; la caja, el panel liso con todo centrado ──────── */
html.wl-kx.wl-fiel body.wl-landing .wl .buy .poster { border: 4px solid #f2b51e; box-shadow: 0 30px 46px -16px rgba(0, 0, 10, .7); }
html.wl-kx.wl-fiel body.wl-landing .wl-final .box { display: flex; flex-direction: column; align-items: center; text-align: center; }
html.wl-kx.wl-fiel body.wl-landing .wl-final .box > * { margin-left: auto; margin-right: auto; }
html.wl-kx.wl-fiel body.wl-landing .wl-final .final-laurels { width: 100%; box-sizing: border-box; box-shadow: 0 6px 12px -6px rgba(60, 30, 0, .45); }
/* (sitio para la etiqueta FREE, que ahora asoma por encima del botón) */
html.wl-kx.wl-fiel body.wl-landing .wl-final .box .cta-main { margin-top: 26px !important; }
html.wl-kx.wl-fiel body.wl-landing .wl-req summary { box-shadow: 0 8px 16px -8px rgba(0, 0, 10, .6); }

/* ── Botón de volver arriba (PlayerX): una sola pieza redonda. El trapecio del tema son tres piezas (centro y dos
   triángulos) y entre ellas se veía una línea ──────────────────────────────────────────────────────────────── */
html body.wl-landing a#edgtf-back-to-top > span { width: 46px; height: 46px; border-radius: 50%; display: grid; place-items: center; box-shadow: 0 6px 12px -6px rgba(16, 30, 70, .5); }
html body.wl-landing a#edgtf-back-to-top > span::before, html body.wl-landing a#edgtf-back-to-top > span::after { display: none !important; }

@media (max-width: 767px) {
	html.wl-kx.wl-fiel body.wl-landing .wl a.demo-cta.wenc-ribbon-yellow { padding: 0 52px !important; white-space: nowrap; }
	html.wl-kx.wl-fiel body.wl-landing .wl-final .box .cta-main a.demo-cta { padding: 0 44px !important; font-size: 16px !important; }
	html.wl-kx.wl-fiel .wl .trailer .k-cap { bottom: -46px; }
	html.wl-kx.wl-fiel .wl .trailer .k-cap, html.wl-kx.wl-fiel .k-note { font-size: 19px; }
	html.wl-kx.wl-fiel .wl-family .family-text { padding: 18px 22px; }
	html.wl-kx.wl-fiel .wl-pitch .copy { padding: 32px 28px 34px; }
	/* Los cinco retratos caben sin cortar el último */
	html.wl-kx.wl-fiel body.wl-landing .wl .face img { height: 68px; }
	html.wl-kx.wl-fiel .wl-soon-card { padding: 62px 34px 48px; }
	html.wl-kx.wl-fiel body.wl-landing .wl .wl-head .eyebrow { font-size: 15px; }
	html.wl-kx.wl-fiel body.wl-landing .wl .lore-card h3 { height: 52px; margin-top: -74px; padding: 2px 14px 0; line-height: 48px; font-size: 27px; border-width: 0 36px; border-image-width: 0 36px; }
	/* Abi, de pie sobre la tarjeta del libro cerrado, tapaba el final de «Encyclopedia» */
	html.wl-kx.wl-fiel .wl-soon-card .k-abi { display: none; }
}