/*
 * Lliçó interactiva — Roma. Same chrome scoped under .llico--mon-feudal.
 * Re-skinned to the global qe-* design tokens so it matches the rest of the site
 * (Fraunces display / Inter body, blue-yellow palette, warm paper background).
 * Local --lp-* aliases keep the structural CSS unchanged when the tokens move.
 */

.llico--mon-feudal{
	/* All "local" colour aliases now point at the global theme tokens. */
	--lp-bg:        var(--qe-paper);
	--lp-bg-warm:   var(--qe-stone-50);
	--lp-bg-card:   var(--qe-bg-elevated);
	--lp-bg-dark:   var(--qe-blue-900);
	--lp-bg-dark-2: var(--qe-blue-800);

	--lp-navy:      var(--qe-blue-600);
	--lp-navy-deep: var(--qe-blue-800);
	--lp-accent:    var(--qe-yellow-500);
	--lp-accent-2:  var(--qe-yellow-600);
	--lp-accent-3:  var(--qe-yellow-700);
	--lp-danger:    var(--qe-coral-500);
	--lp-ok:        var(--qe-success);
	--lp-ok-bg:     var(--qe-success-bg);
	--lp-no-bg:     var(--qe-danger-bg);

	--lp-ink:       var(--qe-fg);
	--lp-ink-soft:  var(--qe-fg-muted);
	--lp-muted:     var(--qe-fg-subtle);
	--lp-line:      var(--qe-border);
	--lp-line-strong:var(--qe-border-strong);

	--lp-serif:     var(--qe-font-display);
	--lp-sans:      var(--qe-font-body);

	font-family:var(--lp-sans);
	background:var(--lp-bg);
	color:var(--lp-ink);
	line-height:var(--qe-lh-relaxed);
	font-size:var(--qe-fs-base);
	-webkit-font-smoothing:antialiased;
	display:block;
}
.llico--mon-feudal *{box-sizing:border-box;}
.llico--mon-feudal .llico-wrap{max-width:var(--qe-container);margin:0 auto;padding:0 var(--qe-gutter);}
.llico--mon-feudal h2,
.llico--mon-feudal h3,
.llico--mon-feudal h4,
.llico--mon-feudal h5,
.llico--mon-feudal .llico-serif{font-family:var(--lp-serif);font-weight:600;}
.llico--mon-feudal b,
.llico--mon-feudal strong{color:var(--lp-navy);font-weight:700;}
/* Contrast fix: on dark backgrounds, bold text can't be navy — use gold. */
.llico--mon-feudal .llico-etapa-panel b,
.llico--mon-feudal .llico-etapa-panel strong,
.llico--mon-feudal .llico-specpanel b,
.llico--mon-feudal .llico-specpanel strong,
.llico--mon-feudal .llico-mapinfo b,
.llico--mon-feudal .llico-mapinfo strong,
.llico--mon-feudal .llico-scorebox b,
.llico--mon-feudal .llico-scorebox strong,
.llico--mon-feudal .llico-sec--dark b,
.llico--mon-feudal .llico-sec--dark strong{color:var(--lp-accent);}

.llico--mon-feudal a{color:var(--lp-accent-3);}

/* ---- Barra de progrés superior ---- */
.llico--mon-feudal .llico-progress{position:fixed;top:0;left:0;right:0;height:3px;background:rgba(14,19,48,.06);z-index:60;}
.llico--mon-feudal .llico-progress__fill{display:block;height:100%;width:0;background:var(--lp-accent);
	box-shadow:0 0 8px var(--lp-accent);transition:width var(--qe-dur-3) var(--qe-ease);}

/* ---- Comptador flotant ---- */
.llico--mon-feudal .llico-tracker{position:fixed;right:var(--qe-space-4);bottom:var(--qe-space-4);z-index:55;
	background:var(--lp-bg-dark);color:var(--qe-fg-inverse);
	border-radius:18px;padding:var(--qe-space-2) var(--qe-space-4) var(--qe-space-2) var(--qe-space-2);
	font-size:var(--qe-fs-xs);font-weight:600;
	display:flex;align-items:center;gap:var(--qe-space-3);
	box-shadow:var(--qe-shadow-lg);border:1px solid rgba(255,255,255,.1);
	font-family:var(--lp-sans);}
.llico--mon-feudal .llico-tracker__dot{width:36px;height:36px;border-radius:50%;flex:0 0 36px;
	display:grid;place-items:center;
	background:conic-gradient(var(--lp-accent) 0deg,var(--lp-accent) 0deg,rgba(255,255,255,.14) 0deg);
	position:relative;}
