.compendium[data-v-70e2dd54]{display:flex;gap:16px}.compendium__sidebar[data-v-70e2dd54]{width:200px;flex-shrink:0;display:flex;flex-direction:column;gap:12px;font-family:Kreon,serif}.sidebar__search[data-v-70e2dd54]{display:flex;flex-direction:column;gap:4px}.sidebar__search-label[data-v-70e2dd54]{font-size:.9rem;font-weight:700;color:var(--text-primary)}.sidebar__search-input[data-v-70e2dd54]{width:100%;padding:6px 10px;border-radius:4px;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);font-family:Kreon,serif;font-size:.85rem}.sidebar__search-input[data-v-70e2dd54]:focus{outline:none;border-color:var(--accent, #8b7355)}.sidebar__avatars[data-v-70e2dd54]{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.sidebar__avatar[data-v-70e2dd54]{width:36px;height:36px;border-radius:50%;border:2px solid transparent;background:var(--bg-secondary);cursor:pointer;padding:2px;transition:all .15s ease;overflow:hidden}.sidebar__avatar img[data-v-70e2dd54]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:50%}.sidebar__avatar[data-v-70e2dd54]:hover{border-color:#8b7355;background:var(--bg-card)}.sidebar__avatar.active[data-v-70e2dd54]{border-color:#c9951a;background:#c9951a26;box-shadow:0 0 8px #c9951a4d}.sidebar__section[data-v-70e2dd54]{display:flex;flex-direction:column;gap:6px}.sidebar__section-header[data-v-70e2dd54]{display:flex;align-items:center;gap:6px;cursor:default}.sidebar__section-title[data-v-70e2dd54]{font-size:.85rem;font-weight:700;color:#b8d4a0;padding:2px 8px;background:#b8d4a01a;border-radius:4px}.sidebar__checks[data-v-70e2dd54]{display:flex;flex-direction:column;gap:4px}.sidebar__check[data-v-70e2dd54]{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.85rem;font-weight:700;padding:2px 0}.sidebar__checkbox[data-v-70e2dd54]{width:18px;height:18px;border:2px solid #555;border-radius:3px;background:var(--bg-secondary);flex-shrink:0;position:relative;transition:all .15s ease}.sidebar__checkbox.checked[data-v-70e2dd54]{border-color:#c9951a;background:#c9951a33}.sidebar__checkbox.checked[data-v-70e2dd54]:after{content:"✓";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#c9951a;font-size:.75rem;font-weight:800}.sidebar__sort-btn[data-v-70e2dd54]{background:none;border:none;cursor:pointer;padding:0}.sidebar__sort-arrow[data-v-70e2dd54]{color:var(--text-secondary);font-size:.85rem}.sidebar__count[data-v-70e2dd54]{font-size:.75rem;color:var(--text-secondary);text-align:right}.compendium__content[data-v-70e2dd54]{flex:1;display:flex;flex-direction:column;gap:8px}.potion-section[data-v-70e2dd54]{margin-bottom:8px}.rarity-header[data-v-70e2dd54]{font-family:Kreon,serif;font-size:1.15rem;font-weight:700;padding:8px 0 4px;margin:0;line-height:1.4}.rarity-header__label[data-v-70e2dd54]{font-weight:700}.rarity-header__desc[data-v-70e2dd54]{color:#e8e0d4;font-weight:400;margin-left:4px}.compendium__grid[data-v-70e2dd54]{display:flex;flex-wrap:wrap;gap:4px;align-content:flex-start;padding:4px 0}.potion-grid-item[data-v-70e2dd54]{text-decoration:none;transition:transform .15s ease}.potion-grid-item[data-v-70e2dd54]:hover{transform:translateY(-4px) scale(1.05)}.potion-cell[data-v-70e2dd54]{width:90px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px}.potion-cell__img[data-v-70e2dd54]{width:64px;height:64px;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 0 4px rgba(122,184,212,.25))}.potion-cell__name[data-v-70e2dd54]{font-family:Kreon,serif;font-size:.7rem;font-weight:700;color:#e8e0d4;text-align:center;line-height:1.2}.potion-tooltip{position:fixed;z-index:9999;pointer-events:none;padding:10px;background:#1a1815;border:2px solid #5a7a8a;border-radius:10px;box-shadow:0 8px 32px #000000b3;max-width:300px}.potion-tooltip__header{display:flex;align-items:center;gap:10px}.potion-tooltip__img{width:40px;height:40px;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 0 4px rgba(122,184,212,.3))}.potion-tooltip__name{font-family:Kreon,serif;font-size:1rem;font-weight:700;color:#e8e0d4;white-space:nowrap}.potion-tooltip__meta{display:flex;gap:6px;font-family:Kreon,serif;font-size:.75rem;color:#9a9080}.potion-tooltip__desc{font-family:Kreon,serif;font-size:.8rem;color:#c8c0b4;line-height:1.4;margin-top:6px}