.content-wrapper{max-width:90%;margin:0 auto;padding:20px 0 40px 0;display:flex;flex-direction:row;align-items:flex-start;gap:30px}.dashboard-wrapper{max-width:90%;margin:0 auto 20px;padding:0 15px}.hr-container{width:100%}.translation-credits{margin-top:12px;color:#8b949e;font-size:.9rem}.translation-credits a{color:#77b7ff;text-decoration:none}.translation-credits a:hover{text-decoration:underline}.grimoire-main-column{flex:1;min-width:0;display:flex;flex-direction:column;gap:25px}.compendium-intro{background-color:rgba(28,33,40,.95);border:1px solid #2d333b;border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.5);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);overflow:hidden}.compendium-intro summary{display:flex;align-items:center;gap:10px;padding:16px 20px;cursor:pointer;list-style:none;color:#a371f7;font-weight:600;font-size:1rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:background-color .2s}.compendium-intro summary::-webkit-details-marker{display:none}.compendium-intro summary:hover{background-color:rgba(163,113,247,.08)}.compendium-intro summary svg{flex-shrink:0;width:24px;height:24px}.compendium-intro summary .intro-arrow{width:18px;height:18px}.compendium-intro .intro-arrow{margin-left:auto;transition:transform .25s;color:#8b949e}.compendium-intro[open] .intro-arrow{transform:rotate(180deg)}.compendium-intro[open] summary{border-bottom:1px solid #2d333b}.compendium-intro .intro-content{padding:16px 20px 20px;color:#adbac7;font-size:.95rem;line-height:1.6}.compendium-intro .intro-content h4{color:#a371f7;margin:18px 0 8px;padding-bottom:6px;border-bottom:1px solid #2d333b}.compendium-intro .intro-content p{margin:8px 0}.compendium-intro .intro-content b{color:#c9d1d9}.grimoire-filters-box{position:relative;z-index:10;background-color:rgba(28,33,40,.95);border:1px solid #2d333b;border-radius:10px;padding:20px;display:flex;flex-direction:column;gap:20px;box-shadow:0 8px 24px rgba(0,0,0,.5);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.filter-group label,.search-section label{display:block;color:#8b949e;font-size:.85rem;margin-bottom:6px;font-weight:600}.form-control{width:100%;background-color:#111418;color:#c9d1d9;border:1px solid #30363d;border-radius:6px;padding:10px 12px;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.form-control:focus{outline:0;border-color:#a371f7;box-shadow:0 0 0 3px rgba(163,113,247,.2)}select.form-control{cursor:pointer}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px}.mobile-filters-toggle{display:none}.collapsible-filters-wrapper{display:block}.custom-dropdown-container{position:relative;display:flex;flex-direction:column}.custom-dropdown{position:relative;width:100%}.custom-dropdown-btn{width:100%;padding:10px 12px;border-radius:6px;border:1px solid #30363d;background-color:#111418;color:#c9d1d9;font-size:.95rem;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;transition:all .2s;min-height:40px}.custom-dropdown-btn::after{content:'▼';font-size:.7em;color:#8b949e;margin-left:10px}.custom-dropdown-btn:hover{border-color:#484f58}.custom-dropdown-btn:focus{border-color:#a371f7;outline:0}.custom-dropdown-content{display:none;position:absolute;top:calc(100% + 4px);left:0;width:100%;background-color:#161b22;border:1px solid #30363d;border-radius:6px;max-height:250px;overflow-y:auto;z-index:9999;padding:5px 0;box-shadow:0 8px 24px rgba(0,0,0,.8)}.custom-dropdown-content.show{display:block}.custom-dropdown-content::-webkit-scrollbar{width:6px}.custom-dropdown-content::-webkit-scrollbar-track{background:0 0}.custom-dropdown-content::-webkit-scrollbar-thumb{background:#3c5372;border-radius:4px}.cr-checkbox-label{display:flex;align-items:center;line-height:1;padding:8px 12px;cursor:pointer;color:#c9d1d9;font-size:.95rem;transition:background-color .2s;white-space:nowrap}.cr-checkbox-label:hover{background-color:rgba(163,113,247,.15);color:#fff}.cr-checkbox{margin:0 10px 0 0;width:16px;height:16px;flex-shrink:0;cursor:pointer;accent-color:#a371f7;vertical-align:middle}.reset-button-container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px;padding-top:15px;border-top:1px solid #30363d;width:100%}.spell-counter{color:#8b949e;font-size:.9rem}.spell-counter span{color:#c9d1d9;font-weight:700}.rpg-btn{background-color:transparent!important;color:#a371f7!important;border:1px solid rgba(163,113,247,.4)!important;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s}.rpg-btn:hover{background-color:#a371f7!important;color:#fff!important}.bestiary-monster-list{display:flex;flex-direction:column;gap:15px}.empty-state-message{text-align:center;color:#8b949e;font-size:1.1rem;padding:40px;background:rgba(22,27,34,.5);border-radius:8px;border:1px dashed #30363d}.grimoire-nav-sidebar{width:300px;flex-shrink:0;position:-webkit-sticky;position:sticky;top:20px;max-height:calc(100vh - 140px);background-color:rgba(28,33,40,.95);border:1px solid #2d333b;border-radius:10px;padding:15px 5px 15px 15px;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:#a371f7;font-size:1.1rem;margin:0 10px 15px 0;padding-bottom:10px;border-bottom:1px solid #30363d;text-align:center;text-transform:uppercase;letter-spacing:1px}.grimoire-nav-list{flex:1;list-style:none;padding:0 10px 0 0;margin:0;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.grimoire-nav-list::-webkit-scrollbar{width:6px}.grimoire-nav-list::-webkit-scrollbar-track{background:#2c343f}.grimoire-nav-list::-webkit-scrollbar-thumb{background:#3c5372;border-radius:4px}.grimoire-nav-list::-webkit-scrollbar-thumb:hover{background:#a371f7}.grimoire-nav-list li{padding:8px 12px;border-radius:6px;cursor:pointer;color:#8b949e;font-size:.9rem;transition:background-color .2s,color .2s,padding-left .2s;line-height:1.3;display:flex;justify-content:space-between;align-items:center;gap:8px}.grimoire-nav-list li:hover{background-color:rgba(163,113,247,.15);color:#fff;padding-left:18px}.grimoire-nav-list .toc-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grimoire-nav-list .toc-cr{flex:0 0 auto;font-size:.72rem;color:#8b949e;background-color:rgba(163,113,247,.1);border:1px solid #30363d;border-radius:10px;padding:1px 7px}.grimoire-nav-list li:hover .toc-cr{color:#a371f7;border-color:#a371f7}.btn-scroll-top-nav{margin-top:15px;background-color:transparent;color:#8b949e;border:1px dashed #30363d;border-radius:6px;padding:10px;cursor:pointer;font-size:.85rem;font-weight:600;text-align:center;text-transform:uppercase;letter-spacing:1px;transition:all .2s ease;flex-shrink:0}.btn-scroll-top-nav:hover{background-color:rgba(163,113,247,.1);color:#a371f7;border-color:#a371f7}.monster-block{background-color:rgba(22,27,34,.85);border:1px solid #30363d;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.3);overflow:hidden;transition:border-color .2s;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);scroll-margin-top:20px}.monster-header{padding:15px 20px;cursor:pointer;background-color:rgba(255,255,255,.01);display:flex;justify-content:space-between;align-items:center}.monster-header:hover{background-color:rgba(163,113,247,.06)}.monster-header h2{color:#a371f7!important;font-size:1.4rem!important;margin:0!important;font-weight:700;border:none!important;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;flex:1 1 auto;min-width:0;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.monster-name-en{color:#8b949e;font-weight:400;font-size:.9rem;text-shadow:none}.copy-anchor-link{color:#8b949e;transition:color .2s,transform .2s;padding:4px;margin-right:10px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.copy-anchor-link:hover{color:#a371f7;transform:scale(1.1)}.cr-badge{font-size:.78rem;font-weight:600;color:#8b949e;background-color:rgba(163,113,247,.1);border:1px solid #30363d;border-radius:12px;padding:2px 9px;letter-spacing:.5px;text-shadow:none}.monster-header::after{content:'\25BC';font-size:.9rem;color:#8b949e;transition:transform .3s ease;flex:0 0 auto;margin-left:12px}.monster-block.expanded{border-color:#a371f7}.monster-block.expanded .monster-header::after{transform:rotate(180deg)}.monster-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out;padding:0 20px;color:#c9d1d9;line-height:1.6}.monster-block.expanded .monster-content{padding:20px;max-height:none}.monster-content p{line-height:1.6}.monster-content b,.monster-content strong{color:#e6edf3}.monster-source{color:#8b949e;font-size:.85rem;margin:8px 0 4px 0;font-style:italic}.grimoire-quote{border-left:3px solid #a371f7;margin:15px 0;padding:10px 16px;background-color:rgba(163,113,247,.05);border-radius:0 8px 8px 0;color:#adbac7}.grimoire-quote p{margin:0}.dm-info-box{background-color:rgba(163,113,247,.06);border-left:4px solid #a371f7;padding:14px 18px;margin:15px 0;border-radius:0 8px 8px 0;box-shadow:0 4px 12px rgba(0,0,0,.15)}.dm-info-box h4{margin-top:0;color:#a371f7;margin-bottom:8px}.dm-info-box p{margin:6px 0}.dm-info-box .lore-salvage{margin-bottom:10px}.advice-box{border-left-color:#d29922;background-color:rgba(210,153,34,.06)}.advice-box h4{color:#d29922}.stat-block{background-color:rgba(13,17,23,.7);border:1px solid #30363d;padding:18px;border-radius:8px;margin-top:15px}.stat-block h4{margin-top:0;color:#a371f7;margin-bottom:4px}.stat-block p{margin:5px 0;font-size:.92rem}.sb-subtitle{font-style:italic;color:#8b949e!important;margin-bottom:10px!important}.ability-table{width:100%;text-align:center;margin:12px 0;border-collapse:separate;border-spacing:0 3px}.ability-table td,.ability-table th{border:none!important;padding:6px 4px}.ability-table th{color:#8b949e;font-size:.85rem}.ability-table .ab-row-label{color:#c9d1d9;font-size:.72rem;text-align:left;text-transform:uppercase;letter-spacing:.5px;font-weight:700;padding-left:8px}.ability-table tr td:first-child{border-radius:6px 0 0 6px}.ability-table tr td:last-child{border-radius:0 6px 6px 0}.ability-table .ab-row-score td{background-color:rgba(88,166,255,.12)}.ability-table .ab-row-mod td{background-color:rgba(63,185,80,.12)}.ability-table .ab-row-save td{background-color:rgba(210,153,34,.12)}.ability-table .ab-row-score td b{color:#e6edf3}.sb-section{margin-top:14px;padding-top:10px;border-top:1px solid #21262d}.sb-section h5{margin:0 0 8px 0;color:#a371f7;font-size:1rem;text-transform:uppercase;letter-spacing:.5px}.sb-section .sb-intro{font-style:italic;color:#8b949e;margin-bottom:8px}.sb-entry{margin:7px 0;font-size:.92rem;line-height:1.5}.sb-entry .entry-type{font-style:italic;color:#8b949e;font-size:.85rem}.sb-list{margin:6px 0 0 0;padding-left:20px}.sb-list li{margin:6px 0;font-size:.92rem;line-height:1.5}.monster-content .table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:14px 0;border:1px solid #30363d;border-radius:6px}.monster-content .styled-table{width:100%;border-collapse:collapse;font-size:.9rem;background-color:rgba(22,27,34,.8)}.monster-content .styled-table td,.monster-content .styled-table th{border:1px solid #30363d;padding:7px 10px;text-align:left;vertical-align:top;color:#c9d1d9}.monster-content .styled-table th{background-color:#1c2128;color:#a371f7;font-weight:600}.monster-content .styled-table tr:nth-child(2n) td{background-color:rgba(255,255,255,.02)}.highlight-once{-webkit-animation:highlightAnim 2s ease-out;animation:highlightAnim 2s ease-out}@-webkit-keyframes highlightAnim{0%{box-shadow:0 0 0 rgba(163,113,247,0);border-color:#30363d}20%{box-shadow:0 0 18px rgba(163,113,247,.7);border-color:#a371f7}100%{box-shadow:0 0 0 rgba(163,113,247,0);border-color:#30363d}}@keyframes highlightAnim{0%{box-shadow:0 0 0 rgba(163,113,247,0);border-color:#30363d}20%{box-shadow:0 0 18px rgba(163,113,247,.7);border-color:#a371f7}100%{box-shadow:0 0 0 rgba(163,113,247,0);border-color:#30363d}}.close-toc-btn,.mobile-toc-btn,.toc-overlay{display:none!important}@media (max-width:1024px){.content-wrapper{flex-direction:column;display:block}.grimoire-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}.grimoire-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:#8957e5;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)}.dashboard-wrapper{margin-bottom:0}}@media (max-width:900px){.mobile-filters-toggle{display:flex;align-items:center;justify-content:center;gap:10px;background-color:#161b22;color:#c9d1d9;border:1px solid #30363d;border-radius:8px;padding:12px;font-size:1rem;cursor:pointer;transition:all .2s ease;width:100%}.mobile-filters-toggle:hover{background-color:#252a30;border-color:#a371f7}.mobile-filters-toggle .toggle-arrow{transition:transform .2s ease}.mobile-filters-toggle.open .toggle-arrow{transform:rotate(180deg)}.filters-count-badge{background:rgba(255,255,255,.1);color:#8b949e;padding:2px 8px;border-radius:12px;font-size:.85rem;font-weight:700;transition:all .2s ease}.collapsible-filters-wrapper{display:none;padding-top:15px;border-top:1px dashed #30363d;margin-top:5px}.collapsible-filters-wrapper.open{display:block}.filters-grid{grid-template-columns:1fr}}@media (max-width:768px){.content-wrapper,.dashboard-wrapper{max-width:100%;padding-left:0;padding-right:0}.grimoire-filters-box{padding:15px}.filters-grid{grid-template-columns:1fr}.controls-footer{flex-direction:column;align-items:stretch}.actions-and-stats{width:100%;justify-content:space-between}.monster-block{scroll-margin-top:72px}.monster-header{padding:12px 15px}.monster-header h2{font-size:1.2rem!important;word-break:break-word}.monster-block.expanded .monster-content{padding:15px}.stat-block{padding:12px}.mobile-toc-btn{bottom:80px}.scroll-to-top-btn.btn-left{display:none!important}}.monster-seo-summary{margin-bottom:25px;line-height:1.6}.monster-seo-summary h1,.monster-seo-summary h2,.monster-seo-summary h3{color:#40b3ff}.monster-seo-summary h2{font-size:1.3rem;margin-top:20px}.monster-seo-summary h3{font-size:1.1rem;margin-top:16px}.monster-seo-summary .seo-hub-list{-moz-columns:2;columns:2;-moz-column-gap:30px;column-gap:30px;margin:10px 0 0;padding-left:20px}.monster-seo-summary a{color:#40b3ff}@media (max-width:600px){.monster-seo-summary .seo-hub-list{-moz-columns:1;columns:1}}