.llico--mon-feudal .llico-tracker__dot::after{content:'';position:absolute;inset:4px;border-radius:50%;background:var(--lp-bg-dark);}
.llico--mon-feudal .llico-tracker__dot b{position:relative;z-index:1;color:var(--qe-fg-inverse);font-size:var(--qe-fs-sm);font-weight:700;}
.llico--mon-feudal .llico-tracker__col{display:flex;flex-direction:column;gap:1px;line-height:1.15;}
.llico--mon-feudal .llico-tracker__row{color:rgba(255,255,255,.8);font-size:11px;}
.llico--mon-feudal .llico-tracker__row b{color:var(--qe-white);font-weight:700;}
.llico--mon-feudal .llico-tracker__row--pts{color:var(--lp-accent);font-weight:700;font-size:12px;}
.llico--mon-feudal .llico-tracker__row--pts b{color:var(--lp-accent);}

/* ---- HERO (atmosfèric però amb la paleta del tema) ---- */
.llico--mon-feudal .llico-hero{position:relative;
	background:linear-gradient(160deg, var(--qe-blue-700) 0%, var(--lp-bg-dark) 60%, var(--qe-blue-900) 100%);
	color:var(--qe-fg-inverse);overflow:hidden;
	border-bottom:4px solid var(--lp-accent);}
.llico--mon-feudal .llico-hero__art{position:absolute;inset:0;pointer-events:none;opacity:.28;}
/* Recolour the cave-art SVG paths via filter so they read as warm-yellow on navy. */
.llico--mon-feudal .llico-hero__art svg g[fill="#D9A427"]{fill:var(--lp-accent);}
.llico--mon-feudal .llico-hero__art svg g[fill="#B5532E"]{fill:var(--lp-accent-2);}
.llico--mon-feudal .llico-hero__art svg g[fill="#E9CF8A"]{fill:var(--qe-yellow-300);}
.llico--mon-feudal .llico-hero__in{position:relative;padding:var(--qe-space-12) var(--qe-gutter) var(--qe-space-10);
	text-align:center;z-index:2;max-width:1100px;margin:0 auto;}
.llico--mon-feudal .llico-eyebrow{font-size:var(--qe-fs-xs);letter-spacing:var(--qe-ls-caps);
	text-transform:uppercase;font-weight:700;color:var(--lp-accent);margin-bottom:var(--qe-space-5);
	font-family:var(--lp-sans);}
.llico--mon-feudal .llico-eyebrow--light{color:var(--lp-accent);}
.llico--mon-feudal .llico-hero__title{
	font-family:var(--lp-serif);font-weight:600;
	font-size:clamp(40px, 7.5vw, var(--qe-fs-hero));
	line-height:var(--qe-lh-tight);color:var(--qe-fg-inverse);
	letter-spacing:var(--qe-ls-tight);
	margin-bottom:var(--qe-space-6);text-shadow:0 2px 30px rgba(0,0,0,.4);}
@media(min-width:900px){
	.llico--mon-feudal .llico-hero__title{white-space:nowrap;}
}
.llico--mon-feudal .llico-hero__q{font-family:var(--lp-serif);font-style:italic;
	font-size:clamp(18px, 2.4vw, var(--qe-fs-xl));line-height:var(--qe-lh-snug);
	max-width:640px;margin:0 auto var(--qe-space-4);color:var(--qe-paper);font-weight:400;}
.llico--mon-feudal .llico-hero__q span{display:block;color:var(--lp-accent);margin-top:var(--qe-space-2);font-size:1.06em;}
.llico--mon-feudal .llico-hero__q b{color:var(--qe-white);font-weight:700;}
.llico--mon-feudal .llico-hero__sub{max-width:560px;margin:0 auto var(--qe-space-8);
	font-size:var(--qe-fs-base);color:rgba(255,255,255,.78);line-height:var(--qe-lh-normal);
	font-family:var(--lp-sans);}
.llico--mon-feudal .llico-btn-gold{display:inline-block;background:var(--lp-accent);color:var(--qe-blue-900);
	font-weight:700;text-decoration:none;
	padding:var(--qe-space-3) var(--qe-space-7);border-radius:var(--qe-radius-pill);
	font-size:var(--qe-fs-base);font-family:var(--lp-sans);
	box-shadow:var(--qe-shadow-md);transition:transform var(--qe-dur-1) var(--qe-ease),box-shadow var(--qe-dur-2) var(--qe-ease);}
.llico--mon-feudal .llico-btn-gold:hover{transform:translateY(-2px);box-shadow:var(--qe-shadow-lg);color:var(--qe-blue-900);}

/* ---- Seccions ---- */
.llico--mon-feudal .llico-sec{padding:var(--qe-space-10) 0;border-bottom:1px solid var(--lp-line);}
.llico--mon-feudal .llico-sec--alt{background:var(--lp-bg-warm);}
.llico--mon-feudal .llico-sec--dark{
	background:linear-gradient(160deg, var(--lp-bg-dark-2) 0%, var(--lp-bg-dark) 80%);
	color:var(--qe-fg-inverse);border-bottom:none;}
.llico--mon-feudal .llico-sec--dark .llico-h2,
.llico--mon-feudal .llico-sec--dark .llico-lead{color:var(--qe-white);}
.llico--mon-feudal .llico-sec--dark .llico-eyebrow{color:var(--lp-accent);}
.llico--mon-feudal .llico-estrat{background:var(--lp-navy);color:var(--qe-white);
	border-radius:var(--qe-radius-xs);padding:2px var(--qe-space-2);
	margin-right:var(--qe-space-2);letter-spacing:var(--qe-ls-wide);font-weight:700;}
