@layer base{:root{--footer-border-color:#344798;--header-border-color:#344798}}@layer layout{brambletrek-expanded-legacy-view{overflow-y:auto}.brambletrek-character-builder{background-color:rgba(0,0,0,.6);border-radius:.5rem;display:flex;flex-direction:column;grid-column:narrow;height:100%;min-height:0;overflow:clip;user-select:none;width:100%}.brambletrek-character-builder-footer,.brambletrek-character-builder-header{padding:1rem 1.5rem}.brambletrek-character-builder-body{display:flex;flex-direction:column;flex-grow:1;gap:1rem;margin-inline:.5rem;overflow-y:auto;padding:1rem}.main{backdrop-filter:saturate(100%)}.tool-links{display:flex;flex-direction:column;gap:.75rem}.reference-document{backdrop-filter:blur(3px);background-color:rgba(0,0,0,.75);border-radius:.5rem;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}.reference-document-image{height:12rem;object-fit:cover;width:12rem}.reference-document-ability-list{display:flex;flex-direction:column;font-size:var(--fs-350);gap:.375rem;text-align:center;text-wrap:pretty;strong{font-size:var(--fs-450);font-variant:small-caps;font-weight:700;text-transform:lowercase}}.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}}.compendium-document-list{--scrollbar-color:var(--color-brand-black);display:flex;flex-direction:column;gap:.375rem;grid-area:documents;overflow-y:auto;padding-inline-end:.25rem;scrollbar-gutter:stable}.compendium-document{background-color:rgba(0,0,0,.75);border-radius:.5rem;font-size:var(--fs-300);font-weight:400;padding:.25rem .375rem;&[data-document-type=brambletrek-legacy]{padding:.5rem 1rem}}}@layer components{.assigned-resource-cards{display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr)}.cards-slot{max-height:10rem;width:auto}.character-builder-section{display:flex;flex-direction:column;gap:.5rem}.character-builder-section-footer{align-items:center;display:flex;gap:1.5rem;justify-content:space-between;padding-inline:.25rem;@media (width <= 720px){gap:.5rem}@media (width <= 410px){align-items:start;flex-direction:column;justify-content:center}}.generated-card{align-items:center;background-color:rgba(0,0,0,.25);border-radius:.5rem;display:flex;gap:.5rem;padding:.75rem;text-align:center}.game-link{@media (width < 480px){font-size:var(--fs-400);text-align:center;text-wrap:auto}}.generated-card-title{font-size:var(--fs-400);font-weight:700;text-transform:uppercase}.generated-card-content{font-size:var(--fs-300);font-weight:400;text-transform:none;text-wrap:pretty}.heading{&[data-heading-type=document-title],&[data-heading-type=section-title]{font-weight:700;margin:0;text-align:center;text-transform:uppercase}&[data-heading-type=document-title]{font-size:var(--fs-700)}&[data-heading-type=section-title]{font-size:var(--fs-500)}}.playing-card{max-height:10rem;&[data-back]{opacity:.5}}.legacy-card{background-color:rgba(0,0,0,.25);border:2px solid transparent;border-radius:.5rem;display:grid;gap:.5rem;grid-template-areas:"name image" "description image" "button image";padding:.75rem;transition:all .15s ease-in-out;@media (width <= 640px){gap:.25rem;grid-template-areas:"name" "description" "button"}&[data-selected]{border-color:#344798}}.legacy-card-footer{align-items:end;display:flex;gap:.5rem;@media (width < 440px){align-items:start;flex-direction:column;gap:.5rem}}.legacy-card-header{align-items:center;display:flex;font-size:var(--fs-500);gap:1rem;text-transform:uppercase;@media (width <= 540px){align-items:start;flex-direction:column;gap:.25rem}}.legacy-reference-boosts-and-flaws{font-size:var(--fs-400);text-align:center;text-transform:uppercase}.legacy-reference-summary{text-align:center;text-wrap:pretty}.item-reference-summary{text-align:start;text-wrap:pretty}.continue-button,.export-button{margin-left:auto}.continue-button,.export-button,.generate-button,.legacy-card-button,.repeat-button{background-color:#344798;border-radius:.25rem;box-sizing:border-box;display:block;font-size:var(--fs-300);font-weight:700;padding:.25rem .75rem .125rem;text-decoration:none;text-transform:uppercase;transition:all .2s ease-in-out;width:fit-content;&:hover{background-color:#233178}@media (width < 440px){font-size:var(--fs-250)}}.export-button{@media (width < 440px){font-size:var(--fs-300)}}.continue-button,.generate-button{@media (width <= 410px){font-size:var(--fs-300);text-align:center;width:100%}}.legacy-card-button{@media (width < 440px){box-sizing:border-box;font-size:var(--fs-300);text-align:center;width:100%}}.legacy-description{font-size:var(--fs-300);grid-area:description;margin-block-end:.25rem;text-wrap:pretty}.legacy-image{border-radius:.5rem;grid-area:image;max-height:12rem;min-height:0;@media (width <= 640px){display:none}}.legacy-list{display:flex;flex-direction:column;gap:.75rem}.legacy-modifiers{align-items:center;display:flex;font-size:var(--fs-400);gap:.5rem;justify-content:center}.resource-cards{display:grid;gap:.5rem;grid-template-columns:repeat(6,1fr)}.resource-instructions{background-color:rgba(0,0,0,.25);border:1px solid #344798;border-radius:.5rem;font-size:var(--fs-400);margin-block-end:.75rem;padding:.25rem .75rem .125rem;text-wrap:pretty}.resources{display:grid;font-weight:700;gap:.5rem;grid-template-columns:repeat(3,1fr);text-align:center;text-transform:uppercase;width:100%}.stacked-field{display:flex;flex-direction:column;font-size:var(--fs-300);gap:.25rem;[type]{font-size:var(--fs-400)}}.text-area{height:6rem;resize:none}.text-area,[type=text]{background-color:rgba(0,0,0,.25);border:1px solid #344798;border-radius:.5rem;font-size:var(--fs-400);padding:.25rem .75rem .125rem;&:active,&:focus{border-color:#344798;box-shadow:none;outline:none}}}