/* Cast & Cleave · the player books use the same midnight-fantasy palette
   as the game lobby, town and arena. The independent specialization colors
   remain untouched so class identity is consistent with combat frames. */
:root{
 color-scheme:dark;
 --bg:#090e20;
 --panel:#171d36;
 --gold:#cdb2f3;
 --text:#f0edf8;
 --muted:#b0b8d1;
 --border:#a798cf38;
 --accent:#9acff0;
 --trim:#e0cba7;
 background:var(--bg);
}
body{
 background:
  radial-gradient(ellipse 850px 450px at 88% 4%,#6e4a9e36,transparent 70%),
  radial-gradient(ellipse 850px 620px at 2% 30%,#3c5caa28,transparent 72%),
  linear-gradient(170deg,#0e142b,#090e20 60%,#0c1229);
 color:var(--text);min-height:100dvh;
}
::selection{background:#7561a7;color:#fff}
.skip-link{color:#090e20}
.guide-header{background:linear-gradient(100deg,#131b37f9,#1d1a38f5 60%,#10192ff8);border-bottom-color:#b69fdf54;box-shadow:0 8px 30px #03061466}
.guide-brand{color:#f6f1ff;letter-spacing:.09em}
.guide-brand img{filter:drop-shadow(0 0 10px #ba9bf05c)}
.guide-brand em{color:var(--trim);font-size:inherit}
.guide-brand small{color:#adb9d4}
.guide-header nav a{border:1px solid transparent;border-radius:7px;transition:background .15s ease,color .15s ease}
.guide-header nav a:hover,.guide-header nav a[aria-current=page]{background:#a38bdd26;border-color:#baa5e75c;color:#eee0ff}
.play-link{border:1px solid #c2a8ef8c;border-radius:8px;color:#f0e4ff;background:linear-gradient(120deg,#654d9b47,#32487f33)}
.play-link:hover{background:#6e52ae63;border-color:#e0c7f7}
.guide-intro{position:relative;padding-block:64px 46px}
.guide-intro:before{content:'✧';position:absolute;right:6%;top:15px;font:clamp(72px,12vw,180px) Georgia,serif;color:#ada5e4;opacity:.075;pointer-events:none}
.eyebrow{color:var(--trim);letter-spacing:.22em}
.guide-intro h1{color:#f2effb;text-wrap:balance;text-shadow:0 4px 35px #12112852}
.guide-intro h1 em{color:#c7b1f4}
.guide-intro>p{color:#b8bed6}
.guide-notice small{color:#8f9bbd}
.live-dot{background:#9dddf0;box-shadow:0 0 9px #7acfed73}
.book-heading{border-color:var(--border)}
.book-heading h2{color:#f0eafc}
.book-heading>a{color:#a8d7f4}
.book-heading>a:hover,.spec-footnote a:hover{color:#d7efff}
.spec-navigation button{border-radius:7px}
.spec-navigation button[aria-pressed=true]{border-color:#b2a0ea6e;background:linear-gradient(110deg,#8262c530,#3e53821f);color:#f0e6ff}
.spec-navigation button:hover{background:#9b86d220}
.spec-navigation button small{color:#d0b7f4}
.spec-navigation>p,.spell-search small,.faq-layout>aside .small-note{color:#98a7c5}
.spell-search{background:linear-gradient(140deg,#202643d9,#121c33e9);border:1px solid #ac9cc75b;border-radius:10px;box-shadow:inset 0 1px #f6f1ff0a}
.spell-search label{color:#dec9f1}
.spell-search input{border-bottom-color:#c0b0df56;color:#f1effb}
.spell-search input::placeholder{color:#8b99ba}
.spell-card{border-color:#ad9ac854;border-radius:9px;background:linear-gradient(135deg,#242a49e8,#141e38ee);box-shadow:inset 0 1px #ffffff0a;transition:background .15s ease,border-color .15s ease}
.spell-card:hover{background:linear-gradient(130deg,#303052f2,#1d2945f5)}
.spell-card[open]{background:linear-gradient(130deg,#322f50f2,#1c2843f4)}
.spell-card summary small{color:#b0b9d0}
.spell-content>p{color:#c4c8e0}
.spell-content dl>div{border-top-color:#a49bc126}
.spell-content dt{color:#9eafd0}
.spell-content dd{color:#e2dff3}
.spec-glyph{border-radius:9px}
.spec-navigation select{background:#1a2341;border-color:#a39dd262;color:#efeafa}
.chapter-nav a{color:#abb6d2}
.chapter-nav small{color:#c8adf4}
.rule-chapter p,.rule-chapter li{color:#bac4de}
.rule-chapter strong{color:#ebe7f6}
.rule-chapter .chapter-intro{color:#d9c5ee}
.rule-detail summary{color:#a5d3f0}
.table-wrap{background:#141e37a8}
thead{background:#a18ae01b;color:#d6bcf6}
tbody th{color:#e8e1f3}
.rule-callout{background:#8565c81c;border-left-color:#c3acee}
.rule-callout>strong{color:#dfcbf9}
.dr-steps{background:#1c2543af}
.dr-steps strong{color:#d9c3f7}
.rule-trinkets article,.rule-mode-list article{background:linear-gradient(130deg,#252843a8,#151d36be);border-color:#ad9ac65e;border-radius:9px}
.availability{color:#a5d4ee}
.primary-link{border-color:#b09ce68e;background:#8b74cc26;color:#e7d8ff;border-radius:8px}
.primary-link:hover{background:#9879d044}
.faq-item{border-bottom-color:#a79bd23c}
.faq-item summary{color:#eeeaf7}
.faq-item summary:hover{color:#cebefb}
.faq-item summary span{color:#c6aef0}
.faq-item p{color:#bac4de}
footer{border-top-color:#ac9bd64d;color:#a4b1ce}
footer a{color:#d1b9f6}
@media(max-width:720px){.guide-intro{padding-block:40px 34px}.guide-header nav a{min-height:44px;display:grid;place-items:center}.spec-navigation select{background:#1b2341}.chapter-nav{background:#151d36a8}}
@media(orientation:landscape) and (max-height:550px){.guide-intro{padding-block:26px}.guide-intro:before{font-size:70px}}

.matchmaking-availability{margin:0 0 28px;padding:18px 22px;border-radius:8px;line-height:1.65}
.matchmaking-availability p{margin:8px 0 0;color:var(--muted);font-size:14px}
.matchmaking-availability a{color:var(--accent)}
.matchmaking-layout .chapter-nav a[aria-current=location]{color:#eee0ff;background:#a38bdd18;border-radius:6px}
.matchmaking-layout .rule-chapter:focus{outline:2px solid #c3acee88;outline-offset:8px}
@media(max-width:960px){.guide-header{flex-wrap:wrap}.guide-header nav{order:3;margin:0;width:100%;justify-content:center}.guide-header .play-link{margin-left:auto}}
@media(max-width:720px){.guide-header nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.guide-header nav a{min-width:0;padding:9px 10px;line-height:1.3}.matchmaking-availability{padding:14px 16px}.matchmaking-availability p{font-size:13px}}