.llico--mon-feudal .llico-sec--dark .llico-estrat{background:var(--lp-accent);color:var(--qe-blue-900);}
.llico--mon-feudal .llico-h2{font-family:var(--lp-serif);font-weight:600;
	font-size:clamp(26px, 4vw, var(--qe-fs-3xl));line-height:var(--qe-lh-tight);
	color:var(--lp-navy);letter-spacing:var(--qe-ls-tight);margin-bottom:var(--qe-space-3);}
.llico--mon-feudal .llico-lead{font-size:var(--qe-fs-lg);color:var(--lp-ink-soft);
	max-width:720px;margin-bottom:var(--qe-space-6);line-height:var(--qe-lh-normal);font-family:var(--lp-sans);}
.llico--mon-feudal .llico-sec--dark .llico-lead{color:rgba(255,255,255,.78);}

/* ---- Barra del 99% ---- */
.llico--mon-feudal .llico-bar99{display:flex;height:60px;border-radius:var(--qe-radius-md);
	overflow:hidden;margin:var(--qe-space-2) 0 var(--qe-space-3);
	box-shadow:var(--qe-shadow-sm);border:1px solid var(--lp-line);}
.llico--mon-feudal .llico-bar99__pre{flex:0 0 92%;
	background:linear-gradient(90deg, var(--qe-yellow-100), var(--lp-accent));
	display:flex;align-items:center;padding-left:var(--qe-space-5);font-weight:700;
	color:var(--qe-blue-900);font-size:var(--qe-fs-sm);border-right:3px solid var(--qe-blue-900);}
.llico--mon-feudal .llico-bar99__his{flex:1;background:var(--lp-navy);
	display:flex;align-items:center;justify-content:center;
	color:var(--qe-white);font-size:11px;font-weight:700;text-align:center;line-height:1.1;}
.llico--mon-feudal .llico-bar99__cap{font-size:var(--qe-fs-sm);color:var(--lp-muted);margin-bottom:var(--qe-space-7);}

/* ---- Línia del temps (3 etapes) ---- */
.llico--mon-feudal .llico-timeline{display:grid;grid-template-columns:repeat(3,1fr);
	gap:var(--qe-space-3);margin-bottom:var(--qe-space-2);}
.llico--mon-feudal .llico-tcard{position:relative;text-align:left;cursor:pointer;
	border:2px solid var(--lp-line);background:var(--lp-bg-card);
	border-radius:var(--qe-radius-lg);padding:var(--qe-space-5) var(--qe-space-4);
	transition:transform var(--qe-dur-2) var(--qe-ease),border-color var(--qe-dur-2) var(--qe-ease),box-shadow var(--qe-dur-2) var(--qe-ease);
	font-family:var(--lp-sans);color:var(--lp-ink);}
.llico--mon-feudal .llico-tcard:hover{transform:translateY(-3px);border-color:var(--lp-accent);box-shadow:var(--qe-shadow-md);}
.llico--mon-feudal .llico-tcard.on{border-color:var(--lp-accent);background:var(--qe-yellow-50);box-shadow:var(--qe-shadow-md);}
.llico--mon-feudal .llico-tcard__no{font-family:var(--lp-serif);font-size:var(--qe-fs-sm);
	color:var(--lp-accent-3);font-weight:700;}
.llico--mon-feudal .llico-tcard__nom{font-family:var(--lp-serif);font-size:var(--qe-fs-xl);
	color:var(--lp-navy);font-weight:600;line-height:var(--qe-lh-tight);margin:2px 0;}
.llico--mon-feudal .llico-tcard__sub{font-size:var(--qe-fs-xs);color:var(--lp-muted);font-style:italic;}
.llico--mon-feudal .llico-tcard__cron{font-size:var(--qe-fs-xs);color:var(--lp-ink-soft);
	margin-top:var(--qe-space-2);font-weight:600;}
.llico--mon-feudal .llico-tcard__dot{position:absolute;right:var(--qe-space-4);top:var(--qe-space-4);
	width:11px;height:11px;border-radius:50%;background:var(--lp-line-strong);}
.llico--mon-feudal .llico-tcard.on .llico-tcard__dot{background:var(--lp-accent);}
.llico--mon-feudal .llico-etapa-panel{background:var(--lp-bg-dark);color:var(--qe-fg-inverse);
	border-radius:var(--qe-radius-lg);padding:var(--qe-space-6) var(--qe-space-7);
	margin-top:var(--qe-space-4);min-height:90px;}
.llico--mon-feudal .llico-etapa-panel h3{color:var(--qe-white);font-family:var(--lp-serif);
	font-size:var(--qe-fs-xl);margin-bottom:var(--qe-space-1);font-weight:600;}
.llico--mon-feudal .llico-etapa-panel .llico-epcron{color:var(--lp-accent);font-size:var(--qe-fs-sm);
	font-weight:700;letter-spacing:0.04em;margin-bottom:var(--qe-space-4);}
