.classes-controls-wrapper{width:100%;max-width:90%;margin:0 auto 20px;box-sizing:border-box;background-color:rgba(28,33,40,.95);border:1px solid #2d333b;border-radius:10px;padding:20px;display:flex;flex-direction:column;gap:15px;box-shadow:0 8px 24px rgba(0,0,0,.5);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.classes-controls-wrapper .search-section label{display:block;color:#8b949e;font-size:.85rem;margin-bottom:6px;font-weight:600}.classes-controls-wrapper .form-control{width:100%;background-color:#111418;color:#c9d1d9;border:1px solid #30363d;border-radius:6px;padding:10px 12px;font-size:.95rem;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.classes-controls-wrapper .form-control:focus{outline:0;border-color:#40b3ff;box-shadow:0 0 0 3px rgba(64,179,255,.2)}.mode-toggle-group{display:flex;align-self:flex-start;background-color:#111418;border:1px solid #30363d;border-radius:6px;overflow:hidden}.mode-toggle-btn{background:0 0;border:none;color:#8b949e;padding:8px 20px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;border-right:1px solid #30363d}.mode-toggle-btn:last-child{border-right:none}.mode-toggle-btn:hover{background-color:rgba(255,255,255,.05)}.mode-toggle-btn.active{background-color:rgba(64,179,255,.15);color:#40b3ff}.class-filter-group{display:flex;align-items:center;gap:10px;min-width:0}.class-filter-group label{color:#8b949e;font-size:.85rem;font-weight:600;white-space:nowrap}.class-filter-group .form-control{width:auto;min-width:200px;cursor:pointer}.classes-controls-wrapper .controls-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px;padding-top:15px;border-top:1px solid #30363d}.classes-controls-wrapper .controls-footer>*{min-width:0}.hitdice-filter-group{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.hitdice-filter-label{color:#8b949e;font-size:.85rem;font-weight:600;margin-right:4px}.hitdice-chip{background-color:#111418;border:1px solid #30363d;color:#8b949e;border-radius:20px;padding:6px 14px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.hitdice-chip:hover{border-color:#40b3ff;color:#c9d1d9}.hitdice-chip.active{background-color:rgba(64,179,255,.15);border-color:#40b3ff;color:#40b3ff}.classes-controls-wrapper .actions-and-stats{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.classes-counter{color:#8b949e;font-size:.9rem;white-space:nowrap}.classes-counter span{color:#c9d1d9;font-weight:700}.classes-controls-wrapper .btn-reset{background-color:transparent;color:#f85149;border:1px solid rgba(248,81,73,.4);padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s;white-space:nowrap}.classes-controls-wrapper .btn-reset:hover{background-color:#f85149;color:#fff}.empty-state-message{width:100%;max-width:90%;margin:0 auto;text-align:center;color:#8b949e;padding:40px 20px;font-size:1.05rem;box-sizing:border-box}@media (max-width:768px){.classes-controls-wrapper{max-width:100%;border-radius:0}.classes-controls-wrapper .controls-footer{flex-direction:column;align-items:stretch}.classes-controls-wrapper .actions-and-stats{justify-content:space-between}.class-filter-group{flex-wrap:wrap}.class-filter-group .form-control{min-width:0;width:100%}.empty-state-message{max-width:100%}}.classes-grid-container{width:100%;max-width:90%;margin:0 auto;padding:20px 0 40px 0;box-sizing:border-box;display:flex;flex-direction:column}.dashboard-wrapper{max-width:90%;margin:0 auto 20px;padding:0 15px}.hr-container{width:100%}.classes-category-title{color:#40b3ff;font-size:1.5rem;margin-top:20px;margin-bottom:10px;text-transform:uppercase;letter-spacing:1px;border-bottom:none;padding-bottom:0;text-align:center}.classes-category-title:first-child{margin-top:0}.classes-category-title .item-badge{margin-left:12px;vertical-align:middle}.classes-category-divider{border:none;height:2px;background:#30363d;margin-top:0;margin-bottom:12px;width:100%}.classes-subcategory-title{color:#9b70e6;font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin:14px 0 8px 0;padding-left:10px;border-left:3px solid #9b70e6}.classes-subcategory-title:first-of-type{margin-top:6px}.classes-subgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:10px}.class-card{background-color:rgba(28,33,40,.95);border:1px solid #30363d;border-radius:8px;padding:10px 8px;text-align:left;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;min-width:0;min-height:60px;box-shadow:0 4px 12px rgba(0,0,0,.2);gap:10px}.class-card:hover{transform:translateY(-3px);border-color:#40b3ff;box-shadow:0 6px 16px rgba(64,179,255,.2)}.class-card-icon{width:36px;height:36px;background-color:transparent;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;flex-shrink:0}.class-card-icon img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.class-card-info{display:flex;flex-direction:column;gap:6px;min-width:0}.class-card-title-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.class-card-title{color:#c9d1d9;font-size:1.1rem;font-weight:700;margin:0}.class-card-source{color:#8b949e;font-size:.8rem;font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge-hitdice{background-color:rgba(64,179,255,.12);color:#40b3ff;border:1px solid rgba(64,179,255,.35)}.badge-official{background-color:rgba(46,160,67,.15);color:#3fb950;border:1px solid rgba(46,160,67,.4)}.badge-3rdparty{background-color:rgba(210,153,34,.15);color:#d29922;border:1px solid rgba(210,153,34,.4)}.badge-homebrew{background-color:rgba(137,87,229,.15);color:#bc8cff;border:1px solid rgba(137,87,229,.4)}.classes-category-source{text-align:center;color:#8b949e;font-size:.85rem;font-style:italic;margin-top:-6px;margin-bottom:10px}.subclass-preview-toggle{margin-left:auto;flex-shrink:0;display:inline-flex;align-items:center;gap:6px;background:0 0;border:1px solid rgba(155,112,230,.4);color:#9b70e6;border-radius:6px;padding:6px 10px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.subclass-preview-toggle:hover{background-color:rgba(155,112,230,.15);border-color:#9b70e6}.subclass-preview-toggle svg{transition:transform .2s}.subclass-preview-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.subclass-preview-block{grid-column:1/-1;min-width:0;background-color:rgba(22,27,34,.95);border:1px solid #30363d;border-left:4px solid #9b70e6;border-radius:0 8px 8px 0;padding:20px 25px;color:#c9d1d9;font-size:1.05rem;line-height:1.6;-webkit-animation:fadeIn .4s ease-out;animation:fadeIn .4s ease-out}.subclass-preview-footer{display:flex;justify-content:center;margin-top:20px;padding-top:15px;border-top:1px solid #30363d}.btn-close-preview{background:0 0;color:#9b70e6;border:1px solid rgba(155,112,230,.4);border-radius:6px;padding:8px 28px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-close-preview:hover{background-color:#9b70e6;color:#fff}@media (max-width:768px){.subclass-preview-block{padding:15px;font-size:1rem}}.class-detail-wrapper{width:100%;max-width:90%;margin:0 auto;padding:0 20px 80px 20px;box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch;gap:20px}.class-header-controls{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;margin-bottom:15px;gap:20px;position:-webkit-sticky;position:sticky;top:15px;z-index:100;pointer-events:none}.btn-back,.subclass-selector-group{pointer-events:auto}.btn-back{border:2px solid #40b3ff;color:#40b3ff;background-color:rgba(28,33,40,.95);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:10px;padding:10px 25px;transition:all .2s ease;box-shadow:0 6px 20px rgba(0,0,0,.5)}.btn-back:hover{background-color:#40b3ff;color:#fff;box-shadow:0 8px 25px rgba(64,179,255,.3)}.subclass-selector-group{display:flex;align-items:center;gap:15px;background-color:rgba(28,33,40,.95);border:1px solid #2d333b;border-radius:8px;padding:5px 15px;box-shadow:0 6px 20px rgba(0,0,0,.5);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.subclass-selector-group label{margin-bottom:0;color:#c9d1d9;font-size:.95rem}.subclass-selector-group select{margin-bottom:0;min-width:250px;background-color:#111418;color:#c9d1d9;border:1px solid #484f58;border-radius:6px;padding:10px 12px;font-size:1rem;cursor:pointer;transition:border-color .2s}.subclass-selector-group select:focus{outline:0;border-color:#40b3ff}.class-content-columns{display:flex;flex-direction:row;gap:30px;width:100%}.classes-main-column{flex:1;min-width:0;background-color:rgba(22,27,34,.85);border:1px solid #30363d;border-radius:10px;padding:30px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:#c9d1d9;font-size:1.05rem;line-height:1.6;margin-bottom:40px}.class-description-content h1,.class-description-content h2,.class-description-content h3{color:#2f88c4;padding-bottom:8px;margin-top:5px;margin-bottom:15px}.class-description-content h1{font-size:2rem;margin-top:0;color:#40b3ff}.class-description-content h2{font-size:1.6rem;color:#fff}.class-description-content h3{font-size:1.3rem}.table-wrapper{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:20px}.class-description-content table,.class-description-section table,.classes-main-column table{width:100%;max-width:100%;border-collapse:collapse;background-color:rgba(22,27,34,.8);border:1px solid #30363d;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.2);min-width:100%;display:table;table-layout:auto}.class-description-content table::-webkit-scrollbar,.class-description-section table::-webkit-scrollbar,.classes-main-column table::-webkit-scrollbar,.table-wrapper::-webkit-scrollbar{height:8px;-webkit-appearance:none}.class-description-content table::-webkit-scrollbar-track,.class-description-section table::-webkit-scrollbar-track,.classes-main-column table::-webkit-scrollbar-track,.table-wrapper::-webkit-scrollbar-track{background:rgba(0,0,0,.2);border-radius:0 0 8px 8px}.class-description-content table::-webkit-scrollbar-thumb,.class-description-section table::-webkit-scrollbar-thumb,.classes-main-column table::-webkit-scrollbar-thumb,.table-wrapper::-webkit-scrollbar-thumb{background:rgba(64,179,255,.6);border-radius:4px}.class-description-content table::-webkit-scrollbar-thumb:hover,.class-description-section table::-webkit-scrollbar-thumb:hover,.classes-main-column table::-webkit-scrollbar-thumb:hover,.table-wrapper::-webkit-scrollbar-thumb:hover{background:rgba(64,179,255,.9)}.class-description-content td,.class-description-content th,.class-description-section td,.class-description-section th,.classes-main-column td,.classes-main-column th{padding:8px 10px;border-bottom:1px solid #30363d;border-right:1px solid #30363d;color:#c9d1d9;text-align:center;font-size:.9rem;line-height:1.3;vertical-align:middle}.class-description-content th,.class-description-section th,.classes-main-column th{background-color:#1c2128;color:#40b3ff;font-weight:700;padding-top:10px;padding-bottom:10px}.class-description-content tr:nth-child(2n),.class-description-section tr:nth-child(2n),.classes-main-column tr:nth-child(2n){background-color:rgba(255,255,255,.02)}.class-description-content td:last-child,.class-description-content th:last-child,.class-description-section td:last-child,.class-description-section th:last-child{border-right:none}.subclass-injected-block{border-left:4px solid #9b70e6;background:linear-gradient(90deg,rgba(155,112,230,.1) 0,rgba(155,112,230,0) 100%);padding:15px 20px;margin:25px 0;border-radius:0 8px 8px 0;-webkit-animation:fadeIn .4s ease-out;animation:fadeIn .4s ease-out}.subclass-injected-block h4{color:#9b70e6;margin-top:0;margin-bottom:10px;font-size:1.2rem}@-webkit-keyframes fadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.classes-nav-sidebar{width:300px;flex-shrink:0;position:-webkit-sticky;position:sticky;top:80px;max-height:calc(100vh - 120px);background-color:rgba(28,33,40,.95);border:1px solid #2d333b;border-radius:10px;padding:20px 5px 20px 20px;display:flex;flex-direction:column;box-shadow:0 8px 24px rgba(0,0,0,.5);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.nav-sidebar-title{color:#40b3ff;font-size:1.1rem;margin:0 15px 15px 0;text-transform:uppercase;letter-spacing:1px;text-align:center}.classes-nav-list{flex:1;list-style:none;padding:0 10px 0 0;margin:0;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.classes-nav-list::-webkit-scrollbar{width:6px}.classes-nav-list::-webkit-scrollbar-track{background:0 0}.classes-nav-list::-webkit-scrollbar-thumb{background:#3c5372;border-radius:4px}.classes-nav-list li{padding:6px 10px;border-radius:6px;cursor:pointer;color:#8b949e;font-size:.9rem;transition:all .2s;line-height:1.3}.classes-nav-list li.toc-h2{font-weight:700;color:#40b3ff;margin-top:8px}.classes-nav-list li.toc-h3{padding-left:10px;font-size:.9rem;color:#c9d1d9}.classes-nav-list li.toc-h4{padding-left:20px;font-size:.85rem;color:#9b70e6}.classes-nav-list li:hover{background-color:rgba(64,179,255,.15);color:#fff}.classes-nav-list li.active{background-color:rgba(64,179,255,.15);color:#fff;box-shadow:inset 2px 0 0 #40b3ff}.btn-scroll-top-nav{margin:15px 15px 0 0;background-color:transparent;color:#8b949e;border:1px dashed #30363d;border-radius:6px;padding:10px;cursor:pointer;font-size:.85rem;font-weight:600;text-transform:uppercase;transition:all .2s;flex-shrink:0}.btn-scroll-top-nav:hover{background-color:rgba(64,179,255,.1);color:#40b3ff;border-color:#40b3ff}.table-skill-link{cursor:pointer;transition:color .2s ease,text-shadow .2s ease}.table-skill-link:hover{color:#40b3ff;text-shadow:0 0 8px rgba(64,179,255,.6);text-decoration:underline}.feature-block,.subclass-injected-block{transition:box-shadow .3s ease,border-color .3s ease,background-color .3s ease;border:1px solid transparent;border-radius:8px;padding:5px;margin-left:-5px;margin-right:-5px}.highlight-anchor{-webkit-animation:flashHighlight 2.5s ease-out;animation:flashHighlight 2.5s ease-out}@-webkit-keyframes flashHighlight{0%{box-shadow:0 0 20px #40b3ff;border-color:#40b3ff;background-color:rgba(64,179,255,.1)}100%{box-shadow:none;border-color:transparent;background-color:transparent}}@keyframes flashHighlight{0%{box-shadow:0 0 20px #40b3ff;border-color:#40b3ff;background-color:rgba(64,179,255,.1)}100%{box-shadow:none;border-color:transparent;background-color:transparent}}.additionalInfo{background-color:rgba(64,179,255,.08);border-left:4px solid #40b3ff;border-radius:0 8px 8px 0;padding:15px 20px;margin:20px 0;color:#c9d1d9;font-size:.95rem;box-shadow:0 4px 12px rgba(0,0,0,.15)}.additionalInfo p{margin:0}.additionalInfo p+p{margin-top:10px}.additionalInfo strong{color:#40b3ff}.close-toc-btn,.mobile-toc-btn,.toc-overlay{display:none!important}@media (max-width:1024px){.class-content-columns{flex-direction:column}.classes-nav-sidebar{display:flex!important;position:fixed!important;bottom:0;left:0;right:0;top:auto;width:100%;height:65vh;max-height:none;border-radius:20px 20px 0 0;transform:translateY(100%);transition:transform .3s cubic-bezier(.4, 0, .2, 1);z-index:1010;margin:0;padding:20px 15px;border:none;border-top:1px solid #30363d}.classes-nav-sidebar.open{transform:translateY(0)}.close-toc-btn{display:flex!important;position:absolute;top:15px;right:15px;background:0 0;border:none;color:#8b949e;padding:5px;cursor:pointer;transition:color .2s}.close-toc-btn:hover{color:#f85149}.toc-overlay{display:block!important;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);z-index:1005;opacity:0;pointer-events:none;transition:opacity .3s;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.toc-overlay.active{opacity:1;pointer-events:auto}.mobile-toc-btn{display:flex!important;align-items:center;justify-content:center;position:fixed;bottom:140px;right:20px;width:50px;height:50px;background-color:#3392d1;color:#e7e7e7;border:none;border-radius:50%;cursor:pointer;z-index:1000;transition:transform .2s,background-color .2s}.mobile-toc-btn:hover{transform:scale(1.05)}.class-detail-wrapper,.classes-grid-container,.dashboard-wrapper{width:100%!important;max-width:100%!important}.table-wrapper{width:100%!important;overflow-x:auto!important}.classes-subgrid{grid-template-columns:1fr}}@media (max-width:768px){.class-detail-wrapper,.classes-grid-container,.dashboard-wrapper{padding-left:0;padding-right:0}.dashboard-wrapper{margin-bottom:0}.class-header-controls{align-items:center;gap:8px;top:60px;background-color:rgba(20,24,30,.98);padding:8px 10px;margin-top:-10px;border-bottom:1px solid #30363d;pointer-events:auto}.btn-back{justify-content:center;padding:10px 14px;flex-shrink:0}.btn-back-label{display:none}.subclass-selector-group{flex:1;min-width:0;gap:8px;padding:4px 8px}.subclass-selector-group label{display:none}.subclass-selector-group select{min-width:0;width:100%}.classes-main-column{padding:15px}.class-description-content h1,.class-description-content h2,.class-description-content h3{word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;line-height:1.3}.mobile-toc-btn{bottom:80px}.class-description-content td,.class-description-content th,.class-description-section td,.class-description-section th,.classes-main-column td,.classes-main-column th{padding:4px 5px!important;font-size:.8rem!important;line-height:1.15!important}.class-description-content table,.class-description-section table,.classes-main-column table{min-width:auto!important;width:-webkit-max-content!important;width:-moz-max-content!important}}.class-description-content table,.class-description-section table,.classes-main-column table,.styled-table{display:table!important;width:100%!important;min-width:100%!important;table-layout:auto!important}@media (max-width:768px){.class-description-content table,.class-description-section table,.classes-main-column table{width:100%!important;min-width:100%!important}}.item-badge{font-size:.75rem;text-transform:uppercase;font-weight:700;padding:4px 10px;border-radius:12px;letter-spacing:.5px;white-space:nowrap}.badge-common{background-color:rgba(139,148,158,.15);color:#8b949e;border:1px solid rgba(139,148,158,.4)}.badge-uncommon{background-color:rgba(46,160,67,.15);color:#3fb950;border:1px solid rgba(46,160,67,.4)}.badge-rare{background-color:rgba(64,179,255,.15);color:#40b3ff;border:1px solid rgba(64,179,255,.4)}.badge-veryrare{background-color:rgba(137,87,229,.15);color:#bc8cff;border:1px solid rgba(137,87,229,.4)}.badge-legendary{background-color:rgba(210,153,34,.15);color:#d29922;border:1px solid rgba(210,153,34,.4)}.badge-artifact{background-color:rgba(248,81,73,.15);color:#f85149;border:1px solid rgba(248,81,73,.4)}.badge-varies{position:relative;background:0 0;color:#fff;z-index:1}.badge-varies::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:12px;padding:1.5px;background:linear-gradient(90deg,#8b949e,#3fb950,#40b3ff,#bc8cff,#d29922,#f85149,#40e0d0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:-1}.badge-varies::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:12px;background:linear-gradient(90deg,rgba(139,148,158,.1),rgba(63,185,80,.1),rgba(64,179,255,.1),rgba(188,140,255,.1),rgba(210,153,34,.1),rgba(248,81,73,.1),rgba(64,224,208,.1));z-index:-2}.item-meta{font-style:italic}.class-seo-summary{margin-bottom:25px;line-height:1.6}.class-seo-summary h1,.class-seo-summary h2{color:#40b3ff}.class-seo-summary h2{font-size:1.3rem;margin-top:20px}.class-seo-summary ul{-moz-columns:2;columns:2;-moz-column-gap:30px;column-gap:30px;margin:10px 0 0;padding-left:20px}.class-seo-summary a{color:#40b3ff}@media (max-width:600px){.class-seo-summary ul{-moz-columns:1;columns:1}}