/* Tema «El Kuxaan de Abi» de /wilderings: siempre activo en la landing (html.wl-kx, que pone el plugin en wp_head).
   La página es el diario de Abi abierto sobre el mundo, con acabado cartoon: el arte del juego sigue a sangre y
   luminoso (día → volcán → corrupción → noche) y encima van pegadas las cosas del diario, cada una con su material:
   - recortes troquelados con tinta marrón y canto de cartón (sombra dura), papel con grano del Kuxaan;
   - cuero cosido del Kuxaan: pestañas de navegación, el parche de los premios y la matriz de la entrada final;
   - fotos con esquineras, chinchetas y cinta washi (la justa), un clip en la ficha y un sello de correos;
   - pocas pegatinas y cada una con su gesto: un Hântu en su hexágono en la esquina de la ficha, Abi asomando detrás
     del libro, un emoji sentado en la cartulina de la comunidad y un Hântu de fuego encaramado al árbol de habilidades;
   - un solo sistema de carteles (antetítulo-sello y titular de cartel con trazo y extrusión, Averia Libre) y notas a
     mano (Amatic SC, de las fuentes del juego);
   - cada cambio de escenario es un corte de papel rasgado con su fibra crema y su sombra, a mitad del hueco.
   Todo bajo html.wl-kx. Las inclinaciones usan «rotate» (no «transform») para no pelearse con las apariciones de
   landing.js. Sin animaciones (?wlstatic) se ve igual. Texturas del libro: plugin Wilderings Encyclopedia. */

/* Amatic SC Bold recortada a lo que usan las notas (ASCII y acentos es/ca), sin hinting: 20 KB en vez de 147 */
@font-face { font-family: "Amatic SC Kux"; src: url(kuxaan/amatic-sc-bold.woff2) format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }

html.wl-kx {
	--k-ink: #3a2616; --k-ink2: #5e4630; --k-ink3: #8f6d4c;
	--k-cream: #fff6dc; --k-paper: #fbefcf; --k-white: #fffcf2;
	--k-honey: #ffcf4a; --k-honey-d: #f0b429; --k-orange: #ff9a3c; --k-orange-d: #d9650d; --k-stampink: #a84a08;
	--k-teal: #6ad7c9; --k-teal-d: #157a70; --k-leaf: #a6e05a; --k-sky: #7cc8f5;
	--k-hand: "Amatic SC Kux", "Segoe Print", "Comic Sans MS", cursive;
	/* Canto de cartón (sombra dura de tinta) + sombra suave al fondo: pegatina con volumen, no plantilla plana */
	--k-pop: 6px 8px 0 rgba(58, 38, 22, .92), 0 28px 46px -16px rgba(16, 30, 70, .45);
	--k-pop-s: 3px 4px 0 rgba(58, 38, 22, .92);
	--k-bounce: cubic-bezier(.34, 1.56, .64, 1);
	--k-hexclip: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
	--k-zig: polygon(0 0, 100% 0, 97% 25%, 100% 50%, 97% 75%, 100% 100%, 0 100%, 3% 75%, 0 50%, 3% 25%);
	/* Grano de papel y de cuero (ruido SVG, sin imágenes) */
	--k-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .42 0 0 0 0 .3 0 0 0 0 .16 0 0 0 .45 -.16'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
	--k-hide: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.55' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .1 0 0 0 0 .06 0 0 0 0 .02 0 0 0 1.3 -.5'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
	--k-stampmask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='90'%3E%3Cfilter id='s'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='2' seed='5'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -2.6 2.2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23s)'/%3E%3C/svg%3E");
	/* Papel y cuero llevan su color sólido al final: Elementor quita las imágenes de fondo (también los degradados) de
	   los contenedores que aún no ha «cargado» y, sin color, las superficies se quedarían transparentes un instante. */
	--k-paperbg: var(--k-grain), radial-gradient(120% 90% at 18% 8%, rgba(255, 255, 255, .65), rgba(255, 255, 255, 0) 58%), radial-gradient(70% 60% at 92% 100%, rgba(214, 170, 100, .22), rgba(214, 170, 100, 0) 70%), linear-gradient(#fff7df, #fbefcf) #fbefcf;
	--k-leather: var(--k-hide), radial-gradient(120% 140% at 30% 0%, #8d6743 0%, #6c4b2f 45%, #4d3421 100%) #6c4b2f;
	/* Papel rasgado: el borde de la hoja de arriba (fibra crema irregular) con su sombra suave sobre la de abajo.
	   -sky/-dusk/-ember pintan además el color liso de la sección siguiente; -edge es solo el borde, para las secciones
	   que empiezan con arte (su fondo se recorta con -mask, la misma línea). Mismo trazo en todos, desplazado. */
	--k-torn-sky: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='36' viewBox='0 0 900 36'%3E%3Cdefs%3E%3Cfilter id='b' x='-2%' y='-60%' width='104%' height='220%'%3E%3CfeGaussianBlur stdDeviation='2.2'/%3E%3C/filter%3E%3C/defs%3E%3Cpath d='M0 15L10 20L23.5 11.5L42.2 15.4L56.2 18L75.2 15.5L93.5 16.6L113.3 11.9L127.7 17.5L146.1 9.6L164.3 14.6L185.4 18.7L196.9 15.2L217.9 17.3L235.7 15.9L256.6 19.9L271.1 13L291.1 13L303 12.6L318.1 12.5L339.3 15.7L358.1 19.5L368.8 12.3L385.5 15.1L400.6 11.3L421.5 9.7L435.9 13.1L453.9 20.1L470 11L484.9 12.4L499.3 14.1L513.3 15.4L530.6 11.8L551.5 14.5L571.9 16.6L589.5 15.2L605.5 17.3L626.8 13.8L645.3 12L662.4 13.2L676.3 13.7L695.9 19.5L707.2 18.8L718.1 13.9L730 9.9L751.9 11.6L769.5 10.7L785 16.1L796.6 20.1L817.3 19.7L837.9 19.9L857 12.3L867.1 12L878.1 9L900 15V36H0Z' fill='%23a9dcfb'/%3E%3Cpath d='M0 15L10 20L23.5 11.5L42.2 15.4L56.2 18L75.2 15.5L93.5 16.6L113.3 11.9L127.7 17.5L146.1 9.6L164.3 14.6L185.4 18.7L196.9 15.2L217.9 17.3L235.7 15.9L256.6 19.9L271.1 13L291.1 13L303 12.6L318.1 12.5L339.3 15.7L358.1 19.5L368.8 12.3L385.5 15.1L400.6 11.3L421.5 9.7L435.9 13.1L453.9 20.1L470 11L484.9 12.4L499.3 14.1L513.3 15.4L530.6 11.8L551.5 14.5L571.9 16.6L589.5 15.2L605.5 17.3L626.8 13.8L645.3 12L662.4 13.2L676.3 13.7L695.9 19.5L707.2 18.8L718.1 13.9L730 9.9L751.9 11.6L769.5 10.7L785 16.1L796.6 20.1L817.3 19.7L837.9 19.9L857 12.3L867.1 12L878.1 9L900 15L900 22L878.1 16L867.1 19L857 19.3L837.9 26.9L817.3 26.7L796.6 27.1L785 23.1L769.5 17.7L751.9 18.6L730 16.9L718.1 20.9L707.2 25.8L695.9 26.5L676.3 20.7L662.4 20.2L645.3 19L626.8 20.8L605.5 24.3L589.5 22.2L571.9 23.6L551.5 21.5L530.6 18.8L513.3 22.4L499.3 21.1L484.9 19.4L470 18L453.9 27.1L435.9 20.1L421.5 16.7L400.6 18.3L385.5 22.1L368.8 19.3L358.1 26.5L339.3 22.7L318.1 19.5L303 19.6L291.1 20L271.1 20L256.6 26.9L235.7 22.9L217.9 24.3L196.9 22.2L185.4 25.7L164.3 21.6L146.1 16.6L127.7 24.5L113.3 18.9L93.5 23.6L75.2 22.5L56.2 25L42.2 22.4L23.5 18.5L10 27L0 22Z' fill='rgba(18,30,60,.32)' filter='url(%23b)'/%3E%3Cpath d='M0 15L10 20L23.5 11.5L42.2 15.4L56.2 18L75.2 15.5L93.5 16.6L113.3 11.9L127.7 17.5L146.1 9.6L164.3 14.6L185.4 18.7L196.9 15.2L217.9 17.3L235.7 15.9L256.6 19.9L271.1 13L291.1 13L303 12.6L318.1 12.5L339.3 15.7L358.1 19.5L368.8 12.3L385.5 15.1L400.6 11.3L421.5 9.7L435.9 13.1L453.9 20.1L470 11L484.9 12.4L499.3 14.1L513.3 15.4L530.6 11.8L551.5 14.5L571.9 16.6L589.5 15.2L605.5 17.3L626.8 13.8L645.3 12L662.4 13.2L676.3 13.7L695.9 19.5L707.2 18.8L718.1 13.9L730 9.9L751.9 11.6L769.5 10.7L785 16.1L796.6 20.1L817.3 19.7L837.9 19.9L857 12.3L867.1 12L878.1 9L900 15L900 11.5L896 9.9L892 11.2L888 8.2L884 8.7L880 7.4L876 5.9L872 6.2L868 9.5L864 10L860 7.9L856 9L852 12.6L848 13.1L844 15.5L840 17.5L836 15.5L832 17.3L828 17.9L824 15.5L820 16.1L816 17.1L812 15.7L808 15.6L804 17.7L800 16.7L796 17.7L792 15.7L788 14.2L784 12.1L780 11.9L776 8.7L772 8.3L768 6.6L764 8.1L760 8L756 7.7L752 8.1L748 7.3L744 6.6L740 8.8L736 6.4L732 7.7L728 8.4L724 8L720 8.8L716 11L712 12.9L708 14.2L704 16.4L700 17.4L696 16.8L692 13.8L688 12.7L684 12.9L680 11.9L676 9.1L672 9.4L668 9.1L664 9.5L660 9.5L656 9.2L652 8.7L648 8.9L644 9L640 9.4L636 10.1L632 10.6L628 10.4L624 10.7L620 10.9L616 11.1L612 12.1L608 14L604 13.2L600 12.6L596 11.7L592 13.2L588 13.4L584 12.8L580 14.3L576 14.7L572 14L568 13.4L564 14L560 10.8L556 11.9L552 11.3L548 10.5L544 11.1L540 11.2L536 10.4L532 8.6L528 10.1L524 11.2L520 10.9L516 10.5L512 13.2L508 10.4L504 10.5L500 11.9L496 11.9L492 10.4L488 10L484 8.4L480 8.3L476 8.7L472 6.6L468 9.2L464 12.1L460 13L456 16.7L452 17.4L448 15.6L444 11.8L440 11.3L436 11.5L432 10.3L428 9.3L424 8.4L420 7.8L416 8.4L412 6.1L408 7L404 7.6L400 7.6L396 10.8L392 9L388 10.8L384 10.5L380 9.8L376 9.4L372 8.9L368 11L364 12.6L360 14.6L356 16.8L352 15.8L348 13.7L344 14.4L340 12.6L336 12.7L332 12.9L328 10.1L324 10.7L320 8.9L316 9.4L312 9.3L308 9.4L304 9L300 10.6L296 9.9L292 10.8L288 10L284 8.6L280 9.1L276 9.7L272 9.9L268 12.5L264 12.8L260 16.1L256 15.4L252 14.8L248 14.8L244 12.9L240 12.2L236 13.4L232 14L228 13.6L224 13L220 14.5L216 13.3L212 13.2L208 13.7L204 12.6L200 11.2L196 12.7L192 14.4L188 15.1L184 14.2L180 13.9L176 14.5L172 13.2L168 11.4L164 10.1L160 8.8L156 8.1L152 7L148 8.4L144 6.2L140 8.6L136 11.9L132 11.3L128 15.4L124 14.4L120 11.4L116 9.2L112 8.5L108 9.2L104 12.4L100 11.8L96 13.8L92 14.2L88 13.9L84 12.4L80 12.5L76 11L72 13.8L68 12.1L64 15.3L60 13.1L56 14.5L52 12.9L48 14.9L44 12.7L40 13L36 9.8L32 10.6L28 10.1L24 7.4L20 11.4L16 12.6L12 15.7L8 15.2L4 14.7L0 11.5Z' fill='%23fff6dc'/%3E%3C/svg%3E");
	--k-torn-dusk: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='36' viewBox='0 0 900 36'%3E%3Cdefs%3E%3Cfilter id='b' x='-2%' y='-60%' width='104%' height='220%'%3E%3CfeGaussianBlur stdDeviation='2.2'/%3E%3C/filter%3E%3C/defs%3E%3Cpath d='M0 15L10 20L23.5 11.5L42.2 15.4L56.2 18L75.2 15.5L93.5 16.6L113.3 11.9L127.7 17.5L146.1 9.6L164.3 14.6L185.4 18.7L196.9 15.2L217.9 17.3L235.7 15.9L256.6 19.9L271.1 13L291.1 13L303 12.6L318.1 12.5L339.3 15.7L358.1 19.5L368.8 12.3L385.5 15.1L400.6 11.3L421.5 9.7L435.9 13.1L453.9 20.1L470 11L484.9 12.4L499.3 14.1L513.3 15.4L530.6 11.8L551.5 14.5L571.9 16.6L589.5 15.2L605.5 17.3L626.8 13.8L645.3 12L662.4 13.2L676.3 13.7L695.9 19.5L707.2 18.8L718.1 13.9L730 9.9L751.9 11.6L769.5 10.7L785 16.1L796.6 20.1L817.3 19.7L837.9 19.9L857 12.3L867.1 12L878.1 9L900 15V36H0Z' fill='%237fb4ff'/%3E%3Cpath d='M0 15L10 20L23.5 11.5L42.2 15.4L56.2 18L75.2 15.5L93.5 16.6L113.3 11.9L127.7 17.5L146.1 9.6L164.3 14.6L185.4 18.7L196.9 15.2L217.9 17.3L235.7 15.9L256.6 19.9L271.1 13L291.1 13L303 12.6L318.1 12.5L339.3 15.7L358.1 19.5L368.8 12.3L385.5 15.1L400.6 11.3L421.5 9.7L435.9 13.1L453.9 20.1L470 11L484.9 12.4L499.3 14.1L513.3 15.4L530.6 11.8L551.5 14.5L571.9 16.6L589.5 15.2L605.5 17.3L626.8 13.8L645.3 12L662.4 13.2L676.3 13.7L695.9 19.5L707.2 18.8L718.1 13.9L730 9.9L751.9 11.6L769.5 10.7L785 16.1L796.6 20.1L817.3 19.7L837.9 19.9L857 12.3L867.1 12L878.1 9L900 15L900 22L878.1 16L867.1 19L857 19.3L837.9 26.9L817.3 26.7L796.6 27.1L785 23.1L769.5 17.7L751.9 18.6L730 16.9L718.1 20.9L707.2 25.8L695.9 26.5L676.3 20.7L662.4 20.2L645.3 19L626.8 20.8L605.5 24.3L589.5 22.2L571.9 23.6L551.5 21.5L530.6 18.8L513.3 22.4L499.3 21.1L484.9 19.4L470 18L453.9 27.1L435.9 20.1L421.5 16.7L400.6 18.3L385.5 22.1L368.8 19.3L358.1 26.5L339.3 22.7L318.1 19.5L303 19.6L291.1 20L271.1 20L256.6 26.9L235.7 22.9L217.9 24.3L196.9 22.2L185.4 25.7L164.3 21.6L146.1 16.6L127.7 24.5L113.3 18.9L93.5 23.6L75.2 22.5L56.2 25L42.2 22.4L23.5 18.5L10 27L0 22Z' fill='rgba(18,30,60,.34)' filter='url(%23b)'/%3E%3Cpath d='M0 15L10 20L23.5 11.5L42.2 15.4L56.2 18L75.2 15.5L93.5 16.6L113.3 11.9L127.7 17.5L146.1 9.6L164.3 14.6L185.4 18.7L196.9 15.2L217.9 17.3L235.7 15.9L256.6 19.9L271.1 13L291.1 13L303 12.6L318.1 12.5L339.3 15.7L358.1 19.5L368.8 12.3L385.5 15.1L400.6 11.3L421.5 9.7L435.9 13.1L453.9 20.1L470 11L484.9 12.4L499.3 14.1L513.3 15.4L530.6 11.8L551.5 14.5L571.9 16.6L589.5 15.2L605.5 17.3L626.8 13.8L645.3 12L662.4 13.2L676.3 13.7L695.9 19.5L707.2 18.8L718.1 13.9L730 9.9L751.9 11.6L769.5 10.7L785 16.1L796.6 20.1L817.3 19.7L837.9 19.9L857 12.3L867.1 12L878.1 9L900 15L900 11.5L896 9.9L892 11.2L888 8.2L884 8.7L880 7.4L876 5.9L872 6.2L868 9.5L864 10L860 7.9L856 9L852 12.6L848 13.1L844 15.5L840 17.5L836 15.5L832 17.3L828 17.9L824 15.5L820 16.1L816 17.1L812 15.7L808 15.6L804 17.7L800 16.7L796 17.7L792 15.7L788 14.2L784 12.1L780 11.9L776 8.7L772 8.3L768 6.6L764 8.1L760 8L756 7.7L752 8.1L748 7.3L744 6.6L740 8.8L736 6.4L732 7.7L728 8.4L724 8L720 8.8L716 11L712 12.9L708 14.2L704 16.4L700 17.4L696 16.8L692 13.8L688 12.7L684 12.9L680 11.9L676 9.1L672 9.4L668 9.1L664 9.5L660 9.5L656 9.2L652 8.7L648 8.9L644 9L640 9.4L636 10.1L632 10.6L628 10.4L624 10.7L620 10.9L616 11.1L612 12.1L608 14L604 13.2L600 12.6L596 11.7L592 13.2L588 13.4L584 12.8L580 14.3L576 14.7L572 14L568 13.4L564 14L560 10.8L556 11.9L552 11.3L548 10.5L544 11.1L540 11.2L536 10.4L532 8.6L528 10.1L524 11.2L520 10.9L516 10.5L512 13.2L508 10.4L504 10.5L500 11.9L496 11.9L492 10.4L488 10L484 8.4L480 8.3L476 8.7L472 6.6L468 9.2L464 12.1L460 13L456 16.7L452 17.4L448 15.6L444 11.8L440 11.3L436 11.5L432 10.3L428 9.3L424 8.4L420 7.8L416 8.4L412 6.1L408 7L404 7.6L400 7.6L396 10.8L392 9L388 10.8L384 10.5L380 9.8L376 9.4L372 8.9L368 11L364 12.6L360 14.6L356 16.8L352 15.8L348 13.7L344 14.4L340 12.6L336 12.7L332 12.9L328 10.1L324 10.7L320 8.9L316 9.4L312 9.3L308 9.4L304 9L300 10.6L296 9.9L292 10.8L288 10L284 8.6L280 9.1L276 9.7L272 9.9L268 12.5L264 12.8L260 16.1L256 15.4L252 14.8L248 14.8L244 12.9L240 12.2L236 13.4L232 14L228 13.6L224 13L220 14.5L216 13.3L212 13.2L208 13.7L204 12.6L200 11.2L196 12.7L192 14.4L188 15.1L184 14.2L180 13.9L176 14.5L172 13.2L168 11.4L164 10.1L160 8.8L156 8.1L152 7L148 8.4L144 6.2L140 8.6L136 11.9L132 11.3L128 15.4L124 14.4L120 11.4L116 9.2L112 8.5L108 9.2L104 12.4L100 11.8L96 13.8L92 14.2L88 13.9L84 12.4L80 12.5L76 11L72 13.8L68 12.1L64 15.3L60 13.1L56 14.5L52 12.9L48 14.9L44 12.7L40 13L36 9.8L32 10.6L28 10.1L24 7.4L20 11.4L16 12.6L12 15.7L8 15.2L4 14.7L0 11.5Z' fill='%23fff6dc'/%3E%3C/svg%3E");
	--k-torn-ember: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='36' viewBox='0 0 900 36'%3E%3Cdefs%3E%3Cfilter id='b' x='-2%' y='-60%' width='104%' height='220%'%3E%3CfeGaussianBlur stdDeviation='2.2'/%3E%3C/filter%3E%3C/defs%3E%3Cpath d='M0 15L10 20L23.5 11.5L42.2 15.4L56.2 18L75.2 15.5L93.5 16.6L113.3 11.9L127.7 17.5L146.1 9.6L164.3 14.6L185.4 18.7L196.9 15.2L217.9 17.3L235.7 15.9L256.6 19.9L271.1 13L291.1 13L303 12.6L318.1 12.5L339.3 15.7L358.1 19.5L368.8 12.3L385.5 15.1L400.6 11.3L421.5 9.7L435.9 13.1L453.9 20.1L470 11L484.9 12.4L499.3 14.1L513.3 15.4L530.6 11.8L551.5 14.5L571.9 16.6L589.5 15.2L605.5 17.3L626.8 13.8L645.3 12L662.4 13.2L676.3 13.7L695.9 19.5L707.2 18.8L718.1 13.9L730 9.9L751.9 11.6L769.5 10.7L785 16.1L796.6 20.1L817.3 19.7L837.9 19.9L857 12.3L867.1 12L878.1 9L900 15V36H0Z' fill='%233d0a05'/%3E%3Cpath d='M0 15L10 20L23.5 11.5L42.2 15.4L56.2 18L75.2 15.5L93.5 16.6L113.3 11.9L127.7 17.5L146.1 9.6L164.3 14.6L185.4 18.7L196.9 15.2L217.9 17.3L235.7 15.9L256.6 19.9L271.1 13L291.1 13L303 12.6L318.1 12.5L339.3 15.7L358.1 19.5L368.8 12.3L385.5 15.1L400.6 11.3L421.5 9.7L435.9 13.1L453.9 20.1L470 11L484.9 12.4L499.3 14.1L513.3 15.4L530.6 11.8L551.5 14.5L571.9 16.6L589.5 15.2L605.5 17.3L626.8 13.8L645.3 12L662.4 13.2L676.3 13.7L695.9 19.5L707.2 18.8L718.1 13.9L730 9.9L751.9 11.6L769.5 10.7L785 16.1L796.6 20.1L817.3 19.7L837.9 19.9L857 12.3L867.1 12L878.1 9L900 15L900 22L878.1 16L867.1 19L857 19.3L837.9 26.9L817.3 26.7L796.6 27.1L785 23.1L769.5 17.7L751.9 18.6L730 16.9L718.1 20.9L707.2 25.8L695.9 26.5L676.3 20.7L662.4 20.2L645.3 19L626.8 20.8L605.5 24.3L589.5 22.2L571.9 23.6L551.5 21.5L530.6 18.8L513.3 22.4L499.3 21.1L484.9 19.4L470 18L453.9 27.1L435.9 20.1L421.5 16.7L400.6 18.3L385.5 22.1L368.8 19.3L358.1 26.5L339.3 22.7L318.1 19.5L303 19.6L291.1 20L271.1 20L256.6 26.9L235.7 22.9L217.9 24.3L196.9 22.2L185.4 25.7L164.3 21.6L146.1 16.6L127.7 24.5L113.3 18.9L93.5 23.6L75.2 22.5L56.2 25L42.2 22.4L23.5 18.5L10 27L0 22Z' fill='rgba(0,0,0,.5)' filter='url(%23b)'/%3E%3Cpath d='M0 15L10 20L23.5 11.5L42.2 15.4L56.2 18L75.2 15.5L93.5 16.6L113.3 11.9L127.7 17.5L146.1 9.6L164.3 14.6L185.4 18.7L196.9 15.2L217.9 17.3L235.7 15.9L256.6 19.9L271.1 13L291.1 13L303 12.6L318.1 12.5L339.3 15.7L358.1 19.5L368.8 12.3L385.5 15.1L400.6 11.3L421.5 9.7L435.9 13.1L453.9 20.1L470 11L484.9 12.4L499.3 14.1L513.3 15.4L530.6 11.8L551.5 14.5L571.9 16.6L589.5 15.2L605.5 17.3L626.8 13.8L645.3 12L662.4 13.2L676.3 13.7L695.9 19.5L707.2 18.8L718.1 13.9L730 9.9L751.9 11.6L769.5 10.7L785 16.1L796.6 20.1L817.3 19.7L837.9 19.9L857 12.3L867.1 12L878.1 9L900 15L900 11.5L896 9.9L892 11.2L888 8.2L884 8.7L880 7.4L876 5.9L872 6.2L868 9.5L864 10L860 7.9L856 9L852 12.6L848 13.1L844 15.5L840 17.5L836 15.5L832 17.3L828 17.9L824 15.5L820 16.1L816 17.1L812 15.7L808 15.6L804 17.7L800 16.7L796 17.7L792 15.7L788 14.2L784 12.1L780 11.9L776 8.7L772 8.3L768 6.6L764 8.1L760 8L756 7.7L752 8.1L748 7.3L744 6.6L740 8.8L736 6.4L732 7.7L728 8.4L724 8L720 8.8L716 11L712 12.9L708 14.2L704 16.4L700 17.4L696 16.8L692 13.8L688 12.7L684 12.9L680 11.9L676 9.1L672 9.4L668 9.1L664 9.5L660 9.5L656 9.2L652 8.7L648 8.9L644 9L640 9.4L636 10.1L632 10.6L628 10.4L624 10.7L620 10.9L616 11.1L612 12.1L608 14L604 13.2L600 12.6L596 11.7L592 13.2L588 13.4L584 12.8L580 14.3L576 14.7L572 14L568 13.4L564 14L560 10.8L556 11.9L552 11.3L548 10.5L544 11.1L540 11.2L536 10.4L532 8.6L528 10.1L524 11.2L520 10.9L516 10.5L512 13.2L508 10.4L504 10.5L500 11.9L496 11.9L492 10.4L488 10L484 8.4L480 8.3L476 8.7L472 6.6L468 9.2L464 12.1L460 13L456 16.7L452 17.4L448 15.6L444 11.8L440 11.3L436 11.5L432 10.3L428 9.3L424 8.4L420 7.8L416 8.4L412 6.1L408 7L404 7.6L400 7.6L396 10.8L392 9L388 10.8L384 10.5L380 9.8L376 9.4L372 8.9L368 11L364 12.6L360 14.6L356 16.8L352 15.8L348 13.7L344 14.4L340 12.6L336 12.7L332 12.9L328 10.1L324 10.7L320 8.9L316 9.4L312 9.3L308 9.4L304 9L300 10.6L296 9.9L292 10.8L288 10L284 8.6L280 9.1L276 9.7L272 9.9L268 12.5L264 12.8L260 16.1L256 15.4L252 14.8L248 14.8L244 12.9L240 12.2L236 13.4L232 14L228 13.6L224 13L220 14.5L216 13.3L212 13.2L208 13.7L204 12.6L200 11.2L196 12.7L192 14.4L188 15.1L184 14.2L180 13.9L176 14.5L172 13.2L168 11.4L164 10.1L160 8.8L156 8.1L152 7L148 8.4L144 6.2L140 8.6L136 11.9L132 11.3L128 15.4L124 14.4L120 11.4L116 9.2L112 8.5L108 9.2L104 12.4L100 11.8L96 13.8L92 14.2L88 13.9L84 12.4L80 12.5L76 11L72 13.8L68 12.1L64 15.3L60 13.1L56 14.5L52 12.9L48 14.9L44 12.7L40 13L36 9.8L32 10.6L28 10.1L24 7.4L20 11.4L16 12.6L12 15.7L8 15.2L4 14.7L0 11.5Z' fill='%23fff6dc'/%3E%3C/svg%3E");
	--k-torn-edge: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='36' viewBox='0 0 900 36'%3E%3Cdefs%3E%3Cfilter id='b' x='-2%' y='-60%' width='104%' height='220%'%3E%3CfeGaussianBlur stdDeviation='2.2'/%3E%3C/filter%3E%3C/defs%3E%3Cpath d='M0 15L10 20L23.5 11.5L42.2 15.4L56.2 18L75.2 15.5L93.5 16.6L113.3 11.9L127.7 17.5L146.1 9.6L164.3 14.6L185.4 18.7L196.9 15.2L217.9 17.3L235.7 15.9L256.6 19.9L271.1 13L291.1 13L303 12.6L318.1 12.5L339.3 15.7L358.1 19.5L368.8 12.3L385.5 15.1L400.6 11.3L421.5 9.7L435.9 13.1L453.9 20.1L470 11L484.9 12.4L499.3 14.1L513.3 15.4L530.6 11.8L551.5 14.5L571.9 16.6L589.5 15.2L605.5 17.3L626.8 13.8L645.3 12L662.4 13.2L676.3 13.7L695.9 19.5L707.2 18.8L718.1 13.9L730 9.9L751.9 11.6L769.5 10.7L785 16.1L796.6 20.1L817.3 19.7L837.9 19.9L857 12.3L867.1 12L878.1 9L900 15L900 22L878.1 16L867.1 19L857 19.3L837.9 26.9L817.3 26.7L796.6 27.1L785 23.1L769.5 17.7L751.9 18.6L730 16.9L718.1 20.9L707.2 25.8L695.9 26.5L676.3 20.7L662.4 20.2L645.3 19L626.8 20.8L605.5 24.3L589.5 22.2L571.9 23.6L551.5 21.5L530.6 18.8L513.3 22.4L499.3 21.1L484.9 19.4L470 18L453.9 27.1L435.9 20.1L421.5 16.7L400.6 18.3L385.5 22.1L368.8 19.3L358.1 26.5L339.3 22.7L318.1 19.5L303 19.6L291.1 20L271.1 20L256.6 26.9L235.7 22.9L217.9 24.3L196.9 22.2L185.4 25.7L164.3 21.6L146.1 16.6L127.7 24.5L113.3 18.9L93.5 23.6L75.2 22.5L56.2 25L42.2 22.4L23.5 18.5L10 27L0 22Z' fill='rgba(18,30,60,.34)' filter='url(%23b)'/%3E%3Cpath d='M0 15L10 20L23.5 11.5L42.2 15.4L56.2 18L75.2 15.5L93.5 16.6L113.3 11.9L127.7 17.5L146.1 9.6L164.3 14.6L185.4 18.7L196.9 15.2L217.9 17.3L235.7 15.9L256.6 19.9L271.1 13L291.1 13L303 12.6L318.1 12.5L339.3 15.7L358.1 19.5L368.8 12.3L385.5 15.1L400.6 11.3L421.5 9.7L435.9 13.1L453.9 20.1L470 11L484.9 12.4L499.3 14.1L513.3 15.4L530.6 11.8L551.5 14.5L571.9 16.6L589.5 15.2L605.5 17.3L626.8 13.8L645.3 12L662.4 13.2L676.3 13.7L695.9 19.5L707.2 18.8L718.1 13.9L730 9.9L751.9 11.6L769.5 10.7L785 16.1L796.6 20.1L817.3 19.7L837.9 19.9L857 12.3L867.1 12L878.1 9L900 15L900 11.5L896 9.9L892 11.2L888 8.2L884 8.7L880 7.4L876 5.9L872 6.2L868 9.5L864 10L860 7.9L856 9L852 12.6L848 13.1L844 15.5L840 17.5L836 15.5L832 17.3L828 17.9L824 15.5L820 16.1L816 17.1L812 15.7L808 15.6L804 17.7L800 16.7L796 17.7L792 15.7L788 14.2L784 12.1L780 11.9L776 8.7L772 8.3L768 6.6L764 8.1L760 8L756 7.7L752 8.1L748 7.3L744 6.6L740 8.8L736 6.4L732 7.7L728 8.4L724 8L720 8.8L716 11L712 12.9L708 14.2L704 16.4L700 17.4L696 16.8L692 13.8L688 12.7L684 12.9L680 11.9L676 9.1L672 9.4L668 9.1L664 9.5L660 9.5L656 9.2L652 8.7L648 8.9L644 9L640 9.4L636 10.1L632 10.6L628 10.4L624 10.7L620 10.9L616 11.1L612 12.1L608 14L604 13.2L600 12.6L596 11.7L592 13.2L588 13.4L584 12.8L580 14.3L576 14.7L572 14L568 13.4L564 14L560 10.8L556 11.9L552 11.3L548 10.5L544 11.1L540 11.2L536 10.4L532 8.6L528 10.1L524 11.2L520 10.9L516 10.5L512 13.2L508 10.4L504 10.5L500 11.9L496 11.9L492 10.4L488 10L484 8.4L480 8.3L476 8.7L472 6.6L468 9.2L464 12.1L460 13L456 16.7L452 17.4L448 15.6L444 11.8L440 11.3L436 11.5L432 10.3L428 9.3L424 8.4L420 7.8L416 8.4L412 6.1L408 7L404 7.6L400 7.6L396 10.8L392 9L388 10.8L384 10.5L380 9.8L376 9.4L372 8.9L368 11L364 12.6L360 14.6L356 16.8L352 15.8L348 13.7L344 14.4L340 12.6L336 12.7L332 12.9L328 10.1L324 10.7L320 8.9L316 9.4L312 9.3L308 9.4L304 9L300 10.6L296 9.9L292 10.8L288 10L284 8.6L280 9.1L276 9.7L272 9.9L268 12.5L264 12.8L260 16.1L256 15.4L252 14.8L248 14.8L244 12.9L240 12.2L236 13.4L232 14L228 13.6L224 13L220 14.5L216 13.3L212 13.2L208 13.7L204 12.6L200 11.2L196 12.7L192 14.4L188 15.1L184 14.2L180 13.9L176 14.5L172 13.2L168 11.4L164 10.1L160 8.8L156 8.1L152 7L148 8.4L144 6.2L140 8.6L136 11.9L132 11.3L128 15.4L124 14.4L120 11.4L116 9.2L112 8.5L108 9.2L104 12.4L100 11.8L96 13.8L92 14.2L88 13.9L84 12.4L80 12.5L76 11L72 13.8L68 12.1L64 15.3L60 13.1L56 14.5L52 12.9L48 14.9L44 12.7L40 13L36 9.8L32 10.6L28 10.1L24 7.4L20 11.4L16 12.6L12 15.7L8 15.2L4 14.7L0 11.5Z' fill='%23fff6dc'/%3E%3C/svg%3E");
	--k-torn-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='36' viewBox='0 0 900 36'%3E%3Cpath d='M0 15L10 20L23.5 11.5L42.2 15.4L56.2 18L75.2 15.5L93.5 16.6L113.3 11.9L127.7 17.5L146.1 9.6L164.3 14.6L185.4 18.7L196.9 15.2L217.9 17.3L235.7 15.9L256.6 19.9L271.1 13L291.1 13L303 12.6L318.1 12.5L339.3 15.7L358.1 19.5L368.8 12.3L385.5 15.1L400.6 11.3L421.5 9.7L435.9 13.1L453.9 20.1L470 11L484.9 12.4L499.3 14.1L513.3 15.4L530.6 11.8L551.5 14.5L571.9 16.6L589.5 15.2L605.5 17.3L626.8 13.8L645.3 12L662.4 13.2L676.3 13.7L695.9 19.5L707.2 18.8L718.1 13.9L730 9.9L751.9 11.6L769.5 10.7L785 16.1L796.6 20.1L817.3 19.7L837.9 19.9L857 12.3L867.1 12L878.1 9L900 15V36H0Z' fill='%23000'/%3E%3C/svg%3E");
	--k-sparkle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Cg fill='%23ffcf4a' stroke='%233a2616' stroke-width='3' stroke-linejoin='round'%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");
}
/* Nada de scroll lateral por las piezas giradas o que asoman */
html.wl-kx .wl { overflow-x: clip; }
/* Al saltar con las pestañas aparece la cabecera fija del tema (90 px): en Comunidad la cartulina empieza casi arriba */
html.wl-kx .wl-sec, html.wl-kx .wl-book-con { scroll-margin-top: 0; }
html.wl-kx .wl-volcano { scroll-margin-top: 90px; }

/* ── Piezas comunes ─────────────────────────────────────────────────────────────────────────────────────────── */
html.wl-kx .k-deco { position: absolute; display: block; pointer-events: none; }
html.wl-kx .k-stk { background: center / contain no-repeat; filter: drop-shadow(4px 5px 0 rgba(58, 38, 22, .42)); }
html.wl-kx .k-stk--wetlands04 { background-image: url(kuxaan/st-wetlands04.webp); }
html.wl-kx .k-stk--volcanic03 { background-image: url(kuxaan/st-volcanic03.webp); }
html.wl-kx .k-stk--emoji2 { background-image: url(kuxaan/st-emoji2.webp); }

/* Cinta washi (solo donde sujeta algo: la ficha de El juego, la foto central de la galería y el póster) */
html.wl-kx .k-tape { z-index: 4; width: 116px; height: 32px; clip-path: var(--k-zig); background-color: rgba(106, 215, 201, .86);
	background-image: repeating-linear-gradient(90deg, rgba(255, 255, 255, .22) 0 7px, transparent 7px 14px), linear-gradient(180deg, rgba(255, 255, 255, .25), transparent 60%); }
html.wl-kx .k-tape--honey { background-color: rgba(255, 207, 74, .9); }
html.wl-kx .k-tape--sky { background-color: rgba(124, 200, 245, .88); }
html.wl-kx .k-tape--tl { top: -14px; left: -34px; rotate: -34deg; }
html.wl-kx .k-tape--tr { top: -14px; right: -34px; rotate: 34deg; }
html.wl-kx .k-tape--br { bottom: -12px; right: -32px; rotate: -32deg; }
html.wl-kx .k-tape--top { top: -18px; left: 50%; margin-left: -58px; rotate: -3deg; }

/* Hexágono del Kuxaan troquelado: papel, tinta, anillo dorado y el color del bioma; el Hântu sale por arriba */
html.wl-kx .k-hex { --s: 130px; z-index: 5; width: var(--s); height: calc(var(--s) * 1.12); filter: drop-shadow(5px 6px 0 rgba(58, 38, 22, .45)); }
html.wl-kx .k-hex::before, html.wl-kx .k-hex::after, html.wl-kx .k-hex > i, html.wl-kx .k-hex > i::after { content: ""; position: absolute; clip-path: var(--k-hexclip); }
html.wl-kx .k-hex::before { inset: 0; z-index: 0; background: var(--k-white); }
html.wl-kx .k-hex::after { inset: 6px 6px; z-index: 1; background: var(--k-ink); }
html.wl-kx .k-hex > i { inset: 10px 10px; z-index: 2; background: var(--k-honey); }
html.wl-kx .k-hex > i::after { inset: 6px 5px; background: radial-gradient(70% 60% at 50% 35%, #d9f59a, #79c94a 70%, #4f9e34) #79c94a; }
html.wl-kx .k-hex > b { position: absolute; z-index: 3; left: -8%; right: -8%; bottom: 7%; height: 104%; background-position: center bottom; filter: none; }

/* Notas a mano: tinta marrón con halo de papel sobre fondos claros; crema con halo oscuro sobre la noche */
html.wl-kx .k-note { z-index: 7; color: var(--k-ink); white-space: nowrap; font: 700 36px/1 var(--k-hand); letter-spacing: .02em; }
html.wl-kx .k-note span { display: inline-block; rotate: -4deg; text-shadow: 0 0 2px #fffaf0, 0 0 8px rgba(255, 252, 240, .95), 0 0 18px rgba(255, 252, 240, .8); }
html.wl-kx .k-arrow { position: absolute; width: 70px; height: 70px; overflow: visible; fill: none; stroke: currentColor; stroke-width: 4.4; stroke-linecap: round; stroke-linejoin: round;
	filter: drop-shadow(0 0 2px rgba(255, 252, 240, .95)) drop-shadow(0 0 5px rgba(255, 252, 240, .8)); }

/* Titulares de cartel (los seis, mismo tamaño): lettering grueso con trazo de tinta y extrusión (destellos solo en el primero) */
html.wl-kx body.wl-landing .wl .k-poster { position: relative; display: inline-block; max-width: min(980px, 100%); margin: 0 auto; padding: 0 .1em;
	font-family: "Averia Libre", Georgia, serif; font-weight: 700; font-size: clamp(40px, 5.2vw, 74px); line-height: 1.04; letter-spacing: .005em; text-transform: none;
	color: var(--k-cream); -webkit-text-stroke: .15em var(--k-ink); paint-order: stroke fill; text-shadow: 0 .1em 0 var(--k-ink), 0 .16em .3em rgba(16, 30, 70, .3); text-wrap: balance; rotate: -1.5deg; }
html.wl-kx .wl .k-poster .w-leaf { color: var(--k-leaf); }
html.wl-kx .wl .k-poster .w-honey { color: var(--k-honey); }
html.wl-kx .wl .k-poster.k-spark .w { position: relative; }
html.wl-kx .wl .k-poster.k-spark .w:first-child::before, html.wl-kx .wl .k-poster.k-spark .w:last-child::after { content: ""; position: absolute; width: .78em; height: .78em; background: var(--k-sparkle) center / contain no-repeat; -webkit-text-stroke: 0; }
html.wl-kx .wl .k-poster.k-spark .w:first-child::before { right: calc(100% + .14em); top: -.22em; }
html.wl-kx .wl .k-poster.k-spark .w:last-child::after { left: calc(100% + .1em); bottom: -.1em; scale: -.8 .8; }

@supports not (paint-order: stroke fill) {
	html.wl-kx body.wl-landing .wl .k-poster, html.wl-kx .wl .arena .now b, html.wl-kx body.wl-landing .wl .lore-card h3 { -webkit-text-stroke: 0;
		text-shadow: 2px 0 0 var(--k-ink), -2px 0 0 var(--k-ink), 0 2px 0 var(--k-ink), 0 -2px 0 var(--k-ink), 2px 2px 0 var(--k-ink), -2px 2px 0 var(--k-ink), 2px -2px 0 var(--k-ink), -2px -2px 0 var(--k-ink), 0 .1em 0 var(--k-ink); }
}

/* Antetítulos como sellos de goma del diario: papel, doble filete y tinta naranja tostada (5,3:1 sobre el papel) */
html.wl-kx .wl .wl-head { display: flex; flex-direction: column; align-items: center; }
html.wl-kx body.wl-landing .wl .wl-head .eyebrow { display: inline-block; margin: 0 0 20px; padding: 8px 16px 7px; border: 3px solid var(--k-stampink); border-radius: 9px; rotate: -3deg;
	background: var(--k-cream); box-shadow: inset 0 0 0 2px var(--k-cream), inset 0 0 0 3.5px rgba(168, 74, 8, .6), var(--k-pop-s);
	color: var(--k-stampink); font-size: 15px; font-weight: 700; line-height: 1; letter-spacing: .2em; }

/* Corte de papel rasgado al pie de una sección (pinta el color liso de la siguiente) */
html.wl-kx .wl .wl-wave { display: none; }
html.wl-kx .wl .k-torn { left: 0; right: 0; bottom: -1px; z-index: 1; height: 36px; background: var(--k-torn-sky) 0 100% / 900px 36px repeat-x; }
html.wl-kx .wl .k-torn--dusk { background-image: var(--k-torn-dusk); background-position: 37% 100%; }
html.wl-kx .wl .k-torn--ember { background-image: var(--k-torn-ember); background-position: 71% 100%; }
/* …y en las que empiezan con arte (Puntos clave, galería), el corte va en su propio fondo: la máscara recorta el arte
   con la línea rasgada (arriba queda el color de la sección anterior) y k-torn-in pinta la fibra y la sombra encima */
html.wl-kx .k-torn-in { left: 0; right: 0; top: 0; z-index: 1; height: 36px; background: var(--k-torn-edge) 0 0 / 900px 36px repeat-x; }
html.wl-kx body.wl-landing .wl-points::before, html.wl-kx body.wl-landing .wl-gallery::before {
	-webkit-mask-image: var(--k-torn-mask), linear-gradient(#000 0, #000 calc(100% - 200px), transparent); mask-image: var(--k-torn-mask), linear-gradient(#000 0, #000 calc(100% - 200px), transparent);
	-webkit-mask-position: 20px 20px, 0 56px; mask-position: 20px 20px, 0 56px;
	-webkit-mask-size: 900px 36px, 100% calc(100% - 56px); mask-size: 900px 36px, 100% calc(100% - 56px);
	-webkit-mask-repeat: repeat-x, no-repeat; mask-repeat: repeat-x, no-repeat; }
/* Debajo del arte, un azul medio (no casi blanco): el bosque se funde con él antes del corte de la galería y la galería
   con él antes del corte del anochecer; arriba del todo, el del cielo del libro, para que el rasgado empalme */
html.wl-kx body.wl-landing .wl-points { background: linear-gradient(180deg, #c9e8fc 0, #c9e8fc 40px, #a9cbe8 100%) #b9daf2; }
html.wl-kx body.wl-landing .wl-gallery { background: linear-gradient(180deg, #a9cbe8 0, #9cc2ee 100%) #a3c6ea; }
/* (en la galería, el mismo trazo desplazado para que los dos cortes seguidos no sean iguales) */
html.wl-kx .wl-gallery .k-torn-in { background-position: -317px 0; }
html.wl-kx body.wl-landing .wl-gallery::before { -webkit-mask-position: -297px 20px, 0 56px; mask-position: -297px 20px, 0 56px; }

/* ── Pestañas de cuero del Kuxaan (navegación fija en el canto derecho) ────────────────────────────────────────── */
html.wl-kx .k-tabs { position: fixed; z-index: 59; right: 0; top: calc(50% - 40px); display: none; flex-direction: column; align-items: flex-end; gap: 7px; translate: 0 -50%; pointer-events: none; }
html.wl-kx .k-tab { pointer-events: auto; position: relative; display: flex; align-items: center; justify-content: flex-start; gap: 10px; height: 46px; padding: 0 12px 0 15px; min-width: 54px;
	border: 3px solid var(--k-ink); border-right: 0; border-radius: 14px 0 0 14px; background: var(--k-leather);
	color: #f8eac4 !important; font: 700 13px/1 "Averia Libre", Georgia, serif; letter-spacing: .08em; text-transform: uppercase; white-space: nowrap; text-shadow: 0 1px 0 rgba(30, 15, 5, .7);
	box-shadow: inset 0 2px 0 rgba(255, 225, 170, .25), -3px 4px 0 rgba(58, 38, 22, .55);
	transition: translate .3s var(--k-bounce), padding .3s var(--k-bounce), background .2s, color .2s; }
html.wl-kx .k-tab::before { content: ""; position: absolute; top: 4px; bottom: 4px; left: 4px; right: 0; border: 1.5px dashed rgba(248, 234, 196, .5); border-right: 0; border-radius: 10px 0 0 10px; pointer-events: none; }
html.wl-kx .k-tab i { width: 20px; font-size: 16px; text-align: center; color: #ffd978; }
/* El nombre se oculta solo a la vista (los lectores de pantalla lo siguen anunciando) */
html.wl-kx .k-tab .k-tab-name { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
/* Al pasar el ratón y la activa salen crecidas hacia la izquierda, sin despegarse del canto de la pantalla */
html.wl-kx .k-tab:hover, html.wl-kx .k-tab:focus-visible { padding-right: 18px; color: #fff !important; }
html.wl-kx .k-tab.on { padding-right: 24px; background: var(--k-paperbg); color: var(--k-ink) !important; text-shadow: none; box-shadow: inset 0 2px 0 #fff, -4px 5px 0 rgba(58, 38, 22, .6); }
html.wl-kx .k-tab.on::before { border-color: rgba(143, 109, 76, .45); }
html.wl-kx .k-tab.on i { color: var(--k-orange-d); }
/* Entre 1380 y 1659 px solo el icono; el nombre sale como etiqueta al pasar el ratón o con el foco */
html.wl-kx .k-tab:hover .k-tab-name, html.wl-kx .k-tab:focus-visible .k-tab-name { width: auto; height: auto; overflow: visible; clip-path: none; right: calc(100% + 10px); top: 50%; translate: 0 -50%; padding: 7px 12px 6px;
	border: 3px solid var(--k-ink); border-radius: 10px; background: var(--k-cream); color: var(--k-ink); text-shadow: none; box-shadow: var(--k-pop-s); }
/* (solo con canal lateral libre ≥ 80 px contando la barra de scroll, y altura para no chocar con el botón flotante de
   la demo ni con «volver arriba»). Escondidas, también sin visibilidad: ni foco con el tabulador ni clics invisibles. */
@media (min-width: 1380px) and (min-height: 760px) {
	html.wl-kx .k-tabs { display: flex; opacity: 0; visibility: hidden; translate: 40px -50%; transition: opacity .35s, translate .45s var(--k-bounce), visibility 0s linear .45s; }
	html.wl-kx .k-tabs.is-on { opacity: 1; visibility: visible; translate: 0 -50%; transition: opacity .35s, translate .45s var(--k-bounce), visibility 0s; }
}
/* Capturas sin movimiento: junto a El juego (como se verían al bajar de la cabecera), no en mitad de la ventana */
html.wl-kx.wl-static .k-tabs { position: absolute; top: calc(100% + 330px); translate: 0 0; }
/* Con sitio de sobra (canal lateral ≥ 230 px) las pestañas llevan su nombre */
@media (min-width: 1660px) and (min-height: 760px) {
	html.wl-kx .k-tab .k-tab-name, html.wl-kx .k-tab:hover .k-tab-name, html.wl-kx .k-tab:focus-visible .k-tab-name { position: static; width: auto; height: auto; overflow: visible; clip-path: none; translate: none; padding: 0; border: 0; background: none; color: inherit; box-shadow: none; }
	html.wl-kx .k-tab { min-width: 164px; }
}

/* ── 1. Cabecera ───────────────────────────────────────────────────────────────────────────────────────────── */
/* Logo: un filete de tinta alrededor para que «The Lost Spring» se lea también sobre las nubes */
html.wl-kx body.wl-landing .wl-hero .hero-logo { filter: drop-shadow(0 0 1.2px rgba(40, 26, 62, .95)) drop-shadow(0 2px 0 rgba(40, 26, 62, .85)) drop-shadow(0 6px 14px rgba(10, 20, 50, .55)); }
html.wl-kx body.wl-landing .wl-hero .hero-links { gap: 14px; margin-top: 8px; }
html.wl-kx body.wl-landing .wl-hero .hero-links a.k-tag { padding: 8px 15px 8px 12px; border: 3px solid var(--k-ink); border-radius: 12px; background: var(--k-paperbg); color: var(--k-ink);
	font-size: 16px; text-shadow: none; box-shadow: var(--k-pop-s); rotate: -2deg; transition: rotate .4s var(--k-bounce), translate .4s var(--k-bounce), background .2s; }
html.wl-kx body.wl-landing .wl-hero .hero-links a.k-tag:nth-child(2) { rotate: 1.5deg; }
html.wl-kx body.wl-landing .wl-hero .hero-links a.k-tag:nth-child(3) { rotate: -1deg; }
html.wl-kx body.wl-landing .wl-hero .hero-links a.k-tag:hover { rotate: 0deg; translate: 0 -3px; background: var(--k-honey); color: var(--k-ink); }
html.wl-kx body.wl-landing .wl-hero .hero-links a.k-tag i { font-size: 18px; color: #1b6fa8; }
html.wl-kx body.wl-landing .wl-hero .hero-links a.k-tag:nth-child(2) i { color: var(--k-orange-d); }
html.wl-kx body.wl-landing .wl-hero .hero-links a.k-tag:nth-child(3) i { color: var(--k-teal-d); }
html.wl-kx body.wl-landing .wl-hero .steam-install { padding: 3px 12px 4px; border-radius: 999px; background: rgba(34, 24, 52, .62); color: #fff; text-shadow: none; }
html.wl-kx body.wl-landing .wl-hero .steam-install:hover { background: rgba(34, 24, 52, .8); color: var(--k-honey); }

/* ── 2. Cinta de miel: premios en su parche de cuero, reseñas, prensa en bocadillos y la tienda ─────────────── */
html.wl-kx body.wl-landing .wl-proof.k-band { z-index: 6; width: 108%; margin: -52px -4% -46px; padding: 30px calc(4% + 20px) 34px; gap: 16px 14px; rotate: -1.6deg;
	background: #ffcd4c url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31.18' height='54' viewBox='0 0 31.18 54'%3E%3Cpath d='M15.59 0L31.18 9V27L15.59 36L0 27V9Z M15.59 36V54' fill='none' stroke='%23f4bb3a' stroke-width='2'/%3E%3C/svg%3E") 0 0 / 31.18px 54px;
	border-top: 5px solid var(--k-ink); border-bottom: 5px solid var(--k-ink); color: var(--k-ink); box-shadow: 0 12px 0 rgba(58, 38, 22, .2); }
/* Parche de cuero cosido con los laureles en blanco, grandes */
html.wl-kx body.wl-landing .wl-proof .k-patch { position: relative; gap: 6px; padding: 8px 18px 9px; border: 3px solid var(--k-ink); border-radius: 18px; background: var(--k-leather);
	box-shadow: inset 0 2px 0 rgba(255, 225, 170, .22), var(--k-pop-s); rotate: 1.2deg; }
html.wl-kx body.wl-landing .wl-proof .k-patch::before { content: ""; position: absolute; inset: 5px; border: 2px dashed rgba(255, 232, 186, .55); border-radius: 13px; pointer-events: none; }
html.wl-kx body.wl-landing .wl-proof .k-patch .laurel-s { position: relative; width: 114px; filter: drop-shadow(0 2px 0 rgba(20, 10, 0, .55)); }
html.wl-kx body.wl-landing .wl-proof .steam-reviews { padding: 9px 16px 9px 12px; border: 3px solid var(--k-ink); border-radius: 14px; background: var(--k-white); box-shadow: var(--k-pop-s); rotate: 2deg; color: var(--k-ink); }
html.wl-kx body.wl-landing .wl-proof .steam-reviews i, html.wl-kx body.wl-landing .wl-proof .steam-reviews b { color: #1b6fa8; }
html.wl-kx body.wl-landing .wl-proof .steam-reviews small { color: var(--k-ink2); }
html.wl-kx body.wl-landing .wl-proof .steam-reviews em { color: var(--k-teal-d); }
html.wl-kx body.wl-landing .wl-proof blockquote { position: relative; max-width: 196px; padding: 12px 16px 13px !important; border: 3px solid var(--k-ink) !important; border-radius: 18px;
	background: var(--k-white) !important; color: var(--k-ink); font-size: 15px; line-height: 1.32; box-shadow: var(--k-pop-s); rotate: -2deg; }
html.wl-kx body.wl-landing .wl-proof blockquote:nth-of-type(2) { rotate: 1.5deg; translate: 0 -6px; }
html.wl-kx body.wl-landing .wl-proof blockquote:nth-of-type(3) { rotate: -1deg; translate: 0 4px; }
html.wl-kx body.wl-landing .wl-proof blockquote::before { display: none; }
html.wl-kx body.wl-landing .wl-proof blockquote::after { content: ""; position: absolute; left: 24px; bottom: -11px; width: 18px; height: 18px; background: var(--k-white);
	border-right: 3px solid var(--k-ink); border-bottom: 3px solid var(--k-ink); transform: rotate(45deg) skew(10deg, 10deg); }
html.wl-kx body.wl-landing .wl-proof blockquote cite { color: var(--k-teal-d); font-weight: 700; }
html.wl-kx body.wl-landing .wl-proof .store { border: 3px solid var(--k-ink); border-radius: 14px; box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .5), var(--k-pop-s); rotate: -2deg;
	transition: rotate .4s var(--k-bounce), translate .4s var(--k-bounce); }
html.wl-kx body.wl-landing .wl-proof .store:hover { rotate: 0deg; translate: 0 -3px; color: #fff; }
/* Dos marcapáginas de tela del Kuxaan cuelgan de la cinta sobre la pradera */
html.wl-kx .wl-proof .k-ribbon { top: calc(100% + 5px); z-index: -1; width: 32px; height: 150px; rotate: 1.6deg; transform-origin: 50% 0;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 84%, 0 100%); filter: drop-shadow(3px 4px 0 rgba(58, 38, 22, .3)); }
html.wl-kx .wl-proof .k-ribbon::after { content: ""; position: absolute; left: 5px; right: 5px; top: 0; bottom: 14px; border-left: 1.5px dashed rgba(255, 255, 255, .55); border-right: 1.5px dashed rgba(255, 255, 255, .55); }
html.wl-kx .wl-proof .k-ribbon--teal { right: calc(4% + 17%); background: linear-gradient(90deg, #12807a, #3fc0b2 30%, #6fe0d2 50%, #3fc0b2 70%, #12807a); }
html.wl-kx .wl-proof .k-ribbon--gold { right: calc(4% + 17% + 40px); height: 112px; background: linear-gradient(90deg, #c27a12, #f2b544 30%, #ffe08a 50%, #f2b544 70%, #c27a12); }
/* En escritorio, siempre una fila: las citas ceden ancho (y ganan una línea) antes que saltar a una fila nueva, con la
   etiqueta de Steam más larga de cada idioma («Extremadamente positivas», «Overwhelmingly Positive»…) */
@media (min-width: 1100px) {
	html.wl-kx body.wl-landing .wl-proof.k-band { flex-wrap: nowrap; }
	html.wl-kx body.wl-landing .wl-proof blockquote { flex: 0 1 196px; min-width: 0; }
	html.wl-kx body.wl-landing .wl-proof .k-patch, html.wl-kx body.wl-landing .wl-proof .steam-reviews, html.wl-kx body.wl-landing .wl-proof .store { flex: none; }
}
/* Portátiles: la tienda sale de la fila y cuelga del canto de abajo de la cinta, como una etiqueta, junto a los marcapáginas */
@media (min-width: 1100px) and (max-width: 1439px) {
	html.wl-kx body.wl-landing .wl-proof.k-band { gap: 14px 12px; }
	html.wl-kx body.wl-landing .wl-proof .k-patch { padding: 7px 14px 8px; }
	html.wl-kx body.wl-landing .wl-proof .k-patch .laurel-s { width: 104px; }
	html.wl-kx body.wl-landing .wl-proof blockquote { flex-basis: 188px; font-size: 14px; padding: 10px 13px 11px !important; }
	html.wl-kx body.wl-landing .wl-proof .steam-reviews { padding: 8px 12px 8px 10px; }
	html.wl-kx body.wl-landing .wl-proof .store { position: absolute; z-index: 3; right: calc(4% + 28px); bottom: -72px; rotate: 3deg; }
}
/* Tableta: dos filas ordenadas (premios, reseñas y tienda; debajo, las tres citas) */
@media (min-width: 768px) and (max-width: 1099px) {
	html.wl-kx body.wl-landing .wl-proof.k-band { gap: 9px 14px; }
	html.wl-kx body.wl-landing .wl-proof.k-band::after { content: ""; order: 2; flex-basis: 100%; height: 0; }
	html.wl-kx body.wl-landing .wl-proof .k-patch .laurel-s { width: 104px; }
	html.wl-kx body.wl-landing .wl-proof .store { order: 2; }
	html.wl-kx body.wl-landing .wl-proof blockquote { order: 3; max-width: 200px; font-size: 14px; }
}
/* Tableta: el póster algo más estrecho para que la caja de compra tenga sitio y el botón de la demo quepa en una línea */
@media (min-width: 768px) and (max-width: 1099px) {
	html.wl-kx body.wl-landing .wl .buy { grid-template-columns: minmax(0, 300px) minmax(0, 1fr); gap: 44px; }
	html.wl-kx body.wl-landing .wl-final .box .cta-main a.demo-cta { font-size: 17px !important; padding: 0 56px 0 60px !important; white-space: nowrap; }
}

/* ── 3. El juego: cartel centrado, la ficha pegada con cinta, el tráiler como foto con esquineras ─────────────── */
html.wl-kx .wl-pitch { padding-top: 150px; }
html.wl-kx .wl-pitch .k-head { margin-bottom: 62px; }
html.wl-kx .wl-pitch .grid { grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr); gap: 74px; align-items: center; }
html.wl-kx .wl-pitch .copy { position: relative; padding: 42px 44px 40px; border: 4px solid var(--k-ink); border-radius: 22px; box-shadow: var(--k-pop); rotate: -1.6deg;
	background: var(--k-paperbg); -webkit-backdrop-filter: none; backdrop-filter: none; }
html.wl-kx body.wl-landing .wl-pitch .copy p.lead { color: var(--k-ink2); font-size: 19px; }
html.wl-kx body.wl-landing .wl-pitch .copy p.lead:last-of-type { margin-bottom: 0; }
html.wl-kx .wl-pitch .copy p.lead:first-of-type::first-letter { float: left; margin: 5px 4px 0 -2px; font-size: 3.5em; line-height: .78; font-weight: 700;
	color: var(--k-honey); -webkit-text-stroke: .1em var(--k-ink); paint-order: stroke fill; text-shadow: 0 .07em 0 var(--k-ink); }
html.wl-kx .wl-pitch .k-pitch-hex { --s: 118px; right: -60px; bottom: -86px; rotate: 9deg; }
html.wl-kx .wl-pitch .grid > .reveal { position: relative; }
html.wl-kx .wl .trailer { overflow: visible; transform: none; rotate: 2.4deg; border-radius: 6px; border: 12px solid #fffdf6; border-bottom-width: 58px;
	box-shadow: 0 0 0 3px var(--k-ink), 7px 9px 0 3px rgba(58, 38, 22, .92), 0 34px 54px -16px rgba(16, 30, 70, .5); transition: rotate .45s var(--k-bounce), scale .45s var(--k-bounce); }
html.wl-kx .wl .trailer:hover { transform: none; rotate: 0deg; scale: 1.02; }
html.wl-kx .wl .trailer img { border-radius: 2px; box-shadow: 0 0 0 2px rgba(58, 38, 22, .45); }
/* Esquineras de cuero, como en un álbum */
html.wl-kx .wl .trailer .k-corner { z-index: 3; width: 40px; height: 40px; background: var(--k-leather); filter: drop-shadow(1px 2px 1px rgba(30, 15, 5, .45)); }
html.wl-kx .wl .trailer .k-corner--tl { top: -16px; left: -16px; clip-path: polygon(0 0, 100% 0, 0 100%); }
html.wl-kx .wl .trailer .k-corner--tr { top: -16px; right: -16px; clip-path: polygon(0 0, 100% 0, 100% 100%); }
html.wl-kx .wl .trailer .k-corner--bl { bottom: -62px; left: -16px; clip-path: polygon(0 0, 100% 100%, 0 100%); }
html.wl-kx .wl .trailer .k-corner--br { bottom: -62px; right: -16px; clip-path: polygon(100% 0, 100% 100%, 0 100%); }
html.wl-kx .wl .trailer .k-cap { position: absolute; left: 0; right: 0; bottom: -54px; text-align: center; font: 700 40px/50px var(--k-hand); color: var(--k-ink); letter-spacing: .03em; }
html.wl-kx .wl .trailer .k-cap::before { content: "▶"; display: inline-block; margin-right: 12px; color: var(--k-orange-d); font: 700 .5em/1 "Averia Libre", sans-serif; vertical-align: .25em; }
html.wl-kx .wl .trailer .play-big b { width: 98px; height: 98px; padding-left: 7px; border: 4px solid var(--k-ink); background: var(--k-honey); color: var(--k-ink); font-size: 36px;
	box-shadow: 5px 6px 0 var(--k-ink); animation: none; }

/* ── 4. Enciclopedia: el libro no se toca. Cielo luminoso con nubes, nota a mano y Abi asomando detrás de la tapa ─ */
html.wl-kx .wl-book-con { background: radial-gradient(60% 34% at 50% 24%, rgba(255, 251, 226, .75), rgba(255, 251, 226, 0) 72%), linear-gradient(180deg, #a9dcfb 0%, #bbe2fc 52%, #c9e8fc 100%) #b9e1fb !important; }
/* En móvil el widget del libro, como elemento flex, medía unos 230 px más que el libro (Chrome calcula su alto
   intrínseco a otro ancho) y dejaba un hueco de cielo antes de Puntos clave. Como bloque normal mide lo que su
   contenido; kuxaan.js lo vigila igualmente con un ResizeObserver por si el libro cambia de alto. Abajo, aire hasta el
   corte de papel (mitad del hueco de 200 px con Puntos clave). */
html.wl-kx .wl-book-con.e-con { position: relative; display: block; padding-bottom: 96px; }
html.wl-kx .k-sky { inset: 0; z-index: 0; overflow: hidden; }
/* Nubes que cruzan el cielo de izquierda a derecha. Seis, cada una con su altura, tamaño, sentido de la imagen y
   velocidad (duraciones sin divisores comunes y desfases repartidos): el cielo nunca repite el mismo dibujo y siempre
   hay nubes a la vista. Además cada una sube y baja muy despacio, a su ritmo. */
html.wl-kx .k-cloud { left: 0; aspect-ratio: 900 / 594; background: url(../img/cloud.webp) center / contain no-repeat;
	animation: k-cross 110s linear infinite, k-bob 13s ease-in-out infinite alternate; will-change: transform; }
html.wl-kx .k-cloud--1 { top: 40px; width: 440px; animation-duration: 97s, 13s; animation-delay: -12s, -3s; }
html.wl-kx .k-cloud--2 { top: 210px; width: 560px; animation-name: k-cross-f, k-bob; animation-duration: 131s, 17s; animation-delay: -88s, -8s; }
html.wl-kx .k-cloud--3 { bottom: 140px; width: 520px; opacity: .9; animation-duration: 113s, 15s; animation-delay: -41s, -5s; }
html.wl-kx .k-cloud--4 { bottom: 10px; width: 380px; opacity: .92; animation-name: k-cross-f, k-bob; animation-duration: 79s, 11s; animation-delay: -60s, -2s; }
html.wl-kx .k-cloud--5 { top: 120px; width: 300px; opacity: .75; animation-duration: 149s, 19s; animation-delay: -127s, -11s; }
html.wl-kx .k-cloud--6 { bottom: 260px; width: 340px; opacity: .8; animation-name: k-cross-f, k-bob; animation-duration: 167s, 14s; animation-delay: -15s, -7s; }
@keyframes k-cross { from { transform: translateX(-100%); } to { transform: translateX(100vw); } }
/* Las que van en espejo: primero se desplazan y después se voltean (si no, el volteo invierte el sentido) */
@keyframes k-cross-f { from { transform: translateX(-100%) scaleX(-1); } to { transform: translateX(100vw) scaleX(-1); } }
@keyframes k-bob { to { translate: 0 -14px; } }
html.wl-kx.wl-static .k-cloud { animation: none; }
/* Sin animación quedan quietas en sitios repartidos */
html.wl-kx.wl-static .k-cloud--1 { transform: translateX(-90px); } html.wl-kx.wl-static .k-cloud--2 { transform: translateX(calc(100vw - 440px)); }
html.wl-kx.wl-static .k-cloud--3 { transform: translateX(-150px); } html.wl-kx.wl-static .k-cloud--4 { transform: translateX(calc(100vw - 420px)); }
html.wl-kx.wl-static .k-cloud--5, html.wl-kx.wl-static .k-cloud--6 { display: none; }
@media (prefers-reduced-motion: reduce) { html.wl-kx .k-cloud { animation: none; } html.wl-kx .k-cloud--5, html.wl-kx .k-cloud--6 { display: none; } }
html.wl-kx .wl-book { padding-top: 108px; }
html.wl-kx body.wl-landing .wl-book .sec-title { position: relative; margin-bottom: 44px; }
html.wl-kx .k-note--book { right: calc(50% + 280px); top: 64px; }
html.wl-kx .k-note--book .k-arrow { right: -18px; top: 34px; width: 64px; height: 64px; scale: -1 1; }
/* Abi detrás del libro (el widget del libro va por encima, z-index 5): solo asoma de rodillas para arriba */
html.wl-kx .k-abi { z-index: 1; right: max(70px, calc(50% - 560px)); bottom: -160px; width: 150px; height: 218px;
	background: url(kuxaan/abi-kux.webp) center bottom / contain no-repeat; filter: drop-shadow(0 6px 8px rgba(30, 50, 90, .25)); }
html.wl-kx .elementor-widget-wilderings_encyclopedia > .elementor-widget-container { position: relative; }

/* ── 5. Puntos clave: tarjetas troqueladas con el icono de su build; la de combate, destacada como recompensa ──── */
html.wl-kx body.wl-landing .wl .bento { position: relative; gap: 30px; }
/* 104 + 96 del libro = 200 px donde cambia el escenario, con el corte a mitad; abajo, 96 hasta el corte de la galería */
html.wl-kx body.wl-landing .wl-points { padding-top: 104px; padding-bottom: 96px; }
/* el titular va girado (su caja crece) y las estrellas de la carta de combate asoman por arriba */
html.wl-kx body.wl-landing .wl-points .sec-title { margin-bottom: 78px; }
html.wl-kx body.wl-landing .wl .card { overflow: visible; padding: 10px; border: 4px solid var(--k-ink); border-radius: 22px; background: var(--k-paperbg); box-shadow: var(--k-pop);
	transition: opacity .9s ease, transform .9s ease, rotate .45s var(--k-bounce), translate .45s var(--k-bounce), box-shadow .3s; }
html.wl-kx body.wl-landing .wl .card:hover { transform: none; rotate: 0deg; translate: 0 -8px; box-shadow: 9px 13px 0 rgba(58, 38, 22, .92), 0 36px 54px -16px rgba(16, 30, 70, .5); }
html.wl-kx body.wl-landing .wl .card .media { border: 3px solid var(--k-ink); border-radius: 13px; }
html.wl-kx body.wl-landing .wl .card .txt { position: relative; padding: 13px 10px 2px 8px; }
html.wl-kx body.wl-landing .wl .card h3 { color: var(--k-ink); }
html.wl-kx body.wl-landing .wl .card p { color: var(--k-ink2); }
html.wl-kx .wl .c-battle { rotate: -.8deg; } html.wl-kx .wl .c-hantu { rotate: 1.2deg; } html.wl-kx .wl .c-dodge { rotate: .9deg; }
html.wl-kx .wl .c-misty { rotate: -1deg; } html.wl-kx .wl .c-ship { rotate: .4deg; }
/* Icono hexagonal de la build del Kuxaan delante de cada título, como en la lista del juego */
html.wl-kx body.wl-landing .wl .card h3 { display: flex; align-items: center; gap: 10px; }
html.wl-kx .wl .card h3 .k-build { position: relative; flex: none; width: 30px; height: 33px; filter: drop-shadow(2px 2px 0 rgba(58, 38, 22, .45)); }
html.wl-kx .wl .card.c-battle h3 .k-build { width: 36px; height: 40px; }
html.wl-kx .wl .k-build::before { content: ""; position: absolute; inset: -2px -1.5px; clip-path: var(--k-hexclip); background: var(--k-ink); }
html.wl-kx .wl .k-build::after { content: ""; position: absolute; inset: 0; background: var(--k-icon) center / 100% 100% no-repeat; }
html.wl-kx .wl .k-build--damage { --k-icon: url(../../../wilderings-encyclopedia/assets/web/builds/icon-damage.webp); }
html.wl-kx .wl .k-build--others { --k-icon: url(../../../wilderings-encyclopedia/assets/web/builds/icon-others.webp); }
html.wl-kx .wl .k-build--speed { --k-icon: url(../../../wilderings-encyclopedia/assets/web/builds/icon-speed.webp); }
html.wl-kx .wl .k-build--stamina { --k-icon: url(../../../wilderings-encyclopedia/assets/web/builds/icon-stamina.webp); }
html.wl-kx .wl .k-build--health { --k-icon: url(../../../wilderings-encyclopedia/assets/web/builds/icon-health.webp); }
/* Combate: carta destacada, con filete dorado, estrellas de rareza del juego (vectoriales) y un abanico de luz detrás */
html.wl-kx body.wl-landing .wl .c-battle { box-shadow: 0 0 0 5px var(--k-honey), 0 0 0 8px var(--k-ink), 9px 12px 0 8px rgba(58, 38, 22, .92), 0 0 70px 14px rgba(255, 222, 120, .55); }
html.wl-kx body.wl-landing .wl .c-battle:hover { box-shadow: 0 0 0 5px var(--k-honey), 0 0 0 8px var(--k-ink), 11px 16px 0 8px rgba(58, 38, 22, .92), 0 0 80px 18px rgba(255, 222, 120, .65); }
html.wl-kx .wl .k-stars { left: 50%; top: -60px; z-index: 4; width: 112px; height: 112px; margin-left: -56px; background: url(kuxaan/stars-4.svg) center / contain no-repeat;
	filter: drop-shadow(0 0 1.5px var(--k-ink)) drop-shadow(0 0 1.5px var(--k-ink)) drop-shadow(2px 3px 0 rgba(58, 38, 22, .6)); rotate: .8deg; }
html.wl-kx .wl .k-rays { left: 33.3%; top: 190px; z-index: 0; width: 1100px; height: 1100px; margin: -550px 0 0 -550px; opacity: .8;
	background: radial-gradient(closest-side, rgba(255, 238, 170, .55), rgba(255, 230, 150, .18) 40%, rgba(255, 236, 160, 0) 62%),
		repeating-conic-gradient(from 4deg, rgba(255, 240, 180, .5) 0deg 6deg, rgba(255, 240, 180, 0) 6deg 15deg);
	-webkit-mask: radial-gradient(closest-side, #000 30%, rgba(0, 0, 0, .35) 52%, transparent 78%); mask: radial-gradient(closest-side, #000 30%, rgba(0, 0, 0, .35) 52%, transparent 78%); }

/* ── 6. Galería: fotos con marco y canto, la central recta con cinta; botones de pegatina ─────────────────────── */
/* 96 de Puntos clave + 104 = 200 px con el corte a mitad */
html.wl-kx body.wl-landing .wl-gallery { padding-top: 104px; padding-bottom: 72px; }
html.wl-kx body.wl-landing .wl-gallery .sec-title { margin-bottom: 12px; }
html.wl-kx body.wl-landing .wl .carousel img { width: auto; aspect-ratio: 16 / 9; object-fit: cover; border: 8px solid #fffdf6; border-radius: 6px;
	box-shadow: 0 0 0 3px var(--k-ink), 8px 10px 0 3px rgba(58, 38, 22, .85); rotate: -2.5deg;
	transition: transform .6s cubic-bezier(.2, 1, .3, 1), opacity .6s, filter .6s, rotate .6s var(--k-bounce); }
html.wl-kx body.wl-landing .wl .carousel img:nth-child(even) { rotate: 2deg; }
html.wl-kx body.wl-landing .wl .carousel img[style*="z-index: 10"] { rotate: 0deg; }
html.wl-kx .wl .k-car-frame { left: 50%; top: 50%; z-index: 20; width: 640px; height: 360px; translate: -50% -50%; transition: opacity .25s; }
html.wl-kx .wl .k-car-frame.is-moving { opacity: 0; }
html.wl-kx .wl .k-car-frame .k-tape--top { top: -22px; }
html.wl-kx body.wl-landing .wl .carousel .k-pad { position: absolute; z-index: 21; top: 50%; width: 60px; height: 60px; min-height: 0; margin-top: -30px; padding: 0; border: 3px solid var(--k-ink); border-radius: 50%;
	background: var(--k-paperbg); color: var(--k-ink); box-shadow: var(--k-pop-s); cursor: pointer; transition: translate .35s var(--k-bounce), background .2s; }
html.wl-kx body.wl-landing .wl .carousel .k-pad::before { content: ""; position: absolute; left: 50%; top: 50%; width: 15px; height: 15px; margin: -8px 0 0 -5px; border: solid var(--k-ink); border-width: 0 0 5px 5px; border-radius: 2px; rotate: 45deg; }
html.wl-kx body.wl-landing .wl .carousel .k-pad--prev { left: calc(50% - 352px); rotate: -6deg; }
html.wl-kx body.wl-landing .wl .carousel .k-pad--next { right: calc(50% - 352px); rotate: 6deg; }
html.wl-kx body.wl-landing .wl .carousel .k-pad--next::before { margin-left: -10px; rotate: -135deg; }
html.wl-kx body.wl-landing .wl .carousel .k-pad:hover { background: var(--k-honey); translate: 0 -3px; }
html.wl-kx body.wl-landing .wl .cnav { gap: 12px; margin-top: 18px; }
html.wl-kx body.wl-landing .wl .cnav button { width: 16px; height: 18px; border-radius: 0; clip-path: var(--k-hexclip); background: rgba(58, 38, 22, .4); transition: scale .3s var(--k-bounce), background .2s; }
html.wl-kx body.wl-landing .wl .cnav button.on { width: 16px; border-radius: 0; background: var(--k-honey); scale: 1.45; }
/* La nota, a la derecha de los puntos y un poco más abajo: su flecha sube hacia la foto sin tapar el último punto */
html.wl-kx .wl-gallery .k-note--gallery { position: relative; display: block; width: max-content; margin: 16px auto 0; left: 300px; }
html.wl-kx .wl-gallery .k-note--gallery .k-arrow { left: -74px; top: -60px; width: 70px; height: 70px; }

/* ── 7. La familia: personaje troquelado sobre su plataforma de luz, carné del Kuxaan con clip, retratos-pegatina ─ */
/* Arranca del azul del anochecer que pinta el papel rasgado de la galería (nada de franja blanca) */
html.wl-kx body.wl-landing .wl-family { padding-top: 128px; padding-bottom: 110px; background: linear-gradient(180deg, #7fb4ff 0, #6596dc 170px, #1d3f8a 360px); }
html.wl-kx body.wl-landing .wl-family::before { -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 240px); mask-image: linear-gradient(180deg, transparent 0, #000 240px); }
html.wl-kx .wl-family .family-text { display: table; max-width: 760px; margin: 24px auto 0; padding: 10px 22px; line-height: 1.5; text-wrap: pretty; border: 3px solid var(--k-ink); border-radius: 12px; background: var(--k-paperbg);
	color: var(--k-ink); font-size: 18px; text-shadow: none; box-shadow: var(--k-pop-s); rotate: 1deg; }
html.wl-kx .wl-family .lore-card p { text-wrap: pretty; }
html.wl-kx body.wl-landing .wl .hero-char { height: 520px; }
html.wl-kx body.wl-landing .wl .hero-char::before { display: none; }
html.wl-kx body.wl-landing .wl .hero-char img { z-index: 1; max-height: 530px; filter: drop-shadow(8px 10px 0 rgba(10, 14, 40, .35)); }
html.wl-kx .wl .k-platform { left: 50%; bottom: -16px; z-index: 0; width: 82%; height: 96px; translate: -50% 0; border-radius: 50%;
	background: radial-gradient(closest-side, rgba(255, 250, 215, .95), rgba(255, 220, 110, .55) 42%, rgba(255, 206, 80, 0) 100%); }
html.wl-kx .wl .k-platform::after { content: ""; position: absolute; left: 18%; right: 18%; top: 30%; bottom: 22%; border-radius: 50%;
	border: 3px solid rgba(255, 246, 210, .9); box-shadow: 0 0 16px 3px rgba(255, 214, 90, .75), inset 0 0 14px rgba(255, 214, 90, .6); }
html.wl-kx .wl .k-lore { position: relative; rotate: 1.2deg; }
html.wl-kx body.wl-landing .wl .lore-card { position: relative; padding: 24px 30px 24px; border: 4px solid var(--k-ink); border-radius: 22px; box-shadow: var(--k-pop);
	background: var(--k-paperbg); -webkit-backdrop-filter: none; backdrop-filter: none; }
html.wl-kx .wl .lore-card::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 84px; border-radius: 18px 18px 0 0; border-bottom: 4px solid var(--k-ink);
	background: repeating-linear-gradient(-45deg, rgba(255, 255, 255, .12) 0 10px, transparent 10px 20px), linear-gradient(180deg, #4fc7b8, #2fa596) #2fa596; }
html.wl-kx .wl .lore-card > * { position: relative; }
html.wl-kx body.wl-landing .wl .lore-card h3 { margin: 0; padding-right: 40px; font-size: 42px; line-height: 1.05; color: var(--k-cream); -webkit-text-stroke: .15em var(--k-ink); paint-order: stroke fill; text-shadow: 0 .09em 0 var(--k-ink); }
html.wl-kx .wl .lore-card .dlc { padding: 3px 10px 2px; border: 3px solid var(--k-stampink); border-radius: 6px; background: var(--k-cream); color: var(--k-stampink); font-size: 15px;
	-webkit-text-stroke: 0; text-shadow: none; rotate: -8deg; }
html.wl-kx body.wl-landing .wl .lore-card .meta { display: inline-block; margin: 22px 0 12px; padding: 5px 14px 4px; clip-path: var(--k-zig); background: var(--k-honey); color: var(--k-ink); letter-spacing: .12em; }
html.wl-kx body.wl-landing .wl .lore-card p { color: var(--k-ink2); }
html.wl-kx body.wl-landing .wl .lore-card dt { color: var(--k-teal-d); font-weight: 700; }
html.wl-kx body.wl-landing .wl .lore-card dd { color: var(--k-ink); padding-bottom: 5px; border-bottom: 2px dotted rgba(58, 38, 22, .25); }
/* Clip de metal sujetando la ficha */
html.wl-kx .k-clip { z-index: 4; top: -24px; right: 44px; width: 22px; height: 66px; border: 3.5px solid #9aa4b0; border-radius: 11px; rotate: 9deg; filter: drop-shadow(1px 2px 1px rgba(10, 20, 50, .45)); }
html.wl-kx .k-clip::before { content: ""; position: absolute; left: 2px; right: 2px; top: 9px; bottom: -3px; border: 3.5px solid #cfd6de; border-top: 0; border-radius: 0 0 8px 8px; }
html.wl-kx body.wl-landing .wl .picker { padding: 8px 6px 0; border: 0; background: none; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; }
html.wl-kx body.wl-landing .wl .face { display: flex; flex-direction: column; align-items: center; }
html.wl-kx body.wl-landing .wl .face img { width: auto; height: 112px; transition: translate .35s var(--k-bounce), scale .35s var(--k-bounce), rotate .35s var(--k-bounce);
	filter: drop-shadow(4px 5px 0 rgba(10, 14, 30, .45)); }
html.wl-kx body.wl-landing .wl .face:nth-child(odd) img { rotate: -4deg; } html.wl-kx body.wl-landing .wl .face:nth-child(even) img { rotate: 4deg; }
html.wl-kx body.wl-landing .wl .face:hover img { transform: none; translate: 0 -6px; scale: 1.06; }
html.wl-kx body.wl-landing .wl .face.active img { transform: none; translate: 0 -8px; scale: 1.14; rotate: 0deg; }
html.wl-kx body.wl-landing .wl .face span { display: inline-block; margin-top: 10px; padding: 2px 9px 1px; border: 2px solid var(--k-ink); border-radius: 8px; background: var(--k-cream); color: var(--k-ink); font-size: 12px; box-shadow: 2px 3px 0 var(--k-ink); }
html.wl-kx body.wl-landing .wl .face.active span { background: var(--k-honey); color: var(--k-ink); }

/* ── 8. Comunidad: cartulina turquesa sobre el volcán (sin velo), con sello de correos y matasellos ──────────── */
/* Arriba arranca del mismo granate que el papel rasgado de la familia, para que no haya corte */
html.wl-kx body.wl-landing .wl-volcano::before { background: linear-gradient(180deg, #3d0a05 0%, rgba(61, 10, 5, .45) 7%, rgba(60, 8, 4, 0) 20%, rgba(60, 8, 4, 0) 72%, #4a2a6e 100%); }
html.wl-kx body.wl-landing .wl-volcano { min-height: 720px; padding: 70px 0 50px; }
/* Más estrecha y algo más a la derecha que la base: la cabeza de Abi queda entera a la izquierda del canto */
html.wl-kx body.wl-landing .wl-volcano .vbox { position: relative; width: min(440px, 100%); padding: 40px 32px 30px; border: 4px solid var(--k-ink); border-radius: 24px; box-shadow: var(--k-pop); rotate: -1deg;
	background: var(--k-grain), radial-gradient(rgba(255, 255, 255, .06) 1.3px, transparent 1.8px) 0 0 / 20px 20px, linear-gradient(160deg, #1d7471, #125250) #125250; -webkit-backdrop-filter: none; backdrop-filter: none; color: var(--k-cream); }
/* El arte, centrado (no al 18 %): así Abi se desplaza con la tarjeta al estrechar la ventana y su cabeza queda siempre
   unos 20-40 px a la izquierda del canto (1280-1920 px). Con canal lateral de sobra, la tarjeta se abre 20 px más. */
@media (min-width: 768px) { html.wl-kx body.wl-landing .wl-volcano { background-position: 50% 30%; } }
@media (min-width: 1440px) { html.wl-kx body.wl-landing .wl-volcano .vbox { margin-right: -20px; } }
/* (a partir de ~1700 px el arte ya no tiene holgura lateral y no se desplaza: la tarjeta se aparta más) */
@media (min-width: 1700px) { html.wl-kx body.wl-landing .wl-volcano .vbox { margin-right: -64px; } }
html.wl-kx .wl-volcano .vtag { padding: 7px 18px 6px; border-radius: 0; clip-path: var(--k-zig); background: var(--k-honey); color: var(--k-ink); rotate: -3deg; }
html.wl-kx body.wl-landing .wl-volcano .vbox h2.k-poster { display: block; margin: 18px 0 12px; padding-right: 10px; font-size: clamp(42px, 4.2vw, 56px); rotate: 0deg; text-align: left; }
html.wl-kx .wl-volcano .vbox p { color: #e6faf6; text-shadow: none; }
html.wl-kx .wl-volcano .discord-cta { position: relative; border: 4px solid var(--k-ink); border-radius: 16px; box-shadow: 5px 6px 0 var(--k-ink); rotate: -1deg; transition: rotate .4s var(--k-bounce), translate .4s var(--k-bounce); }
html.wl-kx .wl-volcano .discord-cta:hover { transform: none; rotate: 1.5deg; translate: 0 -3px; box-shadow: 7px 9px 0 var(--k-ink); }
html.wl-kx .wl-volcano .socials a { border: 3px solid var(--k-ink); background: var(--k-cream); color: var(--k-ink); box-shadow: 3px 4px 0 var(--k-ink); -webkit-backdrop-filter: none; backdrop-filter: none;
	transition: rotate .4s var(--k-bounce), translate .4s var(--k-bounce), background .2s; }
html.wl-kx .wl-volcano .socials a:hover { transform: none; background: var(--k-honey); border-color: var(--k-ink); color: var(--k-ink); rotate: 10deg; translate: 0 -4px; }
html.wl-kx .wl-volcano .steam-news { border-top: 3px dashed rgba(255, 247, 224, .35); }
html.wl-kx .wl-volcano .steam-news h3 { color: var(--k-honey); }
html.wl-kx .wl-volcano .news-item { color: var(--k-cream); }
html.wl-kx .wl-volcano .news-item img { border: 3px solid #fff; border-radius: 6px; box-shadow: 0 0 0 2px var(--k-ink); rotate: -2deg; }
html.wl-kx .wl-volcano .news-item:nth-child(odd) img { rotate: 2deg; }
html.wl-kx .wl-volcano .news-item small { color: #bfe9e2; }
/* Sello de correos con borde troquelado: el molino flotante (otra ilustración, no el arte del fondo); encima, el
   matasellos (dentro de la cartulina, pisando solo el canto del sello) y sus ondas cruzando el sello */
html.wl-kx .k-stamp { z-index: 2; top: -26px; right: 26px; width: 86px; height: 104px; padding: 6px; rotate: 5deg;
	background: url(../img/family-sky.webp) -49px -2px / 158px auto no-repeat content-box, #fffaf0;
	-webkit-mask: radial-gradient(circle at center, transparent 2.7px, #000 3.2px) -4px -4px / 8px 8px, linear-gradient(#000 0 0) content-box;
	mask: radial-gradient(circle at center, transparent 2.7px, #000 3.2px) -4px -4px / 8px 8px, linear-gradient(#000 0 0) content-box;
	filter: drop-shadow(2px 3px 0 rgba(20, 10, 0, .4)); }
html.wl-kx .k-postmark { z-index: 3; top: 8px; right: 96px; display: grid; place-content: center; width: 80px; height: 80px; border: 2.5px solid rgba(255, 246, 220, .75); border-radius: 50%;
	color: rgba(255, 246, 220, .85); text-align: center; rotate: -14deg; -webkit-mask: var(--k-stampmask); mask: var(--k-stampmask); }
html.wl-kx .k-postmark b { font-size: 10px; letter-spacing: .1em; } html.wl-kx .k-postmark small { font-size: 10px; margin-top: 3px; letter-spacing: .06em; }
html.wl-kx .k-cancel { z-index: 3; top: 16px; right: 12px; width: 96px; height: 34px; rotate: -8deg; opacity: .85; -webkit-mask: var(--k-stampmask); mask: var(--k-stampmask);
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 92 34'%3E%3Cg fill='none' stroke='%23fff6dc' stroke-opacity='.9' stroke-width='2.5'%3E%3Cpath d='M0 5 C12 1 22 9 34 5 S58 1 70 5 S86 9 92 5'/%3E%3Cpath d='M0 17 C12 13 22 21 34 17 S58 13 70 17 S86 21 92 17'/%3E%3Cpath d='M0 29 C12 25 22 33 34 29 S58 25 70 29 S86 33 92 29'/%3E%3C/g%3E%3C/svg%3E") center / 100% 100% no-repeat; }
/* Un emoji del Discord sentado en la esquina de abajo */
html.wl-kx .wl-volcano .k-vol-b { left: -46px; bottom: -54px; width: 118px; height: 118px; rotate: -14deg; }

/* ── 9. Fight like nature: pantalla como foto con chinchetas y pie; la lista es el árbol de habilidades ─────── */
html.wl-kx .wl-fight .fight-text { margin-top: 22px; color: #f1ecff; text-wrap: balance; }
@media (min-width: 1101px) { html.wl-kx .wl .arena { grid-template-columns: minmax(0, 1fr) 320px; gap: 40px; } }
html.wl-kx .wl .arena .screen { aspect-ratio: auto; overflow: visible; padding: 12px 12px 0; border: 4px solid var(--k-ink); border-radius: 20px; background: var(--k-paperbg);
	box-shadow: 0 0 0 5px rgba(255, 247, 224, .85), 11px 13px 0 5px rgba(10, 8, 24, .55); rotate: -.8deg; }
html.wl-kx .wl .arena .screen video { position: relative; inset: auto; display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; border: 3px solid var(--k-ink); border-radius: 11px; background: #0d1530; }
html.wl-kx .wl .arena .now { position: relative; left: auto; right: auto; bottom: auto; min-height: 96px; padding: 14px 10px 16px; background: none; color: var(--k-ink); }
html.wl-kx .wl .arena .now b { font-size: clamp(26px, 2.4vw, 32px); color: var(--k-honey); -webkit-text-stroke: .15em var(--k-ink); paint-order: stroke fill; text-shadow: 0 .09em 0 var(--k-ink); }
html.wl-kx .wl .arena .now span { margin-top: 6px; color: var(--k-ink2); font-size: 17px; }
/* Chinchetas */
html.wl-kx .wl .k-pin { top: -14px; z-index: 4; width: 32px; height: 32px; border-radius: 50%; border: 2.5px solid var(--k-ink);
	background: radial-gradient(circle at 35% 32%, #fff 0 3px, rgba(255, 255, 255, 0) 5px), radial-gradient(circle at 45% 45%, var(--pin, #ff9a3c), color-mix(in srgb, var(--pin, #ff9a3c) 70%, #000) 95%) var(--pin, #ff9a3c);
	box-shadow: 2px 4px 0 rgba(58, 38, 22, .55); }
html.wl-kx .wl .k-pin--l { left: 26px; --pin: #ffcf4a; } html.wl-kx .wl .k-pin--r { right: 26px; --pin: #6ad7c9; }
html.wl-kx .wl .k-moves { position: relative; align-self: stretch; contain: size; }
html.wl-kx body.wl-landing .wl .arena .k-moves .moves { height: 100%; contain: none; overflow-y: auto; scrollbar-width: thin; scrollbar-color: rgba(255, 236, 190, .4) transparent; justify-content: center; gap: 8px; padding: 18px 16px;
	border: 4px solid var(--k-ink); border-radius: 20px;
	background: radial-gradient(ellipse at center, rgba(6, 4, 30, 0) 40%, rgba(6, 4, 30, .55) 100%), url(../../../wilderings-encyclopedia/assets/kuxaan/tree-sky.webp) center / cover, #12104a;
	box-shadow: 0 0 0 5px rgba(255, 247, 224, .85), 11px 13px 0 5px rgba(10, 8, 24, .55); -webkit-backdrop-filter: none; backdrop-filter: none; }
html.wl-kx .wl .move-group { position: relative; }
/* Rama del árbol: línea discontinua que une los nodos de cada grupo */
html.wl-kx .wl .move-group::after { content: ""; position: absolute; left: 25px; top: 34px; bottom: 16px; border-left: 2px dashed rgba(255, 236, 190, .4); pointer-events: none; }
html.wl-kx .wl .move-group h3 { display: inline-block; margin: 2px 0 6px 2px; padding: 4px 12px 3px; clip-path: var(--k-zig); background: rgba(106, 215, 201, .95); color: var(--k-ink); font-size: 11px; letter-spacing: .16em; }
html.wl-kx .wl .move-group:nth-child(2) h3 { background: rgba(166, 224, 90, .95); } html.wl-kx .wl .move-group:nth-child(3) h3 { background: rgba(255, 154, 60, .95); }
html.wl-kx .wl .move { min-height: 0; margin: 0 0 3px; padding: 6px 12px 6px 46px; border: 2.5px solid transparent; border-radius: 12px; color: #ece6ff; }
html.wl-kx .wl .move::before { content: ""; position: absolute; z-index: 2; left: 10px; top: 50%; width: 26px; height: 26px; margin-top: -13px; border-radius: 50%;
	background: #241f62 url(../../../wilderings-encyclopedia/assets/kuxaan/tree-ring.webp) center / 100% no-repeat; }
html.wl-kx .wl .move:hover, html.wl-kx .wl .move:focus-visible { background: rgba(255, 207, 74, .14); color: #fff; }
html.wl-kx .wl .move.on { border-color: var(--k-ink); background: var(--k-honey); color: var(--k-ink); box-shadow: 3px 3px 0 var(--k-ink); }
html.wl-kx .wl .move.on::before { background: radial-gradient(circle, #fff3b0 0 26%, #3a2a7a 29%) center / 100% no-repeat #3a2a7a; box-shadow: 0 0 0 2px var(--k-ink), 0 0 12px 3px rgba(255, 236, 150, .9); }
html.wl-kx .wl .move.on::after { content: ""; position: absolute; z-index: 3; left: 7px; top: 50%; width: 32px; height: 32px; margin-top: -16px; background: url(../../../wilderings-encyclopedia/assets/kuxaan/tree-ring-glow.webp) center / 100% no-repeat; pointer-events: none; }
/* Progreso del clip: una barra fina en la base de la pastilla (tinta suave sobre la miel), no un bloque de fondo */
html.wl-kx .wl .move i { top: auto; bottom: 3px; left: 10px; height: 4px; border-radius: 2px; background: rgba(255, 207, 74, .5); }
html.wl-kx .wl .move.on i { background: rgba(58, 38, 22, .3); }
html.wl-kx .wl .move span { position: relative; z-index: 1; }
/* El Hântu de fuego, encaramado al canto de arriba del árbol (dentro, no en la esquina) */
html.wl-kx .wl .k-moves-stk { right: 30px; top: -98px; width: 112px; height: 112px; rotate: -5deg; z-index: 4; }
html.wl-kx .wl .k-note--moves { left: -6px; bottom: -66px; color: #fff3d6; }
html.wl-kx .wl .k-note--moves span { rotate: -3deg; text-shadow: 0 1px 2px rgba(10, 8, 30, .9), 0 0 12px rgba(10, 8, 30, .75); }
html.wl-kx .wl .k-note--moves .k-arrow { left: calc(100% + 2px); top: -38px; width: 52px; height: 52px; filter: drop-shadow(0 1px 2px rgba(10, 8, 30, .9)); }

/* ── 10. Cierre: póster pegado y la compra como una entrada con su matriz de cuero (los laureles) ──────────── */
html.wl-kx .wl .k-poster-wrap { position: relative; rotate: -3deg; }
html.wl-kx body.wl-landing .wl .buy .poster { rotate: 0deg; border: 10px solid #fffdf6; border-radius: 10px; box-shadow: 0 0 0 3px var(--k-ink), 0 0 0 8px rgba(255, 247, 224, .85), 13px 15px 0 8px rgba(5, 6, 20, .55); }
html.wl-kx .wl .k-poster-wrap .k-tape--tl { top: -10px; left: -30px; }
html.wl-kx .wl .k-poster-wrap .k-tape--br { bottom: -6px; right: -30px; }
/* Bajada lo justo para que el canto de la caja no corte a la Abi del arte de fondo (sigue la escala del arte) */
@media (min-width: 768px) { html.wl-kx body.wl-landing .wl-final .buy { margin-top: calc(min(56.25vw, 1080px) * .08); } }
html.wl-kx body.wl-landing .wl-final .box { position: relative; padding: 38px 34px 0; border: 4px solid var(--k-ink); border-radius: 24px; color: var(--k-ink2);
	background: var(--k-paperbg); box-shadow: 0 0 0 6px rgba(255, 247, 224, .85), 13px 15px 0 6px rgba(5, 6, 20, .55); -webkit-backdrop-filter: none; backdrop-filter: none; }
/* «Consigue el juego» y «Aconsegueix el joc» en una línea; el botón de la demo nunca se parte */
html.wl-kx body.wl-landing .wl-final .box h2.k-poster { display: inline-block; font-size: clamp(40px, 3.7vw, 54px); color: var(--k-honey); }
@media (min-width: 1100px) { html.wl-kx body.wl-landing .wl-final .box .cta-main a { white-space: nowrap; } }
html.wl-kx .wl-final .steam-install { color: var(--k-ink2); text-shadow: none; }
html.wl-kx .wl-final .steam-install:hover { color: var(--k-orange-d); }
html.wl-kx .wl-final .links { color: var(--k-ink2); }
html.wl-kx .wl-final .links a { color: var(--k-teal-d); }
html.wl-kx body.wl-landing .wl-final .final-laurels { position: relative; margin: 26px -34px 0; padding: 22px 20px 24px; gap: 26px; border-radius: 0 0 20px 20px;
	background: var(--k-leather); box-shadow: inset 0 3px 0 rgba(255, 225, 170, .18); }
html.wl-kx body.wl-landing .wl-final .final-laurels::before { content: ""; position: absolute; left: 0; right: 0; top: -15px; height: 6px;
	background: radial-gradient(circle, var(--k-ink) 2.4px, transparent 3px) 0 0 / 14px 6px repeat-x; opacity: .5; }
html.wl-kx body.wl-landing .wl-final .final-laurels::after { content: ""; position: absolute; inset: 9px 9px 9px; border: 2px dashed rgba(255, 232, 186, .5); border-radius: 6px 6px 13px 13px; pointer-events: none; }
/* Laureles a 150 px: el de London Games Festival tiene letra muy fina y por debajo no se lee */
html.wl-kx body.wl-landing .wl-final .final-laurels .laurel-s { position: relative; z-index: 1; width: 150px; filter: drop-shadow(0 2px 0 rgba(20, 10, 0, .5)); }
/* Cantoneras doradas del Kuxaan en la matriz */
html.wl-kx .wl-final .k-gold { z-index: 2; left: -1px; bottom: -1px; width: 48px; height: 48px; border-radius: 0 0 0 20px; clip-path: polygon(0 0, 100% 100%, 0 100%);
	background: radial-gradient(circle at 14px 34px, #fff4c4 0 3px, #d79a2c 4px 5.5px, transparent 6px), linear-gradient(45deg, #a86a12 0%, #c7841d 25%, #f2b544 60%, #ffe39a 100%) #c7841d;
	box-shadow: inset 2px -2px 0 rgba(255, 250, 220, .5); }
html.wl-kx .wl-final .k-gold--br { left: auto; right: -1px; scale: -1 1; }
html.wl-kx body.wl-landing .wl-req summary { border: 3px solid var(--k-ink); background: var(--k-paperbg); color: var(--k-ink); box-shadow: 0 0 0 4px rgba(255, 247, 224, .5), 5px 6px 0 4px rgba(5, 6, 20, .5); rotate: -1deg; }
html.wl-kx body.wl-landing .wl-req[open] table { padding: 10px 16px; border: 4px solid var(--k-ink); border-radius: 18px; border-collapse: separate; background: var(--k-paperbg); color: var(--k-ink); }
html.wl-kx body.wl-landing .wl-req[open] th { color: var(--k-teal-d); } html.wl-kx body.wl-landing .wl-req[open] td { border-bottom-color: rgba(58, 38, 22, .15); }
html.wl-kx body.wl-landing .wl-req[open] td:first-child { color: var(--k-ink2); }

/* ── Pantallas medianas ──────────────────────────────────────────────────────────────────────────────────── */
/* Por debajo de 1200 px la nota del libro no cabe a la izquierda del titular: va centrada debajo, como en móvil */
@media (max-width: 1199px) {
	html.wl-kx .k-note--book { position: relative; left: auto; right: auto; top: auto; display: block; width: max-content; margin: 16px auto -12px; }
	html.wl-kx .k-note--book .k-arrow { display: none; }
}
/* Con la ficha pegada al borde de la columna, la cinta de la esquina se mete hacia dentro (no se corta) */
@media (min-width: 768px) and (max-width: 1279px) {
	html.wl-kx .wl-pitch .copy .k-tape--tl { left: -14px; }
	html.wl-kx .wl-pitch .copy .k-tape--tr { right: -20px; }
	html.wl-kx .wl-pitch .k-pitch-hex { --s: 100px; right: -56px; bottom: -94px; }
	html.wl-kx .wl .k-poster-wrap .k-tape--tl { left: -16px; }
}
@media (max-width: 1100px) {
	html.wl-kx .wl .k-moves { contain: none; }
	html.wl-kx body.wl-landing .wl .arena .k-moves .moves { height: auto; }
	html.wl-kx .wl .k-moves-stk { top: -74px; right: 24px; width: 92px; height: 92px; }
	html.wl-kx .wl .arena { gap: 74px; } /* el Hântu de fuego se sienta en este hueco, sin pisar el pie del vídeo */
	html.wl-kx .wl .move-group::after { display: none; }
	html.wl-kx .wl .move-group::before { content: ""; order: -1; flex-basis: 100%; height: 0; }
	html.wl-kx .wl .move-group h3 { order: -2; width: auto; margin: 4px 0 0; }
	html.wl-kx .wl .move { padding: 6px 12px 6px 38px; background: rgba(255, 255, 255, .08); border-color: rgba(255, 236, 190, .25); }
	html.wl-kx .wl .move::before { left: 8px; width: 22px; height: 22px; margin-top: -11px; }
	html.wl-kx .wl .move.on::after { left: 5px; width: 28px; height: 28px; margin-top: -14px; }
	html.wl-kx .wl .k-note--moves { left: auto; right: 10px; top: auto; bottom: -52px; }
	html.wl-kx .wl .k-note--moves .k-arrow { display: none; }
}

/* ── Móvil ───────────────────────────────────────────────────────────────────────────────────────────────── */
@media (max-width: 767px) {
	html.wl-kx body.wl-landing .wl .k-poster { font-size: 40px; }
	html.wl-kx .k-tape { width: 84px; height: 26px; }
	html.wl-kx .k-tape--tl { left: -22px; } html.wl-kx .k-tape--tr { right: -22px; }
	html.wl-kx .k-note { font-size: 30px; }

	html.wl-kx body.wl-landing .wl-hero .hero-links { gap: 10px; }
	html.wl-kx body.wl-landing .wl-hero .hero-links a.k-tag { font-size: 14px; padding: 6px 11px 6px 9px; }

	/* Cinta: premios, reseñas y las tres citas apiladas con el mismo ancho; la tienda centrada debajo */
	html.wl-kx body.wl-landing .wl-proof.k-band { flex-direction: column; flex-wrap: nowrap; width: 116%; margin: -44px -8% -40px; padding: 32px calc(8% + 18px) 40px; gap: 16px; rotate: -2.4deg; }
	html.wl-kx body.wl-landing .wl-proof .k-patch .laurel-s { width: 112px; }
	html.wl-kx body.wl-landing .wl-proof blockquote { width: min(340px, 100%); max-width: none; text-align: left; }
	html.wl-kx body.wl-landing .wl-proof blockquote:nth-of-type(n) { translate: 0 0; }
	html.wl-kx .wl-proof .k-ribbon--teal { right: calc(8% + 8%); } html.wl-kx .wl-proof .k-ribbon--gold { right: calc(8% + 8% + 36px); }
	html.wl-kx .wl-proof .k-ribbon { height: 92px; } html.wl-kx .wl-proof .k-ribbon--gold { height: 70px; }

	html.wl-kx .wl-pitch { padding-top: 116px; }
	html.wl-kx .wl-pitch .k-head { margin-bottom: 40px; }
	html.wl-kx .wl-pitch .grid { grid-template-columns: 1fr; gap: 64px; }
	html.wl-kx .wl-pitch .copy { padding: 30px 24px 30px; rotate: -1deg; }
	html.wl-kx body.wl-landing .wl-pitch .copy p.lead { font-size: 17px; }
	html.wl-kx .wl-pitch .k-pitch-hex { --s: 88px; right: -14px; bottom: -58px; }
	html.wl-kx .wl .trailer { border-width: 8px 8px 46px; rotate: 1.5deg; }
	html.wl-kx .wl .trailer .k-corner { width: 30px; height: 30px; }
	html.wl-kx .wl .trailer .k-corner--tl, html.wl-kx .wl .trailer .k-corner--tr { top: -12px; }
	html.wl-kx .wl .trailer .k-corner--tl, html.wl-kx .wl .trailer .k-corner--bl { left: -12px; }
	html.wl-kx .wl .trailer .k-corner--tr, html.wl-kx .wl .trailer .k-corner--br { right: -12px; }
	html.wl-kx .wl .trailer .k-corner--bl, html.wl-kx .wl .trailer .k-corner--br { bottom: -50px; }
	html.wl-kx .wl .trailer .k-cap { bottom: -44px; font-size: 34px; line-height: 42px; }
	html.wl-kx .wl .trailer .play-big b { width: 72px; height: 72px; font-size: 26px; }

	html.wl-kx .wl-book-con.e-con { padding-bottom: 70px; }
	html.wl-kx .k-cloud--1 { top: 40px; width: 260px; } html.wl-kx .k-cloud--2 { top: 150px; width: 320px; }
	html.wl-kx .k-cloud--3 { bottom: 120px; width: 300px; } html.wl-kx .k-cloud--4 { bottom: 10px; width: 240px; }
	html.wl-kx .k-cloud--5 { top: 90px; width: 180px; } html.wl-kx .k-cloud--6 { bottom: 220px; width: 200px; }
	html.wl-kx .wl-book { padding-top: 80px; }
	html.wl-kx .k-abi { width: 96px; height: 140px; right: 26px; bottom: -86px; }
	html.wl-kx body.wl-landing .wl-points { padding-top: 80px; padding-bottom: 76px; }

	html.wl-kx body.wl-landing .wl .bento { gap: 36px; }
	html.wl-kx .wl .c-battle, html.wl-kx .wl .c-dodge, html.wl-kx .wl .c-ship { rotate: -.6deg; } html.wl-kx .wl .c-hantu, html.wl-kx .wl .c-misty { rotate: .6deg; }
	html.wl-kx .wl .k-rays { left: 50%; top: 150px; width: 760px; height: 760px; margin: -380px 0 0 -380px; }
	html.wl-kx .wl .k-stars { width: 76px; height: 76px; margin-left: -38px; top: -44px; }

	html.wl-kx body.wl-landing .wl-gallery { padding-top: 84px; }
	html.wl-kx body.wl-landing .wl .carousel img { border-width: 5px; box-shadow: 0 0 0 3px var(--k-ink), 5px 7px 0 3px rgba(58, 38, 22, .85); }
	html.wl-kx .wl .k-car-frame { width: 356px; height: 200px; }
	html.wl-kx body.wl-landing .wl .carousel .k-pad { width: 46px; height: 46px; margin-top: -23px; }
	html.wl-kx body.wl-landing .wl .carousel .k-pad::before { width: 12px; height: 12px; margin: -6px 0 0 -4px; border-width: 0 0 4px 4px; }
	html.wl-kx body.wl-landing .wl .carousel .k-pad--next::before { margin-left: -8px; }
	html.wl-kx body.wl-landing .wl .carousel .k-pad--prev { left: max(4px, calc(50% - 202px)); } html.wl-kx body.wl-landing .wl .carousel .k-pad--next { right: max(4px, calc(50% - 202px)); }
	html.wl-kx .wl-gallery .k-note--gallery { left: 0; margin-top: 14px; }
	html.wl-kx .wl-gallery .k-note--gallery .k-arrow { display: none; }

	html.wl-kx body.wl-landing .wl-family { padding-top: 120px; }
	html.wl-kx .wl-family .family-text { font-size: 16px; }
	/* La ficha empieza donde acaban el personaje y su plataforma de luz (la bota de Röhe ya no pisa la cabecera) */
	html.wl-kx .wl .k-lore { rotate: .6deg; margin-top: 30px; }
	html.wl-kx body.wl-landing .wl .k-lore .lore-card { margin-top: 0; padding: 20px 20px 22px; }
	html.wl-kx .wl .lore-card::before { height: 74px; }
	html.wl-kx body.wl-landing .wl .lore-card h3 { font-size: 34px; }
	html.wl-kx body.wl-landing .wl .face img { height: 80px; }
	html.wl-kx body.wl-landing .wl .face span { font-size: 10px; padding: 1px 6px; }
	html.wl-kx body.wl-landing .wl .hero-char { height: 350px; } html.wl-kx body.wl-landing .wl .hero-char img { max-height: 350px; }
	html.wl-kx .wl .k-platform { height: 70px; bottom: -10px; }

	/* Volcán en móvil: el arte arriba, a su tamaño (Abi y el Hântu de fuego a la vista), y la tarjeta debajo */
	html.wl-kx body.wl-landing .wl-volcano { min-height: 0; padding: 440px 0 90px; background: #5a1206 url(../img/volcano.webp) 38% 0 / auto 660px no-repeat; }
	html.wl-kx body.wl-landing .wl-volcano::before { background: linear-gradient(180deg, #3d0a05 0, rgba(61, 10, 5, 0) 70px, rgba(60, 8, 4, 0) 460px, #5a1206 655px, #4a2a6e 100%); }
	html.wl-kx body.wl-landing .wl-volcano .vbox { text-align: left; rotate: -1deg; padding: 28px 22px 24px; }
	html.wl-kx body.wl-landing .wl-volcano .vbox h2.k-poster { font-size: 40px; padding-right: 0; }
	html.wl-kx body.wl-landing .wl-volcano .socials { justify-content: flex-start; }
	html.wl-kx .k-stamp { width: 70px; height: 86px; top: -24px; right: 16px; background-position: -38px -1px; background-size: 124px auto; }
	html.wl-kx .k-postmark { width: 70px; height: 70px; right: 72px; top: 6px; } html.wl-kx .k-cancel { display: none; }
	html.wl-kx .k-postmark b { font-size: 8px; letter-spacing: .06em; } html.wl-kx .k-postmark small { font-size: 8px; }
	html.wl-kx .wl-volcano .k-vol-b { left: -14px; bottom: -50px; width: 88px; height: 88px; }

	html.wl-kx .wl .arena .screen { padding: 8px 8px 0; rotate: -.5deg; }
	html.wl-kx .wl .arena .now { min-height: 0; padding: 10px 6px 12px; }
	html.wl-kx .wl .arena .now span { font-size: 15px; }
	html.wl-kx .wl .k-pin { width: 22px; height: 22px; top: -10px; }
	html.wl-kx .wl .k-moves-stk { top: -64px; right: 18px; width: 80px; height: 80px; }

	html.wl-kx .wl .k-poster-wrap { width: 72%; margin: 0 auto; }
	html.wl-kx body.wl-landing .wl .buy .poster { width: 100%; }
	html.wl-kx body.wl-landing .wl .buy { gap: 70px; }
	html.wl-kx body.wl-landing .wl-final .box { padding: 30px 20px 0; }
	html.wl-kx body.wl-landing .wl-final .final-laurels { margin: 22px -20px 0; gap: 14px; }
	html.wl-kx body.wl-landing .wl-final .final-laurels .laurel-s { width: 112px; }
}