.llico--mon-feudal .llico-epgrid{display:grid;grid-template-columns:1fr 1fr;
	gap:var(--qe-space-2) var(--qe-space-6);padding:0;}
.llico--mon-feudal .llico-epgrid li{list-style:none;position:relative;padding-left:var(--qe-space-6);
	font-size:var(--qe-fs-sm);color:rgba(255,255,255,.84);}
.llico--mon-feudal .llico-epgrid li::before{content:'';position:absolute;left:2px;top:.5em;
	width:8px;height:8px;border:2px solid var(--lp-accent);border-radius:50%;}

/* ---- Activitats: bloc reusable ---- */
.llico--mon-feudal .llico-act{background:var(--lp-bg-card);border:1px solid var(--lp-line);
	border-radius:var(--qe-radius-lg);padding:var(--qe-space-6);
	margin-top:var(--qe-space-2);box-shadow:var(--qe-shadow-sm);}
.llico--mon-feudal .llico-sec--dark .llico-act{background:var(--lp-bg-dark-2);border-color:rgba(255,255,255,.12);}
.llico--mon-feudal .llico-act__tag{display:inline-flex;align-items:center;gap:var(--qe-space-2);
	font-size:11.5px;font-weight:700;letter-spacing:var(--qe-ls-caps);text-transform:uppercase;
	color:var(--lp-accent-3);margin-bottom:var(--qe-space-2);font-family:var(--lp-sans);}
.llico--mon-feudal .llico-sec--dark .llico-act__tag{color:var(--lp-accent);}
.llico--mon-feudal .llico-act__pin{width:8px;height:8px;border-radius:50%;background:var(--lp-accent);}
.llico--mon-feudal .llico-act__h3{font-family:var(--lp-serif);font-size:var(--qe-fs-lg);
	color:var(--lp-navy);margin-bottom:var(--qe-space-1);font-weight:600;}
.llico--mon-feudal .llico-sec--dark .llico-act__h3{color:var(--qe-white);}
.llico--mon-feudal .llico-small{font-size:var(--qe-fs-sm);color:var(--lp-ink-soft);margin-bottom:var(--qe-space-4);}
.llico--mon-feudal .llico-sec--dark .llico-small{color:rgba(255,255,255,.72);}

/* ---- Classifica les pistes ---- */
.llico--mon-feudal .llico-pista{background:var(--lp-bg-warm);border:1px solid var(--lp-line);
	border-radius:var(--qe-radius-md);padding:var(--qe-space-4) var(--qe-space-5);
	margin-bottom:var(--qe-space-4);}
.llico--mon-feudal .llico-pista__q{font-size:var(--qe-fs-base);margin-bottom:var(--qe-space-3);font-family:var(--lp-sans);}
.llico--mon-feudal .llico-pista__q b{color:var(--lp-danger);}
.llico--mon-feudal .llico-cats{display:flex;flex-wrap:wrap;gap:var(--qe-space-2);}
.llico--mon-feudal .llico-catbtn{font-family:var(--lp-sans);font-size:var(--qe-fs-sm);
	font-weight:600;cursor:pointer;
	background:var(--lp-bg-card);border:1.5px solid var(--lp-line);border-radius:var(--qe-radius-pill);
	padding:var(--qe-space-2) var(--qe-space-4);color:var(--lp-navy);
	transition:border-color var(--qe-dur-1) var(--qe-ease);}
.llico--mon-feudal .llico-catbtn:hover{border-color:var(--lp-navy);}
.llico--mon-feudal .llico-catbtn.good{background:var(--lp-ok);border-color:var(--lp-ok);color:var(--qe-white);}
.llico--mon-feudal .llico-catbtn.bad{background:var(--lp-danger);border-color:var(--lp-danger);color:var(--qe-white);}
.llico--mon-feudal .llico-catbtn:disabled{cursor:default;opacity:.55;}
.llico--mon-feudal .llico-fb{font-size:var(--qe-fs-sm);margin-top:var(--qe-space-3);font-weight:600;display:none;
	font-family:var(--lp-sans);}
.llico--mon-feudal .llico-fb.show{display:block;}
.llico--mon-feudal .llico-fb.ok{color:var(--lp-ok);}
.llico--mon-feudal .llico-fb.no{color:var(--lp-danger);}
.llico--mon-feudal .llico-pcounter{font-size:var(--qe-fs-sm);color:var(--lp-muted);margin-top:var(--qe-space-1);}

/* ---- Evolució: espècies ---- */
.llico--mon-feudal .llico-specrow{display:flex;gap:var(--qe-space-2);flex-wrap:wrap;margin-bottom:var(--qe-space-5);}
.llico--mon-feudal .llico-specbtn{flex:1 1 120px;cursor:pointer;font-family:var(--lp-sans);
	background:var(--lp-bg-warm);border:2px solid var(--lp-line);border-radius:var(--qe-radius-md);
	padding:var(--qe-space-3) var(--qe-space-3);text-align:center;
	transition:border-color var(--qe-dur-2) var(--qe-ease),box-shadow var(--qe-dur-2) var(--qe-ease);}
