:root{--bg: #0b0c0f;--panel: #11131a;--muted: #8e95a3;--text: #e8ecf1;--accent: #50b3ff;--border: #232833;--radius: 16px;--card-min-width: 200px;--card-grid-spacer: 1em}@media (prefers-color-scheme: light){:root{--bg: #f6f7fb;--panel: #ffffff;--muted: #5a6578;--text: #0b0c0f;--accent: #0d6efd;--border: #e7eaf0}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji";color:var(--text);background:radial-gradient(1200px 600px at 10% -10%,rgba(80,179,255,.15),transparent 50%),radial-gradient(1000px 500px at 120% 0%,rgba(80,179,255,.1),transparent 50%),var(--bg)}input[type=checkbox]{accent-color:var(--accent)}input[type=checkbox]:disabled{opacity:25%}input[type=checkbox]:disabled:checked{opacity:75%}.conjoined-checkbox:has(+.conjoined-checkbox){margin-right:0}.conjoined-checkbox+.conjoined-checkbox{margin-left:0}.app{display:flex;flex-direction:column;min-height:100dvh;max-height:100%}.site-header{border-bottom:1px solid var(--border);background:color-mix(in oklab,var(--panel),transparent 20%);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);position:sticky;top:0;z-index:10}.site-header .nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;max-width:1000px;margin:0 auto}.site-header .nav .brand{font-weight:700;letter-spacing:.2px}.site-header .nav .links a{color:var(--muted);text-decoration:none;margin-left:1rem;padding:.25rem .5rem;border-radius:10px}.site-header .nav .links a.active,.site-header .nav .links a:hover{color:var(--text);background:color-mix(in oklab,var(--accent),transparent 88%)}@media (max-width: 800px){.site-header .nav .links a{margin-left:.1rem;margin-top:.25rem}}.container{padding:1.25rem;display:flex;gap:.5rem;min-height:0;flex-grow:1;overflow:hidden}@media (max-width: 800px){.container{flex-direction:column;gap:.2rem;padding:.5rem}h2,h3{margin-block-start:.1em;margin-block-end:.1em}}.home-page{grid-area:main}.panel{background:color-mix(in oklab,var(--panel),transparent 8%);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;box-shadow:0 10px 30px #0000001a}@media (max-width: 800px){.panel{padding:.5rem}}.main-container{display:flex;flex-direction:column;overflow:hidden;grid-area:main;flex-basis:2px;flex-grow:2}.main-panel{overflow:auto;flex-grow:1}.grid{display:flex;gap:.5rem;flex-direction:column}.column{display:flex;flex-direction:column;gap:.75rem;align-items:start}.row{display:flex;gap:.75rem;align-items:center}label{font-size:.9em;color:var(--muted);min-width:9rem}input,select,textarea{padding:.6rem .7rem;border:1px solid var(--border);background:color-mix(in oklab,var(--panel),transparent 5%);color:var(--text);outline:none}input[type=number]{flex-basis:6em;min-width:6em;flex-grow:unset}textarea{min-height:120px;resize:vertical}.shrinking-input{flex-shrink:1;min-width:9rem;flex-grow:1}button{padding:.6rem .9rem;border-radius:10px;border:1px solid var(--border);background:color-mix(in oklab,var(--accent),transparent 88%);color:var(--text);cursor:pointer;font-size:1em}button.ghost{background:transparent}button.ghost[disabled]{cursor:not-allowed}button.primary{background:var(--accent);color:#fff;border:1px solid var(--accent)}.slim-button{padding:.3em .7em}.tiny-button{padding:.1em}.btn-row{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.site-footer{border-top:1px solid var(--border);padding:.15rem;text-align:center;color:var(--muted);background:var(--bg)}.daggerheart-compatible-logo{height:2em}@media (max-width: 800px){.site-footer{font-size:.9em;padding:.5rem}}code.kbd{background:color-mix(in oklab,var(--panel),transparent 5%);padding:.1rem .4rem;border-radius:6px;border:1px solid var(--border)}h4{margin-block-end:.5em}p{margin-block-start:.5em;margin-block-end:.5em}.tab-row{padding:0 1em}.tab{border-radius:1em 1em 0 0;border:1px solid var(--border);border-bottom:0px;background-color:var(--panel);cursor:pointer;padding:.5em}.display-none.display-none{display:none}.subclass-feature,.feature-preview{text-align:initial}.card{aspect-ratio:2.5/3.5;display:flex;flex-direction:column;max-width:300px;padding:0;container-type:inline-size}@media (max-width: 800px){.card{aspect-ratio:unset}}.card-top{position:relative;flex:1;font-size:5cqw;display:flex;justify-content:space-between;align-items:baseline}@media (max-width: 800px){.card-top:has(.card-level-domain){min-height:3.2em}}.card-image{width:100%;height:100%;object-fit:cover}.card-level-domain{position:relative;top:0%;left:5%;font-weight:700;display:flex;flex-direction:column;text-align:center;border:1px solid var(--border);border-radius:0 0 .5em .5em;padding:.2em .4em;border-top-width:0;width:fit-content}.card-recall-cost{position:absolute;top:0%;right:5%;font-weight:700;border:1px solid var(--border);border-radius:0 0 .5em .5em;padding:.2em .4em;border-top-width:0;text-align:center}.card-bottom{position:relative;padding:5%;display:flex;flex-direction:column;align-items:center;border-top:1px solid var(--border);font-size:4.2cqw;white-space:pre-wrap;min-height:50%}.card-feature-type{position:absolute;max-width:100%;left:50%;top:0%;transform:translate(-50%,-50%);white-space:nowrap;border-radius:1em;background:var(--panel);border:1px solid var(--border);padding:.2em .5em}.card-title{font-weight:700;text-align:center;margin:.1em 0}.card-subtitle{font-weight:400;text-align:center;margin:.1em 0}.domain-card{min-width:var(--card-min-width);margin:.2em}.domain-card-preview{aspect-ratio:2.5/3.5;display:flex;flex-direction:column;max-width:500px}.domain-card-top{position:relative;flex:1}.domain-image{width:100%;height:100%;object-fit:cover}.domain-level-domain{position:absolute;top:0%;left:5%;font-weight:700;display:flex;flex-direction:column}.domain-recall-cost{position:absolute;top:0%;right:5%;font-weight:700}.domain-card-bottom{padding:5%;display:flex;flex-direction:column;align-items:center}*:has(>.under-labeled-entry+.under-labeled-entry){white-space:nowrap}.under-labeled-entry{line-height:1.5em;position:relative;margin-top:.3em}.under-labeled-entry .label{text-transform:uppercase;font-size:.5em;position:relative;top:3.3em;line-height:0}.under-labeled-entry+.under-labeled-entry{border-left:1px dotted currentColor;padding-left:.5em}.asset-text.clickable{cursor:help}.weapon,.armor,.inventory{align-items:stretch;text-align:initial}.weapon-section,.armor-section,.inventory-section{display:flex}.weapon-section>*,.armor-section>*,.inventory-section>*{flex-grow:1;padding-left:.2em}.weapon-stats,.armor-stats{text-transform:capitalize}.weapon-entry,.armor-entry{padding-bottom:.5em}.armor-stats{text-align:center}.preview{font-size:.75em;overflow-y:scroll;overflow-x:hidden;max-height:calc(100vh - 8rem);min-height:0;flex-shrink:1;position:sticky;top:0;grid-area:preview;flex-basis:1px;flex-grow:1}.cs{position:relative;display:inline-block;cursor:pointer}.cs__native{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.cs__button{display:inline-flex;align-items:center;justify-content:space-between;width:100%;padding:6px 10px;border:1px solid var(--panel);border-radius:4px;background:var(--panel)}.cs__button:focus-visible{outline:2px solid #2684ff;outline-offset:2px}.cs__label{margin-right:8px;opacity:.75}.cs__value--placeholder{opacity:.7}.cs__chev{margin-left:8px;opacity:.7}.cs__list{position:absolute;cursor:pointer;left:0;right:0;top:calc(100% + 4px);max-height:240px;overflow:auto;border:1px solid var(--panel);border-radius:4px;background:var(--panel);box-shadow:0 4px 18px #00000014;z-index:1000;padding:4px 0}.cs__opt{padding:6px 10px;line-height:1.35}.cs__opt:hover,.cs__opt.is-active{background:color-mix(in oklab,var(--accent),transparent 88%)}.cs__opt.is-selected{font-weight:600;background:var(--accent)}.cs__opt.is-disabled{opacity:.5;pointer-events:none}.heritage-container{display:flex;flex-direction:column;gap:.5rem;height:100%;overflow:visible}.heritage-selection{flex-shrink:1;min-height:0;padding-bottom:unset}.heritage-selection-button{flex-grow:1}.ancestry-selection{gap:.2rem;position:relative;align-items:start;flex-shrink:1;color:var(--text)}.ancestry-selection-list{display:flex;flex-direction:column;flex-grow:1;gap:.5rem;flex-shrink:1;min-height:0;max-height:240px;position:absolute}.builder-equipment-starter-item{padding-left:.9em}.identity-section{display:flex;flex-direction:column;align-items:start;justify-content:start;border:1px solid var(--border);border-radius:.5em;padding:.2em .5em;flex-grow:1;min-width:min-content;flex-shrink:1}.identity-section .identity-label{font-weight:700;font-size:.5em}.identity-section .identity-value{width:100%;line-height:.9em}.description-category{margin-bottom:1em}.description-option{display:inline-block;font-size:1em;margin:0 .1em}input.description-option{border-radius:.2em}.builder-container{display:flex;flex-direction:row;gap:1.5rem}.builder-container h2{font-size:1.2em;font-weight:700;margin:0 .5em .5em}.builder-panel{min-height:0;flex-shrink:1;overflow-x:hidden}.step-selector{flex-basis:fit-content;flex-shrink:0;display:flex;flex-direction:column;gap:.2em;overflow:auto;grid-area:menu;width:fit-content;height:fit-content;top:1rem}.step-selector button{padding:.5em}@media (max-width: 800px){.step-selector{flex-direction:row;overflow-x:auto;overflow-y:hidden;width:100%;height:fit-content;position:relative;top:0}.step-selector button{padding:.3em;white-space:nowrap}}.builder-identity{display:flex;flex-direction:row;gap:.5em}.builder-identity>*{flex-grow:1}.builder-identity-input{width:100%;border:none;padding:0}.builder-identity-level{flex-shrink:1;min-width:min-content}.step-selection{flex:1;display:flex;flex-direction:column;gap:1rem;min-width:200px;grid-area:main;flex-basis:2px;flex-grow:2;flex-shrink:1;min-height:0}@media (max-width: 800px){.step-selection{gap:.1rem;flex-basis:3px;flex-grow:3}}.builder-entry{align-items:stretch}.character-sheet{display:flex;flex-direction:column;align-items:stretch;background:color-mix(in oklab,var(--panel),transparent 8%);border:1px solid var(--border);border-radius:var(--radius);font-size:1.1vw;padding:1em;box-shadow:0 10px 30px #0000001a}.character-sheet section{border:1px solid var(--border);border-radius:.5em;padding:.5em}.character-sheet .flex-expand{flex-grow:1;align-items:stretch}.character-sheet .sheet-row{display:flex;flex-direction:row;justify-content:stretch}.character-sheet .class-block{display:flex;flex-direction:column;align-items:start;justify-content:center;text-transform:uppercase;grid-area:class-block}.character-sheet .class-name{font-size:1.5em;font-weight:700;color:var(--text-primary)}.character-sheet .identity-block{display:flex;flex-direction:column;align-items:start;justify-content:center;flex-grow:1;grid-area:identity-block}.character-sheet .identity-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%}.character-sheet .identity-row>*{flex-grow:1}.character-sheet .badge-block{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:.5em;flex-shrink:1;padding:.5em}.character-sheet .badge-block .value{font-size:2em;font-weight:700}.character-sheet .badge-block.inverted .value{order:2}.character-sheet .badge-block .label{font-size:.75em;color:var(--text-secondary);text-transform:uppercase}.character-sheet .badge-block.inverted .label{order:1}.character-sheet .traits-section{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr}.character-sheet .trait-block{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:.5em;flex-shrink:1;padding:.5em}.character-sheet .trait-block .value{font-size:2em;font-weight:700}.character-sheet .trait-block .label{font-size:.7em;color:var(--text-secondary);text-transform:uppercase;white-space:nowrap}.character-sheet .trait-block .application{font-size:.7em;color:var(--text-secondary)}.character-sheet .armor-grid{display:grid;grid-template-columns:repeat(3,1em);gap:.5em .2em;align-self:center}.character-sheet .armor-grid .armor-cell{aspect-ratio:1;border:1px solid grey;border-radius:50%;cursor:pointer}.character-sheet .armor-grid .armor-cell.active{background:gray}.character-sheet .armor-grid .armor-cell.disabled{border-color:var(--border);border-style:dashed;pointer-events:none;cursor:not-allowed}.character-sheet .damage-thresholds{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-top:.5em}.character-sheet .damage-thresholds button{padding:.2em;flex-grow:0;flex-basis:content}.character-sheet .hope-grid{display:grid;margin:0 1em;grid-template-columns:repeat(6,1fr);gap:1.5em;justify-self:center}.character-sheet .hope-grid .hope-cell{aspect-ratio:1;width:2em;border:1px solid yellow;border-radius:50%;cursor:pointer}.character-sheet .hope-grid .hope-cell.active{background:#ff0}.character-sheet .hope-grid .hope-cell.disabled{border-color:var(--border);border-style:dashed;pointer-events:none;cursor:not-allowed}.character-sheet .hp-stress-section{display:flex;flex-direction:row;align-items:stretch}.character-sheet .hp-stress-grid{display:grid;flex-grow:1;min-width:1px;padding:.3em .5em;grid-template-columns:repeat(12,1fr);gap:.2em}.character-sheet .hp-stress-grid .value-cell{border:1px solid var(--grid-value-color, grey);border-radius:.2em;flex-grow:0;flex-shrink:1;min-width:1px;height:100%}.character-sheet .hp-stress-grid .value-cell.active{background:var(--grid-value-color, grey)}.character-sheet .hp-stress-grid .value-cell.disabled{border-color:var(--border)}.character-sheet .hp-grid{--grid-value-color: var(--hp-color, red)}.character-sheet div:has(+.headered-section),.character-sheet span:has(+.headered-section),.character-sheet section:has(+.headered-section){padding-bottom:1em}.character-sheet .headered-section{position:relative;padding:1em .5em .5em;text-align:center;border:1px solid var(--border);border-radius:.5em;margin:.1em;flex-grow:1}.character-sheet .headered-section:first-child{margin-top:1em}.character-sheet .headered-section .header{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);white-space:nowrap;border-radius:1em;background:var(--panel);border:1px solid var(--border);padding:.2em .5em;text-align:center}.character-sheet .headered-section .header-bottom-container{position:relative;bottom:0;left:0;height:0;display:flex;justify-content:center}.character-sheet .headered-section .header-bottom{position:relative;display:flex;align-items:center;bottom:0;left:50%;height:fit-content;transform:translate(-50%,.2em);border-left:1px solid var(--border);border-right:1px solid var(--border);border-bottom:1px solid var(--border);border-radius:0 0 .5em .5em;padding:0 .2em}.character-sheet *:has(>.under-labeled-entry+.under-labeled-entry){white-space:nowrap}.character-sheet .experience-entry{display:flex;flex-direction:row}.character-sheet .experience-entry .experience-text{flex-grow:1;text-align:initial;text-decoration:underline}.character-sheet .experience-entry .experience-value{font-weight:700;text-decoration:underline;margin-left:.5em}.character-sheet .weapon,.character-sheet .armor,.character-sheet .inventory{align-items:stretch;text-align:initial}.character-sheet .inventory{flex-grow:5}.character-sheet .weapon-section,.character-sheet .armor-section,.character-sheet .inventory-section{display:flex}.character-sheet .weapon-section>*,.character-sheet .armor-section>*,.character-sheet .inventory-section>*{flex-grow:1;padding-left:.2em}.character-sheet .weapon-stats,.character-sheet .armor-stats{text-transform:capitalize}.character-sheet .armor-stats{text-align:center}.character-sheet .gold-title{grid-area:title;text-align:center}.character-sheet .inventory-entry{display:flex;align-items:center;justify-content:space-between}.class-identity{display:grid;grid-template-areas:"class-block identity-block level-block";grid-template-columns:auto 1fr auto}@media (max-width: 800px){.class-identity{grid-template-areas:"class-block level-block" "identity-block identity-block";grid-template-columns:1fr auto}}.level-block{grid-area:level-block}.defense-traits{display:grid;grid-template-areas:"defense-block traits-block";grid-template-columns:auto 1fr;gap:1em}@media (max-width: 800px){.defense-traits{grid-template-areas:"defense-block" "traits-block";grid-template-columns:1fr;gap:.5em}}.defense-block{grid-area:defense-block;display:flex;flex-direction:row;align-items:stretch;justify-content:center}.sheet-contents{grid-area:sheet-contents;display:grid;grid-template-areas:"resources-features equipment";grid-template-columns:6fr 5fr;align-items:stretch}@media (max-width: 800px){.sheet-contents{grid-template-areas:"resources-features" "equipment";grid-template-columns:1fr}}.sheet-resources-features{grid-area:resources-features;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:1em}.sheet-equipment{grid-area:equipment;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:1em}.sheet-column{display:flex;flex-direction:column;align-items:stretch;justify-content:center;flex-grow:1}.value-grid{display:flex}.value-grid .value-cell{border:1px solid var(--border);border-radius:999999em;text-align:center;cursor:pointer}.value-grid .value-cell.active{background:gray}.value-grid .value-cell.disabled{border-style:dashed;pointer-events:none;cursor:not-allowed}.gold-section{display:grid;grid-template-areas:"title title title" "handfuls-title bags-title chest-title" "handfuls bags chest";grid-template-columns:6fr 6fr 1fr;border:1px solid var(--border);border-radius:.5em;padding:.5em}.gold-grid{display:grid;width:100%;flex-grow:1;min-width:5px;padding:.1em .3em;grid-template-columns:repeat(var(--num-items),1fr);height:2em;gap:.1em}.gold-grid .value-cell{border:1px solid var(--grid-value-color, grey);border-radius:.2em;min-width:5px;height:100%}.gold-grid .value-cell.active{background:var(--grid-value-color, gold);border-color:var(--grid-value-color, gold)}.gold-grid .value-cell.disabled{border-color:var(--border)}.proficiency-grid{display:-moz-inline-grid;color:gray;width:100%;flex-grow:1;min-width:5px;padding:.1em .3em;grid-template-columns:repeat(var(--num-items),1fr);height:1em;gap:.1em}.proficiency-grid .value-cell{border:1px solid var(--grid-value-color, currentColor);cursor:unset;border-radius:50%;min-width:5px;aspect-ratio:1/1}.proficiency-grid .value-cell.active{background:var(--grid-value-color, currentColor);border-color:var(--grid-value-color, currentColor)}.proficiency-grid .value-cell.disabled{border-color:currentColor}@media (max-width: 800px){.character-sheet{font-size:3.5vw}}.character-cards-container{container:cards/inline-size}.character-cards{display:grid;gap:var(--card-grid-spacer);grid-template-columns:1fr}.character-cards>h3{grid-column:1/-1}@container cards (width > calc(400px + 1em)){.character-cards{grid-template-columns:repeat(min(2,var(--highest-card-count)),1fr)}}@container cards (width > calc(600px + 2em)){.character-cards{grid-template-columns:repeat(min(3,var(--highest-card-count)),1fr)}}@container cards (width > calc(800px + 3em)){.character-cards{grid-template-columns:repeat(min(4,var(--highest-card-count)),1fr)}}@container cards (width > calc(1000px + 4em)){.character-cards{grid-template-columns:repeat(min(5,var(--highest-card-count)),1fr)}}@container cards (width > calc(1200px + 5em)){.character-cards{grid-template-columns:repeat(min(6,var(--highest-card-count)),1fr)}}.character-cards-card{min-width:var(--card-min-width);flex-grow:1;margin:.2em}