:root{--gold-bright:#e5b958;--gold-primary:#c5a059;--gold-dark:#8c703d;--gold-border:#c5a05966;--gold-border-subtle:#c5a05933;--witcher-border-bronze:#382b1d;--witcher-border-highlight:#4a3926;--witcher-border-bright:#7c7467;--witcher-panel-dark:#0a0908fa;--witcher-bg-dark:#08080a;--witcher-surface:#0e0c0af5;--witcher-text:#dcd3c4;--witcher-text-dim:#8b8377;--witcher-text-muted:#5e564a}.witcher-ui-viewport{background-color:var(--witcher-bg-dark);height:100vh;max-height:100vh;color:var(--witcher-text);font-family:var(--font-witcher,"Cinzel", serif, system-ui);flex-direction:column;display:flex;position:relative;overflow:hidden}.witcher-ambient-vignette{background-image:radial-gradient(circle at 50% 20%, #261c1266 0%, #040407f0 85%), var(--codex-bg-image,url(/images/ui/backgrounds/glossary-parent.png));background-repeat:no-repeat,no-repeat;background-position:center center, var(--codex-bg-position,center center);background-attachment:fixed,fixed;background-size:cover, var(--codex-bg-size,cover);opacity:.85;pointer-events:none;z-index:0;position:fixed;inset:0}.witcher-canvas{z-index:1;box-sizing:border-box;flex-direction:column;flex:1;width:100%;max-width:100%;min-height:0;margin:0;padding:12px 18px 8px;display:flex;position:relative;overflow:hidden}.hud-breadcrumbs{letter-spacing:.8px;white-space:nowrap;border-left:1px solid #a0804b59;align-items:center;gap:8px;height:24px;margin-left:14px;padding-left:14px;font-size:11px;font-weight:700;display:flex}.hud-crumb-link{color:var(--gold-primary);letter-spacing:1.5px;font-weight:800;font-family:var(--font-witcher,"Cinzel", serif, system-ui);align-items:center;text-decoration:none;transition:color .2s;display:inline-flex}.hud-crumb-link:hover{color:#fff;text-shadow:0 0 8px #e5b95880}.hud-crumb-sep{color:var(--gold-dark)}.hud-crumb-active{color:#fff;border:1px solid var(--witcher-border-bronze);background:#c5a05926;border-radius:3px;padding:2px 6px}.hud-crumb-item{color:var(--gold-bright);text-shadow:0 0 6px #e5b95866}.witcher-workspace-grid{flex:1;grid-template-columns:360px 1fr 440px;gap:14px;height:100%;min-height:0;display:grid;overflow:hidden}.witcher-section-frame{box-sizing:border-box;position:relative;border:1px solid var(--witcher-border-bronze)!important;background:radial-gradient(at 50% 12%,#14100cf5 0%,#080706fa 100%)!important;border-radius:3px!important;box-shadow:0 10px 32px #000000f2,inset 0 0 0 1px #2d221680,inset 0 0 24px #000000e6!important}.witcher-corner{pointer-events:none;z-index:10;width:7px;height:7px;position:absolute}.witcher-corner.top-left{border-top:1.5px solid var(--witcher-border-highlight);border-left:1.5px solid var(--witcher-border-highlight);top:-1px;left:-1px}.witcher-corner.top-right{border-top:1.5px solid var(--witcher-border-highlight);border-right:1.5px solid var(--witcher-border-highlight);top:-1px;right:-1px}.witcher-corner.bottom-left{border-bottom:1.5px solid var(--witcher-border-highlight);border-left:1.5px solid var(--witcher-border-highlight);bottom:-1px;left:-1px}.witcher-corner.bottom-right{border-bottom:1.5px solid var(--witcher-border-highlight);border-right:1.5px solid var(--witcher-border-highlight);bottom:-1px;right:-1px}.witcher-corner:after{content:"";background:#3d2e1e;width:2px;height:2px;position:absolute}.witcher-corner.top-left:after{top:0;left:0}.witcher-corner.top-right:after{top:0;right:0}.witcher-corner.bottom-left:after{bottom:0;left:0}.witcher-corner.bottom-right:after{bottom:0;right:0}.col-codex-directory{flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.list-container-frame{flex-direction:column;flex:1;height:100%;min-height:0;display:flex;overflow:hidden}.list-section-header{border-bottom:1px solid var(--witcher-border-bronze);background:linear-gradient(#221b14f2 0%,#120e0bfa 100%);flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.accordion-main-heading{flex-direction:column;display:flex}.accordion-title{color:var(--gold-bright);letter-spacing:1px;font-size:12px;font-weight:800}.accordion-subtitle{color:var(--witcher-text-dim);letter-spacing:.5px;font-size:10px}.btn-toggle-accordions{border:1px solid var(--witcher-border-bronze);color:var(--gold-primary);cursor:pointer;background:#ffffff0f;border-radius:3px;padding:3px 8px;font-size:10px;font-weight:600;transition:all .2s}.btn-toggle-accordions:hover{color:#fff;border-color:var(--gold-bright);background:#c5a05933}.items-scroll-viewport{flex-direction:column;flex:1;gap:8px;height:100%;min-height:0;padding:8px;display:flex;overflow-y:auto}.items-scroll-viewport::-webkit-scrollbar,.book-scroll-body::-webkit-scrollbar{width:6px}.items-scroll-viewport::-webkit-scrollbar-track,.book-scroll-body::-webkit-scrollbar-track{background:#0006}.items-scroll-viewport::-webkit-scrollbar-thumb,.book-scroll-body::-webkit-scrollbar-thumb{background:#5e4a30;border-radius:3px}.items-scroll-viewport::-webkit-scrollbar-thumb:hover,.book-scroll-body::-webkit-scrollbar-thumb:hover{background:var(--gold-dark)}.category-accordion-group{background:#0006;border:1px solid #735d3b59;border-radius:4px;flex-shrink:0;transition:all .2s;overflow:hidden}.category-accordion-header{cursor:pointer;background:linear-gradient(#201a13f2 0%,#100d0afa 100%);border:none;border-bottom:1px solid #735d3b40;justify-content:space-between;align-items:center;width:100%;padding:7px 10px;transition:all .15s;display:flex}.category-accordion-header:hover{background:linear-gradient(#2e251bf2 0%,#18130efa 100%)}.category-header-left{align-items:center;gap:8px;display:flex}.category-title-text{color:#ad9f8c;letter-spacing:1px;font-size:11px;font-weight:800}.category-item-count{color:var(--witcher-text-dim);font-size:10px;font-weight:700}.category-arrow{color:#6e5c46;font-size:9px;transition:transform .2s}.category-accordion-group.expanded .category-arrow{transform:rotate(180deg)}.category-accordion-content{flex-direction:column;gap:4px;padding:4px;display:none}.category-accordion-group.expanded .category-accordion-content{display:flex}#codex-accordions-container.grouping-flat .category-accordion-header{display:none}#codex-accordions-container.grouping-flat .category-accordion-group{background:0 0;border:none;border-radius:0}#codex-accordions-container.grouping-flat .category-accordion-content{padding:0 0 4px;display:flex!important}.witcher-list-row{cursor:pointer;user-select:none;text-align:left;box-sizing:border-box;background:#0006;border:1px solid #0000;border-radius:4px;align-items:center;gap:10px;width:100%;padding:6px 8px;transition:all .15s;display:flex;position:relative}.witcher-list-row:hover{background:#ffffff08;border-color:#46372666}.witcher-list-row.selected{border:1px solid var(--witcher-border-bright)!important;background:radial-gradient(#2d231859 0%,#0c0a08fa 100%)!important;box-shadow:inset 0 0 0 1px #0a0806f2,inset 0 0 0 2px #7c746766,0 0 8px #000000e6!important}.row-icon-box{border:1px solid var(--witcher-border-bronze);box-sizing:border-box;background:#000000d9;border-radius:4px;justify-content:center;align-items:center;width:38px;min-width:38px;height:38px;padding:2px;display:flex;overflow:hidden}.witcher-list-row.selected .row-icon-box{background:#080706;border-color:#7c746780}.row-thumb{object-fit:contain;filter:drop-shadow(0 2px 4px #000c);max-width:100%;max-height:100%}.row-thumb-fallback{font-size:16px}.row-meta{flex:1;min-width:0}.row-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;display:block;overflow:hidden}.witcher-list-row.selected .row-title{color:var(--gold-bright);text-shadow:0 0 6px #e5b95880}.row-subtitle{color:var(--witcher-text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:10px;display:block;overflow:hidden}.col-showcase-stage{background:0 0;flex-direction:column;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.stage-freestanding{flex-direction:column;flex:1;justify-content:space-between;align-items:center;height:100%;min-height:0;padding:8px 12px;display:flex;overflow:hidden}.item-render-stage{flex:1;justify-content:center;align-items:center;width:100%;min-height:0;padding:0;display:flex;position:relative}.stage-ground-shadow{pointer-events:none;z-index:0;background:radial-gradient(#000000d9 0%,#0000 72%);border-radius:50%;width:55%;height:32px;position:absolute;bottom:6%}.stage-vignette-halo{aspect-ratio:1;pointer-events:none;z-index:0;background:radial-gradient(circle,#e5b9581a 0%,#0000 65%);border-radius:50%;width:min(85%,520px);height:min(85%,520px);position:absolute}.item-featured-image{object-fit:contain;filter:drop-shadow(0 20px 38px #000000f5)contrast(1.06);z-index:1;width:auto;max-width:95%;height:100%;max-height:100%;transition:transform .3s cubic-bezier(.2,0,.2,1)}.item-featured-image:hover{transform:scale(1.04)}.showcase-slots-container{z-index:2;flex-direction:column;flex-shrink:0;align-items:center;width:100%;margin-bottom:8px;display:flex}.showcase-slots-title{font-family:var(--font-witcher,"Cinzel", serif, system-ui);color:#cfc2ad;letter-spacing:2.5px;text-transform:uppercase;text-align:center;text-shadow:0 2px 6px #000000f2;margin-bottom:10px;font-size:13px;font-weight:700}.showcase-slots-grid{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.slot-tile{box-sizing:border-box;background:radial-gradient(circle,#16110df2 0%,#0a0807fa 100%);border:1px solid #4a3e2c;border-radius:2px;justify-content:center;align-items:center;width:52px;height:52px;padding:5px;text-decoration:none;transition:all .2s;display:flex;position:relative;box-shadow:0 4px 14px #000000d9,inset 0 0 8px #000000e6}.slot-tile:hover{border-color:var(--gold-bright);transform:translateY(-2px);box-shadow:0 6px 18px #e5b95859}.slot-tile-icon-box{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.col-codex-dossier{flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.book-witcher-frame{backdrop-filter:blur(2px);flex-direction:column;flex:1;height:100%;min-height:0;display:flex;position:relative;overflow:hidden;background:radial-gradient(at 50% 12%,#16120ec7 0%,#0a0908d9 100%)!important}.book-static-header{z-index:4;text-align:center;border-bottom:1px solid var(--witcher-border-bronze);background:linear-gradient(#221b14f2 0%,#120e0bfa 100%);flex-shrink:0;padding:14px 18px 10px;position:relative;box-shadow:0 4px 12px #0009}.book-static-header .book-category-tag{letter-spacing:2.5px;color:var(--gold-dark);margin-bottom:2px;font-size:11px;font-weight:800}.book-static-header .book-item-title{font-family:var(--font-witcher,"Cinzel", serif);letter-spacing:1.8px;color:#f1c862;text-shadow:0 2px 8px #000000e6,0 0 12px #e5b9584d;margin:0 0 6px;font-size:22px;font-weight:900}.book-gold-divider{justify-content:center;align-items:center;width:80%;margin:0 auto;display:flex;position:relative}.book-gold-divider:before,.book-gold-divider:after{content:"";background:var(--witcher-border-highlight);flex:1;height:1px}.divider-gem{color:var(--gold-bright);padding:0 8px;font-size:10px}.book-meta-strip{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:8px;display:flex}.meta-pill{letter-spacing:.5px;border-radius:3px;padding:2px 6px;font-size:10px;font-weight:700}.btn-book-action{border:1px solid var(--witcher-border-bronze);color:var(--gold-bright);cursor:pointer;background:#00000080;border-radius:3px;align-items:center;gap:4px;padding:2px 7px;font-size:10px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.btn-book-action:hover{color:#fff;border-color:var(--gold-bright);background:#c5a05940}#btn-copy-additem{display:none}.show-console-commands #btn-copy-additem{display:inline-flex}.book-scroll-body{z-index:2;color:var(--witcher-text);flex:1;padding:16px 18px 24px;position:relative;overflow-y:auto}.book-quote-block{border:1px solid #735d3b40;border-left:3px solid var(--gold-bright);background:#0006;border-radius:4px;margin:0 0 14px;padding:10px 14px}.book-quote-text{color:#f3eedd;margin-bottom:4px;font-size:12px;font-style:italic;line-height:1.5}.book-quote-author{color:var(--gold-primary);text-align:right;font-size:10px;font-weight:600;display:block}.book-section-label{letter-spacing:1.5px;color:var(--gold-bright);text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:800}.book-narrative-text,.book-detail-text{color:#cdc4b4;margin-bottom:14px;font-size:12px;line-height:1.6}.codex-table-wrapper{border:1px solid var(--witcher-border-bronze);background:#00000073;border-radius:4px;margin-top:8px;overflow:hidden;box-shadow:inset 0 0 16px #000000d9}.codex-table{border-collapse:collapse;width:100%;font-size:12px}.codex-table thead th{color:var(--gold-bright);text-align:left;text-transform:uppercase;font-family:var(--font-witcher,"Cinzel", serif);letter-spacing:1.5px;border-bottom:1.5px solid var(--witcher-border-bronze);background:linear-gradient(#261e16fa 0%,#14100c 100%);padding:8px 12px;font-size:10.5px;font-weight:800}.codex-table thead th.th-chance,.codex-table thead th.th-qty{text-align:center}.codex-table tbody tr{border-bottom:1px solid #735d3b33;transition:background .15s}.codex-table tbody tr:hover{background:#c5a05924!important}.codex-table td{vertical-align:middle;padding:8px 12px}.codex-table a.loot-link,a.loot-link{color:#f1ebd9!important;align-items:center!important;gap:10px!important;font-weight:600!important;text-decoration:none!important;transition:all .15s!important;display:flex!important}.codex-table a.loot-link:hover,a.loot-link:hover{color:var(--gold-bright)!important;text-shadow:0 0 8px #e5b95880!important}.loot-item-icon{object-fit:contain!important;filter:drop-shadow(0 1px 3px #000000d9)!important;width:24px!important;min-width:24px!important;height:24px!important}.loot-item-name{color:inherit!important;font-family:var(--font-witcher,"Cinzel", serif)!important;letter-spacing:.5px!important;font-size:12px!important}.chance-badge{letter-spacing:.5px!important;text-align:center!important;border-radius:3px!important;padding:2px 7px!important;font-size:10px!important;font-weight:800!important;display:inline-block!important;box-shadow:0 1px 4px #0009!important}.chance-badge.high{color:#4ade80!important;text-shadow:0 0 6px #4ade804d!important;background:#22c55e33!important;border:1px solid #4ade8073!important}.chance-badge.med{color:#facc15!important;text-shadow:0 0 6px #facc154d!important;background:#eab30833!important;border:1px solid #facc1573!important}.chance-badge.low{color:#f87171!important;background:#ef444433!important;border:1px solid #f8717173!important}.td-qty{text-align:center!important;color:var(--gold-primary)!important;font-size:11px!important;font-weight:700!important}.hud-bottom-bar{border:1px solid var(--witcher-border-bronze);box-sizing:border-box;background:radial-gradient(at 50% 20%,#1c1610f5 0%,#0c0a08fa 100%);border-radius:4px;flex-shrink:0;justify-content:space-between;align-items:center;margin-top:6px;padding:5px 12px;display:flex;box-shadow:0 -3px 12px #000000b3}.keybind-cluster{align-items:center;gap:14px;display:flex}.key-hint-item{color:var(--witcher-text-dim);align-items:center;gap:6px;font-size:11px;display:flex}.key-capsule{border:1px solid var(--witcher-border-bronze);color:var(--gold-bright);background:#000;border-radius:3px;padding:1px 6px;font-size:10px;font-weight:800}.key-label{color:var(--witcher-text-dim);font-size:11px}.hud-search-cluster{align-items:center;gap:8px;display:flex}.hud-search-box{width:250px;position:relative}.hud-search-icon{color:var(--gold-primary);pointer-events:none;font-size:11px;position:absolute;top:50%;left:9px;transform:translateY(-50%)}.codex-quick-search{border:1px solid var(--witcher-border-bronze);color:#fff;box-sizing:border-box;background:#000000d9;border-radius:4px;outline:none;width:100%;height:26px;padding:0 24px 0 28px;font-family:inherit;font-size:11px;transition:border-color .2s,background .2s}.codex-quick-search:focus{border-color:var(--gold-bright);background:#000000f2;box-shadow:0 0 8px #e5b9584d}.codex-search-clear{color:var(--witcher-text-dim);cursor:pointer;background:0 0;border:none;padding:0;font-size:11px;line-height:1;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.codex-search-clear:hover{color:#fff}.btn-witcher-filters{border:1px solid var(--witcher-border-bronze);height:26px;color:var(--gold-bright);cursor:pointer;box-sizing:border-box;user-select:none;background:linear-gradient(#261e14eb 0%,#14100cfa 100%);border-radius:4px;align-items:center;gap:6px;padding:0 10px;font-size:11px;font-weight:700;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 2px 8px #00000080}.btn-witcher-filters:hover{border-color:var(--gold-bright);color:#fff;background:linear-gradient(#3c3020f2 0%,#1e1812 100%);box-shadow:0 0 10px #e5b95840}.filter-key-hint{color:var(--gold-primary);background:#0000008c;border:1px solid #c5a0594d;border-radius:3px;padding:1px 4px;font-size:9px;font-weight:800}.witcher-filter-modal-backdrop{backdrop-filter:blur(4px);z-index:9999;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.witcher-filter-modal-panel{border:1px solid var(--witcher-border-bronze);box-sizing:border-box;background:radial-gradient(at 50% 20%,#1a1510fa 0%,#0a0908fc 100%);border-radius:4px;width:320px;padding:16px 18px 14px;animation:.15s ease-out modalFadeIn;position:relative;box-shadow:0 16px 40px #000000f2,inset 0 0 0 1px #a0804b33,inset 0 0 20px #000c}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.filter-modal-heading{color:#c8bea8;letter-spacing:.5px;margin-bottom:12px;font-size:13px;font-weight:600}.filter-modal-body{flex-direction:column;gap:10px;margin-bottom:18px;display:flex}.witcher-checkbox-item{cursor:pointer;user-select:none;align-items:center;gap:10px;display:flex}.witcher-chk-input{display:none}.witcher-chk-box{border:1px solid var(--witcher-border-bronze);background:#000;border-radius:2px;justify-content:center;align-items:center;width:14px;height:14px;transition:all .15s;display:flex}.witcher-chk-input:checked+.witcher-chk-box{background:var(--gold-bright);border-color:#fff}.witcher-chk-input:checked+.witcher-chk-box:after{content:"✓";color:#000;font-size:11px;font-weight:700}.witcher-chk-text{color:#e2d8c3;font-size:12px;transition:color .15s}.witcher-checkbox-item:hover .witcher-chk-text{color:#fff}.filter-modal-footer{border-top:1px solid #735d3b40;justify-content:flex-start;padding-top:10px;display:flex}.btn-modal-close-esc{cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;display:flex}.btn-modal-close-esc .esc-bracket{color:#94a3b8;font-size:11px;font-weight:700}.btn-modal-close-esc .esc-action{color:#d4af37;font-size:11px;font-weight:700}.btn-modal-close-esc:hover .esc-action{color:#fff;text-decoration:underline}@media (width>=1440px){.witcher-workspace-grid{grid-template-columns:370px 1fr 450px;gap:16px}}@media (width>=1600px){.witcher-workspace-grid{grid-template-columns:390px 1fr 480px;gap:18px}.stage-vignette-halo{width:min(85%,580px);height:min(85%,580px)}}@media (width>=1920px){.witcher-workspace-grid{grid-template-columns:420px 1fr 520px;gap:22px}.stage-vignette-halo{width:min(88%,660px);height:min(88%,660px)}}@media (width<=1200px){.witcher-workspace-grid{grid-template-columns:320px 1fr 380px;gap:10px}}@media (width<=992px){.witcher-workspace-grid{grid-template-columns:1fr;overflow-y:auto}.col-codex-directory,.col-showcase-stage,.col-codex-dossier{min-height:480px}}