.bg3-portal{--gold:#e6c788;--line:#685b45;background:#15191e;color:#e8e5dd;padding:clamp(16px,3vw,40px);border-radius:16px;font-family:system-ui,-apple-system,"Malgun Gothic",sans-serif;line-height:1.7}.bg3-portal *{box-sizing:border-box}.bg3-portal h1,.bg3-portal h2,.bg3-portal h3{color:var(--gold);font-family:inherit;line-height:1.35}.bg3-portal h1{font-size:clamp(28px,4vw,48px)}.bg3-portal h2{font-size:24px}.bg3-portal h3{font-size:17px}.bg3-portal p,.bg3-portal li,.bg3-portal td,.bg3-portal strong{color:#e8e5dd}.bg3-portal a{color:var(--gold)}.bg3-hero{background:radial-gradient(ellipse at top right,#4c354f,transparent 65%),linear-gradient(135deg,#263449,#12151c);border:1px solid var(--line);padding:clamp(20px,4vw,48px);border-radius:12px}.bg3-portal section{margin-top:24px;padding:24px;background:#1e232b;border:1px solid var(--line);border-radius:12px}.bg3-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px;margin-top:20px}.bg3-card{display:block;border:1px solid var(--line);padding:20px;background:#222832;border-radius:10px;text-decoration:none}.bg3-card:hover{border-color:var(--gold)}.bg3-filters{display:flex;gap:14px;flex-wrap:wrap;align-items:end;margin:24px 0}.bg3-filters label{flex:1;min-width:180px}.bg3-filters input,.bg3-filters select{display:block;width:100%;background:#252b34;color:#f0ede5;border:1px solid var(--line);border-radius:6px;padding:12px;font:inherit}.bg3-filters button{background:var(--gold);color:#191919;border:0;border-radius:6px;padding:13px 24px;font:inherit;cursor:pointer}.bg3-stats{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;text-align:center}.bg3-stats div{padding:14px 6px;background:#15191e;border-radius:8px}.bg3-stats strong{display:block;font-size:26px}.bg3-scroll{overflow-x:auto}.bg3-portal table{width:100%;border-collapse:collapse;margin:14px 0;background:transparent}.bg3-portal th,.bg3-portal td{background:#222730!important;border:1px solid var(--line);padding:12px;text-align:left;vertical-align:top;min-width:70px}.bg3-portal th{background:#37312a!important;color:var(--gold)}.bg3-portal summary{cursor:pointer;color:var(--gold);padding:16px 0;font-weight:700}.bg3-meta{font-size:13px;color:#b7b5b0!important}.bg3-portal :focus-visible{outline:3px solid var(--gold);outline-offset:3px}@media(max-width:600px){.bg3-stats{grid-template-columns:repeat(3,1fr)}.bg3-portal section{padding:15px}.bg3-portal td{font-size:14px}}

/* Class-combination artwork, independent of a build slug. */
.bg3-hero-sorcadin{--bg3-art:url('sorcadin-hero.png')}
.bg3-hero-sorlock{--bg3-art:url('sorlock-hero.png')}
.bg3-portal .bg3-hero-art{background-image:linear-gradient(90deg,rgba(12,17,25,.90) 0%,rgba(12,17,25,.78) 48%,rgba(12,17,25,.10) 100%),var(--bg3-art);background-size:cover;background-position:center 38%;min-height:380px;display:flex;flex-direction:column;justify-content:center;text-shadow:0 2px 6px #000}
.bg3-hero-art>h1,.bg3-hero-art>p{max-width:65%;margin-top:10px;margin-bottom:10px}.bg3-hero-art>a{align-self:flex-start}
@media(max-width:700px){.bg3-portal .bg3-hero-art{min-height:360px;background-image:linear-gradient(90deg,rgba(12,17,25,.93),rgba(12,17,25,.76)),var(--bg3-art);background-position:70% center}.bg3-hero-art>h1,.bg3-hero-art>p{max-width:100%}}

/* Growth table: two columns with a compact, unbroken level/class label. */
.bg3-portal table.bg3-progression{table-layout:fixed;width:100%;min-width:0}
.bg3-portal .bg3-progression th,.bg3-portal .bg3-progression td{min-width:0;width:auto;word-break:normal;overflow-wrap:anywhere}
.bg3-portal .bg3-progression th:first-child,.bg3-portal .bg3-progression td:first-child{width:132px;white-space:nowrap;overflow-wrap:normal}
@media(max-width:600px){.bg3-portal .bg3-progression th,.bg3-portal .bg3-progression td{padding:10px 8px;font-size:13px;line-height:1.65}.bg3-portal .bg3-progression th:first-child,.bg3-portal .bg3-progression td:first-child{width:104px}}