.wiki-body{background:#070b0f}
.wiki-hero{
  position:relative;
  padding:88px 0 72px;
  border-bottom:1px solid rgba(255,255,255,.06);
  overflow:hidden;
}
.wiki-hero::before{
  content:"";position:absolute;inset:0;z-index:-1;
  background:
    radial-gradient(circle at 80% 35%,rgba(198,52,38,.19),transparent 25%),
    radial-gradient(circle at 15% 30%,rgba(36,212,109,.13),transparent 25%),
    linear-gradient(180deg,#0b1117,#080c10);
}
.wiki-hero-grid{display:grid;grid-template-columns:1fr auto;align-items:center;gap:40px}
.wiki-hero h1{font-family:"Barlow Condensed",sans-serif;font-size:78px;line-height:.9;margin:14px 0 18px}
.wiki-hero p{max-width:760px;color:#aab5be;font-size:17px}
.wiki-hero img{width:210px;height:210px;border-radius:50%;box-shadow:0 24px 70px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.08)}
.back-link{display:inline-flex;margin-bottom:28px;color:#7f8b95;font-size:13px}
.back-link:hover{color:#fff}
.wiki-stats{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.wiki-stats div{
  min-width:140px;padding:14px 16px;border-radius:14px;
  background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07)
}
.wiki-stats strong{display:block;font-family:"Barlow Condensed";font-size:26px}
.wiki-stats span{font-size:11px;color:#77848f;text-transform:uppercase;letter-spacing:.08em}
.wiki-content{padding:38px 0 90px}
.wiki-toolbar{
  position:sticky;top:94px;z-index:12;
  display:flex;align-items:center;gap:16px;justify-content:space-between;
  padding:12px;border-radius:18px;
  background:rgba(9,14,19,.86);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(14px);
  box-shadow:0 16px 45px rgba(0,0,0,.25)
}
.search-wrap{flex:1;display:flex;align-items:center;gap:10px;padding:0 14px;height:48px;border-radius:12px;background:#0d141a;border:1px solid #222d36}
.search-wrap span{color:#5add8b;font-size:24px}
.search-wrap input{flex:1;border:0;outline:0;background:transparent;color:#fff;font-size:14px}
.search-wrap input::placeholder{color:#64717b}
.toolbar-count{white-space:nowrap;color:#7f8b95;font-size:12px;padding-right:12px}
.toolbar-count strong{color:#fff}
.quick-links{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0 20px}
.quick-links a{
  padding:8px 11px;border-radius:10px;background:#0d1318;border:1px solid #202a33;
  color:#87949e;font-size:11px;font-weight:700;transition:.18s
}
.quick-links a:hover{color:#fff;border-color:#3b4a56;transform:translateY(-1px)}
.profession-list{display:grid;gap:14px}
.profession-entry{
  border:1px solid #202a33;border-radius:18px;
  background:linear-gradient(180deg,rgba(16,23,29,.96),rgba(10,15,20,.98));
  overflow:hidden;transition:border-color .2s,transform .2s,box-shadow .2s
}
.profession-entry:hover{border-color:#34414c;box-shadow:0 18px 42px rgba(0,0,0,.18)}
.profession-entry-head{
  display:grid;grid-template-columns:56px 1fr auto;gap:15px;align-items:center;
  padding:22px 24px
}
.profession-symbol{
  width:54px;height:54px;border-radius:15px;display:grid;place-items:center;
  background:linear-gradient(145deg,rgba(37,208,106,.16),rgba(255,255,255,.025));
  border:1px solid rgba(64,224,126,.18);color:#5be48e;font-size:21px;font-weight:900
}
.profession-title{min-width:0}
.profession-tag{font-size:9px;font-weight:800;letter-spacing:.14em;color:#58dc89}
.profession-title h2{margin:2px 0 0;font-size:23px}
.profession-title small{color:#67747f}
.expand-btn{
  border:1px solid #2a3540;background:#0b1116;color:#bec7cf;border-radius:12px;
  padding:10px 13px;cursor:pointer;font-weight:700;font-size:12px;transition:.2s
}
.expand-btn:hover{border-color:#4a5a67;color:#fff}
.expand-btn span{display:inline-block;margin-left:7px;transition:transform .25s}
.profession-entry.open .expand-btn span{transform:rotate(180deg)}
.profession-summary{
  display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 24px 22px
}
.summary-block{padding:14px 16px;border-radius:12px;background:#0b1116;border:1px solid #1c252d}
.summary-block span{display:block;font-size:9px;letter-spacing:.12em;color:#687681;font-weight:800;margin-bottom:5px}
.summary-block strong{font-size:13px;color:#cbd3da}
.profession-details{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}
.profession-details>*{overflow:hidden}
.profession-entry.open .profession-details{grid-template-rows:1fr}
.details-grid{
  display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;
  border-top:1px solid #202a33;padding:22px 24px 24px
}
.subhead{display:flex;justify-content:space-between;gap:10px;align-items:end;margin-bottom:10px}
.subhead span{font-weight:800;font-size:13px}
.subhead small{color:#63707a;font-size:10px}
.skills-list{display:grid;gap:8px}
.skill-row{
  display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;
  padding:12px 13px;border-radius:11px;background:#0b1116;border:1px solid #1c252d
}
.skill-main strong{display:block;color:#f2f5f7;font-size:13px}
.skill-main span{display:block;color:#7d8a95;font-size:11px;margin-top:2px}
.skill-meta{display:flex;gap:6px}
.skill-meta span{padding:5px 7px;border-radius:7px;background:#121c22;color:#76df9b;font-size:9px;font-weight:800}
.empty-skill{padding:15px;border:1px dashed #26323b;border-radius:11px;color:#71808b;font-size:12px}
.unlock-box{padding:18px;border-radius:14px;background:linear-gradient(145deg,rgba(36,212,109,.08),rgba(255,255,255,.015));border:1px solid rgba(36,212,109,.16)}
.unlock-box h3{margin:4px 0 10px;font-size:17px}
.unlock-box ul{margin:0;padding-left:18px;color:#9ba8b2;font-size:12px}
.unlock-box li+li{margin-top:7px}
.no-results{padding:60px;text-align:center;border:1px dashed #28343d;border-radius:18px;color:#76838d}
.no-results strong{display:block;color:#fff;margin-bottom:5px}
.source-note{
  display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;
  margin-top:34px;padding:26px;border-radius:18px;background:#0c1217;border:1px solid #202a33
}
.source-note h2{font-family:"Barlow Condensed";font-size:32px;margin:6px 0}
.source-note p{color:#84919b;max-width:750px;margin:0;font-size:13px}
.source-link{padding:12px 15px;border-radius:11px;border:1px solid #33414c;color:#cdd5db;font-weight:700;font-size:12px}
.source-link:hover{border-color:#65dc90;color:#65dc90}
.profession-entry[hidden]{display:none!important}
@media(max-width:800px){
  .wiki-hero{padding-top:55px}
  .wiki-hero-grid{grid-template-columns:1fr}
  .wiki-hero img{display:none}
  .wiki-hero h1{font-size:60px}
  .wiki-toolbar{top:78px}
  .profession-entry-head{grid-template-columns:48px 1fr}
  .profession-symbol{width:46px;height:46px}
  .expand-btn{grid-column:1/-1;width:100%}
  .profession-summary{grid-template-columns:1fr}
  .details-grid{grid-template-columns:1fr}
  .source-note{grid-template-columns:1fr}
}