#compendium-nav{background:var(--bg-surface);border-bottom:1px solid var(--border-subtle)}.nav-tab{display:inline-flex;align-items:center;gap:5px;padding:7px 14px;font-size:12.5px;font-weight:600;color:var(--text-muted);cursor:default;border-bottom:2px solid transparent;transition:color .15s,border-color .15s;white-space:nowrap;text-decoration:none;margin-bottom:-1px;letter-spacing:.02em}.nav-tab.active{color:var(--text-primary);border-bottom-color:var(--accent)}.nav-tab.active-classes{color:var(--text-primary);border-bottom-color:var(--class-accent-global, var(--accent))}.nav-tab .tab-dot{width:5px;height:5px;border-radius:50%;background:var(--class-accent-global, var(--accent));flex-shrink:0}.nav-tab.soon{color:var(--text-dim);opacity:.55}.nav-tab.soon:after{content:"soon";font-size:8px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgba(var(--accent-rgb),.45);margin-left:4px;vertical-align:super}a.nav-tab{cursor:pointer}a.nav-tab:hover{color:var(--text-secondary)}#classes-layout{flex:1;display:flex;overflow:hidden;min-height:0}#class-sidebar{width:var(--side-w, 210px);flex-shrink:0;overflow-y:auto;border-right:1px solid var(--border-subtle);background:var(--bg-sidebar);padding:8px 0}@media(max-width:900px){#class-resize-handle{display:none}}@keyframes sideItemIn{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}.class-item{display:flex;align-items:center;gap:10px;padding:9px 16px;cursor:pointer;border-bottom:1px solid var(--border-subtle);transition:background .15s,color .15s;color:var(--text-secondary);font-size:13.5px;font-weight:600;position:relative;letter-spacing:.01em;animation:sideItemIn .15s ease-out both}.class-item:hover{background:var(--bg-hover);color:var(--text-secondary)}.class-item.active{background:var(--accent-light);color:var(--text-primary)}.class-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--item-accent, var(--accent));border-radius:0 2px 2px 0}.class-item-dot{width:7px;height:7px;border-radius:50%;background:var(--item-accent, var(--accent));flex-shrink:0;opacity:.5;transition:opacity .15s}.class-item.active .class-item-dot{opacity:1}#class-detail{flex:1;overflow-y:auto;min-width:0;--class-accent: var(--accent);--class-accent-rgb: 0,122,255;padding-right:var(--class-toc-clearance, 70px)}@media(max-width:900px){#class-detail{padding-right:0}}#class-hero{padding:32px 40px 24px;border-bottom:1px solid var(--border-subtle);background:linear-gradient(to bottom,rgba(var(--class-accent-rgb),.04) 0%,transparent 100%);position:relative;overflow:hidden}#class-hero:before{content:"";position:absolute;top:-60px;right:-80px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(var(--class-accent-rgb),.05),transparent 70%);pointer-events:none}#hero-name{font-size:2.4rem;font-weight:700;line-height:1.1;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:4px}#hero-subclass-title{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:rgba(var(--class-accent-rgb),.7);font-weight:500;margin-bottom:20px}.hero-actions-mobile{display:none}#hero-pills{display:flex;flex-wrap:wrap;gap:7px;align-items:center}.class-overview{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px 28px;background:var(--bg-surface);border:1px solid rgba(148,163,184,.12);border-radius:14px;padding:18px 22px;margin-top:6px}.ov-section h3{font-family:var(--font-display);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:rgba(var(--class-accent-rgb),.85);margin:0 0 10px}.ov-row{font-size:13px;color:var(--text-secondary);line-height:1.55;margin-bottom:6px}.ov-label{color:var(--text-primary);font-weight:600}.ov-list{margin:0;padding-left:18px;font-size:13px;color:var(--text-secondary)}.ov-list li{margin-bottom:4px;line-height:1.55}.ov-note{font-size:12px;color:var(--text-muted);margin:8px 0 0;line-height:1.5}.section-wrap{padding:28px 40px}.section-title{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);margin-bottom:16px;display:flex;align-items:center;gap:10px}.section-title:after{content:"";flex:1;height:1px;background:var(--border-subtle)}.prog-table-wrap{overflow:auto;max-height:420px;border-radius:10px 10px 8px 8px;border:1px solid var(--border-subtle);background:var(--bg-surface)}.mobile-progression,.mobile-progression-open,.mobile-class-top{display:none}.prog-table{border-collapse:collapse;width:100%;font-size:13px;min-width:480px}.prog-table thead th{padding:10px 14px;text-align:left;font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);white-space:nowrap;position:sticky;top:0;z-index:4;background:var(--bg-active)}.prog-table tbody tr{border-bottom:1px solid var(--border-subtle);transition:background .13s,box-shadow .13s}.prog-table tbody tr:last-child{border-bottom:none}.prog-table tbody tr:hover{background:rgba(var(--class-accent-rgb),.04);box-shadow:inset 2px 0 rgba(var(--class-accent-rgb),.5)}.prog-table td{padding:7px 14px;color:var(--text-secondary);vertical-align:middle}.prog-table td:first-child{color:var(--text-muted);font-size:12px;font-weight:500;white-space:nowrap}.prog-table td:nth-child(2){color:rgba(var(--class-accent-rgb),.75);font-weight:600;font-size:12px;white-space:nowrap}.feature-tag{display:inline-block;font-size:11px;padding:1px 7px;border-radius:4px;background:var(--bg-inset);border:1px solid var(--border-subtle);color:var(--text-secondary);margin:1px 2px;white-space:nowrap;cursor:pointer;transition:background .13s,color .13s,border-color .13s;line-height:1.7}.feature-tag:hover{background:var(--bg-hover);border-color:var(--border-default);color:var(--text-primary)}.feature-tag.subclass-tag{background:rgba(var(--class-accent-rgb),.06);border-color:rgba(var(--class-accent-rgb),.18);color:rgba(var(--class-accent-rgb),.9)}.feature-tag.subclass-tag:hover{background:rgba(var(--class-accent-rgb),.12);border-color:rgba(var(--class-accent-rgb),.3)}.prog-table .slot-cell{color:var(--text-muted);font-size:11px;text-align:center}.prog-table .slot-cell.has-slots{color:var(--text-secondary)}.feature-level-group{margin-bottom:20px}.feature-level-label{font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(var(--class-accent-rgb),.65);margin-bottom:10px;display:flex;align-items:center;gap:8px}.feature-level-label:after{content:"";display:block;height:1px;width:28px;background:rgba(var(--class-accent-rgb),.25);border-radius:1px}.feature-block{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:8px;padding:15px 18px;margin-bottom:7px;transition:background .15s,border-color .15s}.feature-block:hover{background:var(--bg-hover);border-color:var(--border-default)}.feature-block-name{font-size:15px;font-weight:700;color:var(--text-primary);margin-bottom:8px;line-height:1.3}.feature-block-body{font-size:14px;color:var(--text-secondary);line-height:1.72}.feature-block-body p{margin-bottom:8px}.feature-block-body p:last-child{margin-bottom:0}.feature-block-body ul{margin:4px 0 8px 18px}.feature-block-body li{margin-bottom:3px;list-style-type:disc}.feature-block-body strong{color:var(--text-primary);font-weight:600}.feature-block-body em{color:var(--text-muted);font-style:italic}.feature-block-body table{width:100%;border-collapse:collapse;font-size:12.5px;margin:6px 0 8px}.feature-block-body th{padding:5px 10px;text-align:left;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);background:var(--bg-inset)}.feature-block-body td{padding:5px 10px;border-bottom:1px solid var(--border-subtle);color:var(--text-secondary)}.subclass-placeholder{display:inline-flex;align-items:center;gap:6px;padding:12px 16px;border-radius:12px;border:1px dashed rgba(var(--class-accent-rgb),.2);background:rgba(var(--class-accent-rgb),.03);font-size:13px;color:rgba(var(--class-accent-rgb),.7);font-weight:600;width:100%}.subclass-placeholder strong{color:inherit;font-weight:inherit}.subclass-scroll-trigger{cursor:pointer;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px}.subclass-scroll-trigger:hover,.subclass-scroll-trigger:focus-visible{color:rgba(var(--class-accent-rgb),1);outline:none}.feature-xref-link[role=button]{cursor:pointer;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px}.feature-xref-link[role=button]:hover,.feature-xref-link[role=button]:focus-visible{color:rgba(var(--class-accent-rgb),1);outline:none}#class-edition-tabs{--pt-rgb: var(--class-accent-rgb)}#subclass-tabs{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:20px}.glass-tab{display:inline-flex;align-items:center;padding:5px 14px;font-size:12px;font-weight:600;border-radius:12px 8px/8px 12px;border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-muted);cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease,border-radius .45s cubic-bezier(.34,1.56,.64,1),box-shadow .18s ease;white-space:nowrap}.glass-tab:hover{background:var(--bg-hover);border-color:var(--border-default);color:var(--text-secondary);border-radius:8px 12px/12px 8px}.glass-tab.active{background:rgba(var(--class-accent-rgb),.08);border-color:rgba(var(--class-accent-rgb),.25);color:var(--class-accent);box-shadow:0 0 14px rgba(var(--class-accent-rgb),.06);border-radius:8px 12px/12px 8px}.class-view-tabs{display:flex;gap:6px;padding:18px 40px 0;margin-bottom:4px}.class-view-tab{display:inline-flex;align-items:center;padding:7px 16px;font-size:12.5px;font-weight:700;letter-spacing:.02em;border-radius:10px;border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-muted);cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease;white-space:nowrap}.class-view-tab:hover{background:var(--bg-hover);border-color:var(--border-default);color:var(--text-secondary)}.class-view-tab.active{background:rgba(var(--class-accent-rgb),.1);border-color:rgba(var(--class-accent-rgb),.3);color:var(--class-accent);box-shadow:0 0 14px rgba(var(--class-accent-rgb),.06)}.class-view-tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.class-view-pane{display:none}.class-view-pane.active{display:block;animation:classViewFade .22s ease}@keyframes classViewFade{0%{opacity:0}to{opacity:1}}#class-lore-view .lore-body{max-width:680px}#class-lore-view .section-wrap{padding-top:0}#class-lore-view .lore-body div[style*=border-left]{border-left:none!important;margin-left:0!important;padding-left:0!important}#class-lore-view .lore-body{font-size:14.5px;line-height:1.75;color:var(--text-secondary)}#class-lore-view .lore-body p{margin-bottom:.85em}#class-lore-view .lore-body p:last-child{margin-bottom:0}#class-lore-view .lore-subsection{padding-top:22px;margin-top:22px;border-top:1px solid var(--border-subtle)}#class-lore-view .lore-subsection:first-child,#class-lore-view .lore-subsection-intro{padding-top:0;margin-top:0;border-top:none}#class-lore-view .lore-subclass-block+.lore-subclass-block,#class-lore-view .lore-subclass-divided{padding-top:28px;margin-top:28px;border-top:1px solid var(--border-default)}#class-lore-view .lore-subsection-title{font-size:16px;font-weight:700;color:var(--text-primary);line-height:1.3;margin:0 0 12px}#class-lore-view .lore-subclass-title{font-size:17px;font-weight:700;color:var(--text-primary);line-height:1.3;margin:0 0 14px}#classes-layout.lore-fullscreen #class-sidebar,#classes-layout.lore-fullscreen #class-resize-handle{display:none!important}#classes-layout.lore-fullscreen #class-detail{width:100%}#classes-layout.lore-fullscreen #class-lore-view .lore-body{max-width:100%;margin-left:auto;margin-right:auto}@media(max-width:900px){#classes-layout.lore-fullscreen #class-lore-view .lore-body{max-width:100%}}@media(prefers-reduced-motion:reduce){.class-view-pane.active{animation:none}}#subclass-panels{position:relative}.subclass-panel{display:none;opacity:0;transition:opacity .25s ease}.subclass-panel.active{display:block;opacity:1}.subclass-panel.entering{display:block;opacity:0}.infusion-inject-wrap{margin-top:16px;border:1px solid var(--border-subtle);border-radius:11px;overflow:hidden;background:var(--bg-surface)}.infusion-inject-header{display:flex;align-items:center;gap:6px;padding:7px 12px;background:rgba(var(--class-accent-rgb, 245,158,11),.04);border-bottom:1px solid var(--border-subtle);font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary)}.infusion-tier-group{border-bottom:1px solid var(--border-subtle)}.infusion-tier-group:last-child{border-bottom:none}.infusion-tier-summary{display:flex;align-items:center;gap:7px;padding:7px 12px;cursor:pointer;list-style:none;user-select:none;background:var(--bg-inset);font-size:12px;font-weight:600;color:var(--text-secondary);transition:background .13s,color .13s}.infusion-tier-summary::-webkit-details-marker{display:none}.infusion-tier-summary:hover{background:var(--bg-hover);color:var(--text-primary)}.infusion-chevron{width:10px;height:10px;flex-shrink:0;color:rgba(var(--class-accent-rgb, 245,158,11),.55);transition:transform .2s ease}.infusion-tier-group[open]>.infusion-tier-summary .infusion-chevron{transform:rotate(90deg)}.infusion-tier-label{flex:1}.infusion-tier-count{font-size:10px;font-weight:700;letter-spacing:.05em;padding:1px 7px;border-radius:99px;background:rgba(var(--class-accent-rgb, 245,158,11),.06);border:1px solid rgba(var(--class-accent-rgb, 245,158,11),.15);color:rgba(var(--class-accent-rgb, 245,158,11),.6)}.infusion-tier-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:5px;padding:8px 10px 10px}.infusion-mini-card{display:flex;flex-direction:column;gap:3px;padding:7px 10px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-top:1px solid var(--border-subtle);border-radius:8px;transition:background .12s,border-color .12s}.infusion-mini-card:hover{background:var(--bg-hover);border-color:var(--border-default);border-top-color:rgba(var(--class-accent-rgb, 245,158,11),.22)}.infusion-mini-name{font-size:12.5px;font-weight:600;color:var(--text-primary);line-height:1.3}.infusion-attune{font-size:9.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;padding:1px 5px;border-radius:3px;align-self:flex-start;margin-top:1px}.infusion-attune.yes{background:rgba(var(--amber-rgb),.08);border:1px solid rgba(var(--amber-rgb),.18);color:var(--amber)}.infusion-attune.varies{background:var(--bg-inset);border:1px solid var(--border-subtle);color:var(--text-muted)}.infusion-footnote{font-size:11px;font-style:italic;color:var(--text-muted);padding:4px 12px 7px}.feature-edition-badge{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:1px 6px;border-radius:4px;background:rgba(var(--class-accent-rgb, 245,158,11),.08);border:1px solid rgba(var(--class-accent-rgb, 245,158,11),.2);color:rgba(var(--class-accent-rgb, 245,158,11),.8);margin-left:7px;vertical-align:middle}.feature-block-alt{border-top:1px solid rgba(var(--class-accent-rgb, 245,158,11),.18);background:rgba(var(--class-accent-rgb, 245,158,11),.02)}.feature-block-alt:hover{border-top-color:rgba(var(--class-accent-rgb, 245,158,11),.3);background:rgba(var(--class-accent-rgb, 245,158,11),.04)}.infusion-system-note{display:flex;align-items:flex-start;gap:8px;padding:10px 14px;background:var(--bg-surface);border:1px solid rgba(var(--class-accent-rgb, 245,158,11),.1);border-radius:10px;font-size:13px;color:var(--text-secondary);line-height:1.65}.infusion-system-note p{margin-bottom:4px}.infusion-system-note p:last-child{margin-bottom:0}.source-badge{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:1px 6px;border-radius:4px;background:var(--bg-inset);border:1px solid var(--border-subtle);color:var(--text-muted);margin-left:4px;vertical-align:middle}.multicol-list{display:grid;grid-template-columns:repeat(var(--list-cols, 3),1fr);gap:3px 12px;margin:8px 0 10px;padding:12px 14px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:10px}@media(max-width:680px){.multicol-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:420px){.multicol-list{grid-template-columns:1fr}}.multicol-list-item{font-size:13px;color:var(--text-secondary);padding:3px 6px;border-radius:5px;transition:background .1s}.multicol-list-item:hover{background:var(--bg-hover);color:var(--text-primary)}.table-caption{caption-side:top;text-align:left;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(var(--class-accent-rgb, 245,158,11),.7);padding:0 0 6px 2px}.table-footnote{font-size:11.5px;color:var(--text-muted);font-style:italic;margin:4px 0 8px;padding:0 2px}a.infusion-link{display:block;text-decoration:none;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}a.infusion-link.multicol-list-item{display:block}a.infusion-link.multicol-list-item:hover{background:rgba(var(--class-accent-rgb, 245,158,11),.06);border-radius:5px;color:var(--text-primary)}a.infusion-link.multicol-list-item:active{background:rgba(var(--class-accent-rgb, 245,158,11),.1)}a.infusion-link.infusion-mini-card:hover{background:var(--bg-hover);border-color:rgba(var(--class-accent-rgb, 245,158,11),.25);border-top-color:rgba(var(--class-accent-rgb, 245,158,11),.4);box-shadow:var(--shadow-card);transform:translateY(-1px)}a.infusion-link.infusion-mini-card:hover .infusion-mini-name{color:var(--text-primary)}a.infusion-link.infusion-mini-card:active{transform:translateY(0);box-shadow:none}a.infusion-link.infusion-mini-card{transition:background .14s ease,border-color .14s ease,box-shadow .16s ease,transform .12s ease}.infusion-section-header{display:flex;align-items:center;gap:10px;margin-bottom:14px}.infusion-section-icon{width:18px;height:18px;color:var(--class-accent, var(--accent));flex-shrink:0}.infusion-progression-bar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:16px;padding:10px 14px;background:var(--bg-surface);border:1px solid rgba(var(--class-accent-rgb, 245,158,11),.1);border-radius:12px}.infusion-prog-label{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-right:4px;flex-shrink:0}.infusion-progression-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:99px;background:rgba(var(--class-accent-rgb, 245,158,11),.06);border:1px solid rgba(var(--class-accent-rgb, 245,158,11),.15);font-size:11px}.infusion-prog-level{font-weight:700;font-size:10px;color:var(--class-accent, var(--accent));letter-spacing:.04em}.infusion-prog-stat{color:var(--text-secondary)}.infusion-prog-sep{color:var(--text-dim)}.infusion-blocks-list{display:flex;flex-direction:column;gap:10px}.infusion-block{background:var(--bg-surface);border:1px solid var(--border-subtle);border-top:1px solid rgba(var(--class-accent-rgb, 245,158,11),.15);border-radius:8px;overflow:hidden;transition:border-color .18s,background .18s}.infusion-block:hover{background:var(--bg-hover);border-color:var(--border-default);border-top-color:rgba(var(--class-accent-rgb, 245,158,11),.25)}.infusion-block-header{display:flex;align-items:center;gap:8px;padding:11px 16px 10px;border-bottom:1px solid var(--border-subtle);background:rgba(var(--class-accent-rgb, 245,158,11),.03)}.infusion-block-icon{flex-shrink:0;width:16px;height:16px;color:var(--class-accent, var(--accent));opacity:.8}.infusion-block-icon svg{width:16px;height:16px}.infusion-block-name{font-size:13px;font-weight:600;color:var(--text-primary);flex:1}.infusion-source-badge{font-size:9px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:2px 7px;border-radius:99px;background:rgba(var(--class-accent-rgb, 245,158,11),.06);border:1px solid rgba(var(--class-accent-rgb, 245,158,11),.15);color:rgba(var(--class-accent-rgb, 245,158,11),.7);flex-shrink:0}.infusion-block-body{padding:12px 16px 14px;font-size:12.5px;color:var(--text-secondary);line-height:1.7}.infusion-block-body p{margin-bottom:8px}.infusion-block-body p:last-child{margin-bottom:0}.infusion-block-body ul{margin:4px 0 8px 18px}.infusion-block-body li{margin-bottom:3px;list-style-type:disc}.infusion-block-body strong{color:var(--text-primary);font-weight:600}.infusion-block-body em{color:var(--text-muted);font-style:italic}.infusion-block-body table{width:100%;border-collapse:collapse;font-size:11.5px;margin:8px 0 4px;border-radius:8px;overflow:hidden}.infusion-block-body th{padding:6px 10px;text-align:left;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(var(--class-accent-rgb, 245,158,11),.6);border-bottom:1px solid rgba(var(--class-accent-rgb, 245,158,11),.12);background:rgba(var(--class-accent-rgb, 245,158,11),.03)}.infusion-block-body td{padding:5px 10px;border-bottom:1px solid var(--border-subtle);color:var(--text-secondary)}.infusion-block-body tr:last-child td{border-bottom:none}.infusion-block-body .table-caption{color:rgba(var(--class-accent-rgb, 245,158,11),.65);padding:8px 0 5px 2px}.infusion-block-body .table-footnote{font-size:10.5px;color:var(--text-muted);font-style:italic;margin-top:4px}.infusion-block-body blockquote{margin:8px 0}.no-features{padding:28px 0;text-align:center;font-size:12px;color:var(--text-muted)}.feature-block,#subclass-section-wrap{scroll-margin-top:18px}.feature-tag{position:relative;user-select:none}.feature-tag:after{content:"↓";font-size:7px;line-height:1;margin-left:3px;display:inline-block;vertical-align:middle;opacity:0;transform:translateY(-2px);transition:opacity .15s ease,transform .15s ease}.feature-tag:hover{background:var(--bg-hover);border-color:var(--border-strong);color:var(--text-primary);box-shadow:var(--shadow-card-hover);transform:translateY(-1px);transition:background .13s,color .13s,border-color .13s,box-shadow .18s,transform .18s}.feature-tag:hover:after{opacity:.5;transform:translateY(1px)}.feature-tag:active{transform:translateY(0) scale(.97);box-shadow:none;transition:transform .06s,box-shadow .06s}.feature-tag.subclass-tag:hover{background:rgba(var(--class-accent-rgb),.12);border-color:rgba(var(--class-accent-rgb),.35);color:var(--class-accent);box-shadow:0 0 10px rgba(var(--class-accent-rgb),.1),0 0 0 1px rgba(var(--class-accent-rgb),.2)}@media(prefers-reduced-motion:reduce){.glass-tab{transition:background .1s,border-color .1s,color .1s!important;border-radius:10px!important}.subclass-panel{transition:none!important}.class-item{animation:none!important}.feature-tag,.feature-tag:hover,.feature-tag:active{transform:none!important;transition:background .1s,color .1s,border-color .1s!important}.feature-tag:after{display:none!important}}#class-grid{flex:1;overflow-y:auto;padding:36px 40px 64px;display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:18px;align-content:start;max-width:1480px;width:100%;margin:0 auto}#class-browser{flex:1;width:100%;max-width:none;margin:0;padding:40px 32px 80px;box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}#class-browser #class-grid{flex:none;overflow:visible;max-width:1320px;padding:0}@media(max-width:700px){#class-browser{padding:24px 16px 56px}#class-browser #class-grid{grid-template-columns:1fr;gap:12px}}@keyframes classCardIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.class-card{position:relative;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:14px;padding:22px 26px 20px;min-height:210px;display:flex;flex-direction:column;cursor:pointer;overflow:hidden;transition:background .22s ease,border-color .26s ease,box-shadow .26s ease,transform .32s cubic-bezier(.34,1.56,.64,1);animation:classCardIn .22s ease-out both}.class-card:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 65% 55% at 18% -8%,rgba(var(--card-accent-rgb),.16) 0%,rgba(var(--card-accent-rgb),.05) 38%,transparent 72%);pointer-events:none;border-radius:inherit}.class-card:after{content:"";position:absolute;top:0;right:0;width:32%;height:1px;background:linear-gradient(to left,rgba(var(--card-accent-rgb),.45),transparent);pointer-events:none}.class-card:hover{background:var(--bg-hover);border-color:rgba(var(--card-accent-rgb),.42);box-shadow:0 18px 38px -10px #0000004d,0 0 0 1px rgba(var(--card-accent-rgb),.12);transform:translateY(-2px)}.class-card:hover .cc-rule{width:100%;opacity:.5}.cc-top{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-display);font-size:9.5px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--text-dim);margin-bottom:24px;position:relative;z-index:1}.cc-die{display:inline-flex;align-items:center;gap:6px;color:var(--text-muted);letter-spacing:.14em}.cc-die svg{width:13px;height:13px;color:rgba(var(--card-accent-rgb),.85)}.cc-name{font-family:var(--font-display);font-size:24px;font-weight:600;line-height:1.05;letter-spacing:.025em;color:var(--text-primary);margin:0;position:relative;z-index:1}.cc-name-ua{font-family:var(--font-display);font-size:13.5px;font-weight:400;font-style:italic;line-height:1.3;letter-spacing:.01em;color:var(--text-dim);margin-top:3px;position:relative;z-index:1}.cc-rule{display:block;height:1.5px;width:36px;background:rgba(var(--card-accent-rgb),.65);margin:14px 0 12px;opacity:.85;transition:width .42s cubic-bezier(.4,0,.2,1),opacity .28s ease;position:relative;z-index:1}.cc-kicker{font-family:var(--font-ui);font-style:italic;font-size:12px;letter-spacing:.06em;color:var(--text-secondary);margin-bottom:auto;padding-bottom:18px;min-height:16px;position:relative;z-index:1}.cc-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding-top:14px;border-top:1px solid var(--border-subtle);position:relative;z-index:1}.cc-saves{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.cc-save{font-family:var(--font-display);font-size:9.5px;font-weight:600;letter-spacing:.16em;padding:3px 7px;border-radius:3px;background:rgba(var(--card-accent-rgb),.08);border:1px solid rgba(var(--card-accent-rgb),.22);color:var(--text-primary)}.cc-stats{font-family:var(--font-display);font-size:10.5px;font-weight:500;letter-spacing:.02em;color:var(--text-dim);text-align:right;line-height:1.45}#classes-layout.detail-fullbleed #class-sidebar,#classes-layout.detail-fullbleed #class-resize-handle{display:none!important}#classes-layout.detail-fullbleed #class-detail{width:100%}#classes-layout.detail-fullbleed #class-hero{padding-top:60px;margin-right:calc(-1 * var(--class-toc-clearance));padding-right:calc(40px + var(--class-toc-clearance))}#back-to-classes{display:none;position:absolute;top:14px;left:16px;z-index:10;align-items:center;gap:7px;padding:7px 14px 7px 11px;font-family:var(--font-display);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);background:#0000006b;cursor:pointer;border:1px solid rgba(255,255,255,.1);border-radius:99px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 14px #00000038;transition:color .18s ease,border-color .18s ease,background .18s ease}#back-to-classes:hover{color:var(--text-primary);border-color:#fff3;background:#00000085}#back-to-classes svg{width:13px;height:13px;transition:transform .22s cubic-bezier(.34,1.56,.64,1)}#back-to-classes:hover svg{transform:translate(-3px)}#classes-layout.detail-fullbleed{position:relative}#classes-layout.detail-fullbleed #back-to-classes{display:inline-flex}