.llico--mon-feudal .llico-specbtn:hover{border-color:var(--lp-accent);}
.llico--mon-feudal .llico-specbtn.on{border-color:var(--lp-accent);background:var(--lp-bg-card);box-shadow:var(--qe-shadow-md);}
.llico--mon-feudal .llico-specbtn .llico-sn{font-size:11px;color:var(--lp-muted);font-weight:700;}
.llico--mon-feudal .llico-specbtn .llico-snm{font-family:var(--lp-serif);font-size:var(--qe-fs-sm);
	color:var(--lp-navy);font-weight:600;line-height:var(--qe-lh-tight);margin-top:2px;}
.llico--mon-feudal .llico-specpanel{display:grid;grid-template-columns:1fr 1.3fr;
	gap:var(--qe-space-6);align-items:center;background:var(--lp-bg-dark);
	border-radius:var(--qe-radius-lg);padding:var(--qe-space-6);color:var(--qe-fg-inverse);}
.llico--mon-feudal .llico-skullbox{text-align:center;}
.llico--mon-feudal .llico-skullbox .llico-cc{font-family:var(--lp-serif);font-size:34px;
	color:var(--lp-accent);font-weight:600;line-height:1;}
.llico--mon-feudal .llico-skullbox .llico-cclab{font-size:11px;color:rgba(255,255,255,.6);
	text-transform:uppercase;letter-spacing:var(--qe-ls-caps);margin-top:var(--qe-space-1);}
.llico--mon-feudal .llico-brainbar{height:14px;border-radius:var(--qe-radius-sm);
	background:rgba(255,255,255,.1);margin-top:var(--qe-space-4);overflow:hidden;}
.llico--mon-feudal .llico-brainbar span{display:block;height:100%;
	background:linear-gradient(90deg, var(--lp-accent-2), var(--lp-accent));
	transition:width var(--qe-dur-4) var(--qe-ease);}
.llico--mon-feudal .llico-specpanel h3{color:var(--qe-white);font-family:var(--lp-serif);
	font-size:var(--qe-fs-lg);margin-bottom:3px;font-weight:600;}
.llico--mon-feudal .llico-specpanel .llico-swhen{color:var(--lp-accent);font-size:var(--qe-fs-sm);
	font-weight:700;margin-bottom:var(--qe-space-2);}
.llico--mon-feudal .llico-specpanel p{font-size:var(--qe-fs-sm);color:rgba(255,255,255,.85);
	font-family:var(--lp-sans);}

/* ---- Ordena (cronologia) ---- */
.llico--mon-feudal .llico-orderzone{display:flex;flex-direction:column;gap:var(--qe-space-2);
	margin:var(--qe-space-4) 0;}
.llico--mon-feudal .llico-ordtok{display:flex;align-items:center;gap:var(--qe-space-3);
	background:var(--lp-bg-warm);border:1.5px solid var(--lp-line);border-radius:var(--qe-radius-md);
	padding:var(--qe-space-3) var(--qe-space-4);cursor:pointer;font-family:var(--lp-sans);
	text-align:left;transition:border-color var(--qe-dur-1) var(--qe-ease);}
.llico--mon-feudal .llico-ordtok:hover{border-color:var(--lp-navy);}
.llico--mon-feudal .llico-ordtok .llico-pos{width:26px;height:26px;border-radius:50%;
	background:var(--lp-navy);color:var(--qe-white);display:grid;place-items:center;
	font-size:var(--qe-fs-sm);font-weight:700;flex:0 0 26px;}
.llico--mon-feudal .llico-ordtok.empty .llico-pos{background:var(--lp-line-strong);}
.llico--mon-feudal .llico-ordtok .llico-otxt{font-size:var(--qe-fs-sm);color:var(--lp-navy);font-weight:600;}
.llico--mon-feudal .llico-ordtok.good{border-color:var(--lp-ok);background:var(--lp-ok-bg);}
.llico--mon-feudal .llico-ordtok.bad{border-color:var(--lp-danger);background:var(--lp-no-bg);}
.llico--mon-feudal .llico-pool{display:flex;flex-wrap:wrap;gap:var(--qe-space-2);margin-top:var(--qe-space-2);}

/* ---- Comparador Paleo/Neo ---- */
.llico--mon-feudal .llico-toggle{display:inline-flex;background:var(--lp-line);
	border-radius:var(--qe-radius-pill);padding:5px;margin-bottom:var(--qe-space-5);
	border:1px solid var(--lp-line-strong);}
.llico--mon-feudal .llico-toggle button{font-family:var(--lp-sans);border:none;background:transparent;
	cursor:pointer;padding:var(--qe-space-2) var(--qe-space-6);border-radius:var(--qe-radius-pill);
	font-weight:700;font-size:var(--qe-fs-sm);color:var(--lp-ink-soft);
	transition:background var(--qe-dur-2) var(--qe-ease),color var(--qe-dur-2) var(--qe-ease);}
