.hero.hero-classes{flex-direction:column;gap:clamp(1.75rem,3vw,2.5rem);width:100%;padding:clamp(2rem,3.5vw,3.25rem) 0 clamp(1.5rem,2.5vw,2rem);display:flex;position:relative}.hero-classes-stage{grid-template-columns:minmax(0,1.25fr) minmax(20rem,1fr);align-items:center;gap:clamp(2rem,4vw,3.5rem);width:100%;display:grid}.hero-classes-narrative{text-align:left;flex-direction:column;align-items:flex-start;display:flex}.hero-classes-h1{font-family:var(--display);color:var(--ink);letter-spacing:-.025em;text-wrap:balance;text-shadow:0 2px 24px #d8a65b29;max-width:20ch;margin:0;padding-bottom:.1em;font-size:clamp(2.35rem,3.8vw,3.5rem);font-weight:700;line-height:1.15}.hero-classes .hero-copy{max-width:46ch;color:var(--muted);text-wrap:pretty;margin:.95rem 0 0;font-size:clamp(.98rem,1.25vw,1.1rem);line-height:1.65}.hero-specs-row{flex-wrap:wrap;align-items:center;gap:.75rem;width:100%;margin-top:1.5rem;display:flex}.spec-chip{background:color-mix(in srgb, var(--panel) 85%, transparent);border:1px solid var(--line);border-radius:.65rem;align-items:center;gap:.45rem;padding:.4rem .85rem;transition:border-color .2s,transform .2s;display:inline-flex;box-shadow:0 2px 8px #00000040}.spec-chip:hover{border-color:color-mix(in srgb, var(--gold) 40%, var(--line));transform:translateY(-1px)}.spec-num{font-family:var(--mono);color:var(--gold-bright);font-size:.92rem;font-weight:700;line-height:1}.spec-text{font-family:var(--mono);color:var(--dim);text-transform:uppercase;letter-spacing:.05em;font-size:.68rem;line-height:1}.hero-classes .hero-actions{flex-wrap:wrap;align-items:center;gap:.85rem;margin-top:1.75rem;display:flex}.hero-classes .hero-cta{background:linear-gradient(135deg, var(--gold-bright) 0%, var(--gold) 100%);color:#12100e;font-family:var(--mono);letter-spacing:.04em;border-radius:9999px;align-items:center;gap:.65rem;padding:.78rem 1.45rem;font-size:.82rem;font-weight:700;text-decoration:none;transition:transform .2s cubic-bezier(.32,.72,0,1),box-shadow .2s,filter .2s;display:inline-flex;box-shadow:0 4px 18px #d8a65b59}.hero-classes .hero-cta:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 6px 24px #d8a65b73}.hero-classes .hero-cta-arrow{background:#00000026;border-radius:50%;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;font-size:.75rem;display:inline-flex}.hero-classes .hero-secondary-cta{background:color-mix(in srgb, var(--panel-soft) 80%, transparent);border:1px solid var(--line);color:var(--ink);font-family:var(--mono);letter-spacing:.03em;border-radius:9999px;align-items:center;gap:.5rem;padding:.75rem 1.35rem;font-size:.82rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.hero-classes .hero-secondary-cta:hover{border-color:var(--gold);color:var(--gold-bright);background:var(--panel);transform:translateY(-1px)}.hero-spotlight-card{--spotlight-theme:#3b82f6;background:color-mix(in srgb, var(--panel) 88%, black 12%);border:1px solid color-mix(in srgb, var(--spotlight-theme) 35%, var(--line));border-radius:1.5rem;flex-direction:column;gap:1.15rem;padding:1.35rem;transition:border-color .35s,box-shadow .35s;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000080,0 0 0 1px #ffffff08,inset 0 1px 1px #ffffff14}.hero-spotlight-card:before{content:"";background:radial-gradient(circle at 85% 15%, color-mix(in srgb, var(--spotlight-theme) 18%, transparent), transparent 70%);pointer-events:none;transition:background .35s;position:absolute;inset:0}.spotlight-header{border-bottom:1px solid color-mix(in srgb, var(--line) 70%, transparent);justify-content:space-between;align-items:center;padding-bottom:.75rem;display:flex}.spotlight-badge-row{align-items:center;gap:.65rem;display:flex}.spotlight-kicker{font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--gold);font-size:.65rem;font-weight:700}.spotlight-role{font-family:var(--mono);color:var(--spotlight-theme);background:color-mix(in srgb, var(--spotlight-theme) 12%, transparent);border:1px solid color-mix(in srgb, var(--spotlight-theme) 30%, transparent);border-radius:9999px;padding:.18rem .55rem;font-size:.68rem;font-weight:600;transition:color .3s,background .3s,border-color .3s}.spotlight-hitdie{font-family:var(--mono);color:var(--gold-bright);background:#d8a65b1a;border:1px solid #d8a65b40;border-radius:.4rem;padding:.2rem .6rem;font-size:.72rem;font-weight:700}.spotlight-visual-stage{grid-template-columns:110px minmax(0,1fr);align-items:center;gap:1.15rem;display:grid}.spotlight-portrait-frame{border:2px solid color-mix(in srgb, var(--spotlight-theme) 50%, var(--line));background:#110d13;border-radius:1rem;flex-shrink:0;width:110px;height:110px;transition:border-color .3s;position:relative;overflow:hidden;box-shadow:0 8px 24px #00000073}.spotlight-img{object-fit:cover;width:100%;height:100%;transition:opacity .25s,transform .3s;display:block}.spotlight-portrait-frame:hover .spotlight-img{transform:scale(1.04)}.spotlight-info{flex-direction:column;gap:.35rem;display:flex}.spotlight-name{font-family:var(--display);color:var(--ink);margin:0;font-size:1.45rem;font-weight:700;line-height:1.1}.spotlight-subtitle{font-family:var(--mono);color:var(--gold);text-transform:uppercase;letter-spacing:.05em;font-size:.72rem;font-weight:600}.spotlight-desc{color:var(--muted);margin:0;font-size:.82rem;line-height:1.5}.spotlight-tags{flex-wrap:wrap;gap:.45rem;margin-top:.35rem;display:flex}.spotlight-tag{font-family:var(--mono);color:var(--dim);border:1px solid var(--line);background:#ffffff08;border-radius:.35rem;padding:.2rem .5rem;font-size:.65rem;font-weight:600}.spotlight-switcher{border-top:1px solid color-mix(in srgb, var(--line) 70%, transparent);flex-direction:column;gap:.5rem;padding-top:.85rem;display:flex}.switcher-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--dim);font-size:.65rem}.switcher-chips{grid-template-columns:repeat(4,1fr);gap:.45rem;display:grid}.spotlight-chip{border:1px solid var(--line);color:var(--muted);font-family:var(--mono);cursor:pointer;background:#ffffff08;border-radius:.55rem;justify-content:center;align-items:center;gap:.35rem;padding:.45rem .4rem;font-size:.72rem;font-weight:600;transition:all .2s;display:inline-flex}.spotlight-chip:hover{color:var(--ink);border-color:color-mix(in srgb, var(--gold) 40%, var(--line));background:#ffffff14;transform:translateY(-1px)}.spotlight-chip.is-active{background:color-mix(in srgb, var(--panel-soft) 90%, var(--spotlight-theme,var(--gold)) 10%);border-color:var(--chip-color,var(--gold));color:var(--ink);box-shadow:0 2px 10px #0000004d}.chip-pip{border-radius:50%;flex-shrink:0;width:.45rem;height:.45rem}.hero-quick-jump-ribbon{background:color-mix(in srgb, var(--panel) 75%, black 25%);border:1px solid var(--line);scrollbar-width:none;border-radius:9999px;align-items:center;gap:1rem;width:100%;padding:.5rem .85rem;display:flex;overflow-x:auto;box-shadow:0 10px 30px #00000059}.hero-quick-jump-ribbon::-webkit-scrollbar{display:none}.jump-ribbon-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--gold);white-space:nowrap;flex-shrink:0;align-items:center;gap:.4rem;padding-left:.35rem;font-size:.7rem;font-weight:700;display:inline-flex}.jump-ribbon-icon{color:var(--gold-bright);font-size:.75rem}.jump-ribbon-pills{flex-wrap:nowrap;align-items:center;gap:.4rem;display:flex}.jump-ribbon-pill{border:1px solid var(--line);color:var(--muted);font-family:var(--mono);white-space:nowrap;background:#ffffff08;border-radius:9999px;flex-shrink:0;align-items:center;gap:.38rem;padding:.32rem .72rem;font-size:.72rem;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.32,.72,0,1);display:inline-flex}.jump-ribbon-pill:hover{background:color-mix(in srgb, var(--pill-accent,var(--gold)) 18%, var(--panel));border-color:var(--pill-accent,var(--gold));color:var(--ink);transform:translateY(-1px);box-shadow:0 3px 12px #0000004d}.pill-pip{border-radius:50%;flex-shrink:0;width:.42rem;height:.42rem}.filter-controls{background:var(--panel);border:1px solid var(--line);border-radius:9999px;gap:.4rem;padding:.3rem;display:inline-flex}.filter-tab{color:var(--muted);font-family:var(--mono);cursor:pointer;background:0 0;border:none;border-radius:9999px;padding:.45rem 1rem;font-size:.78rem;font-weight:600;transition:all .2s}.filter-tab:hover{color:var(--ink);background:color-mix(in srgb, var(--panel-soft) 60%, transparent)}.filter-tab.is-active{background:var(--gold);color:#110d13;box-shadow:0 2px 8px #d8a65b59}.classes-roster-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:2rem;margin-top:1.75rem;display:grid}.class-dossier-card{background:color-mix(in srgb, var(--panel) 92%, black 8%);border:1px solid var(--line);border-radius:1.25rem;flex-direction:column;scroll-margin-top:6.5rem;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 40px #00000059}.class-dossier-card.pulse{animation:.5s ease-out dossierCardPulse}@keyframes dossierCardPulse{0%{transform:scale(1)}50%{box-shadow:0 0 35px color-mix(in srgb, var(--class-theme,var(--gold)) 40%, transparent);transform:scale(1.02)}to{transform:scale(1)}}.card-top-stage{grid-template-columns:8.5rem minmax(0,1fr);align-items:start;gap:1.25rem;padding:1.25rem 1.4rem 1rem;display:grid}.card-portrait-showcase{border-radius:1.15rem;flex-shrink:0;width:8.5rem;height:8.5rem;position:relative;overflow:visible}.card-portrait-showcase .character-realistic-portrait{object-fit:cover;border:1.5px solid color-mix(in srgb, var(--class-theme,var(--gold)) 65%, var(--line));border-radius:1.15rem;width:100%;height:100%;transition:transform .4s cubic-bezier(.16,1,.3,1);display:block;box-shadow:0 8px 24px #00000073}.class-dossier-card:hover .card-portrait-showcase .character-realistic-portrait{transform:scale(1.05)}.portrait-crest-badge{background:color-mix(in srgb, var(--bg-raised) 92%, black 8%);border:1.5px solid color-mix(in srgb, var(--class-theme,var(--gold)) 70%, var(--line));z-index:2;border-radius:50%;justify-content:center;align-items:center;width:2.35rem;height:2.35rem;padding:.25rem;transition:transform .25s;display:flex;position:absolute;bottom:-.45rem;right:-.45rem;box-shadow:0 4px 12px #0009}.class-dossier-card:hover .portrait-crest-badge{transform:scale(1.1)rotate(5deg)}.portrait-crest-badge svg{width:100%;height:100%}.card-identity-vitals{flex-direction:column;gap:.5rem;min-width:0;display:flex}.card-identity-vitals .badge-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.card-identity-vitals .ruleset-tag{font-family:var(--mono);color:var(--dim);background:var(--bg);border:1px solid var(--line);text-transform:uppercase;letter-spacing:.04em;border-radius:.35rem;padding:.15rem .45rem;font-size:.62rem}.card-identity-vitals .role-badge{font-family:var(--mono);color:var(--gold-bright);letter-spacing:.02em;font-size:.68rem;font-weight:600}.card-identity-vitals .class-name{font-family:var(--display);color:var(--ink);letter-spacing:-.015em;margin:0;font-size:1.65rem;font-weight:600;line-height:1.1}.card-identity-vitals .card-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;margin-top:.15rem;padding:0;display:grid}.card-identity-vitals .stat-pill{background:var(--bg);border:1px solid var(--line);border-radius:.55rem;flex-direction:column;padding:.38rem .48rem;display:flex}.card-identity-vitals .stat-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.05em;color:var(--dim);font-size:.58rem}.card-identity-vitals .stat-value{color:var(--ink);margin-top:.1rem;font-size:.76rem;font-weight:600;line-height:1.25}.card-identity-vitals .dice-pill{color:var(--gold-bright);align-items:center;gap:.25rem;margin-top:.1rem;display:inline-flex}.card-identity-vitals .dice-icon{width:.9rem;height:.9rem;color:var(--gold)}.proficiencies-chip{background:var(--bg);border:1px solid var(--line);border-radius:.55rem;flex-direction:column;gap:.15rem;padding:.38rem .55rem;display:flex}.prof-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.05em;color:var(--dim);font-size:.56rem}.prof-val{color:var(--muted);font-size:.72rem;line-height:1.35}.card-synopsis-bar{background:color-mix(in srgb, var(--bg-raised) 70%, transparent);border-top:1px solid color-mix(in srgb, var(--line) 45%, transparent);border-bottom:1px solid color-mix(in srgb, var(--line) 45%, transparent);padding:.7rem 1.4rem}.card-synopsis-bar .card-synopsis{font-family:var(--display);color:var(--muted);margin:0;font-size:.84rem;font-style:italic;line-height:1.45}.guide-card.class-guide-card{border-color:color-mix(in srgb, var(--gold) 45%, var(--line));background:radial-gradient(circle at top left, color-mix(in srgb, var(--gold) 10%, transparent), transparent 70%), var(--panel)}.guide-card.class-guide-card:hover{border-color:var(--gold-bright);box-shadow:0 12px 36px #00000059,0 0 24px #f1cf8d38}.classes-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.75rem;margin-top:1.75rem;display:grid}.class-dossier-card{background:color-mix(in srgb, var(--panel) 92%, black 8%);border:1px solid var(--line);border-radius:1.25rem;flex-direction:column;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 40px #00000059}.class-dossier-card.is-hidden{display:none!important}.class-dossier-card:hover{border-color:var(--class-theme,var(--gold));box-shadow:0 24px 60px #00000073, 0 0 25px color-mix(in srgb, var(--class-theme) 18%, transparent);transform:translateY(-3px)}.card-accent-line{width:100%;height:3px}.card-header{padding:1.25rem 1.5rem .85rem}.card-identity{align-items:center;gap:1rem;display:flex}.crest-wrapper{flex-shrink:0;justify-content:center;align-items:center;width:3.25rem;height:3.25rem;display:flex}.crest-wrapper svg,.class-crest-svg{filter:drop-shadow(0 2px 8px #0006);width:100%;height:100%}.title-wrap{flex-direction:column;gap:.25rem;display:flex}.badge-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.ruleset-tag{font-family:var(--mono);color:var(--dim);background:var(--bg);border:1px solid var(--line);text-transform:uppercase;letter-spacing:.04em;border-radius:.35rem;padding:.15rem .5rem;font-size:.65rem}.role-badge{font-family:var(--mono);color:var(--gold-bright);letter-spacing:.02em;font-size:.68rem;font-weight:600}.class-name{font-family:var(--display);color:var(--ink);letter-spacing:-.015em;margin:0;font-size:1.75rem;font-weight:600;line-height:1.1}.card-visual-showcase{grid-template-columns:8rem 1fr;align-items:center;gap:1.25rem;padding:.5rem 1.5rem 1rem;display:grid}.portrait-container{background:color-mix(in srgb, var(--panel-soft) 60%, black 40%);border:1px solid color-mix(in srgb, var(--class-theme) 45%, var(--line));border-radius:1.15rem;flex-shrink:0;justify-content:center;align-items:center;width:8rem;height:8rem;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #00000073}.portrait-container svg,.character-art-svg,.character-realistic-portrait{object-fit:cover;width:100%;height:100%;transition:transform .4s cubic-bezier(.16,1,.3,1);display:block}.class-dossier-card:hover .character-realistic-portrait{transform:scale(1.06)}.card-synopsis{color:var(--muted);margin:0;font-size:.88rem;line-height:1.55}.card-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;padding:0 1.5rem 1rem;display:grid}.stat-pill{background:var(--panel-soft);border:1px solid var(--line);border-radius:.65rem;flex-direction:column;padding:.55rem .75rem;display:flex}.stat-pill.full-width{grid-column:span 3}.stat-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.05em;color:var(--dim);font-size:.65rem}.stat-value{color:var(--ink);margin-top:.15rem;font-size:.85rem;font-weight:600}.stat-subvalue{color:var(--muted);margin-top:.2rem;font-size:.78rem;line-height:1.4}.dice-pill{color:var(--gold-bright);align-items:center;gap:.35rem;margin-top:.15rem;display:inline-flex}.dice-icon{width:1.05rem;height:1.05rem;color:var(--gold)}.card-block{border-top:1px solid color-mix(in srgb, var(--line) 60%, transparent);padding:.85rem 1.5rem}.card-block-heading{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--gold);margin:0 0 .65rem;font-size:.72rem}.score-meters-grid{grid-template-columns:repeat(5,1fr);gap:.5rem;display:grid}.score-meter{flex-direction:column;gap:.3rem;display:flex}.meter-info{justify-content:space-between;align-items:center;display:flex}.meter-label{font-family:var(--mono);color:var(--dim);font-size:.64rem}.meter-score{font-family:var(--mono);color:var(--ink);font-size:.64rem;font-weight:600}.meter-track{background:var(--bg);border:1px solid var(--line);border-radius:9999px;height:5px;overflow:hidden}.meter-fill{border-radius:9999px;height:100%}.feature-chips{flex-wrap:wrap;gap:.4rem;display:flex}.feature-chip{background:var(--bg-raised);border:1px solid var(--line);color:var(--ink);border-radius:.4rem;padding:.25rem .6rem;font-size:.76rem}.subclass-chips{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.subclass-chip{background:var(--bg-raised);border:1px solid var(--line);border-radius:.55rem;flex-direction:column;gap:.2rem;padding:.55rem .7rem;display:flex}.subclass-name{color:var(--gold-bright);font-size:.8rem}.subclass-desc{color:var(--dim);font-size:.72rem;line-height:1.4}.ancestry-links{flex-wrap:wrap;gap:.45rem;display:flex}.ancestry-link{background:var(--panel-soft);border:1px solid var(--line);color:var(--muted);font-family:var(--mono);border-radius:9999px;align-items:center;gap:.35rem;padding:.3rem .65rem;font-size:.72rem;text-decoration:none;transition:all .2s;display:inline-flex}.ancestry-link:hover{background:color-mix(in srgb, var(--panel) 80%, var(--gold) 20%);border-color:var(--gold);color:var(--gold-bright);transform:translateY(-1px)}.ancestry-bullet{color:var(--gold);font-size:.8rem}.card-persona{background:color-mix(in srgb, var(--bg-raised) 70%, transparent);border-top:1px solid color-mix(in srgb, var(--line) 40%, transparent);color:var(--dim);padding:.75rem 1.5rem;font-size:.8rem;line-height:1.45}.card-persona p{margin:0}.card-persona strong{color:var(--gold)}.card-footer{margin-top:auto;padding:1.15rem 1.5rem 1.35rem}.card-cta-btn{background:var(--panel-soft);border:1px solid var(--btn-accent,var(--gold));width:100%;color:var(--ink);font-family:var(--mono);letter-spacing:.03em;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.card-cta-btn:hover{background:var(--btn-accent,var(--gold));color:#110d13;box-shadow:0 8px 24px color-mix(in srgb, var(--btn-accent,var(--gold)) 35%, transparent);transform:translateY(-2px)}.cta-arrow{transition:transform .2s}.card-cta-btn:hover .cta-arrow{transform:translate(3px)}.role-cards-grid,.beginner-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin:1.5rem 0;display:grid}.role-card,.beginner-card{background:var(--panel);border:1px solid var(--line);border-radius:.85rem;padding:1.25rem 1.4rem}.role-card h3,.beginner-card h3{font-family:var(--display);color:var(--gold-bright);margin:0 0 .5rem;font-size:1.15rem}.role-card p,.beginner-card p{color:var(--muted);margin:0;font-size:.9rem;line-height:1.6}.table-responsive{border:1px solid var(--line);background:var(--panel);border-radius:.85rem;width:100%;margin:1.75rem 0;overflow-x:auto}.class-comparison-table{border-collapse:collapse;text-align:left;width:100%;font-size:.86rem}.class-comparison-table th{background:var(--panel-soft);color:var(--gold-bright);font-family:var(--mono);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--line);padding:.85rem 1rem;font-size:.74rem}.class-comparison-table td{border-bottom:1px solid color-mix(in srgb, var(--line) 40%, transparent);color:var(--muted);padding:.8rem 1rem}.class-comparison-table tr:last-child td{border-bottom:none}.class-comparison-table tr:hover td{background:color-mix(in srgb, var(--panel-soft) 50%, transparent);color:var(--ink)}.dice-tag{background:var(--bg);border:1px solid var(--gold);font-family:var(--mono);color:var(--gold-bright);border-radius:.35rem;padding:.15rem .45rem;font-size:.76rem;font-weight:700;display:inline-block}.class-analysis-card{border-bottom:1px solid color-mix(in srgb, var(--line) 60%, transparent);margin-bottom:2rem;padding-bottom:1.5rem}.class-analysis-card:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.class-analysis-card h3{font-family:var(--display);color:var(--gold-bright);margin:0 0 .65rem;font-size:1.35rem}.styled-list{margin:1.25rem 0;padding-left:1.25rem}.styled-list li{color:var(--muted);margin-bottom:.75rem;line-height:1.65}.styled-list strong{color:var(--ink)}.classes-scroll-story{grid-template-columns:340px minmax(0,1fr);align-items:start;gap:3rem;display:grid;position:relative}.classes-framework-aside{z-index:15;align-self:start;position:-webkit-sticky;position:sticky;top:5.5rem}.classes-framework-sticky-inner{background:color-mix(in srgb, var(--panel) 94%, black 6%);border:1px solid var(--line);scrollbar-width:thin;scrollbar-color:var(--line) transparent;border-radius:1.25rem;flex-direction:column;gap:1.15rem;max-height:calc(100vh - 6.5rem);padding:1.5rem 1.35rem;display:flex;overflow-y:auto;box-shadow:0 16px 40px #00000059}.framework-header-block{flex-direction:column;gap:.5rem;display:flex}.framework-kicker{font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--gold);font-size:.68rem;font-weight:700}.framework-main-title{font-family:var(--display);color:var(--ink);letter-spacing:-.015em;margin:0;font-size:1.25rem;font-weight:700;line-height:1.25}.framework-lead{color:var(--muted);margin:0;font-size:.82rem;line-height:1.5}.framework-active-box{border:1px solid color-mix(in srgb, var(--gold) 28%, var(--line));background:#ffffff06;border-radius:.85rem;flex-direction:column;gap:.35rem;padding:.95rem 1rem;display:flex;box-shadow:inset 0 1px 1px #ffffff0d}.active-box-top{justify-content:space-between;align-items:center;display:flex}.active-box-badge{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--gold-bright);font-size:.62rem;font-weight:700}.active-step-counter{font-family:var(--mono);color:var(--gold);font-size:.68rem;font-weight:700}.framework-active-label{font-family:var(--display);color:var(--ink);margin:0;font-size:1.05rem;font-weight:700;line-height:1.25}.framework-active-tip{font-family:var(--mono);color:var(--muted);margin:0;font-size:.72rem;line-height:1.45}.framework-step-nav{flex-direction:column;gap:.5rem;display:flex}.step-nav-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--dim);font-size:.62rem;font-weight:700}.step-nav-list{flex-direction:column;gap:.35rem;display:flex}.step-nav-item{color:var(--muted);border:1px solid #0000;border-radius:.55rem;align-items:center;gap:.65rem;padding:.45rem .65rem;font-size:.78rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.step-nav-item:hover{color:var(--ink);border-color:var(--line);background:#ffffff08}.step-nav-item.is-active{color:var(--gold-bright);background:color-mix(in srgb, var(--gold) 12%, transparent);border-color:color-mix(in srgb, var(--gold) 40%, transparent);font-weight:600}.step-pip{border:1px solid var(--line);width:1.25rem;height:1.25rem;font-family:var(--mono);color:var(--dim);background:#ffffff0d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.62rem;font-weight:700;transition:all .2s;display:inline-flex}.step-nav-item.is-active .step-pip{background:var(--gold);border-color:var(--gold-bright);color:#110d13;box-shadow:0 0 8px #d8a65b66}.framework-roster-jump{background:color-mix(in srgb, var(--panel-soft) 85%, transparent);border:1px solid var(--line);width:100%;color:var(--ink);font-family:var(--mono);border-radius:9999px;justify-content:center;align-items:center;gap:.4rem;margin-top:.25rem;padding:.55rem .85rem;font-size:.72rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.framework-roster-jump:hover{border-color:var(--gold);color:var(--gold-bright);background:var(--panel);transform:translateY(-1px)}.classes-scroll-story .scroll-story-content{gap:2rem}.classes-scroll-story .content-card.scroll-section{border-radius:1.25rem;padding:clamp(1.5rem,3vw,2.5rem)}.framework-section-title{font-family:var(--display);color:var(--ink);margin:.4rem 0 1rem;font-size:1.45rem;font-weight:600;line-height:1.2}@media (width<=64rem){.classes-roster-grid{grid-template-columns:minmax(0,1fr);gap:1.75rem}.classes-grid{grid-template-columns:minmax(0,1fr)}.classes-scroll-story{grid-template-columns:minmax(0,1fr);gap:1.75rem}.classes-framework-aside{position:static;top:auto}.classes-framework-sticky-inner{max-height:none}.hero-classes-stage{grid-template-columns:minmax(0,1fr);gap:2rem}}@media (width<=48rem){.hero.hero-classes{gap:1.5rem;padding-top:1.5rem}.hero-classes-h1{max-width:100%;font-size:clamp(2rem,6vw,2.75rem)}.spotlight-visual-stage{grid-template-columns:96px minmax(0,1fr);gap:1rem}.spotlight-portrait-frame{width:96px;height:96px}.card-top-stage{grid-template-columns:7.5rem minmax(0,1fr);gap:1rem;padding:1.15rem 1.25rem .85rem}.card-portrait-showcase{width:7.5rem;height:7.5rem}.score-meters-grid{grid-template-columns:repeat(2,1fr)}.subclass-chips,.role-cards-grid,.beginner-cards-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=32rem){.card-top-stage{text-align:center;grid-template-columns:minmax(0,1fr)}.card-portrait-showcase{width:7rem;height:7rem;margin:0 auto}.card-identity-vitals .badge-row{justify-content:center}.spotlight-visual-stage{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center}.spotlight-info{align-items:center}.spotlight-tags{justify-content:center}.switcher-chips{grid-template-columns:repeat(2,1fr)}}@media (width<=36rem){.card-stats-grid{grid-template-columns:minmax(0,1fr)}.card-identity-vitals .card-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem}.stat-pill.full-width{grid-column:span 1}.filter-controls{border-radius:.85rem;flex-wrap:wrap}}:root:is([data-theme=light],[data-theme=white]) .filter-tab.is-active{color:#fff}:root:is([data-theme=light],[data-theme=white]) :is(.framework-kicker,#framework-step-counter){color:var(--gold-bright)}:root:is([data-theme=light],[data-theme=white]) .step-nav-label{color:var(--muted)}