:root{color-scheme:dark;--paper:#eee7d5;--muted:#a9b3a4;--gold:#dfc07b;--line:#354036;--green:#101713;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--paper);background:radial-gradient(ellipse at 82% 12%,#26342955,transparent 50%),var(--green);font:16px/1.7 system-ui,-apple-system,sans-serif}a{color:var(--gold);text-underline-offset:5px}a:hover{color:#fff1c7}a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.1}h1{font-size:clamp(48px,5.6vw,84px);letter-spacing:-3px;margin-bottom:25px}h1 em{font-weight:400;font-style:italic;color:var(--gold)}h2{font-size:clamp(30px,3vw,44px);letter-spacing:-1px}h3{font-size:25px}p{color:var(--muted)}.eyebrow{display:block;font:11px/1.6 system-ui,sans-serif;letter-spacing:2.7px;font-weight:600;color:var(--gold);text-transform:uppercase;margin-bottom:22px}.lead{font:clamp(22px,2.4vw,31px)/1.4 var(--serif);color:var(--paper);margin-bottom:20px}.micro{font-size:12px;color:var(--muted)}.site-header{max-width:1320px;margin:0 auto;padding:24px 40px;display:flex;align-items:center;justify-content:space-between;gap:32px;border-bottom:1px solid var(--line)}.brand{width:160px;flex-shrink:0}.brand img{height:80px;width:160px;object-fit:contain}.site-header nav{display:flex;gap:30px;align-items:center}.site-header nav a{color:var(--muted);font-size:13px;text-decoration:none;padding:10px 0}.site-header nav a[aria-current]{color:var(--gold);border-bottom:1px solid var(--gold)}.header-play{font-size:13px;text-decoration:none;border:1px solid #887647;padding:10px 18px;white-space:nowrap}.header-play span{margin-left:20px}main{max-width:1240px;margin:auto;padding:0 40px}.hero{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:center;padding:70px 0 80px}.hero-copy>p:not(.lead){max-width:450px}.hero-copy h1{line-height:.98}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 14px}.action{display:inline-flex;gap:32px;align-items:center;padding:13px 23px;background:var(--gold);border:1px solid var(--gold);color:#182018;font-size:13px;font-weight:600;text-decoration:none}.action:hover{background:#f2d798;color:#182018}.action.secondary{background:transparent;color:var(--paper);border-color:var(--line)}.hero-facts{display:flex;gap:30px;margin-top:38px;border-top:1px solid var(--line);padding-top:22px}.hero-facts span{font-size:11px;color:var(--muted);display:grid;gap:6px}.hero-facts strong{font:25px var(--serif);color:var(--gold)}.gameplay{margin:0;border:1px solid #66725455;background:#0c120d;transform:rotate(-1deg);box-shadow:0 24px 70px #0005}.gameplay img{width:100%;height:auto;aspect-ratio:1.27;object-fit:cover;object-position:50% 50%}.gameplay figcaption{display:grid;gap:8px;padding:18px 22px;font-size:11px;color:var(--muted);border-top:1px solid var(--line)}.gameplay figcaption span{font-size:10px;letter-spacing:2px;color:var(--gold)}.content-section,.class-section{padding:65px 0;border-top:1px solid var(--line)}.section-intro{max-width:620px}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin-top:45px}.feature-grid article{border-top:1px solid var(--line);padding-top:25px}.number{color:var(--gold);font-size:11px;letter-spacing:2px}.feature-grid h3{margin:22px 0 16px}.feature-grid p{font-size:14px}.feature-grid a,.class-section>a,.profession-card>a{font-size:13px}.row{display:flex;gap:25px;justify-content:space-between;align-items:center;flex-wrap:wrap}.row .eyebrow{margin-bottom:15px}.profession-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:20px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.profession-links a{padding:26px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-decoration:none;transition:background .15s}.profession-links a:hover{background:#dfc07b0a}.profession-links span{display:block;font:25px var(--serif);margin-bottom:9px}.profession-links small{font-size:11px;color:var(--muted)}.closing{text-align:center;padding:80px 20px;border-top:1px solid var(--line);background:radial-gradient(ellipse at 50% 50%,#34412c66,transparent 70%)}.closing h2{font-size:clamp(40px,4vw,60px);margin-bottom:20px}.closing .action{margin:10px 0 25px}.closing.compact{padding:55px 20px}.site-footer{max-width:1240px;margin:auto;padding:38px 40px;display:flex;justify-content:space-between;gap:45px;border-top:1px solid var(--line)}.site-footer strong{font:20px var(--serif);color:var(--gold)}.site-footer p{font-size:11px;margin:15px 0 0;max-width:470px}.site-footer nav{display:flex;gap:15px;align-items:flex-start;flex-wrap:wrap;justify-content:flex-end;font-size:11px}.skip-link{position:absolute;left:12px;top:-100px;z-index:20;background:var(--gold);color:#182018;padding:12px}.skip-link:focus{top:12px}.page-heading{padding:70px 0 50px;max-width:810px}.page-heading p:not(.lead){max-width:720px}.guide-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:50px;border-top:1px solid var(--line)}.guide-nav{display:flex;flex-direction:column;align-self:start;gap:15px;position:sticky;top:30px;padding:38px 0}.guide-nav a{font-size:12px;text-decoration:none;color:var(--muted)}.guide-step{display:grid;grid-template-columns:40px minmax(0,1fr);gap:20px;padding:45px 0;border-bottom:1px solid var(--line)}.step-index{font-size:11px;color:var(--gold);padding-top:8px}.guide-step h2{font-size:32px}.guide-step h3{font-size:23px;margin:30px 0 16px}.guide-step p{font-size:15px}.controls-list{margin:0 0 25px}.controls-list>div{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(0,1.2fr);gap:20px;border-bottom:1px solid var(--line);padding:16px 0;font-size:13px}.controls-list dt{color:var(--gold)}.controls-list dd{margin:0;color:var(--muted)}kbd{font:11px monospace;padding:3px 5px;border:1px solid var(--line);border-radius:3px}.note{padding:22px 25px;border-left:2px solid var(--gold);background:#dfc07b08;color:var(--muted);font-size:14px;margin:30px 0}.class-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;margin:40px 0}.profession-card{border:1px solid var(--line);padding:32px;background:#ffffff02}.profession-card h2{color:var(--gold)}.profession-card p{font-size:14px}.profession-card h3{font-size:19px;margin:28px 0 15px}.profession-card ul{padding:0;list-style:none}.profession-card li{padding:12px 0;border-top:1px solid var(--line);font-size:13px}.profession-card li strong{display:block;color:var(--paper);font-weight:500}.profession-card li span{display:block;font-size:11px;color:var(--muted);margin-top:6px}.anchor-links{display:flex;flex-wrap:wrap;gap:12px}.anchor-links a{padding:8px 14px;border:1px solid var(--line);font-size:12px;text-decoration:none}.reference-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;border-top:1px solid var(--line);padding:30px 0}.reference-notes h2{font-size:24px}.reference-notes p{font-size:14px}.skill-pool{margin-top:50px;padding-top:30px;border-top:1px solid var(--line)}.skill-pool h2{margin-bottom:15px}.skill-pool>p{font-size:13px}.skill-list{padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 25px}.skill-list li{padding:16px 0;border-bottom:1px solid var(--line)}.skill-list strong{display:block;font-size:13px;font-weight:500}.skill-list span{font-size:11px;color:var(--muted)}
@media(max-width:900px){.hero{gap:30px}.site-header{padding:20px 24px;gap:20px}.site-header nav{gap:18px}main{padding:0 24px}.hero-facts{gap:22px}.feature-grid{gap:22px}.guide-layout{grid-template-columns:150px minmax(0,1fr);gap:25px}.site-footer{padding:30px 24px}}@media(max-width:650px){html{scroll-padding-top:20px}.site-header{padding:16px 20px;display:grid;grid-template-columns:1fr auto;gap:12px}.brand,.brand img{width:128px;height:64px}.header-play{grid-column:2;grid-row:1}.site-header nav{grid-column:1/-1;grid-row:2;justify-content:space-between;gap:15px}.site-header nav a{font-size:12px}main{padding:0 20px}.hero{grid-template-columns:minmax(0,1fr);padding:42px 0 50px;gap:30px}.hero h1{font-size:64px}.hero-copy>p:not(.lead){max-width:none}.hero-facts{justify-content:space-between;gap:20px}.gameplay{transform:none}.gameplay img{aspect-ratio:1.5}.feature-grid,.profession-links,.class-grid,.reference-notes{grid-template-columns:minmax(0,1fr)}.content-section,.class-section{padding:40px 0}.feature-grid{margin-top:25px;gap:30px}.profession-links a{padding:20px}.profession-links span{font-size:24px}.closing{padding:50px 5px}.closing h2{font-size:42px}.site-footer{padding:25px 20px;display:block}.site-footer nav{justify-content:flex-start;margin-top:24px;gap:18px}.page-heading{padding:42px 0 30px}.page-heading h1{font-size:48px;letter-spacing:-2px}.guide-layout{grid-template-columns:minmax(0,1fr);gap:0}.guide-nav{position:static;flex-direction:row;flex-wrap:wrap;padding:22px 0;gap:12px 18px;border-bottom:1px solid var(--line)}.guide-step{padding:30px 0;grid-template-columns:25px minmax(0,1fr);gap:12px}.guide-step h2{font-size:28px}.controls-list>div{grid-template-columns:minmax(0,1fr);gap:9px}.profession-card{padding:25px}.class-grid{margin-top:28px}.skill-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.skill-pool h2{font-size:30px}.reference-notes{gap:12px}.actions{gap:10px}.action{gap:20px;padding:12px 18px}.eyebrow{letter-spacing:2px;font-size:10px}p{font-size:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.skill-pool summary{cursor:pointer;padding-bottom:16px;color:var(--gold)}.skill-pool summary h2{display:inline;margin:0}.skill-pool summary::marker{color:var(--gold)}