/* =========================================================
   TERRE DES DRAGONS — PAGES MÉTIER
   ========================================================= */

* {
    box-sizing: border-box;
}

html,
body {
    min-height: 100%;
    margin: 0;
}

body {
    color: #eadfc8;
    background:
        radial-gradient(circle at 70% 0, rgba(96,42,13,.13), transparent 28%),
        linear-gradient(#0a0705, #050403);
    font-family: "Cormorant Garamond", Georgia, serif;
}

.tdd-app {
    display: flex;
    align-items: stretch;
    min-height: 900px;
}

.tdd-main {
    flex: 1;
    min-width: 0;
    padding: 44px clamp(20px,4vw,70px) 80px;
}

.tdd-main__inner {
    max-width: 1240px;
    margin: 0 auto;
}

.tdd-page-heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 28px;
    margin-bottom: 30px;
    padding-bottom: 22px;
    border-bottom: 1px solid rgba(151,102,42,.25);
}

.tdd-page-heading__eyebrow {
    margin: 0 0 5px;
    color: #8d785b;
    font-family: "Cinzel", Georgia, serif;
    font-size: .7rem;
    letter-spacing: .18em;
    text-transform: uppercase;
}

.tdd-page-heading h1 {
    margin: 0;
    color: #ecd49a;
    font-family: "Cinzel", Georgia, serif;
    font-size: clamp(2.2rem,4vw,4rem);
    font-weight: 600;
    line-height: 1;
    text-shadow: 0 4px 8px #000;
}

.tdd-page-heading p:not(.tdd-page-heading__eyebrow) {
    max-width: 760px;
    margin: 12px 0 0;
    color: #a89a84;
    font-size: 1.12rem;
}

[data-view-container][data-view="cards"] .tdd-spell-table-view,
[data-view-container][data-view="cards"] .tdd-class-table-view,
[data-view-container][data-view="cards"] .tdd-race-table-view,
[data-view-container][data-view="cards"] .tdd-talent-table-view,
[data-view-container][data-view="cards"] .tdd-passive-table-view,
[data-view-container][data-view="cards"] .tdd-power-table-view,
[data-view-container][data-view="cards"] .tdd-magic-table-view {
    display: none;
}

[data-view-container][data-view="table"] .tdd-spell-card-view,
[data-view-container][data-view="table"] .tdd-class-card-view,
[data-view-container][data-view="table"] .tdd-race-card-view,
[data-view-container][data-view="table"] .tdd-talent-card-view,
[data-view-container][data-view="table"] .tdd-passive-card-view,
[data-view-container][data-view="table"] .tdd-power-card-view,
[data-view-container][data-view="table"] .tdd-magic-card-view {
    display: none;
}

.tdd-detail-navigation {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 16px;
    margin-top: 22px;
}

.tdd-detail-navigation a {
    color: #bda678;
    font-family: "Cinzel", Georgia, serif;
    font-size: .72rem;
    letter-spacing: .06em;
    text-decoration: none;
    text-transform: uppercase;
}

.tdd-detail-navigation a:hover {
    color: #efd79c;
}

.tdd-form-section {
    margin-bottom: 30px;
}

.tdd-form-section h3 {
    margin: 0 0 17px !important;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(159,106,43,.18);
}

.tdd-spell-form .tdd-field textarea {
    min-height: 150px;
}

@media (max-width: 900px) {
    .tdd-app {
        display: block;
        min-height: 0;
    }

    .tdd-main {
        padding-top: 32px;
    }
}

@media (max-width: 680px) {
    .tdd-page-heading {
        display: grid;
        align-items: start;
    }

    .tdd-page-heading .tdd-button {
        width: 100%;
    }
}

[data-view-container][data-view="table"] .tdd-technique-card-view{display:none;}
[data-view-container][data-view="cards"] .tdd-technique-table-view{display:none;}


