@layer variables{:root{--card-height:14rem}}@layer layout{.compendium-search-interface{display:grid;gap:.75rem 1rem;grid-column:normal;grid-template-areas:"search expandedDocument" "documents expandedDocument";grid-template-columns:minmax(25rem,1fr) minmax(25rem,var(--narrow-column-max-width));grid-template-rows:min-content minmax(0,1fr);overflow-y:clip;&[data-no-search]{grid-template-areas:"documents expandedDocument";grid-template-rows:minmax(0,1fr);&[data-inline-only]{grid-template-areas:"documents";grid-template-columns:minmax(25rem,var(--narrow-column-max-width));grid-template-rows:minmax(0,1fr);justify-content:center}}&[data-inline-only]{grid-template-areas:"search" "documents";grid-template-columns:minmax(25rem,var(--narrow-column-max-width));grid-template-rows:min-content minmax(0,1fr);justify-content:center}}.site-background{filter:brightness(.5) saturate(.75)}}@layer components{covens-tarot-deck{display:contents}.card{aspect-ratio:464/801;height:var(--card-height);transform:rotateY(0deg);transform-style:preserve-3d;transition:box-shadow .6s;&[data-flipped]{transform:rotateY(180deg)}[data-face]{backface-visibility:hidden;border-radius:8px;height:100%;width:100%}[data-face=front]{transform:rotateY(0deg);z-index:2}[data-face=back]{transform:rotateY(180deg)}}.card-slots{align-items:center;display:flex;gap:2rem;justify-content:center}.deck{aspect-ratio:464/801;background-image:url(/assets/covens/cards/back.webp);background-position:50%;background-repeat:none;background-size:cover;height:var(--card-height)}.deck-container{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;width:100%}.deck-controls{display:flex;gap:.5rem}.slot{aspect-ratio:464/801;background-color:rgba(255,0,0,.5);height:var(--card-height)}.compendium-document-list{--scrollbar-color:var(--color-brand-black);display:flex;flex-direction:column;gap:.5rem;grid-area:documents;overflow-y:auto;padding-inline-end:.25rem;scrollbar-gutter:stable;z-index:1}.game-link,.reference-document{backdrop-filter:blur(2px);background-color:hsl(from var(--color-brand-black) h s l/.75);border:1px solid var(--color-brand-muted-yellow);border-radius:0;box-shadow:0 0 8px #000}.reference-document{gap:1.5rem;grid-column:narrow;min-height:0;overflow-y:auto;padding:1.5rem 2rem 1rem}.reference-document,.reference-document-body{align-items:center;display:flex;flex-direction:column}.reference-document-body{gap:1.75rem}}