.llico--mon-feudal .llico-toggle button.on{color:var(--qe-white);}
.llico--mon-feudal .llico-toggle button.on.paleo{background:var(--lp-accent-2);color:var(--qe-blue-900);}
.llico--mon-feudal .llico-toggle button.on.neo{background:var(--qe-green-600);}
.llico--mon-feudal .llico-cmpgrid{display:grid;gap:var(--qe-space-3);}
.llico--mon-feudal .llico-cmprow{display:grid;grid-template-columns:140px 1fr;gap:var(--qe-space-4);
	align-items:center;background:var(--lp-bg-card);border:1px solid var(--lp-line);
	border-radius:var(--qe-radius-md);padding:var(--qe-space-4);}
.llico--mon-feudal .llico-cmprow .llico-asp{font-weight:700;color:var(--lp-navy);font-size:var(--qe-fs-sm);}
.llico--mon-feudal .llico-cmprow .llico-val{font-size:var(--qe-fs-base);transition:opacity var(--qe-dur-3) var(--qe-ease);}

/* ---- Cadena causal ---- */
.llico--mon-feudal .llico-chainwork{margin-top:var(--qe-space-2);}
.llico--mon-feudal .llico-chainslot{border:2px dashed var(--lp-accent);background:var(--qe-yellow-50);
	border-radius:var(--qe-radius-md);min-height:54px;display:flex;align-items:center;
	gap:var(--qe-space-3);padding:var(--qe-space-3) var(--qe-space-4);margin-bottom:var(--qe-space-2);}
.llico--mon-feudal .llico-chainslot .llico-num{width:28px;height:28px;border-radius:50%;
	background:var(--lp-accent);color:var(--qe-blue-900);display:grid;place-items:center;
	font-weight:700;flex:0 0 28px;font-family:var(--lp-sans);}
.llico--mon-feudal .llico-chainslot.filled{border-style:solid;border-color:var(--lp-ok);background:var(--lp-bg-card);}
.llico--mon-feudal .llico-chainslot .llico-ph{color:var(--lp-muted);font-style:italic;font-size:var(--qe-fs-sm);}
.llico--mon-feudal .llico-chainslot .llico-ct{font-weight:600;color:var(--lp-navy);font-size:var(--qe-fs-base);
	font-family:var(--lp-sans);}
.llico--mon-feudal .llico-chainarr{text-align:center;color:var(--lp-accent);font-size:18px;line-height:.6;margin:1px 0;}
.llico--mon-feudal .llico-chainpool{display:flex;flex-wrap:wrap;gap:var(--qe-space-2);margin-top:var(--qe-space-4);}
.llico--mon-feudal .llico-chip{font-family:var(--lp-sans);cursor:pointer;
	background:var(--lp-bg-dark);color:var(--qe-fg-inverse);border:none;
	border-radius:var(--qe-radius-pill);padding:var(--qe-space-3) var(--qe-space-4);
	font-size:var(--qe-fs-sm);font-weight:600;transition:background var(--qe-dur-1) var(--qe-ease);}
.llico--mon-feudal .llico-chip:hover{background:var(--lp-navy);}
.llico--mon-feudal .llico-chip:disabled{opacity:.35;cursor:default;}

/* ---- Metalls ---- */
.llico--mon-feudal .llico-metals{display:grid;grid-template-columns:repeat(3,1fr);
	gap:var(--qe-space-3);margin-bottom:var(--qe-space-2);}
.llico--mon-feudal .llico-metal{border:1px solid var(--lp-line);border-radius:var(--qe-radius-lg);
	padding:var(--qe-space-5) var(--qe-space-4);background:var(--lp-bg-card);
	cursor:pointer;transition:transform var(--qe-dur-2) var(--qe-ease),box-shadow var(--qe-dur-2) var(--qe-ease);
	text-align:left;font-family:var(--lp-sans);}
.llico--mon-feudal .llico-metal:hover{transform:translateY(-3px);box-shadow:var(--qe-shadow-md);}
.llico--mon-feudal .llico-metal .llico-mh{display:flex;align-items:center;gap:var(--qe-space-2);margin-bottom:var(--qe-space-2);}
.llico--mon-feudal .llico-metal .llico-swatch{width:26px;height:26px;border-radius:50%;
	flex:0 0 26px;border:2px solid rgba(0,0,0,.1);}
.llico--mon-feudal .llico-metal .llico-mname{font-family:var(--lp-serif);font-size:var(--qe-fs-lg);
	color:var(--lp-navy);font-weight:600;}
.llico--mon-feudal .llico-metal .llico-hard{display:flex;gap:3px;margin:var(--qe-space-2) 0;}
.llico--mon-feudal .llico-metal .llico-hard i{width:13px;height:13px;border-radius:3px;background:var(--lp-line);}
.llico--mon-feudal .llico-metal .llico-hard i.f{background:var(--lp-accent);}
.llico--mon-feudal .llico-metal .llico-mdesc{font-size:var(--qe-fs-sm);color:var(--lp-ink-soft);}