/* Pouvoirs et Magies */
.tdd-magic-detail__hero{padding:34px 0 42px;border-bottom:1px solid rgba(151,102,42,.28);margin-bottom:36px}.tdd-magic-detail__hero h1{margin:0;color:#ecd49a;font-family:"Cinzel",serif;font-size:clamp(2.8rem,6vw,5.5rem);font-weight:600}.tdd-magic-detail__hero>p:last-child{max-width:760px;color:#b8a991;font-size:1.25rem}.tdd-magic-story{display:grid;gap:42px}.tdd-magic-story__block{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);align-items:center;gap:40px;padding:28px;border:1px solid rgba(151,102,42,.25);background:linear-gradient(135deg,rgba(46,31,18,.55),rgba(11,8,6,.82));box-shadow:0 18px 50px rgba(0,0,0,.28)}.tdd-magic-story__block.is-reversed .tdd-magic-story__image{order:2}.tdd-magic-story__image{min-height:360px;overflow:hidden;border:1px solid rgba(190,137,65,.35)}.tdd-magic-story__image img{display:block;width:100%;height:100%;min-height:360px;object-fit:cover}.tdd-magic-story__content h2{margin:5px 0 16px;color:#e7c982;font-family:"Cinzel",serif;font-size:clamp(1.6rem,3vw,2.5rem)}.tdd-magic-story__content p{margin:0;color:#c4b59d;font-size:1.17rem;line-height:1.7}.tdd-magic-story__index{color:#7f6747;font-family:"Cinzel",serif;font-size:.75rem;letter-spacing:.2em}@media(max-width:800px){.tdd-magic-story__block{grid-template-columns:1fr}.tdd-magic-story__block.is-reversed .tdd-magic-story__image{order:0}.tdd-magic-story__image,.tdd-magic-story__image img{min-height:260px}}

/* Univers et Bestiaire */
[data-view-container][data-view="cards"] .tdd-bestiary-table-view{display:none}
[data-view-container][data-view="table"] .tdd-bestiary-card-view{display:none}
.tdd-rarity-claws{color:#d08a52;font-family:"Cinzel",serif;font-size:1rem;letter-spacing:.14em;text-shadow:0 0 10px rgba(183,68,31,.32)}
.tdd-universe-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-bottom:38px}.tdd-universe-section{overflow:hidden;border:1px solid rgba(151,102,42,.28);background:linear-gradient(145deg,rgba(48,31,17,.72),rgba(10,7,5,.92));box-shadow:0 16px 44px rgba(0,0,0,.25)}.tdd-universe-section__head{display:grid;gap:7px;padding:25px 27px;border-bottom:1px solid rgba(151,102,42,.22);color:#e8cc8e;text-decoration:none}.tdd-universe-section__head span{font-family:"Cinzel",serif;font-size:1.35rem}.tdd-universe-section__head small{color:#a99a82;font-size:1rem}.tdd-universe-section__links{display:flex;flex-wrap:wrap;gap:10px;padding:20px 27px}.tdd-universe-section__links a,.tdd-universe-link-card{border:1px solid rgba(151,102,42,.25);background:rgba(18,12,8,.65);color:#cdb98f;text-decoration:none}.tdd-universe-section__links a{padding:8px 12px;font-family:"Cinzel",serif;font-size:.7rem;letter-spacing:.05em;text-transform:uppercase}.tdd-universe-section__links a:hover,.tdd-universe-link-card:hover{border-color:rgba(218,166,89,.65);color:#f0d79d}.tdd-recent-panel{padding:28px;border:1px solid rgba(151,102,42,.28);background:rgba(16,11,8,.82)}.tdd-recent-panel h2,.tdd-supertype-creatures h2{margin:0;color:#e7c982;font-family:"Cinzel",serif;font-size:1.8rem}.tdd-recent-list{display:grid;gap:0;margin:22px 0 0;padding:0;list-style:none}.tdd-recent-list li{display:grid;grid-template-columns:145px 105px minmax(0,1fr);align-items:center;gap:15px;padding:13px 0;border-top:1px solid rgba(151,102,42,.15)}.tdd-recent-list time{color:#7f735f;font-size:.9rem}.tdd-recent-list a{color:#d9c7a1;font-family:"Cinzel",serif;text-decoration:none}.tdd-supertype-creatures{margin-top:44px;padding-top:30px;border-top:1px solid rgba(151,102,42,.25)}.tdd-supertype-creatures .tdd-card-grid{margin-top:20px}.tdd-universe-link-card{display:grid;gap:7px;padding:18px}.tdd-universe-link-card strong{font-family:"Cinzel",serif}.tdd-universe-link-card span{color:#9e8d72}
@media(max-width:820px){.tdd-universe-grid{grid-template-columns:1fr}.tdd-recent-list li{grid-template-columns:1fr;gap:6px}.tdd-recent-list .tdd-badge{justify-self:start}}


/* Pages éditoriales Monde et Règles */
.tdd-editorial-heading { margin-bottom: 38px; }
.tdd-editorial-story { display: grid; gap: 42px; }
.tdd-editorial-story__block {
    display: grid;
    grid-template-columns: minmax(320px,.95fr) minmax(0,1.05fr);
    align-items: center;
    gap: 42px;
    padding: 30px;
    border: 1px solid rgba(151,102,42,.28);
    background: linear-gradient(135deg,rgba(48,31,17,.66),rgba(10,7,5,.92));
    box-shadow: 0 18px 50px rgba(0,0,0,.28);
}
.tdd-editorial-story__block.is-reversed .tdd-editorial-story__image { order: 2; }
.tdd-editorial-story__image { min-height: 350px; overflow: hidden; border: 1px solid rgba(190,137,65,.35); }
.tdd-editorial-story__image img { display:block; width:100%; height:100%; min-height:350px; object-fit:cover; }
.tdd-editorial-story__content h2 {
    margin: 0 0 18px;
    text-align: center;
    color:#e7c982;
    font-family:"Cinzel",serif;
    font-size:clamp(1.55rem,3vw,2.4rem);
}
.tdd-editorial-story__content p { margin:0; color:#c4b59d; font-size:1.17rem; line-height:1.75; }

/* Rareté du Bestiaire */
.tdd-rarity-claws { display:inline-flex; align-items:center; }
.tdd-rarity-claws__icons { display:inline-flex; align-items:center; gap:4px; }
.tdd-rarity-claws__icons img { width:25px; height:25px; object-fit:contain; filter:drop-shadow(0 0 6px rgba(199,104,48,.42)); }
.tdd-detail__stat-value .tdd-rarity-claws__icons img { width:31px; height:31px; }

@media(max-width:800px){
  .tdd-editorial-story__block{grid-template-columns:1fr;padding:20px;gap:24px}
  .tdd-editorial-story__block.is-reversed .tdd-editorial-story__image{order:0}
  .tdd-editorial-story__image,.tdd-editorial-story__image img{min-height:250px}
}

/* Module Magies V13.6.2 */
.tdd-inline-badges,.tdd-magic-detail__badges{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.tdd-table__muted{color:#817764;font-style:italic}.tdd-magic-detail__badges{margin-top:20px}.tdd-magic-story__block.has-no-image{grid-template-columns:1fr}.tdd-magic-story__block.has-no-image .tdd-magic-story__content{max-width:980px}.tdd-rich-text{color:#c4b59d;font-size:1.17rem;line-height:1.75}.tdd-magic-spells{margin-top:46px;padding-top:30px;border-top:1px solid rgba(151,102,42,.25)}.tdd-section-heading h2{margin:0 0 20px;color:#e7c982;font-family:"Cinzel",serif;font-size:clamp(1.6rem,3vw,2.4rem)}.tdd-magic-form textarea{min-height:130px}.tdd-checkbox-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.tdd-checkbox-card{display:flex;align-items:center;gap:10px;padding:13px 15px;border:1px solid rgba(151,102,42,.25);background:rgba(18,12,8,.62);color:#cdb98f;font-family:"Cinzel",serif;font-size:.78rem;cursor:pointer}.tdd-checkbox-card:has(input:checked){border-color:rgba(218,166,89,.65);background:rgba(87,58,25,.45);color:#efd79c}.tdd-checkbox-card input{accent-color:#b98543}


/* Passifs : hiérarchie visuelle alignée sur les sorts. */
.tdd-passive-card-view .tdd-card__title,
.tdd-passive-name {
    color: #ead29a;
    font-family: "Cinzel", Georgia, serif;
    font-weight: 700;
    letter-spacing: .055em;
    text-transform: uppercase;
    text-shadow: 0 2px 5px #000;
}

.tdd-badge--plain {
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.tdd-badge--class {
    --class-color: #f2efe6;
    color: color-mix(in srgb, var(--class-color) 82%, white);
    border-color: var(--class-color);
    background: color-mix(in srgb, var(--class-color) 14%, rgba(12, 9, 7, .9));
    border-radius: 999px;
    box-shadow:
        0 0 0 1px color-mix(in srgb, var(--class-color) 22%, transparent),
        inset 0 0 8px rgba(0, 0, 0, .5);
}

.tdd-card__meta .tdd-badge--class {
    min-height: 22px;
    padding: 2px 8px;
}

/* Talents - même hiérarchie visuelle que les passifs. */
.tdd-talent-card-view .tdd-card__title,
.tdd-talent-name {
    color: #ead29a;
    font-family: "Cinzel", Georgia, serif;
    font-weight: 700;
    letter-spacing: .055em;
    text-transform: uppercase;
    text-shadow: 0 2px 5px #000;
}