:root{
  --bg:#08090b;
  --bg2:#111216;
  --surface:rgba(18,19,25,.84);
  --surface-2:rgba(29,26,31,.95);
  --surface-3:rgba(38,31,29,.96);
  --line:rgba(231,187,100,.18);
  --gold:#e7bb64;
  --gold-2:#ab7133;
  --ivory:#f2eee6;
  --muted:#c1b5a8;
  --ash:#938579;
  --danger:#b9483f;
  --shadow:0 18px 55px rgba(0,0,0,.45);
  --radius:18px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--ivory);
  font-family:Inter,Segoe UI,Arial,sans-serif;
  line-height:1.7;
  background:
    linear-gradient(180deg, rgba(0,0,0,.15), rgba(0,0,0,.55)),
    url("embers.svg") center top / cover no-repeat fixed,
    radial-gradient(circle at top, #2a1b16 0, #120f12 28rem, var(--bg) 54rem);
  min-height:100vh;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 15% 25%, rgba(231,187,100,.07), transparent 22rem),
    radial-gradient(circle at 85% 18%, rgba(185,72,63,.08), transparent 24rem),
    radial-gradient(circle at 50% 110%, rgba(231,187,100,.06), transparent 28rem);
}
a{color:var(--gold)}
header{
  position:sticky;
  top:0;
  z-index:20;
  backdrop-filter:blur(16px);
  background:linear-gradient(180deg, rgba(8,9,11,.9), rgba(8,9,11,.75));
  border-bottom:1px solid rgba(231,187,100,.12);
}
.header-inner{
  max-width:1280px;
  margin:auto;
  padding:14px 24px;
  display:flex;
  gap:18px;
  align-items:center;
  justify-content:space-between;
}
.brand-wrap{display:flex;align-items:center;gap:14px;min-width:0}
.brand-mark{
  width:52px;height:52px;object-fit:cover;border-radius:10px;
  border:1px solid rgba(231,187,100,.22);
  box-shadow:0 10px 28px rgba(0,0,0,.35);
}
.brand{
  font-weight:900;
  letter-spacing:.12em;
  color:var(--ivory);
  text-decoration:none;
  text-transform:uppercase;
  font-size:.98rem;
}
.brand-sub{
  display:block;
  color:var(--ash);
  font-size:.74rem;
  letter-spacing:.08em;
  margin-top:2px;
}
nav{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
nav a{
  text-decoration:none;
  color:var(--muted);
  font-size:.93rem;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid transparent;
  transition:.2s ease;
}
nav a:hover{
  color:var(--gold);
  border-color:rgba(231,187,100,.22);
  background:rgba(231,187,100,.06);
}
main{max-width:1120px;margin:auto;padding:42px 24px 100px}
h1{
  font-size:clamp(2.4rem,6vw,5.4rem);
  line-height:1.02;
  margin:.15em 0 .2em;
  letter-spacing:-.03em;
}
h2{margin-top:1.45em;margin-bottom:.55em;font-size:clamp(1.3rem,2vw,1.72rem)}
h3{margin-top:1.2em}
p{margin:.75em 0;color:var(--muted)}
strong{color:var(--ivory)}
.banner-wrap{
  position:relative;
  overflow:hidden;
  border-radius:26px;
  border:1px solid rgba(231,187,100,.14);
  box-shadow:var(--shadow);
  margin-bottom:28px;
  background:#0b0a0d;
}
.banner-wrap img{
  display:block;
  width:100%;
  height:auto;
}
.banner-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(0,0,0,.1), rgba(0,0,0,.1) 35%, rgba(0,0,0,.65) 100%);
  pointer-events:none;
}
.hero{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:1.25fr .85fr;
  gap:24px;
  align-items:center;
  padding:14px 0 20px;
}
.hero::after{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(231,187,100,.22), transparent);
}
.eyebrow{
  display:inline-flex;
  gap:10px;
  align-items:center;
  color:var(--gold);
  font-weight:800;
  letter-spacing:.2em;
  font-size:.78rem;
  text-transform:uppercase;
}
.eyebrow::before,.eyebrow::after{
  content:"";
  width:28px;height:1px;background:rgba(231,187,100,.55);
}
.lead{max-width:720px;font-size:1.18rem;color:#dbd1c5}
.hero-copy,.hero-art{position:relative;z-index:1}
.hero-art{display:flex;justify-content:center}
.hero-card{
  width:min(100%, 400px);
  background:linear-gradient(180deg, rgba(35,28,28,.86), rgba(14,15,19,.92));
  border:1px solid var(--line);
  border-radius:26px;
  padding:24px;
  box-shadow:var(--shadow);
  position:relative;
  overflow:hidden;
}
.hero-card::before{
  content:"";
  position:absolute;inset:0;
  background:radial-gradient(circle at 50% 15%, rgba(231,187,100,.12), transparent 34%);
  pointer-events:none;
}
.hero-card img{
  width:100%;
  border-radius:16px;
  border:1px solid rgba(231,187,100,.15);
  box-shadow:0 12px 30px rgba(0,0,0,.35);
  margin-bottom:16px;
}
.hero-card h2{text-align:center;margin:.2em 0 .5em}
.hero-card p{text-align:center;margin:.4em 0}
.badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.badges span{
  padding:7px 12px;
  border-radius:999px;
  background:rgba(231,187,100,.08);
  border:1px solid rgba(231,187,100,.18);
  color:#eed7ac;
  font-size:.92rem;
}
.grid,.chapter-list{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
  gap:18px;
  margin:28px 0;
}
article,.panel,.notice,.warning,.boss-card,.feature-banner,.quote-block{
  background:linear-gradient(180deg, var(--surface), var(--surface-2));
  border:1px solid rgba(231,187,100,.12);
  border-radius:var(--radius);
  padding:22px;
  box-shadow:var(--shadow);
}
article{transition:transform .18s ease,border-color .18s ease, background .18s ease}
article:hover{
  transform:translateY(-4px);
  border-color:rgba(231,187,100,.26);
  background:linear-gradient(180deg, rgba(25,24,31,.92), rgba(35,27,30,.95));
}
article h2,.panel h2,.notice h2,.warning h2,.boss-card h2{margin-top:0;color:var(--ivory)}
.meta-line{display:flex;gap:14px;flex-wrap:wrap;color:var(--ash);font-size:.92rem;margin-top:10px}
.panel-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.notice{border-left:4px solid var(--gold)}
.warning,.spoiler-warning{
  background:linear-gradient(180deg, rgba(48,23,25,.93), rgba(32,16,17,.95));
  border:1px solid rgba(185,72,63,.34);
  border-left:4px solid var(--danger);
  border-radius:var(--radius);
  padding:18px 20px;
  margin:20px 0;
  color:#f0ddd9;
}
.feature-banner{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:20px;
  align-items:center;
  margin:32px 0;
}
.feature-banner ul{margin:.4em 0 0 0;padding-left:20px;color:var(--muted)}
.feature-seal{
  text-align:center;
  padding:16px;
  background:linear-gradient(180deg, rgba(55,38,24,.45), rgba(16,18,23,.35));
  border:1px solid rgba(231,187,100,.16);
  border-radius:18px;
}
.feature-seal img{
  width:min(100%, 280px);
  border-radius:18px;
  border:1px solid rgba(231,187,100,.16);
  box-shadow:0 12px 30px rgba(0,0,0,.3);
}
.quote-block{
  font-style:italic;
  color:#eadfce;
  border-left:4px solid var(--gold);
}
table{
  width:100%;
  border-collapse:collapse;
  overflow:hidden;
  border-radius:14px;
  background:linear-gradient(180deg, rgba(19,21,26,.92), rgba(27,23,26,.95));
  box-shadow:var(--shadow);
}
th,td{padding:14px 15px;text-align:left;border-bottom:1px solid rgba(231,187,100,.08)}
th{color:var(--gold);font-size:.95rem;background:rgba(231,187,100,.04)}
tr:hover td{background:rgba(231,187,100,.03)}
kbd{
  background:#2a2b33;
  border:1px solid #56555d;
  border-bottom-width:3px;
  border-radius:6px;
  padding:2px 7px;
}
details{
  border:1px solid rgba(231,187,100,.16);
  border-radius:16px;
  background:linear-gradient(180deg, rgba(19,21,26,.92), rgba(28,25,31,.95));
  box-shadow:var(--shadow);
  padding:18px 20px;
}
summary{cursor:pointer;font-weight:800;color:var(--gold)}
.button{
  display:inline-block;
  padding:11px 16px;
  border-radius:10px;
  font-weight:800;
  text-decoration:none;
  transition:.2s ease;
  background:linear-gradient(180deg, #efc978, #c98b38);
  color:#1f150d;
  border:1px solid rgba(255,255,255,.14);
}
.button:hover{transform:translateY(-1px);filter:brightness(1.04)}
.button.secondary{
  background:transparent;
  color:var(--gold);
  border:1px solid rgba(231,187,100,.28);
}
.button.danger{
  background:linear-gradient(180deg, #c95b53, #98362f);
  color:#fff;
}
.footer-note{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
footer{
  border-top:1px solid rgba(231,187,100,.1);
  color:var(--ash);
  text-align:center;
  padding:34px 20px 50px;
}
hr.decor{
  border:none;height:1px;margin:30px 0;
  background:linear-gradient(90deg, transparent, rgba(231,187,100,.25), transparent);
}
.page-kicker{font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
.small{font-size:.95rem}
.hero-stamp{
  display:inline-flex;
  gap:10px;
  align-items:center;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(185,72,63,.12);
  border:1px solid rgba(185,72,63,.22);
  color:#ebcdc7;
  font-size:.92rem;
  margin-top:12px;
}
@media (max-width:900px){
  .hero,.feature-banner{grid-template-columns:1fr}
  .hero{min-height:auto;padding-top:14px}
  .hero-art{order:-1}
}
@media (max-width:760px){
  header{position:static}
  .header-inner{flex-direction:column;align-items:flex-start}
  nav{justify-content:flex-start}
  main{padding:34px 18px 80px}
}

code{background:rgba(255,255,255,.06);border:1px solid rgba(231,187,100,.12);border-radius:6px;padding:2px 7px;color:#f4d89d;overflow-wrap:anywhere}
ul{color:var(--muted)}
.hidden,[hidden]{display:none!important}.text-gap{height:.35rem}.line-bullet{padding-left:1.1rem;position:relative}.line-bullet::before{content:"◆";position:absolute;left:0;color:var(--gold);font-size:.65rem;top:.35rem}
.compact-hero{min-height:auto}.mini-spec{display:flex;gap:7px;flex-wrap:wrap;justify-content:center;margin-top:14px}.mini-spec span,.tag{font-size:.78rem;padding:4px 9px;border:1px solid rgba(231,187,100,.18);background:rgba(231,187,100,.07);border-radius:999px;color:#e8d0a4}.tag.optional{border-color:rgba(100,170,220,.28);background:rgba(100,170,220,.08);color:#b9daf2}
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:26px 0}.stat-grid>div{padding:20px;border-radius:16px;border:1px solid rgba(231,187,100,.14);background:linear-gradient(180deg,rgba(35,27,27,.8),rgba(16,17,21,.9));text-align:center;box-shadow:var(--shadow)}.stat-grid strong{font-size:1.8rem;display:block;color:var(--gold)}.stat-grid span{color:var(--muted);font-size:.9rem}
.chapter-card .chapter-number,.campaign-card .chapter-number{color:var(--gold);font-weight:900;letter-spacing:.15em}.card-footer,.campaign-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}.card-footer a{font-size:.9rem;text-decoration:none}.chapter-subtitle{font-style:italic;color:#d8c7b5}.quest-preview{font-size:.9rem;color:var(--ash)}
.campaign-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:28px 0}.campaign-card{position:relative}.campaign-card.spoiler-card{border-color:rgba(185,72,63,.25)}.chapter-bars>div{display:grid;grid-template-columns:minmax(240px,1fr) 3fr;gap:14px;align-items:center;margin:10px 0;color:var(--muted)}.chapter-bars b{display:block;width:var(--w);min-width:42px;padding:5px 9px;border-radius:999px;background:linear-gradient(90deg,#7f3c27,#d6a64d);color:#100c0a;text-align:right}
.quest-toolbar{display:grid;grid-template-columns:2fr 1.3fr auto auto;gap:10px;position:sticky;top:82px;z-index:12;padding:13px;margin:20px 0;border:1px solid rgba(231,187,100,.15);border-radius:16px;background:rgba(12,13,17,.92);backdrop-filter:blur(14px);box-shadow:var(--shadow)}.quest-toolbar input,.quest-toolbar select,.quest-toolbar button,.command-search input{width:100%;padding:11px 12px;border-radius:10px;border:1px solid rgba(231,187,100,.18);background:#17181e;color:var(--ivory)}.quest-toolbar button{cursor:pointer;color:var(--gold)}.chapter-toc{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 32px}.chapter-toc a{text-decoration:none;font-size:.85rem;padding:6px 10px;border:1px solid rgba(231,187,100,.16);border-radius:999px;background:rgba(231,187,100,.05)}.quest-chapter{scroll-margin-top:100px;margin:55px 0}.chapter-heading{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:18px}.chapter-heading h2{font-size:2rem;margin:.1em 0}.chapter-heading>a{white-space:nowrap}.quest-card{padding:0;margin:12px 0;overflow:hidden}.quest-card summary{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:14px;padding:16px 18px;list-style:none}.quest-card summary::-webkit-details-marker{display:none}.quest-card summary:hover{background:rgba(231,187,100,.04)}.quest-card summary small{display:block;color:var(--ash);font-weight:500}.quest-card summary strong{display:block;font-size:1.08rem}.quest-index{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:rgba(231,187,100,.08);border:1px solid rgba(231,187,100,.18);color:var(--gold);font-weight:900}.quest-body{padding:4px 20px 22px;border-top:1px solid rgba(231,187,100,.1)}.quest-lore{max-width:880px}.quest-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:14px}.quest-columns h3{font-size:.9rem;text-transform:uppercase;letter-spacing:.12em;color:var(--gold)}.chips{display:flex;flex-wrap:wrap;gap:8px}.item-chip{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:10px;background:rgba(255,255,255,.045);border:1px solid rgba(231,187,100,.12);color:#ddd2c4;font-size:.88rem}.item-chip.xp{color:#d5b6f3;border-color:rgba(174,116,226,.2);background:rgba(174,116,226,.06)}.item-chip.check{color:#bfe0bd;border-color:rgba(112,190,108,.2);background:rgba(112,190,108,.06)}
.pixel-icon{image-rendering:pixelated;object-fit:contain}.pixel-icon.tiny{width:22px;height:22px}.pixel-icon.quest-icon{width:44px;height:44px;filter:drop-shadow(0 6px 9px rgba(0,0,0,.45))}.pixel-icon.class-icon{width:88px;height:88px;float:right;margin:0 0 10px 12px}.pixel-icon.lore-relic{width:160px;height:160px}
.class-grid,.boss-grid,.lore-grid,.system-highlight-grid,.ending-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:26px 0}.class-card{min-height:330px}.class-card ul{padding-left:20px}.ending-grid article{text-align:center}.ending-grid code{display:inline-block;margin-bottom:10px}.ending.sealed{border-color:rgba(110,177,222,.25)}.ending.opened{border-color:rgba(231,187,100,.28)}
.timeline{margin:24px 0}.timeline-step{display:grid;grid-template-columns:54px 1fr;gap:16px;position:relative;padding-bottom:22px}.timeline-step>span{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:linear-gradient(180deg,#e8bd67,#9f602c);color:#1a100b;font-weight:900;z-index:1}.timeline-step:not(:last-child)::before{content:"";position:absolute;left:21px;top:44px;bottom:0;width:2px;background:rgba(231,187,100,.18)}.timeline-step h2{margin:0}.timeline-step p{margin:.25em 0}
.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0}.check-grid label{padding:13px;border-radius:12px;border:1px solid rgba(231,187,100,.12);background:rgba(255,255,255,.03);color:var(--muted)}.check-grid input{accent-color:var(--gold);margin-right:8px}.key-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:15px;margin:25px 0}.key-card{padding:18px;border-radius:16px;border:1px solid rgba(231,187,100,.13);background:linear-gradient(180deg,var(--surface),var(--surface-2));box-shadow:var(--shadow)}.key-card kbd{font-size:1.4rem;display:inline-block;margin-right:5px}.key-card h2{font-size:1.05rem;margin:.8em 0 .2em}.key-card p{font-size:.9rem}
.table-scroll{overflow-x:auto;border-radius:14px}.mods-table td:first-child{min-width:220px}.command-search{max-width:560px;margin:20px 0}.spoiler-section{margin:15px 0}.spoiler-section summary{padding:4px}.system-highlight-grid article{min-height:180px}
@media(max-width:950px){.stat-grid{grid-template-columns:repeat(2,1fr)}.quest-toolbar{grid-template-columns:1fr 1fr;top:0;position:relative}.campaign-grid,.class-grid,.boss-grid,.lore-grid,.system-highlight-grid,.ending-grid{grid-template-columns:1fr}.chapter-bars>div{grid-template-columns:1fr}.chapter-bars b{width:calc(var(--w) / 2)}}
@media(max-width:650px){.stat-grid,.check-grid,.quest-columns{grid-template-columns:1fr}.quest-toolbar{grid-template-columns:1fr}.quest-card summary{grid-template-columns:44px 1fr}.quest-card summary>.tag{grid-column:2}.chapter-heading{align-items:start;flex-direction:column}.pixel-icon.class-icon{float:none}.chapter-bars b{width:var(--w)}}


/* === Bestiaire premium === */
.bestiary-banner{min-height:360px}.bestiary-banner>img{height:360px;object-fit:cover}.banner-caption{position:absolute;left:34px;bottom:26px;z-index:2;max-width:700px}.banner-caption h1{margin:.05em 0;font-size:clamp(3rem,7vw,6rem)}.banner-caption p{color:#eee1d1;font-size:1.08rem}.bestiary-controls{display:grid;grid-template-columns:2fr 1fr 1.4fr 1fr auto;gap:12px;align-items:end;padding:18px;background:linear-gradient(180deg,var(--surface),var(--surface-2));border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);position:sticky;top:88px;z-index:12}.bestiary-controls label{display:grid;gap:5px}.bestiary-controls label span{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--gold)}.bestiary-controls input,.bestiary-controls select,.bestiary-controls button{width:100%;min-height:45px;border-radius:10px;border:1px solid rgba(231,187,100,.2);background:#101116;color:var(--ivory);padding:9px 12px}.bestiary-controls button{cursor:pointer;color:var(--gold);font-weight:800}.bestiary-result{margin:18px 0;color:var(--muted)}.bestiary-result strong{color:var(--gold);font-size:1.25rem}.bestiary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:19px}.bestiary-card{padding:0;overflow:hidden;display:flex;flex-direction:column}.bestiary-card[hidden]{display:none}.bestiary-image{height:235px;position:relative;background:radial-gradient(circle at center,#30241d,#08090b);overflow:hidden;border-bottom:1px solid rgba(231,187,100,.14)}.bestiary-image img{width:100%;height:100%;object-fit:cover;image-rendering:auto;transition:transform .25s ease}.bestiary-card:hover .bestiary-image img{transform:scale(1.035)}.danger{position:absolute;right:12px;top:12px;border-radius:999px;padding:5px 9px;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.16)}.danger-faible{background:rgba(64,132,83,.82)}.danger-moyen{background:rgba(177,133,47,.85)}.danger-élevé{background:rgba(163,62,49,.88)}.danger-extrême{background:rgba(91,26,32,.94);box-shadow:0 0 20px rgba(185,72,63,.4)}.bestiary-body{padding:19px;display:flex;flex-direction:column;flex:1}.bestiary-body h2{margin:.15em 0 0;font-size:1.55rem}.latin-name{margin:0 0 10px;color:var(--gold-2);font-size:.88rem}.card-topline{display:flex;justify-content:space-between;gap:8px;color:var(--gold);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.mob-facts{display:grid;gap:9px;margin:12px 0 16px}.mob-facts div{padding:10px 12px;background:rgba(255,255,255,.025);border:1px solid rgba(231,187,100,.08);border-radius:10px}.mob-facts strong,.mob-facts span{display:block}.mob-facts strong{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--gold)}.mob-facts span{color:var(--muted);font-size:.88rem}.bestiary-open{margin-top:auto;border:1px solid rgba(231,187,100,.25);border-radius:10px;background:rgba(231,187,100,.07);color:var(--gold);font-weight:900;padding:11px;cursor:pointer}.bestiary-modal{position:fixed;inset:0;z-index:100}.bestiary-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(7px)}.bestiary-modal-card{position:relative;z-index:1;max-width:880px;max-height:90vh;overflow:auto;margin:5vh auto;padding:26px;border-radius:24px;background:linear-gradient(180deg,#1b191d,#0d0e12);border:1px solid rgba(231,187,100,.24);box-shadow:0 30px 100px rgba(0,0,0,.7)}.modal-close{position:absolute;right:14px;top:12px;width:42px;height:42px;border-radius:50%;border:1px solid rgba(231,187,100,.25);background:#111218;color:var(--gold);font-size:1.8rem;cursor:pointer}.modal-mob{display:grid;grid-template-columns:minmax(250px,.8fr) 1.2fr;gap:24px}.modal-mob img{width:100%;max-height:390px;object-fit:cover;border-radius:16px;border:1px solid rgba(231,187,100,.16)}.modal-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.modal-fields div{background:rgba(255,255,255,.03);border:1px solid rgba(231,187,100,.1);border-radius:11px;padding:11px}.modal-fields strong{display:block;color:var(--gold);font-size:.74rem;text-transform:uppercase}.modal-fields span{color:var(--muted)}.technical-id{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#d4c1a9;background:#08090b;padding:7px 9px;border-radius:7px}.bestiary-empty{grid-column:1/-1;padding:30px;text-align:center;color:var(--muted)}
@media(max-width:980px){.bestiary-controls{grid-template-columns:1fr 1fr;position:static}.bestiary-controls label:first-child{grid-column:1/-1}.modal-mob{grid-template-columns:1fr}.bestiary-modal-card{margin:2vh 12px;max-height:96vh}}
@media(max-width:620px){.bestiary-grid{grid-template-columns:1fr}.bestiary-controls{grid-template-columns:1fr}.bestiary-controls label:first-child{grid-column:auto}.banner-caption{left:18px;right:18px}.bestiary-banner,.bestiary-banner>img{min-height:300px;height:300px}.modal-fields{grid-template-columns:1fr}}


/* Bestiaire V3.2 — correctif fiable des images */
.bestiary-image img{object-fit:cover}
.bestiary-image.has-render img{
  object-fit:contain;
  padding:12px;
  background:radial-gradient(circle at center,#33261f,#08090b 72%);
}
.bestiary-image.has-render::after{
  content:"RENDU COMPLET";
  position:absolute;
  left:12px;
  bottom:10px;
  padding:4px 8px;
  border-radius:999px;
  background:rgba(8,9,11,.86);
  border:1px solid rgba(231,187,100,.28);
  color:#e7bb64;
  font-size:.62rem;
  font-weight:900;
  letter-spacing:.08em;
}

/* Bestiaire V3.3 — portraits reconstruits et captures sauvées */
.bestiary-image.reconstructed::after,
.bestiary-image.recovered::after{
  position:absolute;
  left:12px;
  bottom:10px;
  padding:5px 9px;
  border-radius:999px;
  background:rgba(8,9,11,.88);
  border:1px solid rgba(231,187,100,.30);
  color:#e7bb64;
  font-size:.62rem;
  font-weight:900;
  letter-spacing:.08em;
  backdrop-filter:blur(6px);
}
.bestiary-image.reconstructed::after{content:"PORTRAIT RECONSTRUIT"}
.bestiary-image.recovered::after{content:"CAPTURE RÉCUPÉRÉE"}

/* Bestiaire V3.4 — origine des portraits locaux */
.bestiary-image.captured::after,
.bestiary-image.reconstructed::after,
.bestiary-image.recovered::after{
  position:absolute;
  left:12px;
  bottom:10px;
  z-index:2;
  padding:5px 9px;
  border-radius:999px;
  background:rgba(8,9,11,.88);
  border:1px solid rgba(231,187,100,.30);
  color:#e7bb64;
  font-size:.62rem;
  font-weight:900;
  letter-spacing:.08em;
  backdrop-filter:blur(6px);
}
.bestiary-image.captured::after{content:"CAPTURE VALIDÉE"}
.bestiary-image.reconstructed::after{content:"PORTRAIT RECONSTRUIT"}
.bestiary-image.recovered::after{content:"CAPTURE RÉCUPÉRÉE"}


/* ==========================================================================
   ASCENSION Wiki V4.0 Alpha — Mon aventure
   ========================================================================== */

.adventure-page .nav-adventure{
  color:var(--gold);
  border-color:rgba(231,187,100,.30);
  background:rgba(231,187,100,.08);
}
.adventure-hero{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:1.25fr .55fr;
  align-items:center;
  gap:28px;
  min-height:350px;
  padding:40px;
  margin-bottom:24px;
  border:1px solid rgba(231,187,100,.18);
  border-radius:28px;
  background:
    linear-gradient(105deg,rgba(9,10,13,.96),rgba(20,15,17,.78)),
    url("menu_background_official.png") center 42% / cover no-repeat;
  box-shadow:var(--shadow);
}
.adventure-hero::after{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 78% 45%,rgba(231,187,100,.14),transparent 24rem);
  pointer-events:none;
}
.adventure-hero-copy,.adventure-sigil{position:relative;z-index:1}
.adventure-hero h1{margin:.12em 0}
.adventure-sigil{
  display:grid;
  justify-items:center;
  text-align:center;
  padding:18px;
}
.adventure-sigil img{
  width:min(220px,70vw);
  aspect-ratio:1;
  object-fit:cover;
  border-radius:50%;
  border:1px solid rgba(231,187,100,.34);
  box-shadow:0 0 0 9px rgba(231,187,100,.04),0 24px 70px rgba(0,0,0,.58);
}
.adventure-sigil span{
  margin-top:-40px;
  min-width:94px;
  padding:8px 16px;
  border-radius:999px;
  background:rgba(8,9,11,.94);
  border:1px solid rgba(231,187,100,.35);
  color:var(--gold);
  font-size:1.65rem;
  font-weight:900;
  box-shadow:0 10px 28px rgba(0,0,0,.48);
}
.adventure-sigil small{margin-top:9px;color:var(--muted)}
.adventure-dashboard{
  display:grid;
  grid-template-columns:1.45fr .75fr;
  gap:18px;
  margin:24px 0;
}
.adventure-progress-panel,.adventure-next-panel,.adventure-profile,.adventure-section,.adventure-tools,.adventure-inline-cta{
  background:linear-gradient(180deg,var(--surface),var(--surface-2));
  border:1px solid rgba(231,187,100,.14);
  border-radius:22px;
  box-shadow:var(--shadow);
}
.adventure-progress-panel,.adventure-next-panel{padding:24px}
.adventure-progress-heading,.adventure-section-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
}
.adventure-progress-heading h2,.adventure-section-head h2{margin:.08em 0}
.adventure-progress-heading>strong{
  color:var(--gold);
  font-size:clamp(2.2rem,5vw,4.5rem);
  line-height:1;
}
.adventure-progress-track{
  height:15px;
  margin:22px 0;
  overflow:hidden;
  border-radius:999px;
  background:#08090b;
  border:1px solid rgba(231,187,100,.13);
  box-shadow:inset 0 2px 8px rgba(0,0,0,.55);
}
.adventure-progress-track span{
  display:block;
  width:0;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#8c3b2e,#e7bb64,#f6d997);
  box-shadow:0 0 22px rgba(231,187,100,.34);
  transition:width .45s cubic-bezier(.22,.61,.36,1);
}
.adventure-stat-row{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
}
.adventure-stat-row div{
  padding:12px;
  text-align:center;
  border-radius:12px;
  background:rgba(255,255,255,.025);
  border:1px solid rgba(231,187,100,.08);
}
.adventure-stat-row strong{display:block;color:var(--gold);font-size:1.25rem}
.adventure-stat-row span{color:var(--ash);font-size:.76rem}
.adventure-next-panel{
  display:flex;
  flex-direction:column;
  border-color:rgba(231,187,100,.23);
  background:
    radial-gradient(circle at top right,rgba(231,187,100,.09),transparent 18rem),
    linear-gradient(180deg,var(--surface-3),var(--surface-2));
}
.adventure-next-panel h2{margin:.2em 0}
.adventure-next-panel .button{margin-top:auto;text-align:center}
.adventure-profile,.adventure-section,.adventure-tools{padding:26px;margin:22px 0}
.adventure-profile-grid{
  display:grid;
  grid-template-columns:minmax(240px,1fr) auto;
  align-items:end;
  gap:18px;
  margin:18px 0 22px;
}
.adventure-field{display:grid;gap:7px}
.adventure-field>span,.class-picker legend{
  color:var(--gold);
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.adventure-field input{
  width:100%;
  min-height:49px;
  padding:10px 13px;
  border-radius:11px;
  border:1px solid rgba(231,187,100,.18);
  background:#0d0e12;
  color:var(--ivory);
  font:inherit;
}
.adventure-save-status{
  min-width:210px;
  padding:12px 15px;
  border-radius:11px;
  color:var(--ash);
  background:rgba(255,255,255,.025);
  border:1px solid rgba(231,187,100,.08);
  transition:.2s;
}
.adventure-save-status.saved{
  color:#cde9c9;
  border-color:rgba(112,190,108,.28);
  background:rgba(112,190,108,.07);
}
.class-picker{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
  margin:0;
  padding:0;
  border:0;
}
.class-picker legend{margin-bottom:10px}
.class-picker label,.ending-picker label{
  position:relative;
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
  padding:15px;
  border-radius:15px;
  border:1px solid rgba(231,187,100,.10);
  background:rgba(255,255,255,.025);
  cursor:pointer;
  transition:.18s ease;
}
.class-picker label:hover,.ending-picker label:hover{border-color:rgba(231,187,100,.30);transform:translateY(-2px)}
.class-picker input,.ending-picker input{position:absolute;opacity:0;pointer-events:none}
.class-picker img,.ending-picker img{width:52px;height:52px;object-fit:contain;image-rendering:pixelated}
.class-picker span,.ending-picker span{display:grid;min-width:0}
.class-picker small,.ending-picker small{color:var(--ash)}
.class-picker label:has(input:checked),.ending-picker label:has(input:checked){
  border-color:rgba(231,187,100,.52);
  background:linear-gradient(180deg,rgba(231,187,100,.10),rgba(121,62,38,.10));
  box-shadow:0 0 0 2px rgba(231,187,100,.06),0 13px 30px rgba(0,0,0,.25);
}
.spoiler-switch{
  display:flex;
  align-items:center;
  gap:10px;
  color:var(--muted);
  cursor:pointer;
}
.spoiler-switch input{position:absolute;opacity:0}
.spoiler-switch span{
  position:relative;
  width:48px;
  height:27px;
  border-radius:999px;
  background:#0b0c10;
  border:1px solid rgba(231,187,100,.19);
}
.spoiler-switch span::after{
  content:"";
  position:absolute;
  left:3px;
  top:3px;
  width:19px;
  height:19px;
  border-radius:50%;
  background:var(--ash);
  transition:.2s ease;
}
.spoiler-switch input:checked+span{background:rgba(185,72,63,.26);border-color:rgba(185,72,63,.5)}
.spoiler-switch input:checked+span::after{transform:translateX(21px);background:#e8a08e}
.adventure-section-head>a{white-space:nowrap}
.adventure-goal-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:19px;
}
.adventure-goal-grid.three-column{grid-template-columns:repeat(3,minmax(0,1fr))}
.adventure-goal-grid.four-column{grid-template-columns:repeat(4,minmax(0,1fr))}
.chapter-goal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.adventure-goal{
  position:relative;
  display:flex;
  align-items:center;
  gap:13px;
  min-height:88px;
  padding:15px;
  border-radius:15px;
  border:1px solid rgba(231,187,100,.09);
  background:rgba(255,255,255,.022);
  cursor:pointer;
  transition:.18s ease;
}
.adventure-goal:hover{
  transform:translateY(-2px);
  border-color:rgba(231,187,100,.26);
  background:rgba(231,187,100,.045);
}
.adventure-goal>input{position:absolute;opacity:0}
.adventure-checkmark{
  flex:0 0 auto;
  display:grid;
  place-items:center;
  width:25px;
  height:25px;
  border-radius:8px;
  border:1px solid rgba(231,187,100,.26);
  background:#0a0b0e;
}
.adventure-checkmark::after{
  content:"";
  width:10px;
  height:6px;
  border-left:2px solid #13100c;
  border-bottom:2px solid #13100c;
  transform:rotate(-45deg) translate(1px,-1px) scale(0);
  transition:.16s ease;
}
.adventure-goal:has(input:checked){
  border-color:rgba(112,190,108,.30);
  background:linear-gradient(180deg,rgba(112,190,108,.075),rgba(255,255,255,.02));
}
.adventure-goal:has(input:checked) .adventure-checkmark{
  border-color:#99ce91;
  background:#99ce91;
}
.adventure-goal:has(input:checked) .adventure-checkmark::after{transform:rotate(-45deg) translate(1px,-1px) scale(1)}
.adventure-goal:has(input:checked) .goal-copy strong{text-decoration:line-through;text-decoration-color:rgba(153,206,145,.48)}
.chapter-orb{
  flex:0 0 auto;
  display:grid;
  place-items:center;
  width:45px;
  height:45px;
  border-radius:50%;
  color:#1a100b;
  font-weight:900;
  background:linear-gradient(180deg,#efcf88,#9d642f);
  box-shadow:0 8px 18px rgba(0,0,0,.3);
}
.adventure-goal-icon{
  flex:0 0 auto;
  width:48px;
  height:48px;
  object-fit:contain;
  image-rendering:pixelated;
  filter:drop-shadow(0 8px 12px rgba(0,0,0,.4));
}
.goal-copy{display:grid;min-width:0}
.goal-copy strong{font-size:1rem;color:var(--ivory)}
.goal-copy small{color:var(--ash);line-height:1.45}
.goal-copy a{margin-top:5px;font-size:.8rem}
.final-destiny{border-color:rgba(185,72,63,.25)}
.spoiler-badge{
  padding:5px 9px;
  border-radius:999px;
  background:rgba(185,72,63,.15);
  border:1px solid rgba(185,72,63,.32);
  color:#e9a397;
  font-size:.7rem;
  font-weight:900;
  letter-spacing:.09em;
}
.spoiler-locked{
  display:flex;
  align-items:center;
  gap:16px;
  min-height:130px;
  margin-top:18px;
  padding:20px;
  border-radius:16px;
  border:1px dashed rgba(185,72,63,.32);
  background:rgba(58,21,24,.30);
}
.spoiler-locked[hidden]{display:none}
.spoiler-locked img{width:74px;height:74px;object-fit:contain;image-rendering:pixelated;filter:grayscale(1) brightness(.7)}
.spoiler-locked p{margin:.2em 0}
.ending-picker{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  margin-top:18px;
}
.ending-picker[hidden]{display:none}
.ending-picker label{min-height:112px}
.adventure-tools{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:25px;
}
.adventure-tools h2{margin:.1em 0}
.adventure-tool-buttons{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.adventure-tool-buttons button,.import-button{font:inherit;cursor:pointer}
.import-button{position:relative;overflow:hidden}
.import-button input{position:absolute;inset:0;opacity:0;cursor:pointer}
.danger-button{
  border-color:rgba(185,72,63,.40)!important;
  background:rgba(185,72,63,.12)!important;
  color:#e9a397!important;
}
.adventure-toast{
  position:fixed;
  right:24px;
  bottom:24px;
  z-index:80;
  max-width:min(380px,calc(100vw - 48px));
  padding:13px 17px;
  border-radius:12px;
  background:#121318;
  border:1px solid rgba(231,187,100,.24);
  color:var(--ivory);
  box-shadow:0 20px 55px rgba(0,0,0,.55);
  opacity:0;
  transform:translateY(15px);
  pointer-events:none;
  transition:.22s ease;
}
.adventure-toast.visible{opacity:1;transform:translateY(0)}
.adventure-inline-cta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:25px;
  margin:18px 0 25px;
  padding:20px 22px;
  border-color:rgba(231,187,100,.23);
}
.adventure-inline-cta h2{margin:.1em 0}
.adventure-inline-cta p{margin:.25em 0}
.adventure-inline-cta .button{white-space:nowrap}

@media(max-width:1050px){
  .adventure-dashboard{grid-template-columns:1fr}
  .class-picker,.adventure-goal-grid.four-column{grid-template-columns:repeat(2,minmax(0,1fr))}
  .adventure-hero{grid-template-columns:1fr .45fr}
}
@media(max-width:780px){
  .adventure-hero{grid-template-columns:1fr;padding:26px}
  .adventure-sigil{display:none}
  .adventure-stat-row{grid-template-columns:repeat(2,1fr)}
  .chapter-goal-grid,.adventure-goal-grid,.adventure-goal-grid.three-column{grid-template-columns:1fr}
  .adventure-profile-grid{grid-template-columns:1fr}
  .class-picker{grid-template-columns:1fr 1fr}
  .ending-picker{grid-template-columns:1fr}
  .adventure-section-head,.adventure-tools,.adventure-inline-cta{align-items:flex-start;flex-direction:column}
  .adventure-tool-buttons{justify-content:flex-start}
}
@media(max-width:520px){
  .class-picker{grid-template-columns:1fr}
  .adventure-profile,.adventure-section,.adventure-tools{padding:19px}
  .adventure-progress-panel,.adventure-next-panel{padding:19px}
  .adventure-stat-row{grid-template-columns:1fr 1fr}
}


/* ==========================================================================
   ASCENSION Wiki V4.1 — Progression hybride
   ========================================================================== */
.hybrid-hero{min-height:330px}.hybrid-dashboard{display:grid;grid-template-columns:1fr 1fr .78fr;gap:16px;margin:24px 0}.scope-progress{padding:23px;border-radius:22px;border:1px solid rgba(231,187,100,.15);background:linear-gradient(180deg,var(--surface),var(--surface-2));box-shadow:var(--shadow);cursor:pointer;transition:.2s ease}.scope-progress:hover,.scope-progress:focus{transform:translateY(-3px);border-color:rgba(231,187,100,.34);outline:none}.personal-progress-card{background:radial-gradient(circle at top left,rgba(111,151,198,.10),transparent 17rem),linear-gradient(180deg,var(--surface),var(--surface-2))}.company-progress-card{background:radial-gradient(circle at top left,rgba(231,187,100,.10),transparent 17rem),linear-gradient(180deg,var(--surface),var(--surface-2))}.scope-card-head{display:flex;align-items:flex-start;gap:12px}.scope-card-head>div{min-width:0;flex:1}.scope-card-head h2{font-size:1.18rem;margin:.1em 0}.scope-card-head>strong{font-size:2rem;color:var(--gold)}.scope-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:rgba(231,187,100,.10);border:1px solid rgba(231,187,100,.18);color:var(--gold);font-size:1.2rem}.scope-meta{display:flex;align-items:center;gap:12px}.scope-meta b{color:var(--gold)}.scope-meta span{color:var(--ash);font-size:.76rem}.hybrid-next{min-height:100%}.hybrid-next button{margin-top:auto}.hybrid-mode-panel{position:sticky;top:76px;z-index:12;margin:22px 0;padding:12px;border-radius:20px;border:1px solid rgba(231,187,100,.16);background:rgba(10,11,14,.94);backdrop-filter:blur(18px);box-shadow:0 14px 45px rgba(0,0,0,.34)}.hybrid-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hybrid-tab{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:13px;text-align:left;padding:14px 17px;border:1px solid rgba(231,187,100,.10);border-radius:14px;color:var(--ivory);background:rgba(255,255,255,.025);cursor:pointer;font:inherit}.hybrid-tab>span{grid-row:1/3;align-self:center;font-size:1.4rem;color:var(--gold)}.hybrid-tab b{font-size:1rem}.hybrid-tab small{color:var(--ash)}.hybrid-tab.active{border-color:rgba(231,187,100,.45);background:linear-gradient(180deg,rgba(231,187,100,.10),rgba(255,255,255,.025));box-shadow:inset 0 0 0 1px rgba(231,187,100,.06)}.hybrid-save-line{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 5px 0;color:var(--ash);font-size:.82rem}.hybrid-pane{animation:hybridFade .25s ease}.hybrid-pane[hidden]{display:none}@keyframes hybridFade{from{opacity:.25;transform:translateY(5px)}to{opacity:1;transform:none}}.scope-badge{padding:6px 10px;border-radius:999px;font-size:.68rem;font-weight:900;letter-spacing:.09em}.scope-badge.personal{color:#b9d9ff;background:rgba(92,143,201,.12);border:1px solid rgba(92,143,201,.28)}.scope-badge.company{color:var(--gold);background:rgba(231,187,100,.10);border:1px solid rgba(231,187,100,.28)}.two-fields,.company-fields{grid-template-columns:1fr 1fr}.solo-mode-note{display:grid;align-content:center;gap:3px;padding:12px 15px;border-radius:11px;background:rgba(92,143,201,.06);border:1px solid rgba(92,143,201,.16)}.solo-mode-note strong{color:#b9d9ff}.solo-mode-note small{color:var(--ash)}.collective-rule{margin-top:18px;padding:16px 18px;border-radius:14px;border-left:3px solid var(--gold);background:rgba(231,187,100,.055)}.collective-rule strong{color:var(--gold)}.collective-rule p{margin:.25em 0}.company-final-section{border-color:rgba(185,72,63,.28)}.hybrid-tools{align-items:flex-start}.migration-note{position:fixed;left:24px;bottom:24px;z-index:90;display:grid;grid-template-columns:1fr auto;gap:3px 14px;max-width:430px;padding:15px 18px;border-radius:14px;background:#12151a;border:1px solid rgba(112,190,108,.35);box-shadow:0 20px 55px rgba(0,0,0,.55)}.migration-note[hidden]{display:none}.migration-note strong{color:#bfe3b9}.migration-note span{grid-column:1;color:var(--ash);font-size:.82rem}.migration-note button{grid-column:2;grid-row:1/3;align-self:center;border:0;background:none;color:var(--ash);font-size:1.5rem;cursor:pointer}.adventure-goal-grid.two-column{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:1120px){.hybrid-dashboard{grid-template-columns:1fr 1fr}.hybrid-next{grid-column:1/-1}.hybrid-mode-panel{top:64px}}
@media(max-width:780px){.hybrid-dashboard{grid-template-columns:1fr}.hybrid-next{grid-column:auto}.hybrid-tabs{grid-template-columns:1fr}.hybrid-mode-panel{position:relative;top:auto}.hybrid-save-line,.scope-meta{align-items:flex-start;flex-direction:column}.two-fields,.company-fields,.adventure-goal-grid.two-column{grid-template-columns:1fr}}


/* ASCENSION Wiki V4.1.1 — Interface Fix */
.hybrid-explainer{margin:24px 0;padding:24px;border:1px solid rgba(231,187,100,.18);border-radius:22px;background:radial-gradient(circle at top right,rgba(231,187,100,.07),transparent 22rem),linear-gradient(180deg,var(--surface),var(--surface-2));box-shadow:var(--shadow)}
.hybrid-explainer-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.hybrid-explainer-heading h2{margin:.08em 0}.hybrid-version-badge{padding:6px 10px;border-radius:999px;color:var(--gold);border:1px solid rgba(231,187,100,.26);background:rgba(231,187,100,.08);font-size:.72rem;font-weight:900}
.hybrid-explainer-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.hybrid-explainer-item{display:grid;grid-template-columns:auto 1fr;gap:14px;min-height:112px;padding:17px;border-radius:16px;border:1px solid rgba(231,187,100,.10);background:rgba(255,255,255,.025)}.hybrid-explainer-item.personal{border-color:rgba(92,143,201,.22)}.hybrid-explainer-item.company{border-color:rgba(231,187,100,.22)}.hybrid-explainer-item strong{display:block;color:var(--ivory);font-size:1.02rem}.hybrid-explainer-item p{margin:.35em 0 0;color:var(--ash)}.hybrid-step-number{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;color:#15100b;background:linear-gradient(180deg,#f1d28d,#b87638);font-weight:900}
.hybrid-solo-rule{margin:14px 0 0;padding:13px 15px;border-radius:12px;background:rgba(112,190,108,.055);border-left:3px solid rgba(112,190,108,.55);color:var(--ash)}.hybrid-solo-rule strong{color:#bfe3b9}
.hybrid-dashboard{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(260px,.72fr);align-items:stretch}.scope-progress{display:flex;flex-direction:column;min-height:330px;padding:25px}.scope-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.scope-card-identity{display:flex;align-items:flex-start;gap:13px;min-width:0}.scope-card-identity h2{margin:.08em 0;font-size:1.45rem}.scope-percent{flex:0 0 auto;color:var(--gold);font-size:2.35rem;line-height:1}.scope-description{min-height:48px;margin:18px 0 6px;color:var(--ash)}.scope-description strong{color:var(--ivory)}.scope-status{margin:0 0 13px;color:var(--ivory);font-weight:800;font-size:1.05rem}.scope-progress .adventure-progress-track{margin:8px 0 20px}.scope-meta{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-top:auto}.scope-count-copy{display:grid;gap:2px}.scope-count-copy b{color:var(--gold);font-size:1.34rem;line-height:1.1}.scope-count-copy span{color:var(--ash);font-size:.78rem}.scope-open-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:43px;padding:9px 13px;border-radius:10px;border:1px solid rgba(231,187,100,.22);background:rgba(231,187,100,.07);color:var(--gold)!important;font-size:.78rem!important;font-weight:900;text-align:center}.scope-progress:hover .scope-open-button{border-color:rgba(231,187,100,.42);background:rgba(231,187,100,.12)}.hybrid-next{min-height:330px;padding:25px}
.legacy-recovery{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin:22px 0;padding:20px 22px;border-radius:18px;border:1px solid rgba(112,190,108,.30);background:radial-gradient(circle at left,rgba(112,190,108,.08),transparent 24rem),linear-gradient(180deg,#13171a,#101216);box-shadow:var(--shadow)}.legacy-recovery[hidden]{display:none}.legacy-recovery-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;color:#bfe3b9;background:rgba(112,190,108,.10);border:1px solid rgba(112,190,108,.27);font-size:1.65rem}.legacy-recovery h2{margin:.1em 0}.legacy-recovery p{margin:.3em 0;color:var(--ash)}.legacy-recovery-actions{display:grid;gap:9px;min-width:250px}.legacy-recovery-actions .button{position:relative;overflow:hidden;text-align:center;cursor:pointer}.legacy-recovery-actions input{position:absolute;inset:0;opacity:0;cursor:pointer}
.hybrid-mode-panel{position:relative;top:auto;padding:18px}.hybrid-mode-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}.hybrid-mode-heading h2{margin:.08em 0}.hybrid-active-hint{padding:8px 11px;border-radius:999px;color:var(--ash);background:rgba(255,255,255,.025);border:1px solid rgba(231,187,100,.09);font-size:.75rem}.hybrid-tabs{gap:12px}.hybrid-tab{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto;align-items:center;column-gap:14px;min-height:88px;padding:16px 18px}.hybrid-tab-number{display:grid!important;grid-row:auto!important;place-items:center;width:39px;height:39px;border-radius:50%;color:#15100b!important;background:linear-gradient(180deg,#f1d28d,#b87638);font-size:1rem!important;font-weight:900}.hybrid-tab-copy{display:grid;min-width:0}.hybrid-tab-copy b{font-size:1.02rem}.hybrid-tab-copy small{margin-top:3px;color:var(--ash)}.hybrid-tab-arrow{color:var(--gold)!important;font-size:1.25rem!important}.hybrid-tab.active .hybrid-tab-arrow{transform:translateX(3px)}
@media(max-width:1120px){.hybrid-dashboard{grid-template-columns:1fr 1fr}.hybrid-next{grid-column:1/-1;min-height:auto}.legacy-recovery{grid-template-columns:auto 1fr}.legacy-recovery-actions{grid-column:1/-1;grid-template-columns:1fr 1fr}}
@media(max-width:780px){.hybrid-explainer-grid{grid-template-columns:1fr}.hybrid-dashboard{grid-template-columns:1fr}.scope-progress,.hybrid-next{min-height:auto}.scope-meta{align-items:stretch;flex-direction:column}.scope-open-button{width:100%}.legacy-recovery{grid-template-columns:1fr}.legacy-recovery-icon{display:none}.legacy-recovery-actions{grid-template-columns:1fr;min-width:0}.hybrid-mode-heading{flex-direction:column}.hybrid-active-hint{border-radius:10px}}


/* ==========================================================================
   ASCENSION Wiki V4.2 — Minecraft Sync
   ========================================================================== */

.minecraft-sync-panel{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);
  gap:22px;
  margin:24px 0;
  padding:28px;
  border-radius:24px;
  border:1px solid rgba(112,190,108,.30);
  background:
    radial-gradient(circle at 82% 18%,rgba(112,190,108,.10),transparent 25rem),
    linear-gradient(180deg,#15191a,#101215);
  box-shadow:var(--shadow);
}
.minecraft-sync-copy h2{margin:.08em 0}
.minecraft-sync-steps{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:20px;
}
.minecraft-sync-steps>div{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:10px;
  align-items:start;
  min-height:92px;
  padding:14px;
  border-radius:14px;
  background:rgba(255,255,255,.025);
  border:1px solid rgba(112,190,108,.12);
}
.minecraft-sync-steps span{
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border-radius:50%;
  color:#10130f;
  background:#a9d6a3;
  font-weight:900;
}
.minecraft-sync-steps p{margin:2px 0;color:var(--ash)}
.minecraft-sync-action{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  min-height:275px;
  padding:22px;
  border-radius:18px;
  border:1px solid rgba(231,187,100,.19);
  background:rgba(7,8,10,.48);
}
.minecraft-sync-emblem{
  display:grid;
  place-items:center;
  width:70px;
  height:70px;
  margin-bottom:13px;
  border-radius:50%;
  color:#bfe3b9;
  background:rgba(112,190,108,.10);
  border:1px solid rgba(112,190,108,.30);
  font-size:2rem;
}
.minecraft-sync-action small{color:var(--ash)}
.minecraft-import-button{
  position:relative;
  overflow:hidden;
  width:100%;
  margin-top:18px;
  cursor:pointer;
}
.minecraft-import-button input{
  position:absolute;
  inset:0;
  opacity:0;
  cursor:pointer;
}
.minecraft-import-summary{
  margin:14px 0 0;
  color:var(--ash);
  font-size:.78rem;
  line-height:1.45;
}
@media(max-width:900px){
  .minecraft-sync-panel{grid-template-columns:1fr}
}
@media(max-width:650px){
  .minecraft-sync-steps{grid-template-columns:1fr}
  .minecraft-sync-panel{padding:20px}
}


/* ==========================================================================
   ASCENSION Wiki V4.3 Alpha — Codex des Boss
   ========================================================================== */

.boss-codex-page nav a[href="bosses.html"]{
  color:var(--gold);
  border-color:rgba(231,187,100,.30);
  background:rgba(231,187,100,.08);
}
.boss-codex-hero{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(220px,.45fr);
  align-items:center;
  gap:30px;
  min-height:350px;
  margin-bottom:24px;
  padding:40px;
  border:1px solid rgba(231,187,100,.20);
  border-radius:28px;
  background:
    linear-gradient(104deg,rgba(8,9,12,.96),rgba(24,15,14,.76)),
    url("menu_background_official.png") center 44%/cover no-repeat;
  box-shadow:var(--shadow);
}
.boss-codex-hero::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at 82% 48%,rgba(185,72,63,.18),transparent 25rem);
}
.boss-codex-hero>div{position:relative;z-index:1}
.boss-codex-progress{
  display:grid;
  justify-items:center;
  text-align:center;
}
.boss-codex-progress img{
  width:145px;
  height:145px;
  object-fit:contain;
  image-rendering:pixelated;
  filter:drop-shadow(0 25px 35px rgba(0,0,0,.56));
}
.boss-codex-progress strong{
  margin-top:-20px;
  padding:7px 16px;
  border-radius:999px;
  border:1px solid rgba(231,187,100,.34);
  background:rgba(7,8,11,.94);
  color:var(--gold);
  font-size:1.8rem;
}
.boss-codex-progress span{margin-top:8px;color:var(--ash)}

.boss-route,.boss-codex-controls{
  margin:22px 0;
  padding:24px;
  border:1px solid rgba(231,187,100,.14);
  border-radius:22px;
  background:linear-gradient(180deg,var(--surface),var(--surface-2));
  box-shadow:var(--shadow);
}
.boss-section-heading{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
}
.boss-section-heading h2{margin:.08em 0}
.boss-route-track{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:9px;
  margin-top:20px;
}
.boss-route-track button{
  position:relative;
  display:grid;
  justify-items:start;
  min-height:128px;
  padding:15px;
  border:1px solid rgba(231,187,100,.10);
  border-radius:15px;
  color:var(--ivory);
  background:rgba(255,255,255,.022);
  font:inherit;
  text-align:left;
  cursor:pointer;
  transition:.18s ease;
}
.boss-route-track button::after{
  content:"";
  position:absolute;
  top:35px;
  left:calc(100% + 2px);
  width:7px;
  border-top:1px dashed rgba(231,187,100,.25);
}
.boss-route-track button:last-child::after{display:none}
.boss-route-track button:hover{
  transform:translateY(-3px);
  border-color:rgba(231,187,100,.34);
  background:rgba(231,187,100,.055);
}
.boss-route-track button>span{
  display:grid;
  place-items:center;
  width:35px;
  height:35px;
  margin-bottom:12px;
  border-radius:50%;
  color:#1a100b;
  background:linear-gradient(180deg,#f0cf86,#a96731);
  font-weight:900;
}
.boss-route-track strong{font-size:.92rem}
.boss-route-track small{margin-top:5px;color:var(--ash);line-height:1.35}

.boss-codex-controls{
  display:grid;
  grid-template-columns:minmax(260px,1fr) auto auto;
  align-items:center;
  gap:15px;
  position:sticky;
  top:78px;
  z-index:25;
  backdrop-filter:blur(16px);
  background:rgba(16,17,22,.94);
}
.boss-search{
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:center;
  gap:9px;
  min-height:48px;
  padding:0 14px;
  border:1px solid rgba(231,187,100,.17);
  border-radius:12px;
  background:#0b0c10;
}
.boss-search span{color:var(--gold);font-size:1.4rem}
.boss-search input{
  width:100%;
  border:0;
  outline:0;
  background:transparent;
  color:var(--ivory);
  font:inherit;
}
.boss-filter-row{display:flex;gap:7px;flex-wrap:wrap}
.boss-filter{
  min-height:39px;
  padding:7px 11px;
  border:1px solid rgba(231,187,100,.12);
  border-radius:999px;
  color:var(--ash);
  background:rgba(255,255,255,.025);
  font:inherit;
  font-size:.76rem;
  font-weight:800;
  cursor:pointer;
}
.boss-filter:hover,.boss-filter.active{
  color:var(--gold);
  border-color:rgba(231,187,100,.35);
  background:rgba(231,187,100,.08);
}
.boss-view-summary{
  display:grid;
  min-width:90px;
  text-align:right;
}
.boss-view-summary strong{color:var(--gold);font-size:1.35rem}
.boss-view-summary span{color:var(--ash);font-size:.7rem}

.boss-codex-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  scroll-margin-top:170px;
}
.boss-codex-card{
  overflow:hidden;
  min-width:0;
  border:1px solid rgba(231,187,100,.11);
  border-radius:19px;
  background:linear-gradient(180deg,#15161c,#101116);
  box-shadow:0 18px 44px rgba(0,0,0,.26);
  transition:.2s ease;
}
.boss-codex-card:hover{
  transform:translateY(-5px);
  border-color:rgba(231,187,100,.31);
  box-shadow:0 24px 52px rgba(0,0,0,.40);
}
.boss-codex-card.is-defeated{
  border-color:rgba(112,190,108,.30);
  background:linear-gradient(180deg,rgba(23,33,27,.98),#101316);
}
.boss-card-open{
  display:block;
  width:100%;
  padding:0;
  border:0;
  color:inherit;
  background:transparent;
  font:inherit;
  text-align:left;
  cursor:pointer;
}
.boss-card-image{
  position:relative;
  height:225px;
  overflow:hidden;
  background:#090a0d;
}
.boss-card-image::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:45%;
  background:linear-gradient(transparent,rgba(10,11,14,.85));
}
.boss-card-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:.35s ease;
}
.boss-codex-card:hover .boss-card-image img{transform:scale(1.035)}
.boss-codex-card.is-locked .boss-card-image img{
  filter:blur(11px) grayscale(.6) brightness(.45);
  transform:scale(1.08);
}
.boss-tier{
  position:absolute;
  top:13px;
  left:13px;
  z-index:2;
  padding:5px 8px;
  border-radius:999px;
  color:#17100b;
  background:#dfb86b;
  font-size:.66rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.07em;
}
.boss-tier.tier-4,.boss-tier.tier-5,.boss-tier.tier-6{
  color:#f8e9e5;
  background:#8f3933;
}
.boss-lock-icon{
  position:absolute;
  inset:50% auto auto 50%;
  z-index:3;
  transform:translate(-50%,-50%);
  color:#e7bb64;
  font-size:2.4rem;
}
.boss-card-body{padding:17px}
.boss-card-heading{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:13px;
}
.boss-card-heading p{
  margin:0 0 4px;
  color:var(--gold);
  font-size:.67rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.boss-card-heading h2{
  margin:0;
  font-size:1.18rem;
  line-height:1.22;
}
.boss-card-order{
  color:rgba(231,187,100,.38);
  font-size:.72rem;
  font-weight:900;
}
.boss-card-location{
  min-height:47px;
  margin:12px 0;
  color:var(--ash);
  font-size:.84rem;
  line-height:1.45;
}
.boss-card-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:9px;
}
.boss-status{
  display:inline-flex;
  align-items:center;
  min-height:27px;
  padding:4px 8px;
  border-radius:999px;
  font-size:.64rem;
  font-weight:900;
}
.boss-status.defeated{color:#cce8c8;background:rgba(112,190,108,.12);border:1px solid rgba(112,190,108,.27)}
.boss-status.participated{color:#bcd7ef;background:rgba(92,143,201,.12);border:1px solid rgba(92,143,201,.27)}
.boss-status.proof{color:#ead59c;background:rgba(231,187,100,.10);border:1px solid rgba(231,187,100,.24)}
.boss-status.synced{color:#c3d6d8;background:rgba(125,168,172,.09);border:1px solid rgba(125,168,172,.20)}
.boss-status.manual{color:var(--ash);background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07)}
.boss-status.spoiler{color:#e3aba2;background:rgba(185,72,63,.12);border:1px solid rgba(185,72,63,.27)}
.boss-card-arrow{color:var(--gold);font-size:.75rem;font-weight:900}

.boss-empty-state{
  margin:25px 0;
  padding:50px;
  border:1px dashed rgba(231,187,100,.20);
  border-radius:20px;
  text-align:center;
  color:var(--ash);
}
.boss-empty-state strong{color:var(--ivory);font-size:1.25rem}

.boss-drawer-backdrop{
  position:fixed;
  inset:0;
  z-index:90;
  background:rgba(0,0,0,.66);
  backdrop-filter:blur(4px);
}
.boss-drawer-backdrop[hidden]{display:none}
.boss-drawer{
  position:fixed;
  top:0;
  right:0;
  z-index:100;
  width:min(720px,94vw);
  height:100vh;
  overflow:auto;
  padding:34px;
  transform:translateX(105%);
  transition:.28s cubic-bezier(.22,.61,.36,1);
  border-left:1px solid rgba(231,187,100,.24);
  background:
    radial-gradient(circle at top right,rgba(185,72,63,.10),transparent 28rem),
    #101116;
  box-shadow:-30px 0 70px rgba(0,0,0,.48);
}
.boss-drawer.open{transform:translateX(0)}
.boss-drawer-open{overflow:hidden}
.boss-drawer-close{
  position:sticky;
  top:0;
  float:right;
  z-index:4;
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border:1px solid rgba(231,187,100,.18);
  border-radius:50%;
  color:var(--ivory);
  background:rgba(12,13,17,.90);
  font-size:1.6rem;
  cursor:pointer;
}
.boss-drawer-hero{
  display:grid;
  grid-template-columns:210px 1fr;
  align-items:center;
  gap:22px;
  padding:30px 0 22px;
}
.boss-drawer-hero>img{
  width:210px;
  height:165px;
  object-fit:cover;
  border-radius:16px;
  border:1px solid rgba(231,187,100,.17);
  background:#08090b;
}
.boss-drawer-hero h2{
  margin:.1em 0;
  font-size:clamp(1.8rem,4vw,2.8rem);
}
.boss-drawer-status{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  margin-bottom:18px;
  padding:13px;
  border-radius:13px;
  background:rgba(255,255,255,.025);
  border:1px solid rgba(231,187,100,.09);
}
.boss-detail-section{
  margin:13px 0;
  padding:18px;
  border-radius:15px;
  border:1px solid rgba(231,187,100,.09);
  background:rgba(255,255,255,.022);
}
.boss-detail-section h3{margin:0 0 8px;color:var(--gold)}
.boss-detail-section p{margin:0;color:var(--ash)}
.boss-detail-note{border-left:3px solid rgba(231,187,100,.42)}
.boss-strategy-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:13px;
}
.boss-drawer-links{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:20px 0;
}
.boss-drawer-navigation{
  display:flex;
  justify-content:space-between;
  gap:10px;
  padding-top:18px;
  border-top:1px solid rgba(231,187,100,.11);
}
.boss-drawer-navigation button{
  padding:10px 13px;
  border:1px solid rgba(231,187,100,.14);
  border-radius:10px;
  color:var(--gold);
  background:rgba(231,187,100,.05);
  font:inherit;
  cursor:pointer;
}
.boss-drawer-navigation button:disabled{opacity:.3;cursor:not-allowed}
.boss-drawer-locked{
  display:grid;
  justify-items:center;
  min-height:70vh;
  place-content:center;
  text-align:center;
}
.boss-drawer-locked img{
  width:150px;
  height:150px;
  object-fit:contain;
  filter:grayscale(1) brightness(.55);
}
.boss-drawer-locked h2{font-size:2rem}

@media(max-width:1200px){
  .boss-route-track{grid-template-columns:repeat(3,1fr)}
  .boss-route-track button::after{display:none}
  .boss-codex-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .boss-codex-controls{grid-template-columns:1fr}
  .boss-view-summary{text-align:left}
}
@media(max-width:760px){
  .boss-codex-hero{grid-template-columns:1fr;padding:25px}
  .boss-codex-progress{display:none}
  .boss-route-track{grid-template-columns:1fr 1fr}
  .boss-codex-grid{grid-template-columns:1fr}
  .boss-codex-controls{position:relative;top:auto}
  .boss-section-heading{flex-direction:column}
  .boss-drawer{padding:23px}
  .boss-drawer-hero{grid-template-columns:1fr}
  .boss-drawer-hero>img{width:100%;height:230px}
  .boss-strategy-grid{grid-template-columns:1fr}
}
@media(max-width:500px){
  .boss-route-track{grid-template-columns:1fr}
  .boss-card-image{height:205px}
  .boss-drawer-status{align-items:stretch;flex-direction:column}
  .boss-drawer-navigation{flex-direction:column}
}


/* ==========================================================================
   ASCENSION Wiki V4.3.2 — Stratégies avancées
   ========================================================================== */

.boss-card-metrics{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
  margin:0 0 13px;
}
.boss-card-metrics span{
  display:flex;
  align-items:center;
  gap:6px;
  min-width:0;
  padding:7px 8px;
  border-radius:9px;
  color:var(--ash);
  background:rgba(255,255,255,.025);
  border:1px solid rgba(231,187,100,.07);
  font-size:.68rem;
  line-height:1.25;
}
.boss-card-metrics b{color:var(--gold)}

.boss-detail-tabs{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:7px;
  margin:15px 0 18px;
  padding:6px;
  border-radius:14px;
  border:1px solid rgba(231,187,100,.10);
  background:#0a0b0e;
}
.boss-detail-tabs button{
  min-height:42px;
  padding:8px 10px;
  border:1px solid transparent;
  border-radius:9px;
  color:var(--ash);
  background:transparent;
  font:inherit;
  font-size:.76rem;
  font-weight:900;
  cursor:pointer;
}
.boss-detail-tabs button:hover,
.boss-detail-tabs button.active{
  color:var(--gold);
  border-color:rgba(231,187,100,.26);
  background:rgba(231,187,100,.08);
}
.boss-detail-panel[hidden]{display:none}

.boss-overview-metrics{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:9px;
  margin-bottom:13px;
}
.boss-overview-metrics article{
  display:grid;
  gap:4px;
  min-height:78px;
  padding:13px;
  border-radius:13px;
  border:1px solid rgba(231,187,100,.09);
  background:rgba(255,255,255,.022);
}
.boss-overview-metrics span{
  color:var(--ash);
  font-size:.68rem;
  text-transform:uppercase;
  letter-spacing:.07em;
}
.boss-overview-metrics strong{
  color:var(--gold);
  font-size:.92rem;
}

.boss-phase-list{display:grid;gap:9px}
.boss-phase-card{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:12px;
  align-items:start;
  padding:13px;
  border-radius:12px;
  border:1px solid rgba(231,187,100,.08);
  background:rgba(255,255,255,.022);
}
.boss-phase-card>span{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:50%;
  color:#17100b;
  background:linear-gradient(180deg,#efcf88,#a86530);
  font-weight:900;
}
.boss-phase-card h4{margin:0;color:var(--ivory)}
.boss-phase-card p{margin:4px 0 0!important}

.boss-section-inline-heading{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:15px;
  margin-bottom:14px;
}
.boss-section-inline-heading h3{margin:.08em 0}
.boss-section-inline-heading>span{
  padding:5px 9px;
  border-radius:999px;
  color:var(--gold);
  background:rgba(231,187,100,.07);
  border:1px solid rgba(231,187,100,.18);
  font-size:.7rem;
  font-weight:900;
}
.boss-attacks-list{display:grid;gap:10px}
.boss-attack-card{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:13px;
  padding:15px;
  border-radius:14px;
  border:1px solid rgba(231,187,100,.09);
  background:rgba(255,255,255,.022);
}
.boss-attack-card.danger-extrême,
.boss-attack-card.danger-ultime{
  border-color:rgba(185,72,63,.28);
  background:rgba(75,25,28,.12);
}
.boss-attack-index{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:10px;
  color:var(--gold);
  background:#0a0b0e;
  border:1px solid rgba(231,187,100,.16);
  font-weight:900;
}
.boss-attack-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.boss-attack-heading h4{margin:0;color:var(--ivory)}
.boss-attack-heading span{
  color:#e5a69d;
  font-size:.67rem;
  font-weight:900;
  text-transform:uppercase;
}
.boss-attack-card p{margin:6px 0 0!important}
.boss-attack-card p strong{color:var(--gold)}

.boss-warning-list,
.boss-loadout-list{
  margin:0;
  padding:0;
  list-style:none;
}
.boss-warning-list li,
.boss-loadout-list li{
  position:relative;
  margin:7px 0;
  padding:9px 11px 9px 34px;
  border-radius:10px;
  color:var(--ash);
  background:rgba(255,255,255,.022);
  border:1px solid rgba(231,187,100,.07);
}
.boss-warning-list li::before{
  content:"!";
  position:absolute;
  left:11px;
  top:8px;
  color:#e49a8d;
  font-weight:900;
}
.boss-loadout-list li::before{
  content:"✓";
  position:absolute;
  left:11px;
  top:8px;
  color:#a8d5a2;
  font-weight:900;
}
.boss-loadout-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:13px;
}

.boss-preparation-section{
  border-color:rgba(112,190,108,.22);
  background:rgba(25,43,29,.12);
}
.boss-prep-heading{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:15px;
}
.boss-prep-heading h3{margin:.08em 0}
.boss-prep-heading>strong{
  color:#bfe3b9;
  font-size:1.35rem;
}
.boss-prep-progress{
  height:11px;
  margin:13px 0 16px;
  overflow:hidden;
  border-radius:999px;
  background:#090a0c;
  border:1px solid rgba(112,190,108,.14);
}
.boss-prep-progress span{
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#4f7d50,#a7d59f);
  transition:width .25s ease;
}
.boss-prep-list{display:grid;gap:8px}
.boss-prep-item{
  position:relative;
  display:grid;
  grid-template-columns:auto 1fr;
  gap:10px;
  align-items:center;
  min-height:48px;
  padding:10px 12px;
  border-radius:11px;
  border:1px solid rgba(112,190,108,.10);
  background:rgba(255,255,255,.022);
  cursor:pointer;
}
.boss-prep-item input{
  position:absolute;
  opacity:0;
}
.boss-prep-item>span{
  display:grid;
  place-items:center;
  width:23px;
  height:23px;
  border-radius:7px;
  border:1px solid rgba(112,190,108,.32);
  background:#0a0c0b;
}
.boss-prep-item>span::after{
  content:"";
  width:9px;
  height:5px;
  border-left:2px solid #10200f;
  border-bottom:2px solid #10200f;
  transform:rotate(-45deg) scale(0);
  transition:.15s ease;
}
.boss-prep-item:has(input:checked){
  border-color:rgba(112,190,108,.28);
  background:rgba(112,190,108,.07);
}
.boss-prep-item:has(input:checked)>span{
  background:#a7d59f;
}
.boss-prep-item:has(input:checked)>span::after{
  transform:rotate(-45deg) scale(1);
}
.boss-prep-item:has(input:checked)>b{
  color:#bcd8b8;
  text-decoration:line-through;
  text-decoration-color:rgba(188,216,184,.42);
}
.boss-prep-reset{
  margin-top:13px;
  padding:8px 11px;
  border:1px solid rgba(185,72,63,.22);
  border-radius:9px;
  color:#dfa49a;
  background:rgba(185,72,63,.07);
  font:inherit;
  font-size:.72rem;
  cursor:pointer;
}

.boss-role-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:9px;
}
.boss-role-card{
  min-height:112px;
  padding:13px;
  border-radius:12px;
  border:1px solid rgba(231,187,100,.09);
  background:rgba(255,255,255,.022);
}
.boss-role-card strong{color:var(--gold)}
.boss-role-card p{margin:6px 0 0!important}

@media(max-width:760px){
  .boss-detail-tabs{grid-template-columns:1fr 1fr}
  .boss-overview-metrics{grid-template-columns:1fr}
  .boss-loadout-grid{grid-template-columns:1fr}
  .boss-role-grid{grid-template-columns:1fr}
  .boss-card-metrics{grid-template-columns:1fr}
}


/* ==========================================================================
   ASCENSION Wiki V4.4 — Classes et Builds
   ========================================================================== */

.class-guide-page nav a[href="classes.html"]{
  color:var(--gold);
  border-color:rgba(231,187,100,.30);
  background:rgba(231,187,100,.08);
}
.class-guide-hero{
  position:relative;overflow:hidden;display:grid;
  grid-template-columns:minmax(0,1.3fr) minmax(220px,.45fr);
  align-items:center;gap:30px;min-height:350px;padding:40px;margin-bottom:20px;
  border:1px solid rgba(231,187,100,.18);border-radius:28px;
  background:linear-gradient(104deg,rgba(8,9,12,.96),rgba(24,15,14,.75)),
  url("menu_background_official.png") center 43%/cover no-repeat;
  box-shadow:var(--shadow)
}
.class-guide-hero::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle at 82% 48%,rgba(231,187,100,.13),transparent 25rem)
}
.class-guide-hero>div{position:relative;z-index:1}
.class-hero-selection{display:grid;justify-items:center;text-align:center}
.class-hero-selection>p{margin:0 0 10px;color:var(--gold);font-size:.72rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.class-hero-selection img{width:145px;height:145px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 24px 34px rgba(0,0,0,.55))}
.class-hero-selection strong{margin-top:-8px;color:var(--ivory);font-size:1.35rem}
.class-hero-selection span{margin-top:5px;color:var(--ash)}
.class-permanent-warning{display:grid;grid-template-columns:auto 1fr;gap:13px;align-items:center;margin:18px 0 24px;padding:16px 18px;border-radius:15px;border:1px solid rgba(185,72,63,.25);background:rgba(76,25,28,.13)}
.class-permanent-warning>div{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;color:#e4a398;background:rgba(185,72,63,.12);border:1px solid rgba(185,72,63,.28)}
.class-permanent-warning p{margin:0;color:var(--ash)}.class-permanent-warning strong{color:#e6b0a7}
.class-selector-section,.class-detail-shell,.team-composer,.class-quick-tools{margin:22px 0;padding:25px;border:1px solid rgba(231,187,100,.14);border-radius:22px;background:linear-gradient(180deg,var(--surface),var(--surface-2));box-shadow:var(--shadow)}
.class-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.class-section-heading h2{margin:.08em 0}
.class-section-heading>span{padding:7px 10px;border-radius:999px;color:var(--ash);background:rgba(255,255,255,.025);border:1px solid rgba(231,187,100,.09);font-size:.74rem}
.class-selector-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:20px}
.class-selector-card{overflow:hidden;border:1px solid rgba(231,187,100,.10);border-radius:17px;background:rgba(255,255,255,.022);transition:.18s ease}
.class-selector-card:hover,.class-selector-card.active{transform:translateY(-3px);border-color:rgba(231,187,100,.34);background:rgba(231,187,100,.05)}
.class-selector-card.selected{border-color:rgba(112,190,108,.32);background:rgba(112,190,108,.055)}
.class-selector-open{width:100%;min-height:305px;padding:18px;border:0;color:inherit;background:transparent;font:inherit;text-align:left;cursor:pointer}
.class-selector-icon{position:relative;display:grid;place-items:center;height:125px}
.class-selector-icon img{width:105px;height:105px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 15px 20px rgba(0,0,0,.42))}
.class-selector-icon span{position:absolute;top:0;right:0;padding:4px 7px;border-radius:999px;color:#cbe8c7;background:rgba(112,190,108,.11);border:1px solid rgba(112,190,108,.24);font-size:.62rem;font-weight:900}
.class-selector-card p{margin:9px 0 4px;color:var(--gold);font-size:.68rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.class-selector-card h3{margin:0;font-size:1.25rem}
.class-selector-card>button>strong{display:block;min-height:42px;margin-top:8px;color:var(--ash);font-size:.84rem}
.class-selector-meta{display:flex;gap:7px;margin-top:14px}
.class-selector-meta span{padding:5px 8px;border-radius:999px;color:var(--ash);background:rgba(255,255,255,.025);border:1px solid rgba(231,187,100,.08);font-size:.65rem}
.class-detail-shell{scroll-margin-top:100px}
.class-detail-header{display:flex;align-items:center;justify-content:space-between;gap:24px}
.class-detail-identity{display:grid;grid-template-columns:130px minmax(0,1fr);align-items:center;gap:20px}
.class-detail-identity>img{width:130px;height:130px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 17px 25px rgba(0,0,0,.42))}
.class-detail-identity h2{margin:.08em 0;font-size:clamp(2rem,4vw,3.4rem)}
.class-detail-identity>div>p:not(.page-kicker){max-width:750px;color:var(--ash)}
.class-detail-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:22px 0 18px;padding:6px;border-radius:14px;border:1px solid rgba(231,187,100,.10);background:#0a0b0e}
.class-detail-tabs button{min-height:44px;border:1px solid transparent;border-radius:9px;color:var(--ash);background:transparent;font:inherit;font-size:.78rem;font-weight:900;cursor:pointer}
.class-detail-tabs button:hover,.class-detail-tabs button.active{color:var(--gold);border-color:rgba(231,187,100,.27);background:rgba(231,187,100,.08)}
.class-detail-panel[hidden]{display:none}
.class-overview-grid{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:13px}
.class-overview-card,.class-core-guide>section,.class-coop-card{padding:18px;border-radius:15px;border:1px solid rgba(231,187,100,.09);background:rgba(255,255,255,.022)}
.class-overview-card h3,.class-core-guide h3,.class-coop-card h3{margin:.08em 0 12px}
.class-positive-list,.class-warning-list,.class-equipment-list,.class-boss-tip-list{margin:0;padding:0;list-style:none}
.class-positive-list li,.class-warning-list li,.class-equipment-list li,.class-boss-tip-list li{position:relative;margin:7px 0;padding:8px 9px 8px 31px;border-radius:9px;color:var(--ash);background:rgba(255,255,255,.022);border:1px solid rgba(231,187,100,.06)}
.class-positive-list li::before,.class-equipment-list li::before{content:"✓";position:absolute;left:10px;color:#a8d5a2;font-weight:900}
.class-warning-list li::before{content:"!";position:absolute;left:12px;color:#e49a8d;font-weight:900}
.class-boss-tip-list li::before{content:"◆";position:absolute;left:10px;color:var(--gold);font-weight:900}
.class-stats-card{display:grid;align-content:start}
.class-stat-row{display:grid;grid-template-columns:75px 1fr 34px;align-items:center;gap:8px;margin:8px 0;color:var(--ash);font-size:.75rem}
.class-stat-row>div{height:9px;overflow:hidden;border-radius:999px;background:#090a0c;border:1px solid rgba(231,187,100,.09)}
.class-stat-row i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#8d4b34,#e4b866)}
.class-stat-row b{color:var(--gold);font-size:.7rem}
.class-core-guide{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:13px;margin-top:13px}
.class-priority-cloud{display:flex;flex-wrap:wrap;gap:8px}
.class-priority-cloud span{display:flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;color:var(--ash);background:rgba(255,255,255,.025);border:1px solid rgba(231,187,100,.09);font-size:.75rem}
.class-priority-cloud b{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;color:#17100b;background:var(--gold);font-size:.67rem}
.class-core-guide p{color:var(--ash)}
.class-stage-grid,.class-build-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.class-stage-card,.class-build-card{position:relative;overflow:hidden;padding:20px;border-radius:17px;border:1px solid rgba(231,187,100,.10);background:rgba(255,255,255,.022)}
.class-stage-number{position:absolute;top:-20px;right:-8px;color:rgba(231,187,100,.07);font-size:8rem;font-weight:900;line-height:1}
.class-stage-card h3{position:relative;margin:.08em 0;font-size:1.35rem}
.class-stage-card>p:not(.page-kicker){position:relative;min-height:70px;color:var(--ash)}
.class-stage-card h4{position:relative;margin:16px 0 8px;color:var(--gold)}
.class-stage-skills{position:relative;display:flex;flex-wrap:wrap;gap:6px}
.class-stage-skills span{padding:5px 8px;border-radius:999px;color:#cbd9db;background:rgba(104,153,157,.08);border:1px solid rgba(104,153,157,.18);font-size:.67rem}
.class-stage-combat{position:relative;margin-top:15px;padding:12px;border-radius:11px;border-left:3px solid rgba(231,187,100,.43);background:rgba(231,187,100,.04)}
.class-stage-combat strong{color:var(--gold)}.class-stage-combat p{margin:5px 0 0;color:var(--ash)}
.class-build-card{display:flex;flex-direction:column;min-height:350px}
.class-build-card.favorite{border-color:rgba(112,190,108,.31);background:rgba(112,190,108,.055)}
.class-build-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.class-build-heading h3{margin:.08em 0;font-size:1.35rem}
.class-build-heading>span{padding:5px 8px;border-radius:999px;color:#cbe8c7;background:rgba(112,190,108,.11);border:1px solid rgba(112,190,108,.24);font-size:.65rem;font-weight:900}
.class-build-card>p{color:var(--ash)}
.class-build-weapon{display:grid;gap:4px;margin:15px 0;padding:12px;border-radius:11px;background:#0b0c10;border:1px solid rgba(231,187,100,.10)}
.class-build-weapon small{color:var(--ash)}.class-build-weapon strong{color:var(--gold)}
.class-build-focus{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}
.class-build-focus span{padding:5px 8px;border-radius:999px;color:var(--ash);background:rgba(255,255,255,.025);border:1px solid rgba(231,187,100,.08);font-size:.68rem}
.class-build-select{margin-top:auto}
.class-build-note{margin-top:13px;padding:14px 16px;border-radius:12px;color:var(--ash);background:rgba(231,187,100,.045);border-left:3px solid rgba(231,187,100,.44)}
.class-build-note strong{color:var(--gold)}.class-build-note p{display:inline;margin:0}
.class-coop-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.class-partner-list{display:grid;gap:9px}
.class-partner-list>div{display:grid;grid-template-columns:55px 1fr;gap:11px;align-items:center;padding:10px;border-radius:11px;background:rgba(255,255,255,.022);border:1px solid rgba(231,187,100,.07)}
.class-partner-list img{width:50px;height:50px;object-fit:contain;image-rendering:pixelated}
.class-partner-list span{display:grid}.class-partner-list small{margin-top:3px;color:var(--ash)}
.team-composer-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:17px;margin-top:18px}
.team-slots{display:grid;gap:9px}
.team-slot{position:relative;display:grid;grid-template-columns:62px 1fr;align-items:center;gap:12px;min-height:76px;padding:10px 13px;border-radius:13px;border:1px solid rgba(231,187,100,.09);background:rgba(255,255,255,.022);cursor:pointer}
.team-slot input{position:absolute;opacity:0}
.team-slot img{width:58px;height:58px;object-fit:contain;image-rendering:pixelated}
.team-slot span{display:grid}.team-slot small{margin-top:3px;color:var(--ash)}
.team-slot.active{border-color:rgba(112,190,108,.30);background:rgba(112,190,108,.055)}
.team-slot.active::after{content:"✓";position:absolute;right:13px;color:#a8d5a2;font-weight:900}
.team-analysis{padding:20px;border-radius:16px;border:1px solid rgba(231,187,100,.12);background:radial-gradient(circle at top right,rgba(231,187,100,.07),transparent 18rem),rgba(255,255,255,.022)}
.team-analysis h3{margin:.08em 0}.team-analysis>p:not(.page-kicker){color:var(--ash)}
.team-synergy-highlight{margin:13px 0;padding:13px;border-radius:11px;border:1px solid rgba(112,190,108,.20);background:rgba(112,190,108,.055)}
.team-synergy-highlight strong{color:#bfe3b9}.team-synergy-highlight p{margin:5px 0 0;color:var(--ash)}
.team-stat-grid{margin:15px 0}.team-analysis h4{margin:14px 0 7px;color:var(--gold)}.team-analysis ul{color:var(--ash)}
.class-quick-tools{display:flex;align-items:center;justify-content:space-between;gap:22px}
.class-quick-tools h2{margin:.08em 0}.class-quick-tools p{margin:.3em 0;color:var(--ash)}
.class-quick-tools>div:last-child{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px}
.class-compare-backdrop{position:fixed;inset:0;z-index:90;background:rgba(0,0,0,.66);backdrop-filter:blur(4px)}
.class-compare-backdrop[hidden]{display:none}
.class-compare-drawer{position:fixed;top:0;right:0;z-index:100;width:min(1050px,96vw);height:100vh;overflow:auto;padding:34px;transform:translateX(105%);transition:.28s cubic-bezier(.22,.61,.36,1);border-left:1px solid rgba(231,187,100,.24);background:#101116;box-shadow:-30px 0 70px rgba(0,0,0,.48)}
.class-compare-drawer.open{transform:translateX(0)}.class-compare-open{overflow:hidden}
.class-compare-close{position:sticky;top:0;float:right;z-index:3;display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(231,187,100,.18);border-radius:50%;color:var(--ivory);background:rgba(12,13,17,.90);font-size:1.6rem;cursor:pointer}
.class-comparison-table{min-width:800px;margin-top:22px;border:1px solid rgba(231,187,100,.12);border-radius:16px;overflow:hidden}
.class-comparison-head,.class-comparison-row{display:grid;grid-template-columns:150px repeat(4,1fr)}
.class-comparison-head{background:rgba(231,187,100,.07);border-bottom:1px solid rgba(231,187,100,.14)}
.class-comparison-head>span,.class-comparison-head>div,.class-comparison-row>*{padding:14px;border-right:1px solid rgba(231,187,100,.08)}
.class-comparison-head>div{display:grid;justify-items:center;gap:6px;text-align:center}
.class-comparison-head img{width:55px;height:55px;object-fit:contain;image-rendering:pixelated}
.class-comparison-row{border-bottom:1px solid rgba(231,187,100,.07)}.class-comparison-row:last-child{border-bottom:0}
.class-comparison-row>strong{color:var(--gold)}.class-comparison-row>span{color:#d6ad5f;text-align:center;letter-spacing:.08em}
.class-comparison-row.text-row>span{color:var(--ash);letter-spacing:0;font-size:.78rem}
@media(max-width:1100px){
  .class-selector-grid{grid-template-columns:1fr 1fr}
  .class-overview-grid{grid-template-columns:1fr 1fr}
  .class-stats-card{grid-column:1/-1}
  .class-core-guide{grid-template-columns:1fr}
  .class-stage-grid,.class-build-grid{grid-template-columns:1fr}
}
@media(max-width:780px){
  .class-guide-hero{grid-template-columns:1fr;padding:25px}
  .class-hero-selection{display:none}
  .class-section-heading,.class-detail-header,.class-quick-tools{align-items:flex-start;flex-direction:column}
  .class-detail-identity{grid-template-columns:90px 1fr}
  .class-detail-identity>img{width:90px;height:90px}
  .class-detail-tabs{grid-template-columns:1fr 1fr}
  .class-overview-grid,.class-coop-grid,.team-composer-grid{grid-template-columns:1fr}
  .class-quick-tools>div:last-child{justify-content:flex-start}
}
@media(max-width:520px){
  .class-selector-grid{grid-template-columns:1fr}
  .class-detail-identity{grid-template-columns:1fr}
  .class-detail-identity>img{width:105px;height:105px}
  .class-selector-section,.class-detail-shell,.team-composer,.class-quick-tools{padding:18px}
}

/* V4.5 Arsenal */
.arsenal-page nav a[href="arsenal.html"]{color:var(--gold);border-color:rgba(231,187,100,.30);background:rgba(231,187,100,.08)}.arsenal-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(220px,.42fr);align-items:center;gap:30px;min-height:350px;padding:40px;margin-bottom:22px;border:1px solid rgba(231,187,100,.18);border-radius:28px;background:linear-gradient(104deg,rgba(8,9,12,.96),rgba(24,15,14,.75)),url("menu_background_official.png") center 43%/cover no-repeat;box-shadow:var(--shadow)}.arsenal-hero::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 84% 48%,rgba(231,187,100,.12),transparent 25rem);pointer-events:none}.arsenal-hero>div{position:relative;z-index:1}.arsenal-hero-status{display:grid;justify-items:center;text-align:center}.arsenal-hero-status img{width:145px;height:145px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 24px 34px rgba(0,0,0,.55))}.arsenal-hero-status strong{margin-top:-8px;padding:6px 13px;border-radius:999px;color:var(--gold);background:rgba(8,9,12,.9);border:1px solid rgba(231,187,100,.25);font-size:1.35rem}.arsenal-hero-status span{margin-top:7px;color:var(--ash)}.arsenal-context,.arsenal-presets,.arsenal-workbench{margin:22px 0;padding:24px;border:1px solid rgba(231,187,100,.14);border-radius:22px;background:linear-gradient(180deg,var(--surface),var(--surface-2));box-shadow:var(--shadow)}.arsenal-context{display:flex;align-items:center;justify-content:space-between;gap:22px;border-color:rgba(112,190,108,.22)}.arsenal-context h2,.arsenal-section-heading h2,.arsenal-builder-heading h2{margin:.08em 0}.arsenal-context p:not(.page-kicker){margin:.35em 0;color:var(--ash)}.arsenal-section-heading,.arsenal-builder-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.arsenal-section-heading>span{padding:7px 10px;border-radius:999px;color:var(--ash);background:rgba(255,255,255,.025);border:1px solid rgba(231,187,100,.09);font-size:.72rem}.arsenal-preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.arsenal-preset-card{padding:17px;border-radius:16px;border:1px solid rgba(231,187,100,.10);background:rgba(255,255,255,.022)}.arsenal-preset-stack{display:flex;height:70px}.arsenal-preset-stack img{width:64px;height:64px;margin-right:-12px;object-fit:contain;border-radius:13px;background:#0b0c10;border:1px solid rgba(231,187,100,.13)}.arsenal-preset-card p{margin:12px 0 3px;color:var(--gold);font-size:.68rem;font-weight:900;text-transform:uppercase}.arsenal-preset-card h3{margin:0}.arsenal-preset-card>span{display:block;margin-top:6px;color:var(--ash);font-size:.75rem}.arsenal-preset-card button{width:100%;margin-top:13px;padding:9px 11px;border:1px solid rgba(231,187,100,.20);border-radius:9px;color:var(--gold);background:rgba(231,187,100,.06);font:inherit;font-size:.76rem;font-weight:900;cursor:pointer}.arsenal-workbench{display:grid;grid-template-columns:330px minmax(0,1fr);gap:20px;align-items:start}.arsenal-builder{position:sticky;top:86px;padding:18px;border-radius:17px;border:1px solid rgba(231,187,100,.13);background:#101116}.arsenal-builder-heading>strong{color:var(--gold);font-size:1.25rem}.arsenal-coverage{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:14px 0}.arsenal-coverage span{padding:7px 8px;border-radius:9px;color:var(--ash);background:#0a0b0e;border:1px solid rgba(231,187,100,.08);font-size:.7rem}.arsenal-coverage span.covered{color:#bfe3b9;border-color:rgba(112,190,108,.24);background:rgba(112,190,108,.06)}.arsenal-loadout-list{display:grid;gap:7px}.arsenal-loadout-empty{padding:22px 12px;border-radius:11px;color:var(--ash);border:1px dashed rgba(231,187,100,.16);text-align:center;font-size:.78rem}.arsenal-loadout-item{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:9px;padding:8px;border-radius:11px;background:rgba(255,255,255,.022);border:1px solid rgba(231,187,100,.07)}.arsenal-loadout-item img{width:40px;height:40px;object-fit:contain}.arsenal-loadout-item span{display:grid;min-width:0}.arsenal-loadout-item strong{font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.arsenal-loadout-item small{color:var(--ash);font-size:.65rem}.arsenal-loadout-item button{border:0;color:#dfa49a;background:transparent;font-size:1.1rem;cursor:pointer}.arsenal-builder-actions{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:14px}.arsenal-reset-button{padding:8px 10px;border:1px solid rgba(185,72,63,.22);border-radius:9px;color:#dfa49a;background:rgba(185,72,63,.07);font:inherit;cursor:pointer}.arsenal-controls{display:grid;grid-template-columns:minmax(250px,1fr) auto auto auto;gap:10px;align-items:center;padding:14px;border-radius:15px;border:1px solid rgba(231,187,100,.10);background:#0d0e12}.arsenal-search{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px;min-height:44px;padding:0 12px;border-radius:10px;background:#090a0d;border:1px solid rgba(231,187,100,.12)}.arsenal-search span{color:var(--gold);font-size:1.3rem}.arsenal-search input{width:100%;border:0;outline:0;color:var(--ivory);background:transparent;font:inherit}.arsenal-category-filters{display:flex;gap:6px;flex-wrap:wrap}.arsenal-category-filters button,.arsenal-summary-line button{padding:7px 9px;border:1px solid rgba(231,187,100,.10);border-radius:999px;color:var(--ash);background:rgba(255,255,255,.025);font:inherit;font-size:.7rem;font-weight:900;cursor:pointer}.arsenal-category-filters button.active,.arsenal-category-filters button:hover,.arsenal-summary-line button.active{color:var(--gold);border-color:rgba(231,187,100,.31);background:rgba(231,187,100,.08)}.arsenal-select-label{display:grid;gap:4px;color:var(--ash);font-size:.63rem;text-transform:uppercase}.arsenal-select-label select{min-height:38px;padding:0 9px;border:1px solid rgba(231,187,100,.12);border-radius:9px;color:var(--ivory);background:#090a0d}.arsenal-summary-line{display:flex;align-items:center;gap:8px;margin:13px 0;color:var(--ash);font-size:.75rem}.arsenal-summary-line>strong{color:var(--gold);font-size:1.25rem}.arsenal-summary-line button:first-of-type{margin-left:auto}.arsenal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.arsenal-card{overflow:hidden;border:1px solid rgba(231,187,100,.10);border-radius:17px;background:rgba(255,255,255,.022);transition:.18s ease}.arsenal-card:hover{transform:translateY(-3px);border-color:rgba(231,187,100,.30)}.arsenal-card.is-owned{border-color:rgba(112,190,108,.28);background:rgba(112,190,108,.045)}.arsenal-card.is-recommended{box-shadow:inset 0 3px rgba(231,187,100,.55)}.arsenal-card-image{position:relative;display:grid;place-items:center;height:150px;background:radial-gradient(circle,rgba(231,187,100,.06),transparent 65%),#0a0b0e}.arsenal-card-image img{width:110px;height:110px;object-fit:contain}.arsenal-priority,.arsenal-recommended-badge{position:absolute;top:11px;padding:4px 7px;border-radius:999px;font-size:.58rem;font-weight:900;text-transform:uppercase}.arsenal-priority{left:11px;color:var(--ash);background:#17181e;border:1px solid rgba(231,187,100,.12)}.arsenal-priority.essential{color:#cbe8c7;border-color:rgba(112,190,108,.23);background:rgba(112,190,108,.09)}.arsenal-priority.high{color:#e7b0a7;border-color:rgba(185,72,63,.25);background:rgba(185,72,63,.10)}.arsenal-priority.quest{color:#e7cf91;border-color:rgba(231,187,100,.25);background:rgba(231,187,100,.09)}.arsenal-recommended-badge{right:11px;color:var(--gold);background:rgba(231,187,100,.08);border:1px solid rgba(231,187,100,.22)}.arsenal-card-body{padding:15px}.arsenal-card-body>p{margin:0 0 4px;color:var(--gold);font-size:.65rem;font-weight:900;text-transform:uppercase}.arsenal-card-body h2{margin:0;font-size:1.08rem}.arsenal-card-summary{display:block;min-height:63px;margin:10px 0;color:var(--ash);font-size:.78rem;line-height:1.45}.arsenal-card-actions{display:grid;grid-template-columns:1fr auto auto auto;gap:6px}.arsenal-card-actions button{min-height:34px;padding:6px 8px;border:1px solid rgba(231,187,100,.10);border-radius:8px;color:var(--ash);background:rgba(255,255,255,.025);font:inherit;font-size:.68rem;cursor:pointer}.arsenal-card-actions button:first-child{color:var(--gold)}.arsenal-card-actions button.selected{color:#bfe3b9;border-color:rgba(112,190,108,.22);background:rgba(112,190,108,.07)}.arsenal-empty{padding:50px;border:1px dashed rgba(231,187,100,.17);border-radius:15px;text-align:center;color:var(--ash)}.arsenal-drawer-backdrop{position:fixed;inset:0;z-index:90;background:rgba(0,0,0,.66);backdrop-filter:blur(4px)}.arsenal-drawer-backdrop[hidden]{display:none}.arsenal-drawer{position:fixed;top:0;right:0;z-index:100;width:min(620px,94vw);height:100vh;overflow:auto;padding:32px;transform:translateX(105%);transition:.28s;border-left:1px solid rgba(231,187,100,.24);background:#101116}.arsenal-drawer.open{transform:translateX(0)}.arsenal-drawer-open{overflow:hidden}.arsenal-drawer-close{position:sticky;top:0;float:right;display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(231,187,100,.18);border-radius:50%;color:var(--ivory);background:#0c0d11;font-size:1.6rem;cursor:pointer}.arsenal-drawer-hero{display:grid;grid-template-columns:150px 1fr;align-items:center;gap:18px;padding:30px 0 20px}.arsenal-drawer-hero>img{width:145px;height:145px;object-fit:contain;border-radius:18px;background:#0a0b0e;border:1px solid rgba(231,187,100,.13)}.arsenal-drawer-hero h2{margin:.08em 0;font-size:2.2rem}.arsenal-detail-section{margin:12px 0;padding:17px;border-radius:14px;border:1px solid rgba(231,187,100,.09);background:rgba(255,255,255,.022)}.arsenal-detail-section h3{margin:0 0 8px;color:var(--gold)}.arsenal-detail-section p{margin:0;color:var(--ash)}.arsenal-warning-section{border-left:3px solid rgba(185,72,63,.42)}.arsenal-class-tags{display:flex;flex-wrap:wrap;gap:7px}.arsenal-class-tags a{padding:6px 9px;border-radius:999px;color:#cbd9db;background:rgba(104,153,157,.07);border:1px solid rgba(104,153,157,.18);font-size:.72rem}.arsenal-drawer-actions{display:grid;gap:8px;margin-top:18px}.class-detail-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}@media(max-width:1250px){.arsenal-workbench{grid-template-columns:280px 1fr}.arsenal-grid{grid-template-columns:repeat(2,1fr)}.arsenal-controls{grid-template-columns:1fr 1fr}.arsenal-search{grid-column:1/-1}.arsenal-preset-grid{grid-template-columns:1fr 1fr}}@media(max-width:850px){.arsenal-hero{grid-template-columns:1fr;padding:25px}.arsenal-hero-status{display:none}.arsenal-context,.arsenal-section-heading{align-items:flex-start;flex-direction:column}.arsenal-workbench{grid-template-columns:1fr}.arsenal-builder{position:relative;top:auto}.arsenal-controls,.arsenal-grid,.arsenal-preset-grid{grid-template-columns:1fr}.arsenal-search{grid-column:auto}.class-detail-actions{justify-content:flex-start}}@media(max-width:520px){.arsenal-context,.arsenal-presets,.arsenal-workbench{padding:17px}.arsenal-drawer{padding:22px}.arsenal-drawer-hero{grid-template-columns:1fr}.arsenal-card-actions{grid-template-columns:1fr 1fr}}


/* ==========================================================================
   ASCENSION Wiki V4.5.1 — Polish UI Arsenal
   ========================================================================== */

/* Les deux badges sont désormais empilés : aucune collision, même sur
   les cartes étroites ou avec un libellé long. */
.arsenal-card-image{
  min-height:172px;
  padding-top:28px;
}
.arsenal-card-image img{
  transform:translateY(10px);
}
.arsenal-priority,
.arsenal-recommended-badge{
  left:11px;
  right:auto;
  max-width:calc(100% - 22px);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  line-height:1.15;
}
.arsenal-priority{
  top:11px;
}
.arsenal-recommended-badge{
  top:42px;
}

/* Les cartes gardent maintenant la même hauteur et les boutons restent
   alignés en bas, quelle que soit la longueur du texte. */
.arsenal-card{
  display:flex;
  flex-direction:column;
  min-height:438px;
}
.arsenal-card-body{
  display:flex;
  flex:1;
  flex-direction:column;
}
.arsenal-card-summary{
  min-height:72px;
}
.arsenal-card-actions{
  display:grid;
  grid-template-columns:minmax(0,1fr) 42px 42px;
  gap:7px;
  margin-top:auto;
}
.arsenal-card-actions button{
  min-width:0;
  min-height:38px;
  padding:7px 9px;
}
.arsenal-action-details{
  font-weight:900;
}
.arsenal-action-icon{
  display:grid;
  place-items:center;
  padding:0!important;
  font-size:1rem!important;
}
.arsenal-action-loadout{
  grid-column:1 / -1;
  min-height:41px!important;
  color:var(--gold)!important;
  border-color:rgba(231,187,100,.18)!important;
  background:rgba(231,187,100,.045)!important;
  font-weight:900!important;
}
.arsenal-action-loadout:hover{
  background:rgba(231,187,100,.095)!important;
}
.arsenal-action-loadout.selected{
  color:#bfe3b9!important;
  border-color:rgba(112,190,108,.24)!important;
  background:rgba(112,190,108,.075)!important;
}

/* Une marge supplémentaire évite que les titres longs touchent les cartes
   voisines et améliore la lecture du catalogue. */
.arsenal-card-body h2{
  min-height:2.5em;
  line-height:1.25;
}
.arsenal-grid{
  align-items:stretch;
}

/* Sur les écrans plus larges, les cartes disposent d’un peu plus d’espace.
   Cela corrige aussi la sensation de boutons compressés observée en 3 colonnes. */
@media(min-width:1251px){
  .arsenal-workbench{
    grid-template-columns:330px minmax(0,1fr);
  }
  .arsenal-grid{
    grid-template-columns:repeat(3,minmax(245px,1fr));
    gap:15px;
  }
}

/* Sur tablette, les commandes restent en deux lignes propres. */
@media(max-width:1250px){
  .arsenal-card{
    min-height:420px;
  }
}

/* Sur mobile, les deux boutons principaux restent larges et les icônes
   conservent une zone tactile confortable. */
@media(max-width:520px){
  .arsenal-card{
    min-height:auto;
  }
  .arsenal-card-actions{
    grid-template-columns:minmax(0,1fr) 44px 44px;
  }
  .arsenal-action-loadout{
    grid-column:1 / -1;
  }
}


/* ==========================================================================
   ASCENSION Wiki V4.6 — Dimensions & Itinéraires
   ========================================================================== */
.dimensions-page nav a[href="dimensions.html"]{color:var(--gold);border-color:rgba(231,187,100,.30);background:rgba(231,187,100,.08)}
.dimension-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(220px,.42fr);align-items:center;gap:30px;min-height:350px;padding:40px;margin-bottom:22px;border:1px solid rgba(231,187,100,.18);border-radius:28px;background:linear-gradient(104deg,rgba(8,9,12,.96),rgba(19,22,29,.76)),url("menu_background_official.png") center 43%/cover no-repeat;box-shadow:var(--shadow)}
.dimension-hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 84% 48%,rgba(105,142,166,.13),transparent 25rem)}.dimension-hero>div{position:relative;z-index:1}.dimension-hero-progress{display:grid;justify-items:center;text-align:center}.dimension-hero-progress img{width:145px;height:145px;object-fit:contain;filter:drop-shadow(0 24px 34px rgba(0,0,0,.55))}.dimension-hero-progress strong{margin-top:-8px;padding:6px 13px;border-radius:999px;color:var(--gold);background:rgba(8,9,12,.9);border:1px solid rgba(231,187,100,.25);font-size:1.35rem}.dimension-hero-progress span{margin-top:7px;color:var(--ash)}
.dimension-route-map,.dimension-controls{margin:22px 0;padding:24px;border:1px solid rgba(231,187,100,.14);border-radius:22px;background:linear-gradient(180deg,var(--surface),var(--surface-2));box-shadow:var(--shadow)}.dimension-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.dimension-section-heading h2{margin:.08em 0}.dimension-map-track{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-top:20px}.dimension-map-track button{position:relative;display:grid;justify-items:center;gap:6px;min-height:155px;padding:12px 8px;border:1px solid rgba(231,187,100,.09);border-radius:14px;color:var(--ivory);background:rgba(255,255,255,.022);font:inherit;text-align:center;cursor:pointer;transition:.18s ease}.dimension-map-track button::after{content:"";position:absolute;top:52px;left:calc(100% + 1px);width:7px;border-top:1px dashed rgba(231,187,100,.25)}.dimension-map-track button:last-child::after{display:none}.dimension-map-track button:hover{transform:translateY(-3px);border-color:rgba(231,187,100,.30)}.dimension-map-track button.complete{border-color:rgba(112,190,108,.28);background:rgba(112,190,108,.05)}.dimension-map-track button.locked img{filter:grayscale(1) brightness(.5)}.dimension-map-track button>span{position:absolute;top:8px;left:8px;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;color:#17100b;background:var(--gold);font-size:.68rem;font-weight:900}.dimension-map-track img{width:68px;height:68px;object-fit:contain}.dimension-map-track strong{font-size:.78rem;line-height:1.25}.dimension-map-track small{color:var(--gold);font-weight:900}
.dimension-controls{position:sticky;top:78px;z-index:25;display:grid;grid-template-columns:minmax(260px,1fr) auto auto auto;align-items:center;gap:12px;padding:15px;background:rgba(16,17,22,.94);backdrop-filter:blur(16px)}.dimension-search{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px;min-height:44px;padding:0 12px;border-radius:10px;background:#090a0d;border:1px solid rgba(231,187,100,.12)}.dimension-search span{color:var(--gold);font-size:1.3rem}.dimension-search input{width:100%;border:0;outline:0;color:var(--ivory);background:transparent;font:inherit}.dimension-stage-filters{display:flex;gap:6px}.dimension-stage-filters button{padding:8px 10px;border:1px solid rgba(231,187,100,.10);border-radius:999px;color:var(--ash);background:rgba(255,255,255,.025);font:inherit;font-size:.72rem;font-weight:900;cursor:pointer}.dimension-stage-filters button.active,.dimension-stage-filters button:hover{color:var(--gold);border-color:rgba(231,187,100,.30);background:rgba(231,187,100,.08)}.dimension-toggle{position:relative;display:flex;align-items:center;gap:8px;cursor:pointer}.dimension-toggle input{position:absolute;opacity:0}.dimension-toggle>span{width:38px;height:21px;padding:2px;border-radius:999px;background:#090a0d;border:1px solid rgba(231,187,100,.14)}.dimension-toggle>span::after{content:"";display:block;width:15px;height:15px;border-radius:50%;background:var(--ash);transition:.18s}.dimension-toggle input:checked+span::after{transform:translateX(17px);background:var(--gold)}.dimension-toggle b{color:var(--ash);font-size:.72rem}.dimension-visible-summary{display:grid;min-width:80px;text-align:right}.dimension-visible-summary strong{color:var(--gold);font-size:1.3rem}.dimension-visible-summary span{color:var(--ash);font-size:.65rem}
.dimension-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.dimension-card{overflow:hidden;border:1px solid rgba(231,187,100,.10);border-radius:19px;background:linear-gradient(180deg,#15161c,#101116);box-shadow:0 18px 44px rgba(0,0,0,.26);transition:.2s}.dimension-card:hover{transform:translateY(-5px);border-color:rgba(231,187,100,.30)}.dimension-card.is-complete{border-color:rgba(112,190,108,.30);background:linear-gradient(180deg,rgba(23,33,27,.98),#101316)}.dimension-card-open{display:block;width:100%;padding:0;border:0;color:inherit;background:transparent;font:inherit;text-align:left;cursor:pointer}.dimension-card-visual{position:relative;display:grid;place-items:center;height:210px;background:radial-gradient(circle,rgba(231,187,100,.07),transparent 68%),#090a0d}.dimension-card-visual img{width:145px;height:145px;object-fit:contain;transition:.25s}.dimension-card:hover .dimension-card-visual img{transform:scale(1.035)}.dimension-card-visual>span{position:absolute;top:13px;left:13px;padding:5px 8px;border-radius:999px;color:#18110b;background:var(--gold);font-size:.64rem;font-weight:900;text-transform:uppercase}.dimension-card-visual>b{position:absolute;font-size:2.2rem;color:var(--gold)}.dimension-card.is-locked .dimension-card-visual img{filter:blur(7px) grayscale(1) brightness(.45)}.dimension-card-body{padding:18px}.dimension-card-body>p{margin:0 0 5px;color:var(--gold);font-size:.67rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.dimension-card-body h2{min-height:2.4em;margin:0;font-size:1.25rem}.dimension-card-meta{display:flex;flex-wrap:wrap;gap:7px;margin:11px 0}.dimension-card-meta span{padding:5px 8px;border-radius:999px;color:var(--ash);background:rgba(255,255,255,.025);border:1px solid rgba(231,187,100,.07);font-size:.65rem}.dimension-card-progress{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;margin:13px 0}.dimension-card-progress>div{height:9px;overflow:hidden;border-radius:999px;background:#090a0c;border:1px solid rgba(231,187,100,.09)}.dimension-card-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#8d4b34,#e4b866)}.dimension-card-progress strong{color:var(--gold);font-size:.72rem}.dimension-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.dimension-card-footer>span:last-child{color:var(--gold);font-size:.75rem;font-weight:900}.dimension-status{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:.64rem;font-weight:900}.dimension-status.complete{color:#cbe8c7;background:rgba(112,190,108,.10);border:1px solid rgba(112,190,108,.24)}.dimension-status.active{color:#e7d39d;background:rgba(231,187,100,.08);border:1px solid rgba(231,187,100,.20)}.dimension-status.new{color:var(--ash);background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07)}.dimension-status.locked{color:#e3aba2;background:rgba(185,72,63,.10);border:1px solid rgba(185,72,63,.23)}.dimension-empty{padding:50px;border:1px dashed rgba(231,187,100,.17);border-radius:16px;text-align:center;color:var(--ash)}.dimension-empty strong{color:var(--ivory)}
.dimension-drawer-backdrop{position:fixed;inset:0;z-index:90;background:rgba(0,0,0,.66);backdrop-filter:blur(4px)}.dimension-drawer-backdrop[hidden]{display:none}.dimension-drawer{position:fixed;top:0;right:0;z-index:100;width:min(760px,95vw);height:100vh;overflow:auto;padding:34px;transform:translateX(105%);transition:.28s cubic-bezier(.22,.61,.36,1);border-left:1px solid rgba(231,187,100,.24);background:radial-gradient(circle at top right,rgba(84,112,132,.09),transparent 26rem),#101116;box-shadow:-30px 0 70px rgba(0,0,0,.48)}.dimension-drawer.open{transform:translateX(0)}.dimension-drawer-open{overflow:hidden}.dimension-drawer-close{position:sticky;top:0;float:right;z-index:4;display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(231,187,100,.18);border-radius:50%;color:var(--ivory);background:rgba(12,13,17,.90);font-size:1.6rem;cursor:pointer}.dimension-drawer-hero{display:grid;grid-template-columns:170px 1fr;align-items:center;gap:20px;padding:30px 0 20px}.dimension-drawer-hero>img{width:165px;height:165px;object-fit:contain;border-radius:18px;background:#090a0d;border:1px solid rgba(231,187,100,.13)}.dimension-drawer-hero h2{margin:.08em 0;font-size:clamp(1.9rem,4vw,3rem)}.dimension-drawer-hero p:not(.page-kicker){color:var(--ash)}.dimension-drawer-progress{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;margin-bottom:16px}.dimension-drawer-progress>div{height:12px;overflow:hidden;border-radius:999px;background:#090a0c;border:1px solid rgba(231,187,100,.10)}.dimension-drawer-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#8d4b34,#e4b866)}.dimension-drawer-progress strong{color:var(--gold)}.dimension-detail-section{margin:13px 0;padding:18px;border-radius:15px;border:1px solid rgba(231,187,100,.09);background:rgba(255,255,255,.022)}.dimension-detail-section h3{margin:.08em 0 10px;color:var(--gold)}.dimension-detail-section ul{margin:0;padding-left:20px;color:var(--ash)}.dimension-detail-section li{margin:7px 0}.dimension-inline-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.dimension-inline-heading button{padding:7px 9px;border:1px solid rgba(185,72,63,.20);border-radius:9px;color:#dfa49a;background:rgba(185,72,63,.06);font:inherit;font-size:.67rem;cursor:pointer}.dimension-step-list{display:grid;gap:9px}.dimension-step{display:grid;grid-template-columns:auto auto 1fr;gap:11px;align-items:start;padding:13px;border-radius:12px;border:1px solid rgba(231,187,100,.08);background:rgba(255,255,255,.022)}.dimension-step.complete{border-color:rgba(112,190,108,.24);background:rgba(112,190,108,.055)}.dimension-step label{position:relative;cursor:pointer}.dimension-step input{position:absolute;opacity:0}.dimension-step label>span{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;border:1px solid rgba(112,190,108,.28);background:#090a0c}.dimension-step label>span::after{content:"";width:9px;height:5px;border-left:2px solid #10200f;border-bottom:2px solid #10200f;transform:rotate(-45deg) scale(0)}.dimension-step input:checked+span{background:#a7d59f}.dimension-step input:checked+span::after{transform:rotate(-45deg) scale(1)}.dimension-step input:disabled+span{opacity:.85}.dimension-step-number{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;color:#17100b;background:var(--gold);font-size:.7rem;font-weight:900}.dimension-step-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.dimension-step-heading h4{margin:0}.dimension-step-heading b{padding:4px 7px;border-radius:999px;color:#bfe3b9;background:rgba(112,190,108,.08);border:1px solid rgba(112,190,108,.19);font-size:.58rem}.dimension-step p{margin:5px 0 0;color:var(--ash)}.dimension-step-place{color:var(--gold)!important;font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.dimension-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.dimension-warning{border-left:3px solid rgba(185,72,63,.40)}.dimension-waypoint-editor{display:grid;grid-template-columns:1fr auto;gap:8px}.dimension-waypoint-editor input,.dimension-detail-section textarea{width:100%;padding:10px 12px;border:1px solid rgba(231,187,100,.12);border-radius:9px;color:var(--ivory);background:#090a0d;font:inherit}.dimension-waypoint-editor button{padding:8px 11px;border:1px solid rgba(231,187,100,.19);border-radius:9px;color:var(--gold);background:rgba(231,187,100,.06);font:inherit;cursor:pointer}.dimension-detail-section textarea{display:block;margin-bottom:9px;resize:vertical}.dimension-drawer-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.dimension-drawer-locked{display:grid;justify-items:center;min-height:70vh;place-content:center;text-align:center}.dimension-drawer-locked img{width:160px;height:160px;filter:grayscale(1) brightness(.5)}.dimension-drawer-locked h2{font-size:2rem}
@media(max-width:1200px){.dimension-map-track{grid-template-columns:repeat(4,1fr)}.dimension-map-track button::after{display:none}.dimension-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dimension-controls{grid-template-columns:1fr 1fr}.dimension-search{grid-column:1/-1}}
@media(max-width:760px){.dimension-hero{grid-template-columns:1fr;padding:25px}.dimension-hero-progress{display:none}.dimension-section-heading{flex-direction:column}.dimension-map-track{grid-template-columns:1fr 1fr}.dimension-controls{position:relative;top:auto;grid-template-columns:1fr}.dimension-search{grid-column:auto}.dimension-grid{grid-template-columns:1fr}.dimension-drawer{padding:23px}.dimension-drawer-hero{grid-template-columns:1fr}.dimension-drawer-hero>img{width:135px;height:135px}.dimension-detail-grid{grid-template-columns:1fr}.dimension-visible-summary{text-align:left}}
@media(max-width:480px){.dimension-map-track{grid-template-columns:1fr}.dimension-stage-filters{flex-wrap:wrap}.dimension-waypoint-editor{grid-template-columns:1fr}.dimension-step{grid-template-columns:auto 1fr}.dimension-step-number{display:none}}


/* ==========================================================================
   ASCENSION Wiki V4.7 — Quêtes et suivi narratif avancé
   ========================================================================== */
.quest-journal-page nav a[href="quests.html"]{color:var(--gold);border-color:rgba(231,187,100,.30);background:rgba(231,187,100,.08)}
.quest-journal-hero{display:grid;grid-template-columns:230px minmax(0,1fr) minmax(250px,.55fr);align-items:center;gap:22px;margin:22px 0;padding:25px;border:1px solid rgba(231,187,100,.17);border-radius:23px;background:radial-gradient(circle at 12% 45%,rgba(231,187,100,.09),transparent 19rem),linear-gradient(180deg,var(--surface),var(--surface-2));box-shadow:var(--shadow)}
.quest-progress-emblem{display:grid;justify-items:center;text-align:center}.quest-progress-emblem img{width:140px;height:140px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 20px 27px rgba(0,0,0,.47))}.quest-progress-emblem strong{margin-top:-17px;padding:6px 14px;border-radius:999px;color:var(--gold);background:#0a0b0e;border:1px solid rgba(231,187,100,.25);font-size:1.55rem}.quest-progress-emblem span{margin-top:7px;color:var(--ash);font-size:.78rem}
.quest-next-panel h2{margin:.08em 0}.quest-next-panel>p:not(.page-kicker){color:var(--ash)}.quest-next-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.quest-next-actions button.active{color:#e9b0a6;border-color:rgba(185,72,63,.25);background:rgba(185,72,63,.08)}
.quest-journal-metrics{display:grid;grid-template-columns:1fr 1fr;gap:9px}.quest-journal-metrics article{display:grid;gap:3px;min-height:76px;padding:13px;border-radius:13px;border:1px solid rgba(231,187,100,.09);background:rgba(255,255,255,.022)}.quest-journal-metrics span{color:var(--ash);font-size:.67rem;text-transform:uppercase;letter-spacing:.06em}.quest-journal-metrics strong{color:var(--gold);font-size:1.45rem}
.quest-chapter-dashboard{margin:22px 0;padding:24px;border:1px solid rgba(231,187,100,.14);border-radius:22px;background:linear-gradient(180deg,var(--surface),var(--surface-2));box-shadow:var(--shadow)}.quest-dashboard-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.quest-dashboard-heading h2{margin:.08em 0}.quest-dashboard-tools{display:flex;flex-wrap:wrap;gap:8px}.quest-import-label{cursor:pointer}.quest-import-label input{display:none}
.quest-chapter-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:18px}.quest-chapter-dashboard-card{overflow:hidden;border:1px solid rgba(231,187,100,.09);border-radius:15px;background:rgba(255,255,255,.022);transition:.18s ease}.quest-chapter-dashboard-card:hover{transform:translateY(-3px);border-color:rgba(231,187,100,.28)}.quest-chapter-dashboard-card.is-validated{border-color:rgba(112,190,108,.28);background:rgba(112,190,108,.045)}.quest-chapter-dashboard-card.is-locked{border-color:rgba(185,72,63,.18);background:rgba(60,25,29,.07)}.quest-chapter-open{display:grid;grid-template-columns:43px 1fr;gap:10px;width:100%;min-height:135px;padding:14px;border:0;color:inherit;background:transparent;font:inherit;text-align:left;cursor:pointer}.quest-chapter-number{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;color:#17100b;background:linear-gradient(180deg,#efcf88,#a86530);font-weight:900}.quest-chapter-open p{margin:0;color:var(--gold);font-size:.62rem;font-weight:900;text-transform:uppercase}.quest-chapter-open h3{margin:4px 0;font-size:.96rem}.quest-chapter-open small{display:block;color:var(--ash);line-height:1.35}.quest-chapter-progress{height:7px;background:#090a0c}.quest-chapter-progress span{display:block;height:100%;background:linear-gradient(90deg,#7d4b31,#e2b665)}.quest-chapter-card-footer{display:flex;justify-content:space-between;gap:8px;padding:9px 13px;color:var(--ash);font-size:.65rem}.quest-chapter-card-footer strong{color:var(--gold)}
.quest-advanced-toolbar{position:sticky;top:78px;z-index:24;display:grid;grid-template-columns:minmax(260px,1fr) auto auto auto;gap:10px;align-items:end;margin:22px 0 0;padding:15px;border:1px solid rgba(231,187,100,.12);border-radius:17px;background:rgba(15,16,21,.95);backdrop-filter:blur(16px);box-shadow:var(--shadow)}.quest-advanced-toolbar>label:not(.quest-search-field){display:grid;gap:4px;color:var(--ash);font-size:.62rem;text-transform:uppercase;letter-spacing:.06em}.quest-advanced-toolbar select{min-height:42px;padding:0 10px;border:1px solid rgba(231,187,100,.12);border-radius:9px;color:var(--ivory);background:#090a0d}.quest-search-field{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px;min-height:44px;padding:0 12px;border:1px solid rgba(231,187,100,.13);border-radius:10px;background:#090a0d}.quest-search-field span{color:var(--gold);font-size:1.3rem}.quest-search-field input{width:100%;border:0;outline:0;color:var(--ivory);background:transparent;font:inherit}.quest-toolbar-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:7px}.quest-toolbar-actions button{padding:7px 10px;border:1px solid rgba(231,187,100,.10);border-radius:999px;color:var(--ash);background:rgba(255,255,255,.025);font:inherit;font-size:.7rem;font-weight:900;cursor:pointer}.quest-toolbar-actions button:hover,.quest-toolbar-actions button.active{color:var(--gold);border-color:rgba(231,187,100,.30);background:rgba(231,187,100,.08)}.quest-filter-summary{display:flex;align-items:center;gap:8px;margin:10px 0 17px;color:var(--ash);font-size:.75rem}.quest-filter-summary strong{color:var(--gold);font-size:1.2rem}.quest-filter-summary span:last-child{margin-left:auto}
.chapter-toc{border-radius:14px}.quest-chapter{scroll-margin-top:175px}.chapter-heading{align-items:center}.quest-chapter-heading-actions{display:grid;min-width:210px;gap:8px}.quest-chapter-heading-progress{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px}.quest-chapter-heading-progress>div{height:8px;overflow:hidden;border-radius:999px;background:#090a0c;border:1px solid rgba(231,187,100,.08)}.quest-chapter-heading-progress i{display:block;height:100%;background:linear-gradient(90deg,#7d4b31,#e2b665)}.quest-chapter-heading-count{color:var(--gold);font-size:.7rem;font-weight:900}.quest-chapter-validate{padding:8px 10px;border:1px solid rgba(231,187,100,.15);border-radius:9px;color:var(--gold);background:rgba(231,187,100,.05);font:inherit;font-size:.7rem;font-weight:900;cursor:pointer}.quest-chapter-validate.active{color:#bfe3b9;border-color:rgba(112,190,108,.25);background:rgba(112,190,108,.07)}
.quest-card{position:relative}.quest-card.is-complete{border-color:rgba(112,190,108,.25);background:linear-gradient(180deg,rgba(22,31,25,.96),rgba(15,17,20,.98))}.quest-card.is-favorite{box-shadow:inset 3px 0 rgba(231,187,100,.65)}.quest-card.has-journal-note summary::after{content:"✎";margin-left:8px;color:var(--gold)}.quest-summary-journal-meta{display:flex;align-items:center;gap:6px;margin-left:auto;padding-left:10px}.quest-scope-badge,.quest-status-badge{padding:4px 7px;border-radius:999px;font-size:.58rem;font-weight:900;white-space:nowrap}.quest-scope-badge.personal{color:#bdd9ee;background:rgba(87,137,190,.09);border:1px solid rgba(87,137,190,.21)}.quest-scope-badge.company{color:#e7cf91;background:rgba(231,187,100,.08);border:1px solid rgba(231,187,100,.20)}.quest-status-badge.source-todo{color:var(--ash);background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07)}.quest-status-badge.source-manual{color:#bfe3b9;background:rgba(112,190,108,.08);border:1px solid rgba(112,190,108,.21)}.quest-status-badge.source-goal,.quest-status-badge.source-chapter,.quest-status-badge.source-choice{color:#c6dadd;background:rgba(104,153,157,.08);border:1px solid rgba(104,153,157,.20)}.quest-status-badge.source-spoiler{color:#e3aba2;background:rgba(185,72,63,.10);border:1px solid rgba(185,72,63,.24)}
.quest-journal-actions{display:grid;grid-template-columns:1fr auto auto;gap:8px;margin-top:17px;padding-top:15px;border-top:1px solid rgba(231,187,100,.09)}.quest-journal-actions button{min-height:38px;padding:7px 10px;border:1px solid rgba(231,187,100,.11);border-radius:9px;color:var(--ash);background:rgba(255,255,255,.025);font:inherit;font-size:.7rem;font-weight:900;cursor:pointer}.quest-journal-actions button:first-child{color:var(--gold)}.quest-journal-actions button.active{color:#bfe3b9;border-color:rgba(112,190,108,.23);background:rgba(112,190,108,.07)}
.quest-card.is-spoiler-locked summary strong,.quest-card.is-spoiler-locked summary small,.quest-card.is-spoiler-locked .quest-index,.quest-card.is-spoiler-locked .quest-icon{filter:blur(7px);user-select:none}.quest-card.is-spoiler-locked .quest-body{display:none}.quest-spoiler-lock-notice{display:grid;gap:4px;padding:17px;color:var(--ash);background:rgba(70,27,31,.08);border-top:1px solid rgba(185,72,63,.16)}.quest-spoiler-lock-notice strong{color:#e4aaa0}
.quest-journal-backdrop{position:fixed;inset:0;z-index:90;background:rgba(0,0,0,.66);backdrop-filter:blur(4px)}.quest-journal-backdrop[hidden]{display:none}.quest-journal-drawer{position:fixed;top:0;right:0;z-index:100;width:min(690px,95vw);height:100vh;overflow:auto;padding:32px;transform:translateX(105%);transition:.28s cubic-bezier(.22,.61,.36,1);border-left:1px solid rgba(231,187,100,.24);background:radial-gradient(circle at top right,rgba(231,187,100,.06),transparent 25rem),#101116;box-shadow:-30px 0 70px rgba(0,0,0,.48)}.quest-journal-drawer.open{transform:translateX(0)}.quest-journal-open{overflow:hidden}.quest-journal-close{position:sticky;top:0;float:right;z-index:3;display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(231,187,100,.18);border-radius:50%;color:var(--ivory);background:rgba(12,13,17,.90);font-size:1.6rem;cursor:pointer}.quest-journal-drawer-hero{display:grid;grid-template-columns:70px 1fr;gap:16px;align-items:center;padding:30px 0 17px}.quest-journal-drawer-hero>span{display:grid;place-items:center;width:66px;height:66px;border-radius:50%;color:#17100b;background:linear-gradient(180deg,#efcf88,#a86530);font-size:1.35rem;font-weight:900}.quest-journal-drawer-hero h2{margin:.08em 0;font-size:clamp(1.7rem,4vw,2.7rem)}.quest-journal-section{margin:12px 0;padding:17px;border-radius:14px;border:1px solid rgba(231,187,100,.09);background:rgba(255,255,255,.022)}.quest-journal-section h3{margin:.08em 0 10px;color:var(--gold)}.quest-journal-objectives .quest-columns{grid-template-columns:1fr 1fr}.quest-journal-note-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.quest-journal-note-heading h3{margin:.08em 0}.quest-journal-note-heading>span{color:var(--ash);font-size:.65rem}.quest-journal-section textarea{width:100%;min-height:130px;resize:vertical;padding:12px;border:1px solid rgba(231,187,100,.13);border-radius:10px;outline:0;color:var(--ivory);background:#090a0d;font:inherit;line-height:1.5}.quest-journal-section textarea:focus{border-color:rgba(231,187,100,.35)}.quest-ending-choice{border-color:rgba(185,72,63,.22);background:rgba(70,27,31,.08)}.quest-ending-choice select{width:100%;min-height:43px;padding:0 10px;border:1px solid rgba(185,72,63,.23);border-radius:9px;color:var(--ivory);background:#0a0b0e}.quest-ending-choice p:last-child{color:var(--ash)}.quest-guide-links{display:grid;grid-template-columns:1fr 1fr;gap:8px}.quest-guide-links a{padding:10px;border-radius:9px;color:var(--gold);background:rgba(231,187,100,.05);border:1px solid rgba(231,187,100,.12);font-size:.75rem;font-weight:900}.quest-journal-drawer-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:17px}
@media(max-width:1200px){.quest-chapter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.quest-journal-hero{grid-template-columns:190px 1fr}.quest-journal-metrics{grid-column:1/-1;grid-template-columns:repeat(4,1fr)}.quest-advanced-toolbar{grid-template-columns:1fr 1fr}.quest-search-field{grid-column:1/-1}}
@media(max-width:760px){.quest-journal-hero{grid-template-columns:1fr;padding:20px}.quest-progress-emblem{display:none}.quest-journal-metrics{grid-template-columns:1fr 1fr}.quest-dashboard-heading,.chapter-heading{align-items:flex-start;flex-direction:column}.quest-chapter-grid{grid-template-columns:1fr 1fr}.quest-advanced-toolbar{position:relative;top:auto;grid-template-columns:1fr}.quest-search-field{grid-column:auto}.quest-filter-summary{flex-wrap:wrap}.quest-filter-summary span:last-child{margin-left:0;width:100%}.quest-summary-journal-meta{flex-direction:column;align-items:flex-end}.quest-journal-actions{grid-template-columns:1fr 1fr}.quest-journal-actions button:first-child{grid-column:1/-1}.quest-guide-links{grid-template-columns:1fr}.quest-journal-objectives .quest-columns{grid-template-columns:1fr}}
@media(max-width:500px){.quest-chapter-grid{grid-template-columns:1fr}.quest-journal-metrics{grid-template-columns:1fr 1fr}.quest-journal-drawer{padding:21px}.quest-journal-drawer-hero{grid-template-columns:52px 1fr}.quest-journal-drawer-hero>span{width:50px;height:50px;font-size:1rem}.quest-summary-journal-meta{display:none}}

/* V4.8 — Codex des Miracles */
.miracle-page{max-width:1500px;margin:auto;padding:24px}.miracle-hero{padding:42px;min-height:300px;background:linear-gradient(90deg,rgba(7,8,11,.97),rgba(7,8,11,.58)),url("menu_background_official.png") center/cover;border:1px solid rgba(231,187,100,.25)}
.miracle-hero h1{font-size:clamp(2.4rem,5vw,5rem);margin:.15em 0}.hero-stats{display:flex;gap:24px;flex-wrap:wrap;margin-top:24px}
.miracle-toolbar{display:grid;grid-template-columns:2fr repeat(3,1fr) auto auto auto;gap:10px;align-items:center;margin:20px 0}.miracle-toolbar input,.miracle-toolbar select,.miracle-toolbar button{min-height:42px}
.miracle-grid{display:grid;grid-template-columns:repeat(4,minmax(230px,1fr));gap:16px}.miracle-card{display:flex;flex-direction:column;background:#121319;border:1px solid rgba(231,187,100,.15);border-radius:16px;overflow:hidden;transition:.2s}.miracle-card:hover{transform:translateY(-3px);border-color:rgba(231,187,100,.42)}.miracle-card.is-obtained{box-shadow:inset 0 0 0 1px rgba(111,190,110,.35)}
.miracle-art{height:210px;position:relative;background:#08090c;display:grid;place-items:center}.miracle-art img{width:150px;height:150px}.miracle-art span{position:absolute;top:12px;left:12px;background:#302319;border:1px solid #6c4f2f;color:#e7bb64;padding:6px 10px;border-radius:999px;font-size:.75rem;font-weight:900}
.miracle-card-body{padding:18px;display:flex;flex:1;flex-direction:column}.miracle-card h2{margin:.2em 0 0;font-size:1.6rem}.miracle-card h3{font-size:.9rem;color:#c7b9aa;margin:.2em 0 1em}.miracle-tags{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 16px}.miracle-tags span{font-size:.72rem;padding:5px 8px;border:1px solid rgba(231,187,100,.18);border-radius:999px}
.miracle-actions{display:grid;grid-template-columns:1fr 42px;gap:7px;margin-top:auto}.miracle-actions button:last-child{grid-column:1/-1}.miracle-actions button{min-height:40px}
.miracle-drawer{position:fixed;z-index:1000;inset:0 0 0 auto;width:min(720px,100%);transform:translateX(102%);transition:.25s;background:#0c0d11;border-left:1px solid #6a4c2c;overflow:auto;box-shadow:-20px 0 60px #000}.miracle-drawer.open{transform:none}.miracle-drawer>div{padding:32px}.drawer-close{position:sticky;top:8px;float:right;font-size:1.6rem}.miracle-detail-head{display:flex;gap:20px;align-items:center;margin:20px 0}.miracle-detail-head img{width:130px}.miracle-drawer section{padding:18px 0;border-top:1px solid rgba(231,187,100,.14)}.miracle-skill{padding:12px;margin:8px 0;background:#15161c;border-left:3px solid #d4a254}.miracle-skill h4{margin:0 0 5px}.miracle-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.miracle-checklist{padding-left:22px}.miracle-checklist li{margin:9px 0}.miracle-drawer textarea{width:100%;min-height:120px}.miracle-detail-actions{display:flex;flex-wrap:wrap;gap:9px}.miracle-detail-actions a,.miracle-detail-actions button{padding:11px 14px;border:1px solid #6b4b2c;border-radius:8px;background:#17151a;color:#e7bb64;text-decoration:none}
@media(max-width:1200px){.miracle-grid{grid-template-columns:repeat(3,1fr)}.miracle-toolbar{grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){.miracle-grid{grid-template-columns:repeat(2,1fr)}.miracle-toolbar{grid-template-columns:1fr 1fr}.miracle-page{padding:12px}}@media(max-width:520px){.miracle-grid{grid-template-columns:1fr}.miracle-toolbar{grid-template-columns:1fr}.miracle-columns{grid-template-columns:1fr}}

/* ========================================================================== ASCENSION V4.9 — Codex des compétences et sorts */
.skills-main{max-width:1540px;margin:auto;padding:24px}.skills-page nav a[href="skills.html"]{color:var(--gold);border-color:rgba(231,187,100,.30);background:rgba(231,187,100,.08)}.skills-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.4fr) 240px;align-items:center;gap:30px;min-height:340px;padding:42px;border:1px solid rgba(231,187,100,.20);border-radius:28px;background:linear-gradient(102deg,rgba(7,8,11,.97),rgba(20,14,14,.70)),url("menu_background_official.png") center/cover;box-shadow:var(--shadow);overflow:hidden}.skills-hero::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 83% 48%,rgba(231,187,100,.14),transparent 24rem);pointer-events:none}.skills-hero>div,.skills-hero>img{position:relative;z-index:1}.skills-hero h1{margin:.08em 0;font-size:clamp(2.7rem,6vw,5.6rem)}.skills-hero>img{width:210px;height:210px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 24px 35px rgba(0,0,0,.62))}.skills-hero-stats{display:flex;gap:20px;flex-wrap:wrap;margin-top:24px}.skills-hero-stats strong{color:var(--gold);font-size:1.4rem}.skills-hero-stats span{color:var(--ash)}
.skills-toolbar{display:grid;grid-template-columns:minmax(250px,2fr) repeat(3,minmax(145px,1fr)) auto auto auto auto;gap:10px;align-items:center;margin:20px 0;padding:16px}.skills-toolbar input,.skills-toolbar select,.skills-toolbar button{min-height:43px;border:1px solid rgba(231,187,100,.14);border-radius:10px;background:#0b0c10;color:var(--ivory);padding:8px 11px}.skills-toolbar label{display:flex;gap:6px;align-items:center;color:var(--ash);font-size:.75rem;white-space:nowrap}.skills-toolbar label input{min-height:auto}.skills-toolbar button{color:var(--gold);font-weight:900;cursor:pointer}
.skills-workbench{display:grid;grid-template-columns:330px minmax(0,1fr);gap:20px;align-items:start}.skill-planner{position:sticky;top:86px;padding:19px}.skill-planner-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.skill-planner-head h2{margin:.1em 0}.skill-planner-head strong{color:var(--gold);font-size:1.25rem}.skill-coverage{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:14px 0}.skill-coverage span{padding:7px 8px;border:1px solid rgba(231,187,100,.09);border-radius:9px;color:var(--ash);background:#0b0c10;font-size:.68rem}.skill-coverage span.covered{color:#bfe3b9;border-color:rgba(112,190,108,.25);background:rgba(112,190,108,.07)}.skill-plan-list{display:grid;gap:7px}.skill-plan-empty{padding:22px 10px;border:1px dashed rgba(231,187,100,.18);border-radius:11px;color:var(--ash);text-align:center;font-size:.78rem}.skill-plan-item{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:9px;padding:8px;border-radius:11px;border:1px solid rgba(231,187,100,.08);background:rgba(255,255,255,.025)}.skill-plan-item img{width:42px;height:42px;object-fit:contain;image-rendering:pixelated}.skill-plan-item span{display:grid}.skill-plan-item strong{font-size:.78rem}.skill-plan-item small{color:var(--ash);font-size:.66rem}.skill-plan-item button{border:0;color:#dfa49a;background:transparent;font-size:1.15rem;cursor:pointer}.skill-planner-actions{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:14px}.skill-planner-actions button{padding:9px;border:1px solid rgba(231,187,100,.18);border-radius:9px;color:var(--gold);background:rgba(231,187,100,.05);font:inherit;cursor:pointer}.skill-planner-help{margin-top:15px;color:var(--ash);font-size:.7rem;line-height:1.5}.skill-results{display:flex;align-items:center;gap:12px;margin:4px 0 14px;color:var(--ash);font-size:.75rem}.skill-results strong{color:var(--gold);font-size:1.3rem}.skill-grid{display:grid;grid-template-columns:repeat(3,minmax(245px,1fr));gap:14px}.skill-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(231,187,100,.11);border-radius:17px;background:linear-gradient(180deg,#15161c,#101116);transition:.18s}.skill-card:hover{transform:translateY(-3px);border-color:rgba(231,187,100,.35)}.skill-card.is-mastered{border-color:rgba(112,190,108,.30);box-shadow:inset 0 3px rgba(112,190,108,.45)}.skill-card.is-selected{box-shadow:inset 0 3px rgba(231,187,100,.55)}.skill-art{position:relative;display:grid;place-items:center;height:185px;background:radial-gradient(circle,rgba(231,187,100,.08),transparent 65%),#08090c}.skill-art img{width:125px;height:125px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 17px 24px rgba(0,0,0,.55))}.skill-art span,.skill-art b{position:absolute;top:12px;padding:5px 8px;border:1px solid rgba(231,187,100,.20);border-radius:999px;font-size:.62rem;text-transform:uppercase}.skill-art span{left:12px;color:var(--gold);background:#2e2118}.skill-art b{right:12px;color:#cbe8c7;background:rgba(112,190,108,.08);border-color:rgba(112,190,108,.20)}.skill-card-body{display:flex;flex:1;flex-direction:column;padding:17px}.skill-card-body h2{margin:.1em 0;font-size:1.35rem}.skill-card-body>small{color:var(--ash)}.skill-summary{min-height:94px;margin:12px 0;color:var(--ash);font-size:.79rem;line-height:1.5}.skill-tags{display:flex;flex-wrap:wrap;gap:6px;margin:7px 0 14px}.skill-tags span,.skill-tags a{padding:5px 8px;border:1px solid rgba(104,153,157,.20);border-radius:999px;color:#cbd9db;background:rgba(104,153,157,.06);font-size:.67rem;text-decoration:none}.skill-actions{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:7px;margin-top:auto}.skill-actions button{min-height:38px;border:1px solid rgba(231,187,100,.12);border-radius:8px;color:var(--ash);background:rgba(255,255,255,.025);font:inherit;font-size:.68rem;cursor:pointer}.skill-actions button:first-child{color:var(--gold)}.skill-actions button:nth-child(3),.skill-actions button:nth-child(4){grid-column:1/-1}.skill-actions button.selected{color:#bfe3b9;border-color:rgba(112,190,108,.23);background:rgba(112,190,108,.07)}.skill-empty{grid-column:1/-1;padding:45px;text-align:center}
.skill-drawer{position:fixed;z-index:1100;inset:0 0 0 auto;width:min(720px,100%);transform:translateX(102%);transition:.25s;background:#0c0d11;border-left:1px solid #6a4c2c;overflow:auto;box-shadow:-20px 0 60px #000}.skill-drawer.open{transform:none}.skill-drawer>div{padding:32px}.skill-drawer-open{overflow:hidden}.skill-detail-head{display:flex;align-items:center;gap:20px;margin:20px 0}.skill-detail-head img{width:145px;height:145px;object-fit:contain;image-rendering:pixelated;border-radius:18px;background:#08090c;border:1px solid rgba(231,187,100,.14)}.skill-detail-head h2{margin:.1em 0;font-size:2.4rem}.skill-drawer section{padding:18px 0;border-top:1px solid rgba(231,187,100,.14)}.skill-drawer h3{color:var(--gold)}.skill-note{padding:10px;border-left:3px solid rgba(231,187,100,.4);background:rgba(231,187,100,.05);color:var(--ash)}.skill-unlock{padding:12px;border:1px solid rgba(112,190,108,.18);border-radius:10px;background:rgba(112,190,108,.06);color:#cbe8c7}.skill-tech{display:grid;grid-template-columns:1fr 1fr;gap:8px}.skill-tech div{padding:10px;border:1px solid rgba(231,187,100,.09);border-radius:10px;background:rgba(255,255,255,.02)}.skill-tech dt{color:var(--gold);font-size:.69rem;text-transform:uppercase}.skill-tech dd{margin:4px 0 0}.skill-original{color:var(--ash);line-height:1.55}.skill-drawer textarea{width:100%;min-height:120px}.skill-detail-actions{display:flex;flex-wrap:wrap;gap:8px}.skill-detail-actions a,.skill-detail-actions button{padding:11px 14px;border:1px solid #6b4b2c;border-radius:8px;background:#17151a;color:var(--gold);text-decoration:none}.drawer-close{position:sticky;top:8px;float:right;z-index:2;font-size:1.6rem}
@media(max-width:1250px){.skills-toolbar{grid-template-columns:repeat(4,1fr)}.skills-toolbar input{grid-column:1/-1}.skill-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.skills-hero{grid-template-columns:1fr}.skills-hero>img{display:none}.skills-workbench{grid-template-columns:1fr}.skill-planner{position:relative;top:auto}.skills-toolbar{grid-template-columns:1fr 1fr}}@media(max-width:560px){.skills-main{padding:12px}.skills-hero{padding:25px}.skills-toolbar,.skill-grid{grid-template-columns:1fr}.skills-toolbar input{grid-column:auto}.skill-detail-head{align-items:flex-start;flex-direction:column}.skill-tech{grid-template-columns:1fr}}