/* ---- Megàlits aparellar ---- */
.llico--mon-feudal .llico-megwrap{display:grid;grid-template-columns:1fr 1fr;gap:var(--qe-space-6);}
.llico--mon-feudal .llico-megcol h5{font-size:var(--qe-fs-sm);text-transform:uppercase;
	letter-spacing:var(--qe-ls-caps);color:var(--lp-muted);margin-bottom:var(--qe-space-3);
	font-family:var(--lp-sans);font-weight:700;}
.llico--mon-feudal .llico-megtok{display:block;width:100%;text-align:left;font-family:var(--lp-sans);
	cursor:pointer;background:var(--lp-bg-warm);border:1.5px solid var(--lp-line);
	border-radius:var(--qe-radius-md);padding:var(--qe-space-3) var(--qe-space-4);
	margin-bottom:var(--qe-space-2);font-size:var(--qe-fs-sm);color:var(--lp-navy);
	font-weight:600;transition:border-color var(--qe-dur-1) var(--qe-ease);}
.llico--mon-feudal .llico-megtok:hover{border-color:var(--lp-accent);}
.llico--mon-feudal .llico-megtok.sel{border-color:var(--lp-navy);background:var(--lp-bg-card);
	box-shadow:0 0 0 2px rgba(31,58,138,.16);}
.llico--mon-feudal .llico-megtok.done{border-color:var(--lp-ok);background:var(--lp-ok-bg);cursor:default;}
.llico--mon-feudal .llico-megtok .llico-md{font-size:var(--qe-fs-xs);color:var(--lp-ink-soft);
	font-weight:400;margin-top:3px;}

/* ---- Mapa ---- */
.llico--mon-feudal .llico-mapwrap{display:grid;grid-template-columns:1.1fr .9fr;
	gap:var(--qe-space-6);align-items:start;}
