.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:var(--text-2);font-size:.9rem}.translation-credits a{color:var(--link-3);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}.grimoire-filters-box{position:relative;z-index:10;background-color:var(--panel-a95);border:1px solid var(--border-muted);border-radius:10px;padding:20px;display:flex;flex-direction:column;gap:20px;box-shadow:0 8px 24px var(--shadow-a50);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.filter-group label,.search-section label{display:block;color:var(--text-2);font-size:.85rem;margin-bottom:6px;font-weight:600}.form-control{width:100%;background-color:var(--bg-body);color:var(--text-1);border:1px solid var(--border);border-radius:6px;padding:10px 12px;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.form-control:focus{outline:0;border-color:var(--purple);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 var(--border);background-color:var(--bg-body);color:var(--text-1);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:var(--text-2);margin-left:10px}.custom-dropdown-btn:hover{border-color:var(--text-muted)}.custom-dropdown-btn:focus{border-color:var(--purple);outline:0}.custom-dropdown-content{display:none;position:absolute;top:calc(100% + 4px);left:0;width:100%;background-color:var(--surface);border:1px solid var(--border);border-radius:6px;max-height:250px;overflow-y:auto;z-index:9999;padding:5px 0;box-shadow:0 8px 24px var(--shadow-a80)}.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:var(--scroll-thumb);border-radius:4px}.cr-checkbox-label{display:flex;align-items:center;line-height:1;padding:8px 12px;cursor:pointer;color:var(--text-1);font-size:.95rem;transition:background-color .2s;white-space:nowrap}.cr-checkbox-label:hover{background-color:rgba(163,113,247,.15);color:var(--text-bright)}.cr-checkbox{margin:0 10px 0 0;width:16px;height:16px;flex-shrink:0;cursor:pointer;accent-color:var(--purple);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 var(--border);width:100%}.spell-counter{color:var(--text-2);font-size:.9rem}.spell-counter span{color:var(--text-1);font-weight:700}.rpg-btn{background-color:transparent!important;color:var(--purple)!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:var(--purple)!important;color:var(--text-on-accent)!important}.bestiary-monster-list{display:flex;flex-direction:column;gap:15px}.empty-state-message{text-align:center;color:var(--text-2);font-size:1.1rem;padding:40px;background:var(--surface-a50);border-radius:8px;border:1px dashed var(--border)}.grimoire-nav-sidebar{width:300px;flex-shrink:0;position:-webkit-sticky;position:sticky;top:20px;max-height:calc(100vh - 140px);background-color:var(--panel-a95);border:1px solid var(--border-muted);border-radius:10px;padding:15px 5px 15px 15px;display:flex;flex-direction:column;box-shadow:0 8px 24px var(--shadow-a50);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.nav-sidebar-title{color:var(--purple);font-size:1.1rem;margin:0 10px 15px 0;padding-bottom:10px;border-bottom:1px solid var(--border);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:var(--scroll-track)}.grimoire-nav-list::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:4px}.grimoire-nav-list::-webkit-scrollbar-thumb:hover{background:var(--purple)}.grimoire-nav-list li{padding:8px 12px;border-radius:6px;cursor:pointer;color:var(--text-2);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:var(--text-bright);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:var(--text-2);background-color:rgba(163,113,247,.1);border:1px solid var(--border);border-radius:10px;padding:1px 7px}.grimoire-nav-list li:hover .toc-cr{color:var(--purple);border-color:var(--purple)}.btn-scroll-top-nav{margin-top:15px;background-color:transparent;color:var(--text-2);border:1px dashed var(--border);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:var(--purple);border-color:var(--purple)}.monster-block{background-color:var(--surface-a85);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 12px var(--shadow-a30);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:var(--wbg-a01);display:flex;justify-content:space-between;align-items:center}.monster-header:hover{background-color:rgba(163,113,247,.06)}.monster-header h2{color:var(--purple)!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 var(--shadow-a50)}.monster-name-en{color:var(--text-2);font-weight:400;font-size:.9rem;text-shadow:none}.copy-anchor-link{color:var(--text-2);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:var(--purple);transform:scale(1.1)}.cr-badge{font-size:.78rem;font-weight:600;color:var(--text-2);background-color:rgba(163,113,247,.1);border:1px solid var(--border);border-radius:12px;padding:2px 9px;letter-spacing:.5px;text-shadow:none}.monster-header::after{content:'\25BC';font-size:.9rem;color:var(--text-2);transition:transform .3s ease;flex:0 0 auto;margin-left:12px}.monster-block.expanded{border-color:var(--purple)}.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:var(--text-1);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:var(--text-bright2)}.monster-source{color:var(--text-2);font-size:.85rem;margin:8px 0 4px 0;font-style:italic}.grimoire-quote{border-left:3px solid var(--purple);margin:15px 0;padding:10px 16px;background-color:rgba(163,113,247,.05);border-radius:0 8px 8px 0;color:var(--text-soft)}.grimoire-quote p{margin:0}.dm-info-box{background-color:rgba(163,113,247,.06);border-left:4px solid var(--purple);padding:14px 18px;margin:15px 0;border-radius:0 8px 8px 0;box-shadow:0 4px 12px var(--shadow-a15)}.dm-info-box h4{margin-top:0;color:var(--purple);margin-bottom:8px}.dm-info-box p{margin:6px 0}.dm-info-box .lore-salvage{margin-bottom:10px}.advice-box{border-left-color:var(--gold);background-color:rgba(210,153,34,.06)}.advice-box h4{color:var(--gold)}.stat-block{background-color:var(--deep-a70);border:1px solid var(--border);padding:18px;border-radius:8px;margin-top:15px}.stat-block h4{margin-top:0;color:var(--purple);margin-bottom:4px}.stat-block p{margin:5px 0;font-size:.92rem}.sb-subtitle{font-style:italic;color:var(--text-2)!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:var(--text-2);font-size:.85rem}.ability-table .ab-row-label{color:var(--text-1);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:var(--text-bright2)}.sb-section{margin-top:14px;padding-top:10px;border-top:1px solid var(--surface-3)}.sb-section h5{margin:0 0 8px 0;color:var(--purple);font-size:1rem;text-transform:uppercase;letter-spacing:.5px}.sb-section .sb-intro{font-style:italic;color:var(--text-2);margin-bottom:8px}.sb-entry{margin:7px 0;font-size:.92rem;line-height:1.5}.sb-entry .entry-type{font-style:italic;color:var(--text-2);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 var(--border);border-radius:6px}.monster-content .styled-table{width:100%;border-collapse:collapse;font-size:.9rem;background-color:var(--surface-a80)}.monster-content .styled-table td,.monster-content .styled-table th{border:1px solid var(--border);padding:7px 10px;text-align:left;vertical-align:top;color:var(--text-1)}.monster-content .styled-table th{background-color:var(--surface-2);color:var(--purple);font-weight:600}.monster-content .styled-table tr:nth-child(2n) td{background-color:var(--wbg-a02)}.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:var(--border)}20%{box-shadow:0 0 18px rgba(163,113,247,.7);border-color:var(--purple)}100%{box-shadow:0 0 0 rgba(163,113,247,0);border-color:var(--border)}}@keyframes highlightAnim{0%{box-shadow:0 0 0 rgba(163,113,247,0);border-color:var(--border)}20%{box-shadow:0 0 18px rgba(163,113,247,.7);border-color:var(--purple)}100%{box-shadow:0 0 0 rgba(163,113,247,0);border-color:var(--border)}}.monster-illustrations{display:flex;flex-direction:column;align-items:center;gap:18px;margin-top:22px}.monster-figure{margin:0;max-width:100%}.monster-figure-btn{display:block;padding:0;border:1px solid var(--border);border-radius:8px;background:0 0;overflow:hidden;cursor:-webkit-zoom-in;cursor:zoom-in;box-shadow:0 4px 14px var(--shadow-a30);transition:border-color .2s,box-shadow .2s}.monster-figure-btn:focus-visible,.monster-figure-btn:hover{border-color:var(--purple);box-shadow:0 6px 20px var(--shadow-a50);outline:0}.monster-figure-btn img{max-height:70vh;-o-object-fit:contain;object-fit:contain}.image-viewer{--viewer-backdrop:rgba(0, 0, 0, 0.92);--viewer-chrome:rgba(255, 255, 255, 0.1);--viewer-chrome-hover:rgba(255, 255, 255, 0.22);--viewer-text:#e6edf3;--viewer-accent:#a371f7;position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;display:flex;flex-direction:column;background-color:var(--viewer-backdrop);opacity:0;transition:opacity .2s ease}.image-viewer.visible{opacity:1}.image-viewer[hidden]{display:none}.image-viewer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 18px;flex:0 0 auto}.image-viewer-caption{color:var(--viewer-text);font-size:1.05rem;font-weight:600;text-shadow:1px 1px 3px rgba(0,0,0,.8);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.image-viewer-controls{display:flex;align-items:center;gap:6px;flex:0 0 auto}.image-viewer-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:none;border-radius:8px;background-color:var(--viewer-chrome);color:var(--viewer-text);cursor:pointer;transition:background-color .2s,color .2s}.image-viewer-btn:focus-visible,.image-viewer-btn:hover{background-color:var(--viewer-chrome-hover);color:var(--viewer-accent);outline:0}.image-viewer-close:focus-visible,.image-viewer-close:hover{color:#ff7b72}.image-viewer-scale{color:var(--viewer-text);font-size:.85rem;min-width:52px;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.image-viewer-stage{flex:1 1 auto;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:0 18px;min-height:0;touch-action:none;cursor:-webkit-zoom-out;cursor:zoom-out}.image-viewer.zoomed .image-viewer-stage{cursor:-webkit-grab;cursor:grab}.image-viewer.zoomed .image-viewer-stage:active{cursor:-webkit-grabbing;cursor:grabbing}.image-viewer-img{max-width:none;max-height:none;transform-origin:center center;will-change:transform;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;cursor:default}.image-viewer-hint{flex:0 0 auto;margin:0;padding:10px 18px 14px;text-align:center;font-size:.8rem;color:rgba(255,255,255,.55)}body.image-viewer-open{overflow:hidden}.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 var(--border)}.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:var(--text-2);padding:5px;cursor:pointer;transition:color .2s}.close-toc-btn:hover{color:var(--red)}.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:var(--text-e7);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:var(--surface);color:var(--text-1);border:1px solid var(--border);border-radius:8px;padding:12px;font-size:1rem;cursor:pointer;transition:all .2s ease;width:100%}.mobile-filters-toggle:hover{background-color:var(--surface-hover);border-color:var(--purple)}.mobile-filters-toggle .toggle-arrow{transition:transform .2s ease}.mobile-filters-toggle.open .toggle-arrow{transform:rotate(180deg)}.filters-count-badge{background:var(--wbg-a10);color:var(--text-2);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 var(--border);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-figure-btn img{max-height:55vh}.image-viewer-toolbar{padding:10px 12px;gap:10px}.image-viewer-caption{font-size:.95rem}.image-viewer-btn{width:34px;height:34px}.image-viewer-scale{min-width:44px;font-size:.8rem}.image-viewer-stage{padding:0 8px}.image-viewer-hint{display:none}}