.creatures-hero{text-align:center;justify-content:center;align-items:center;min-height:38vh;margin-bottom:70px;display:flex;position:relative;overflow:hidden}.creatures-hero:before{content:"";background:radial-gradient(ellipse 60% 50% at 30% 50%, rgba(var(--cc-r,200),var(--cc-g,169),var(--cc-b,110),.07), transparent), radial-gradient(ellipse 50% 60% at 70% 40%, #4ecdc40f, transparent);pointer-events:none;position:absolute;inset:0}.creatures-hero-content{z-index:2;padding:0 24px;position:relative}.creatures-hero-eyebrow{font-family:var(--font-ui);letter-spacing:.22em;text-transform:uppercase;color:var(--teal);opacity:.8;margin-bottom:14px;font-size:.75em}.creatures-hero-titre{font-family:var(--font-titre);letter-spacing:.12em;text-transform:uppercase;color:var(--text-bright);text-shadow:0 0 60px #c8a96e40;margin:0 0 16px;font-size:clamp(2.8em,6vw,5em)}.creatures-hero-sub{font-family:var(--font-texte);color:var(--text-mid);max-width:640px;margin:0 auto;font-size:clamp(1em,2vw,1.2em);font-style:italic;line-height:1.7}.creatures-sections{max-width:min(1400px,92vw);margin:0 auto;padding:0 0 120px}.creatures-section{border-bottom:1px solid var(--glass-border)}.creatures-section-toggle{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:18px;width:100%;padding:28px 0;display:flex}.creatures-section-toggle:hover .creatures-section-nom{color:var(--gold)}.creatures-section-couleur{background:var(--cc,var(--gold));width:6px;height:36px;box-shadow:0 0 12px var(--cc,var(--gold-glow));border-radius:3px;flex-shrink:0}.creatures-section-nom{font-family:var(--font-titre);letter-spacing:.1em;text-transform:uppercase;color:var(--text-bright);flex:1;font-size:clamp(1.1em,2.5vw,1.5em);transition:color .2s}.creatures-section-count{font-family:var(--font-ui);letter-spacing:.15em;color:var(--text-dim);text-transform:uppercase;margin-right:12px;font-size:.75em}.creatures-section-caret{color:var(--text-dim);flex-shrink:0;font-size:1em;transition:transform .3s}.creatures-section[open] .creatures-section-caret{transform:rotate(180deg)}.creatures-section-corps{padding-bottom:40px}.creatures-grille{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;display:grid}.creature-card{background:var(--glass);border:1px solid var(--glass-border);color:inherit;border-radius:12px;flex-direction:column;text-decoration:none;transition:border-color .25s,transform .25s,box-shadow .25s;display:flex;overflow:hidden}.creature-card:hover{border-color:rgba(var(--cc-r,200),var(--cc-g,169),var(--cc-b,110),.4);box-shadow:0 16px 40px #0006, 0 0 20px rgba(var(--cc-r,200),var(--cc-g,169),var(--cc-b,110),.1);transform:translateY(-4px)}.creature-card-image{aspect-ratio:3/4;background:var(--deep);justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.creature-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.creature-card:hover .creature-card-image img{transform:scale(1.04)}.creature-card-placeholder{background:linear-gradient(135deg,rgba(var(--cc-r,200),var(--cc-g,169),var(--cc-b,110),.06),var(--deep));justify-content:center;align-items:center;width:100%;height:100%;display:flex}.creature-card-placeholder-glyph{font-family:var(--font-titre);color:rgba(var(--cc-r,200),var(--cc-g,169),var(--cc-b,110),.3);-webkit-user-select:none;user-select:none;font-size:4em}.creature-card-nature-badge{font-family:var(--font-ui);letter-spacing:.12em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2;border:1px solid #ffffff1a;border-radius:20px;padding:3px 8px;font-size:.6em;position:absolute;top:10px;right:10px}.creature-card-corps{border-top:1px solid rgba(var(--cc-r,200),var(--cc-g,169),var(--cc-b,110),.12);flex-direction:column;flex:1;gap:6px;padding:16px 18px 18px;display:flex}.creature-card-nom{font-family:var(--font-titre);letter-spacing:.08em;color:var(--text-bright);margin:0;font-size:1.05em}.creature-card-titre{font-family:var(--font-texte);color:var(--text-mid);margin:0;font-size:.85em;font-style:italic;line-height:1.4}.creature-card-tag{font-family:var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:rgba(var(--cc-r,200),var(--cc-g,169),var(--cc-b,110),.7);margin-top:4px;font-size:.65em}.nature-bienveillante{color:#5dde8f;background:#27ae6040}.nature-maléfique{color:#e57373;background:#922b214d}.nature-ambivalente{color:#bbb;background:#64646440}.nature-neutre{color:var(--teal);background:#4ecdc426}.cf{z-index:2;max-width:min(1400px,92vw);margin:0 auto;padding-bottom:140px;position:relative}.cf-header{text-align:center;border-bottom:1px solid rgba(var(--cc-r,200),var(--cc-g,169),var(--cc-b,110),.15);margin-bottom:0;padding:40px 0 48px;position:relative}.cf-header:after{content:"";background:var(--cc,var(--gold));border-radius:1px;width:60px;height:2px;position:absolute;bottom:-1px;left:50%;transform:translate(-50%)}.cf-header-cat{font-family:var(--font-ui);letter-spacing:.24em;text-transform:uppercase;color:rgba(var(--cc-r,200),var(--cc-g,169),var(--cc-b,110),.65);margin:0 0 12px;font-size:.72em}.cf-header-nom{font-family:var(--font-titre);letter-spacing:.14em;text-transform:uppercase;color:var(--text-bright);text-shadow:0 0 60px rgba(var(--cc-r,200),var(--cc-g,169),var(--cc-b,110),.22);margin:0 0 12px;font-size:clamp(2.6em,5.5vw,4.2em)}.cf-header-titre{font-family:var(--font-texte);color:var(--text-mid);margin:0;font-size:clamp(1em,2vw,1.3em);font-style:italic}.cf-section-label{font-family:var(--font-ui);letter-spacing:.22em;text-transform:uppercase;color:rgba(var(--cc-r,200),var(--cc-g,169),var(--cc-b,110),.35);align-items:center;gap:16px;margin:56px 0 0;padding-bottom:18px;font-size:.68em;display:flex}.cf-section-label:after{content:"";background:linear-gradient(to right, rgba(var(--cc-r,200),var(--cc-g,169),var(--cc-b,110),.2), transparent);flex:1;height:1px}.img-detouree{filter:drop-shadow(0 30px 60px rgba(var(--cc-r,200),var(--cc-g,169),var(--cc-b,110),.18)) drop-shadow(0 10px 30px #0009);transition:filter .4s;position:relative}.img-detouree:hover{filter:drop-shadow(0 40px 80px rgba(var(--cc-r,200),var(--cc-g,169),var(--cc-b,110),.28)) drop-shadow(0 10px 30px #00000080)}.img-vide{background:linear-gradient(135deg, rgba(var(--cc-r,200),var(--cc-g,169),var(--cc-b,110),.04), var(--deep));border:1px dashed rgba(var(--cc-r,200),var(--cc-g,169),var(--cc-b,110),.2);border-radius:2px;justify-content:center;align-items:center;display:flex}.img-vide-label{font-family:var(--font-ui);letter-spacing:.18em;text-transform:uppercase;color:rgba(var(--cc-r,200),var(--cc-g,169),var(--cc-b,110),.3);font-size:.68em}.cf-img-hero{aspect-ratio:3/4;width:100%}.cf-img-hero.img-detouree{margin-top:-40px}.cf-img-secondary{aspect-ratio:5/6;width:100%}.cf-zone{align-items:start;gap:clamp(24px,4vw,56px);margin-top:8px;display:grid}.cf-zone-hero{grid-template-columns:55fr 45fr;align-items:end}.cf-zone-r,.cf-zone-l{grid-template-columns:1fr 1fr;align-items:center}.cf-carte{border:1px solid rgba(var(--cc-r,200),var(--cc-g,169),var(--cc-b,110),.18);background:linear-gradient(160deg,#100c14f7,#0a0810fc);border-radius:4px;padding:0 0 28px;position:relative;overflow:hidden;box-shadow:0 20px 60px #0006}.cf-carte-accent{background:linear-gradient(to right, rgba(var(--cc-r,200),var(--cc-g,169),var(--cc-b,110),.7), rgba(var(--cc-r,200),var(--cc-g,169),var(--cc-b,110),.1));height:3px}.cf-carte-nom{font-family:var(--font-titre);letter-spacing:.12em;text-transform:uppercase;color:var(--text-bright);margin:0;padding:24px 28px 4px;font-size:clamp(1.4em,2.5vw,2em)}.cf-carte-sous-titre{font-family:var(--font-texte);color:var(--text-mid);margin:0;padding:0 28px 16px;font-size:.95em;font-style:italic}.cf-carte-sep{background:rgba(var(--cc-r,200),var(--cc-g,169),var(--cc-b,110),.12);height:1px;margin:0 28px 8px}.cf-carte-dl{flex-direction:column;margin:0;padding:0;display:flex}.cf-carte-row{border-bottom:1px solid #ffffff0a;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 28px;display:flex}.cf-carte-row dt{font-family:var(--font-ui);letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);flex-shrink:0;font-size:.68em}.cf-carte-row dd{font-family:var(--font-texte);color:var(--text-mid);text-align:right;margin:0;font-size:.9em}.cf-carte-nature{font-family:var(--font-ui);letter-spacing:.12em;text-transform:uppercase;border-radius:20px;padding:3px 10px;font-size:.7em!important}.cf-carte-element{color:rgba(var(--cc-r,200),var(--cc-g,169),var(--cc-b,110),.9)!important}.cf-carte-row--tags{flex-direction:column;align-items:flex-start;gap:8px}.cf-carte-row--tags dd{text-align:left}.cf-carte-tags{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.cf-carte-tag{font-family:var(--font-texte);color:rgba(var(--cc-r,200),var(--cc-g,169),var(--cc-b,110),.7);background:rgba(var(--cc-r,200),var(--cc-g,169),var(--cc-b,110),.07);border:1px solid rgba(var(--cc-r,200),var(--cc-g,169),var(--cc-b,110),.15);border-radius:3px;padding:3px 10px;font-size:.75em;font-style:italic}.cf-carte-essence{background:rgba(var(--cc-r,200),var(--cc-g,169),var(--cc-b,110),.06);border-left:2px solid rgba(var(--cc-r,200),var(--cc-g,169),var(--cc-b,110),.5);flex-direction:column;gap:4px;margin:16px 28px 0;padding:14px 16px;display:flex}.cf-carte-essence-label{font-family:var(--font-ui);letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim);font-size:.62em}.cf-carte-essence-texte{font-family:var(--font-texte);color:var(--text-bright);font-size:.92em;font-style:italic;line-height:1.5}.cf-texte{font-family:var(--font-texte);color:var(--text-mid);margin:0;font-size:clamp(.95em,1.4vw,1.08em);line-height:1.9}.cf-texte-desc{border-top:1px solid rgba(var(--cc-r,200),var(--cc-g,169),var(--cc-b,110),.1);border-bottom:1px solid rgba(var(--cc-r,200),var(--cc-g,169),var(--cc-b,110),.06);margin-top:36px;padding:28px 0}.cf-bloc-titre{font-family:var(--font-titre);letter-spacing:.12em;text-transform:uppercase;color:rgba(var(--cc-r,200),var(--cc-g,169),var(--cc-b,110),.75);border-bottom:1px solid rgba(var(--cc-r,200),var(--cc-g,169),var(--cc-b,110),.15);margin:0 0 18px;padding-bottom:10px;font-size:1em}.cf-traditions-liste{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.cf-tradition-item{font-family:var(--font-texte);color:var(--text-mid);align-items:baseline;gap:10px;font-size:clamp(.9em,1.3vw,1em);font-style:italic;line-height:1.5;display:flex}.cf-tradition-tiret{color:rgba(var(--cc-r,200),var(--cc-g,169),var(--cc-b,110),.4);flex-shrink:0;font-style:normal}.cf-lore-texte{font-family:var(--font-texte);color:var(--text-mid);margin:0 0 14px;font-size:clamp(.9em,1.35vw,1.05em);line-height:1.85}.cf-lore-texte em{color:var(--text-bright);font-style:italic}.cf-lore-traditions{color:var(--text-dim);font-size:.88em}.cf-prose{font-family:var(--font-texte);color:var(--text-mid);font-size:clamp(.95em,1.35vw,1.06em);line-height:1.9}.cf-prose h3{font-family:var(--font-titre);letter-spacing:.14em;text-transform:uppercase;color:rgba(var(--cc-r,200),var(--cc-g,169),var(--cc-b,110),.8);border-bottom:1px solid rgba(var(--cc-r,200),var(--cc-g,169),var(--cc-b,110),.15);margin:0 0 18px;padding-bottom:10px;font-size:clamp(.9em,1.1vw,1em)}.cf-prose p{color:var(--text-mid);margin:0 0 1.1em}.cf-prose p:last-child{margin-bottom:0}.cf-prose strong{color:var(--text-bright);font-weight:600}.cf-prose em{color:rgba(var(--cc-r,200),var(--cc-g,169),var(--cc-b,110),.9);font-style:italic}.cf-prose hr{border:none;border-top:1px solid rgba(var(--cc-r,200),var(--cc-g,169),var(--cc-b,110),.15);margin:28px 0}.cf-prose a{color:var(--cc);border-bottom:1px solid rgba(var(--cc-r,200),var(--cc-g,169),var(--cc-b,110),.3);text-decoration:none;transition:border-color .2s}.cf-prose a:hover{border-color:var(--cc)}.cf-retour{text-align:center;font-family:var(--font-ui);letter-spacing:.18em;text-transform:uppercase;margin-top:36px;font-size:.73em}.cf-retour a{color:var(--text-dim);text-decoration:none;transition:color .2s}.cf-retour a:hover{color:var(--gold)}@media (max-width:860px){.cf-zone-hero,.cf-zone-r,.cf-zone-l{grid-template-columns:1fr}.cf-zone-l{direction:ltr}.cf-img-hero{margin-top:0}.cf-img-hero,.cf-img-secondary{aspect-ratio:4/3;max-height:70vw}.creatures-grille{grid-template-columns:repeat(2,1fr);gap:12px}}