.llico--mon-feudal .llico-mapbox{background:linear-gradient(160deg,#E4ECEF,#C7D6DA);
	border-radius:var(--qe-radius-lg);padding:var(--qe-space-3);
	border:1px solid var(--lp-line-strong);position:relative;}
.llico--mon-feudal .llico-mapbox svg{width:100%;height:auto;display:block;}
.llico--mon-feudal .llico-mapbox svg circle[fill="#21386B"]{fill:var(--lp-navy);}
.llico--mon-feudal .llico-mapbox svg circle[fill="#B5532E"]{fill:var(--lp-danger);}
.llico--mon-feudal .llico-hot{cursor:pointer;}
.llico--mon-feudal .llico-hot circle{transition:r var(--qe-dur-1) var(--qe-ease);}
.llico--mon-feudal .llico-hot:hover circle.h,
.llico--mon-feudal .llico-hot.on circle.h{r:6.6;}
.llico--mon-feudal .llico-hot.on circle:first-child{r:10;opacity:.3;}
.llico--mon-feudal .llico-mapinfo{background:var(--lp-bg-dark);color:var(--qe-fg-inverse);
	border-radius:var(--qe-radius-lg);padding:var(--qe-space-6);min-height:200px;}
.llico--mon-feudal .llico-mapinfo .llico-mi-pill{display:inline-block;background:var(--lp-accent);
	color:var(--qe-blue-900);font-size:11px;font-weight:700;letter-spacing:var(--qe-ls-caps);
	text-transform:uppercase;border-radius:var(--qe-radius-pill);padding:3px var(--qe-space-3);
	margin-bottom:var(--qe-space-3);font-family:var(--lp-sans);}
.llico--mon-feudal .llico-mapinfo h3{color:var(--qe-white);font-family:var(--lp-serif);
	font-size:var(--qe-fs-xl);margin-bottom:3px;font-weight:600;}
.llico--mon-feudal .llico-mapinfo .llico-mi-loc{color:var(--lp-accent);font-size:var(--qe-fs-sm);
	font-weight:600;margin-bottom:var(--qe-space-3);}
.llico--mon-feudal .llico-mapinfo p{font-size:var(--qe-fs-sm);color:rgba(255,255,255,.84);}
.llico--mon-feudal .llico-maplist{display:flex;flex-wrap:wrap;gap:7px;margin-top:var(--qe-space-4);}
.llico--mon-feudal .llico-maplist button{font-family:var(--lp-sans);font-size:var(--qe-fs-xs);
	cursor:pointer;background:var(--lp-bg-card);border:1px solid var(--lp-line);
	border-radius:var(--qe-radius-pill);padding:var(--qe-space-1) var(--qe-space-3);
	color:var(--lp-navy);font-weight:600;}
.llico--mon-feudal .llico-maplist button.on{background:var(--lp-accent);border-color:var(--lp-accent);color:var(--qe-blue-900);}

/* ---- Quiz ---- */
.llico--mon-feudal .llico-quiz{margin-top:var(--qe-space-2);}
.llico--mon-feudal .llico-qcard{background:var(--lp-bg-card);border:1px solid var(--lp-line);
	border-radius:var(--qe-radius-lg);padding:var(--qe-space-5) var(--qe-space-6);margin-bottom:var(--qe-space-4);}
.llico--mon-feudal .llico-qcard .llico-qn{font-size:var(--qe-fs-xs);font-weight:700;
	letter-spacing:var(--qe-ls-caps);text-transform:uppercase;color:var(--lp-accent-3);
	font-family:var(--lp-sans);}
.llico--mon-feudal .llico-qcard .llico-qtext{font-family:var(--lp-serif);font-size:var(--qe-fs-base);
	font-weight:600;color:var(--lp-navy);margin:var(--qe-space-1) 0 var(--qe-space-4);}
.llico--mon-feudal .llico-qopt{display:block;width:100%;text-align:left;font-family:var(--lp-sans);
	cursor:pointer;background:var(--lp-bg-warm);border:1.5px solid var(--lp-line);
	border-radius:var(--qe-radius-md);padding:var(--qe-space-3) var(--qe-space-4);
	margin-bottom:var(--qe-space-2);font-size:var(--qe-fs-base);color:var(--lp-ink);
	transition:border-color var(--qe-dur-1) var(--qe-ease);}
.llico--mon-feudal .llico-qopt:hover{border-color:var(--lp-accent);}
.llico--mon-feudal .llico-qopt.good{background:var(--lp-ok-bg);border-color:var(--lp-ok);color:var(--qe-green-700);font-weight:600;}
.llico--mon-feudal .llico-qopt.bad{background:var(--lp-no-bg);border-color:var(--lp-danger);color:var(--qe-coral-600);}
.llico--mon-feudal .llico-qopt:disabled{cursor:default;}
.llico--mon-feudal .llico-qexpl{font-size:var(--qe-fs-sm);color:var(--lp-ink-soft);margin-top:var(--qe-space-2);
	display:none;border-left:3px solid var(--lp-accent);padding:var(--qe-space-2) 0 var(--qe-space-2) var(--qe-space-3);}
.llico--mon-feudal .llico-qexpl.show{display:block;}
.llico--mon-feudal .llico-scorebox{text-align:center;background:var(--lp-bg-dark);color:var(--qe-white);
	border-radius:var(--qe-radius-lg);padding:var(--qe-space-7);margin-top:var(--qe-space-2);}
.llico--mon-feudal .llico-scorebox .llico-sc{font-family:var(--lp-serif);font-size:54px;
	color:var(--lp-accent);font-weight:600;line-height:1;}
.llico--mon-feudal .llico-scorebox p{color:rgba(255,255,255,.84);margin-top:var(--qe-space-2);}
.llico--mon-feudal .llico-scorebox .llico-verdict{font-family:var(--lp-serif);font-style:italic;
	font-size:var(--qe-fs-lg);color:var(--qe-white);margin-top:var(--qe-space-5);
	max-width:520px;margin-left:auto;margin-right:auto;line-height:var(--qe-lh-normal);}

/* ---- Idees clau ---- */
.llico--mon-feudal .llico-keys{display:grid;grid-template-columns:1fr 1fr;
	gap:var(--qe-space-3) var(--qe-space-6);margin-top:var(--qe-space-2);padding:0;}
.llico--mon-feudal .llico-keys li{list-style:none;position:relative;padding-left:var(--qe-space-7);
	font-size:var(--qe-fs-base);color:rgba(255,255,255,.92);line-height:var(--qe-lh-normal);
	font-family:var(--lp-sans);}
.llico--mon-feudal .llico-keys li::before{content:'';position:absolute;left:3px;top:.5em;
	width:9px;height:9px;background:var(--lp-accent);border-radius:2px;transform:rotate(45deg);}

/* ---- Responsiu ---- */
@media(max-width:760px){
	.llico--mon-feudal .llico-timeline{grid-template-columns:1fr;}
	.llico--mon-feudal .llico-epgrid{grid-template-columns:1fr;}
	.llico--mon-feudal .llico-specpanel{grid-template-columns:1fr;text-align:center;}
	.llico--mon-feudal .llico-cmprow{grid-template-columns:1fr;gap:var(--qe-space-1);}
	.llico--mon-feudal .llico-cmprow .llico-asp{font-size:var(--qe-fs-xs);
		text-transform:uppercase;letter-spacing:0.06em;}
	.llico--mon-feudal .llico-metals{grid-template-columns:1fr;}
	.llico--mon-feudal .llico-megwrap{grid-template-columns:1fr;}
	.llico--mon-feudal .llico-mapwrap{grid-template-columns:1fr;}
	.llico--mon-feudal .llico-keys{grid-template-columns:1fr;}
	.llico--mon-feudal .llico-tracker{padding:7px var(--qe-space-3);font-size:var(--qe-fs-xs);}
}
@media(prefers-reduced-motion:reduce){
	.llico--mon-feudal *{animation:none!important;transition:none!important;}
}
.llico--mon-feudal :focus-visible{outline:3px solid var(--lp-accent);outline-offset:2px;border-radius:var(--qe-radius-xs);}