.compendium[data-v-ac995e03]{display:flex;gap:16px}.compendium__sidebar[data-v-ac995e03]{width:200px;flex-shrink:0;display:flex;flex-direction:column;gap:12px;font-family:Kreon,serif}.sidebar__search[data-v-ac995e03]{display:flex;flex-direction:column;gap:4px}.sidebar__search-label[data-v-ac995e03]{font-size:.9rem;font-weight:700;color:var(--text-primary)}.sidebar__search-input[data-v-ac995e03]{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-ac995e03]:focus{outline:none;border-color:var(--accent, #8b7355)}.sidebar__avatars[data-v-ac995e03]{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.sidebar__avatar[data-v-ac995e03]{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-ac995e03]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:50%}.sidebar__avatar[data-v-ac995e03]:hover{border-color:#8b7355;background:var(--bg-card)}.sidebar__avatar.active[data-v-ac995e03]{border-color:#c9951a;background:#c9951a26;box-shadow:0 0 8px #c9951a4d}.sidebar__section[data-v-ac995e03]{display:flex;flex-direction:column;gap:6px}.sidebar__section-header[data-v-ac995e03]{display:flex;align-items:center;gap:6px;cursor:default}.sidebar__section-title[data-v-ac995e03]{font-size:.85rem;font-weight:700;color:#b8d4a0;padding:2px 8px;background:#b8d4a01a;border-radius:4px}.sidebar__type-icons[data-v-ac995e03]{display:flex;gap:4px}.sidebar__type-btn[data-v-ac995e03]{width:36px;height:42px;border:2px solid transparent;border-radius:4px;background:var(--bg-secondary);cursor:pointer;padding:4px;transition:all .15s ease;opacity:.5}.sidebar__type-btn img[data-v-ac995e03]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.sidebar__type-btn[data-v-ac995e03]:hover{opacity:.8;border-color:#8b7355}.sidebar__type-btn.active[data-v-ac995e03]{opacity:1;border-color:#c9951a;background:#c9951a1a}.sidebar__checks[data-v-ac995e03]{display:flex;flex-direction:column;gap:4px}.sidebar__check[data-v-ac995e03]{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.85rem;font-weight:700;padding:2px 0}.sidebar__checkbox[data-v-ac995e03]{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-ac995e03]{border-color:#c9951a;background:#c9951a33}.sidebar__checkbox.checked[data-v-ac995e03]:after{content:"✓";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#c9951a;font-size:.75rem;font-weight:800}.sidebar__costs[data-v-ac995e03]{display:flex;gap:4px}.sidebar__cost-btn[data-v-ac995e03]{width:32px;height:32px;border-radius:4px;border:2px solid #555;background:var(--bg-secondary);color:var(--text-primary);font-family:Kreon,serif;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.sidebar__cost-btn[data-v-ac995e03]:hover{border-color:#8b7355}.sidebar__cost-btn.active[data-v-ac995e03]{border-color:#c9951a;background:#c9951a33;color:#c9951a}.sidebar__sort-btn[data-v-ac995e03]{background:none;border:none;cursor:pointer;padding:0}.sidebar__sort-arrow[data-v-ac995e03]{color:var(--text-secondary);font-size:.85rem}.sidebar__count[data-v-ac995e03]{font-size:.75rem;color:var(--text-secondary);text-align:right}.compendium__grid[data-v-ac995e03]{flex:1;display:flex;flex-wrap:wrap;gap:8px;align-content:flex-start}.card-grid-item[data-v-ac995e03]{text-decoration:none;transition:transform .15s ease}.card-grid-item[data-v-ac995e03]:hover{transform:translateY(-4px) scale(1.02)}.sts-card[data-v-ac995e03]{width:150px;height:211px;position:relative;overflow:visible}.sts-card__portrait[data-v-ac995e03]{position:absolute;left:8.33%;top:10.19%;width:83.33%;height:45.02%;-o-object-fit:cover;object-fit:cover}.sts-card__frame[data-v-ac995e03]{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:fill;object-fit:fill;pointer-events:none}.sts-card__portrait-border[data-v-ac995e03]{position:absolute;left:4.17%;top:11.14%;width:91.67%;height:49.76%;-o-object-fit:fill;object-fit:fill;pointer-events:none}.sts-card__banner[data-v-ac995e03]{position:absolute;left:-4.33%;top:3%;width:109%;height:19.67%;-o-object-fit:fill;object-fit:fill;pointer-events:none}.sts-card__title[data-v-ac995e03]{position:absolute;left:15%;top:3.5%;width:70%;height:11%;display:flex;align-items:center;justify-content:center;font-family:Kreon,serif;font-size:13px;font-weight:400;color:#fff6e2;-webkit-text-stroke:1px #4d4b40;paint-order:stroke fill;text-shadow:1px 1px 0 rgba(0,0,0,.19);text-align:center;line-height:1;overflow:hidden;z-index:3;pointer-events:none}.sts-card__type-plaque[data-v-ac995e03]{position:absolute;left:25%;top:50.24%;width:50%;height:8.77%;z-index:3;pointer-events:none}.sts-card__type-plaque-img[data-v-ac995e03]{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:fill;object-fit:fill}.sts-card__type-label[data-v-ac995e03]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:Kreon,serif;font-size:8px;font-weight:700;color:#000000bf;text-align:center}.sts-card__energy[data-v-ac995e03]{position:absolute;left:-5.33%;top:-3.79%;width:21.33%;height:15.17%;z-index:4;pointer-events:none}.sts-card__energy-icon[data-v-ac995e03]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.sts-card__energy-label[data-v-ac995e03]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding-top:3%;font-family:Kreon,serif;font-size:16px;font-weight:700;color:#0f0;-webkit-text-stroke:2px #1f5923;paint-order:stroke fill;text-shadow:1px 1px 0 rgba(0,0,0,.19)}.sts-card__desc[data-v-ac995e03]{position:absolute;left:9.33%;top:58.77%;width:81%;height:32.23%;display:flex;align-items:center;justify-content:center;font-family:Kreon,serif;font-size:9px;font-weight:400;line-height:1.1;color:#fff6e2;text-shadow:1px 1px 0 rgba(0,0,0,.25);text-align:center;white-space:pre-line;overflow:hidden;z-index:3;padding:2px}