@font-face{font-family:Inter;src:url('/fonts/InterVariable.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{font-family:Inter,Arial,sans-serif;font-optical-sizing:auto}
body,input,select,textarea,button,.domain-card>p,.brand-tagline,.forge-caption{font-family:Inter,Arial,sans-serif}
h1,h2,h3,h4,h5,h6,.tabs button,.nav button,.eyebrow,.step-nav button,.trait,.experience-line>b,.proficiency strong,.domain-card h3,.card-identity>span,.card-identity small{font-family:Inter,Arial,sans-serif}
h1,h2,h3,h4{font-weight:650;letter-spacing:-.025em}
button,input,select,textarea{letter-spacing:normal}
.masthead .brand>span.brand-tagline{font:500 10px/1.3 Inter,Arial,sans-serif;margin-top:-9px;letter-spacing:.04em;text-rendering:optimizeLegibility}
@media(max-width:760px){.masthead .brand>span.brand-tagline{margin-top:-4px}}

.card-pick-slots[hidden]{display:none!important}

.masthead .nav button,.masthead nav button{font-family:Inter,Arial,sans-serif}

/* Keep the descriptor centered even when its text is wider than the wordmark box. */
.masthead .brand>span.brand-tagline{display:flex;justify-content:center;white-space:nowrap}

.masthead .brand>span.brand-tagline{transform:translateX(8px)}
/* Align to the PNG's visible wordmark bounds: x=466..2105 of 2160. */
.masthead .brand>span.brand-tagline{transform:none;width:auto;max-width:none;margin-left:21.574074%;margin-right:2.546296%;align-self:stretch}
@media(max-width:760px){.masthead .brand,body:has(.wizard) .masthead .brand{flex-basis:200px;width:200px}.masthead .brand img.daggerforge-logo{width:100%}}