.sheet{--_gap:16px;--_card-pad:14px 16px;--_ok:#5d7a3c;display:flow-root}.sheet h2{font-size:var(--size-card-title)}.sheet .card{padding:var(--_card-pad)}.sheet .columns{margin-top:var(--_gap);align-items:flex-start;gap:var(--_gap);flex-wrap:wrap;display:flex}.sheet .rail,.sheet .play{gap:var(--_gap);flex-direction:column;min-width:0;display:flex}.sheet .rail{flex:300px}.sheet .play{flex:999 460px}.sheet input,.sheet select{min-width:0;font-size:var(--size-body);color:var(--text-body);border:0;border-bottom:var(--border-w) solid var(--field-border);background:0 0;border-radius:0;padding:4px 2px;font-variant-caps:normal}.sheet select{min-height:var(--tap-target);cursor:pointer}.sheet textarea{width:100%;font-size:var(--size-body);resize:vertical;color:var(--text-body);background:var(--card-fill);border:var(--border-w) solid var(--field-border);border-radius:var(--radius-button);padding:8px 10px;line-height:1.5}.sheet ::placeholder{color:var(--muted);opacity:1}.sheet input:focus,.sheet select:focus{border-bottom-color:var(--sienna);outline:none}.sheet textarea:focus{border-color:var(--sienna);outline:none}.sheet .strip{--_size-stat:1.4375rem;z-index:20;background:var(--page-bg);border-bottom:var(--border-w) solid var(--border-outer);box-shadow:var(--shadow-drop);padding:10px 0 12px;position:sticky;top:0}.sheet .strip .strip-inner{flex-wrap:wrap;align-items:flex-start;gap:10px 16px;display:flex}.sheet .strip .smallcaps{font-size:var(--size-footnote)}.sheet .strip .hp{flex:330px;min-width:0}.sheet .strip .hp-nums{flex-wrap:wrap;align-items:baseline;gap:6px 8px;display:flex}.sheet .strip .hp-current,.sheet .strip .hp-max{border-bottom-color:#0000}.sheet .strip .hp-current{text-align:right;width:52px;font-size:var(--_size-stat);line-height:1.1}.sheet .strip .hp-max{width:44px;color:var(--text-body)}.sheet .strip .slash{opacity:.55}.sheet .strip .hint{display:none}.sheet .strip .save-status{width:84px;min-height:21px;font-size:var(--size-desc);opacity:var(--op-secondary);flex:none;justify-content:flex-end;align-items:center;gap:4px;margin-left:auto;display:inline-flex}.sheet .strip .vitals{gap:16px;display:flex}.sheet .strip .vital{text-align:center}.sheet .strip .stat{width:56px;font-size:var(--_size-stat);padding:2px 0}.sheet .strip .strip-toggle{font-size:var(--size-desc);text-underline-offset:3px;color:var(--heading);cursor:pointer;background:0 0;border:0;align-self:center;align-items:center;gap:2px;padding:0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;display:inline-flex;position:relative}.sheet .strip .strip-toggle:before{content:"";position:absolute;inset:-12px}.sheet .strip .strip-toggle svg{transition:rotate .15s}.sheet .strip[data-open=true] .strip-toggle svg{rotate:180deg}.sheet .strip .strip-extras{flex-wrap:wrap;flex:100%;align-items:flex-start;gap:10px 16px;display:none}.sheet .strip[data-open=true] .strip-extras{display:flex}.sheet .strip .hp-adjust{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.sheet .strip .amount{width:56px;min-height:var(--tap-target);background:var(--card-fill);border:var(--border-w) solid var(--field-border);border-radius:var(--radius-button);padding:8px 4px}.sheet .strip .amount:focus{border-color:var(--sienna)}.sheet .strip .death{opacity:var(--op-done);transition:opacity .15s}.sheet .strip .death[data-dying=true]{opacity:1}.sheet .strip .death-pips{align-items:center;gap:10px;margin-top:4px;display:flex}.sheet .strip .dot-sep{color:var(--divider);opacity:.6}@media (min-width:768px){.sheet .strip .strip-extras{display:flex}.sheet .strip .strip-toggle{display:none}.sheet .strip .hint{font-size:var(--size-footnote);color:var(--divider);opacity:.8;margin-left:auto;display:inline}.sheet .strip .save-status{margin-left:0}}@position-try --cond-panel-fit{max-height:-webkit-fill-available;max-height:stretch}.sheet .cond-bar{flex-wrap:wrap;flex:100%;align-items:flex-start;gap:8px 16px;display:none}.sheet .cond-bar[data-active=true],.strip[data-open=true] :is(.sheet .cond-bar){display:flex}.sheet .cond-bar .cond-group{anchor-name:--cond-add;flex-wrap:wrap;flex:240px;align-items:center;gap:8px 10px;display:flex}.sheet .cond-bar .conc-group{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.sheet .cond-bar .conc-field{align-items:center;gap:6px;display:inline-flex}.sheet .cond-bar .conc-field input{width:120px;min-height:var(--tap-target)}.sheet .cond-bar .conc-group[data-active=true] .smallcaps{color:var(--sienna-text)}.sheet .cond-bar .conc-group[data-active=true] input{border-bottom-color:var(--sienna)}.sheet .cond-bar .conc-save{font-size:var(--size-desc);color:var(--sienna-text);flex-wrap:wrap;flex-basis:100%;align-items:center;gap:8px;display:flex}.sheet .cond-bar .cond-panel{position-anchor:--cond-add;position-area:block-end span-inline-end;position-try-fallbacks:--cond-panel-fit, flip-block;width:min(320px,100vw - 24px);max-height:60vh;color:var(--parchment-light);background:var(--leather-raised);border:var(--border-w) solid var(--ink-outer);border-radius:var(--radius-card);box-shadow:var(--shadow-drop-heavy);margin:6px 0;padding:8px;overflow:hidden}.sheet .cond-bar .cond-panel:popover-open{flex-direction:column;gap:8px;display:flex}.sheet .cond-bar .cond-filter{min-height:var(--tap-target);font-size:var(--size-body);color:var(--parchment-light);border:var(--border-w) solid var(--divider);border-radius:var(--radius-button);background:0 0;flex:none;padding:8px 10px}.sheet .cond-bar .cond-list{min-height:0;overflow-y:auto}.sheet .cond-bar .cond-row{width:100%;min-height:var(--tap-target);text-align:left;color:var(--parchment-light);border-radius:var(--radius-button);cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;gap:2px;padding:6px 8px;display:flex}.sheet .cond-bar .cond-name{font-size:var(--size-desc)}.sheet .cond-bar .cond-effect{font-size:var(--size-footnote);opacity:var(--op-secondary)}.sheet .cond-bar .cond-empty{font-size:var(--size-desc);opacity:var(--op-secondary);padding:10px 8px}.sheet .cond-bar .cond-filter:focus{border-color:var(--sienna)}.sheet .cond-bar .cond-row[aria-pressed=true]{background:var(--leather-hover);box-shadow:inset 3px 0 0 var(--sienna-fill)}@media (hover:hover){.sheet .cond-bar .cond-row:hover{background:var(--leather-hover)}}@media (min-width:768px){.sheet .cond-bar{display:flex}}.sheet .hp-bar-wrap{margin-top:6px;position:relative}.sheet .hp-bar{--_h:20px;--_temp:#b8860b;--_hatch:repeating-linear-gradient(135deg, var(--page-bg) 0 1.5px, transparent 1.5px 5px);height:var(--_h);background:var(--card-fill);border:var(--border-w) solid var(--border-card);border-radius:var(--radius-button);cursor:crosshair;position:relative;overflow:hidden}.sheet .hp-bar>div{position:absolute;top:0;bottom:0;left:0}.sheet .hp-bar .fill-current{background:var(--_ok)}.sheet .hp-bar .fill-temp{background:var(--_temp)}.sheet .hp-bar .fill-decay{background-color:var(--blood);background-image:var(--_hatch);opacity:.35}.sheet .hp-bar .hp-hover-line{width:var(--border-w);background:var(--heading);opacity:.5;pointer-events:none}.sheet .hp-hover-label{z-index:5;font-size:var(--size-desc);white-space:nowrap;pointer-events:none;color:var(--parchment-light);background:var(--leather-raised);border:var(--border-w) solid var(--ink-outer);border-radius:var(--radius-button);box-shadow:var(--shadow-drop);padding:2px 8px;position:absolute;bottom:26px;translate:-50%}.sheet .chip{min-height:32px;font-size:var(--size-desc);color:var(--sienna-text);border:var(--border-w) solid var(--rule-accent);border-radius:var(--radius-button);background:0 0;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.sheet .chip:is(button){cursor:pointer;position:relative}.sheet .chip:is(button):before{content:"";position:absolute;inset:-6px}.sheet .chip.is-decay{color:var(--text-body);border-color:var(--border-card);opacity:.7;border-style:dashed}.sheet .chip.is-active{color:var(--heading);background:var(--card-fill);border-color:var(--sienna);padding-right:4px}@media (hover:hover){.sheet .chip:is(button):hover{border-color:var(--sienna)}}.sheet .pips{flex-wrap:wrap;gap:7px;display:inline-flex}.sheet .pip{--_size:22px;--_fail:#b83227;width:var(--_size);height:var(--_size);background:var(--sienna-fill);border:var(--border-w) solid var(--sienna);cursor:pointer;border-radius:50%;padding:0;position:relative}.sheet .pip:before{content:"";position:absolute;inset:-11px}.sheet .pip.is-spent{border-color:var(--border-card);opacity:.6;background:0 0;border-style:dashed}.sheet .pip.is-hollow{border-color:var(--divider);opacity:.55;background:0 0}.sheet .pip.is-ok{background:var(--_ok);border-color:var(--_ok)}.sheet .pip.is-fail{background:var(--_fail);border-color:var(--_fail)}@media (hover:hover){.sheet .pip:hover{border-color:var(--sienna)}}.sheet .dot{--_size:20px;--_mark:12px;width:var(--_size);height:var(--_size);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid;position:relative}.sheet .dot:after{content:"";width:var(--_mark);height:var(--_mark);border:var(--border-w) solid var(--divider);opacity:.55;border-radius:50%}.sheet .dot:before{content:"";position:absolute;inset:-12px}.sheet .dot.is-proficient:after,.sheet .dot.is-expertise:after{background:var(--sienna-fill);border-color:var(--sienna);opacity:1}.sheet .dot.is-expertise:after{box-shadow:0 0 0 2.5px var(--page-bg), 0 0 0 4px var(--sienna)}.sheet .check{--_size:20px;--_mark:13px;width:var(--_size);height:var(--_size);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid;position:relative}.sheet .check:after{content:"";width:var(--_mark);height:var(--_mark);border:var(--border-w) solid var(--divider);border-radius:var(--radius-checkbox);opacity:.55}.sheet .check:before{content:"";position:absolute;inset:-12px}.sheet .check.is-on:after{background:var(--sienna-fill);border-color:var(--sienna);opacity:1}.sheet .derived{align-items:center;display:inline-flex;position:relative}.sheet .pin-dot{--_size:8px;width:var(--_size);height:var(--_size);background:var(--sienna-fill);cursor:pointer;border:0;border-radius:50%;padding:0;position:absolute;top:2px;right:-5px}.sheet .pin-dot:before{content:"";position:absolute;inset:-18px}.sheet .num-field{text-align:center;width:52px;font-family:var(--font-display);color:var(--heading);padding:3px 0}.sheet .row{min-height:var(--tap-target);flex-wrap:wrap;align-items:center;gap:8px 10px;display:flex}@media (min-width:768px){.sheet .row{min-height:38px}}.sheet .list-row{border-top:1px solid var(--field-border)}.sheet .row-name{flex:1}.sheet .row-tag{font-size:var(--size-footnote)}.sheet .row-remove{--_size:28px;width:var(--_size);height:var(--_size);color:var(--text-body);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid;position:relative}.sheet .row-remove:before{content:"";position:absolute;inset:-8px}@media (hover:hover){.sheet .row-remove:hover{color:var(--sienna)}}.sheet .card-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 12px;margin-bottom:8px;display:flex}.sheet .head-stat{font-size:var(--size-footnote);align-items:center;gap:6px;display:inline-flex}.sheet .collapse summary{min-height:var(--tap-target);cursor:pointer;align-items:center;gap:8px;list-style:none;display:flex}.sheet .collapse summary::-webkit-details-marker{display:none}.sheet .collapse summary svg{color:var(--divider);flex:none;transition:rotate .15s}.sheet .collapse[open] summary svg{rotate:90deg}.sheet .sheet-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.sheet .btn.quiet{color:var(--heading);border-color:var(--border-card);box-shadow:none;background:0 0;padding:4px 12px}.sheet .btn.small{font-size:var(--size-desc)}.sheet .btn.add{margin-top:10px}.sheet .btn.back{gap:4px}.sheet .btn.back svg{margin-inline-start:-4px}.sheet .btn.export{gap:6px}.sheet .btn.quiet:active{border-color:var(--sienna);background:var(--card-fill);translate:none}.sheet .btn.quiet[aria-pressed=true]{color:var(--sienna-text);border-color:var(--sienna)}.sheet .btn.is-armed{color:var(--parchment-light);background:var(--sienna-fill)}@media (hover:hover){.sheet .btn.quiet:hover{border-color:var(--sienna)}}.sheet .identity .name{width:100%;font-family:var(--font-display);letter-spacing:var(--tracking-display);color:var(--heading);padding:2px 0 6px;font-size:1.5rem}.sheet .identity .id-fields{flex-wrap:wrap;gap:10px 14px;margin-top:12px;display:flex}.sheet .identity .id-fields label{flex:130px;gap:4px;display:grid}.sheet .identity .class-rows{flex-direction:column;gap:10px;margin-top:14px;display:flex}.sheet .identity .class-name{font-family:var(--font-display);color:var(--heading);flex:2 96px}.sheet .identity .subclass{flex:2 96px;font-style:italic}.sheet .identity .level{width:44px}.sheet .identity .total-level{font-size:var(--size-desc);color:var(--divider)}.sheet .identity .smallcaps{font-size:var(--size-footnote)}.sheet .abilities .ability-grid{grid-template-columns:repeat(auto-fit,minmax(84px,1fr));gap:8px;display:grid}.sheet .abilities .ability{background:var(--card-fill);border:var(--border-w) solid var(--border-card);border-radius:var(--radius-card);flex-direction:column;align-items:center;gap:2px;padding:8px 4px;display:flex}.sheet .abilities .ability .smallcaps{font-size:var(--size-footnote)}.sheet .abilities .ability-mod{font-family:var(--font-display);color:var(--heading);font-size:1.375rem;line-height:1.1}.sheet .abilities .ability .num-field{width:48px;font-family:var(--font-body);color:var(--text-body)}.sheet .skills .view-toggle{font-size:var(--size-footnote);color:var(--text-body);cursor:pointer;background:0 0;border:0;padding:0;position:relative}.sheet .skills .view-toggle:before{content:"";position:absolute;inset:-18px 0 -8px}@media (hover:hover){.sheet .skills .view-toggle:hover{color:var(--sienna-text)}}.sheet .skills .skill-group h3{font-size:var(--size-footnote);margin-bottom:3px}.sheet .skills .skill-group+.skill-group h3{margin-top:14px}.sheet .rest .rest-buttons{flex-wrap:wrap;gap:8px;display:flex}.sheet .rest .rest-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;display:grid}.sheet .rest .group-label{font-size:var(--size-footnote);margin-bottom:6px;display:block}.sheet .rest .hit-dice-label{min-width:44px;color:var(--heading)}.sheet .rest .exhaustion-effect{font-size:var(--size-desc);color:var(--sienna-text);margin-top:6px}.sheet .attacks .attack-row{border-top:1px solid var(--field-border)}.sheet .attacks .attack-name{font-family:var(--font-display);color:var(--heading);flex:3 140px}.sheet .attacks .attack-bonus{text-align:center;font-family:var(--font-display);color:var(--heading);flex:0 0 54px}.sheet .attacks .attack-damage{flex:3 130px}.sheet .attacks .attack-mastery{flex:2 100px;font-style:italic}.sheet .spells{--_section:16px}.sheet .spells .spell-head{margin:10px 0 var(--_section);flex-wrap:wrap;align-items:center;gap:10px 20px;display:flex}.sheet .spells .slot-row,.sheet .spells .spell-row{border-top:1px solid var(--field-border);gap:8px 14px;padding:6px 0}.sheet .spells .slot-label{min-width:64px;font-size:var(--size-footnote)}.sheet .spells .slot-row .pips{flex:1}.sheet .spells .slot-max{width:46px}.sheet .spells .spell-actions{margin:var(--_section) 0;justify-content:space-between}.sheet .spells .spell-actions+.spell-row{border-top:0}.sheet .spells .spell-level{flex:none;width:96px}.sheet .spells .spell-name{border-bottom-color:#0000;flex:1}.sheet .features .feature-row{border-top:1px solid var(--field-border);padding:8px 0}.sheet .features .feature-name{font-family:var(--font-display);color:var(--heading);border-bottom-color:#0000;flex:2 150px}.sheet .features .feature-max{width:44px;font-family:var(--font-body);color:var(--text-body)}.sheet .features .feature-notes{border-bottom-color:#0000;flex:100%;font-style:italic}.sheet .gear .coins{flex-wrap:wrap;gap:10px 14px;display:flex}.sheet .gear .coins label{align-items:center;gap:6px;display:inline-flex}.sheet .gear .coin{width:60px}.sheet .text-field{gap:6px;margin-top:12px;display:grid}.sheet .text-field .smallcaps{font-size:var(--size-footnote)}.sheet .sheet-list{--_gap:10px;gap:var(--_gap);display:grid}.sheet .sheet-list ul{gap:var(--_gap);padding:0;list-style:none;display:grid}.sheet .sheet-list .sheet-row{min-height:var(--tap-target);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;display:flex}.sheet .sheet-list .open{min-width:0;min-height:var(--tap-target);flex:140px;align-content:center;gap:2px;padding:6px 0;text-decoration:none;display:grid}.sheet .sheet-list .name{font-family:var(--font-display);font-size:var(--size-card-title);color:var(--heading)}.sheet .sheet-list .summary{font-size:var(--size-footnote)}.sheet .sheet-list .empty{color:var(--muted);font-style:italic}.sheet .sheet-list .storage-note{--_fill:#e0b01424;--_edge:#e0b0148c;font-size:var(--size-body);background-color:var(--_fill);border-color:var(--_edge);padding:10px 14px}@media (hover:hover){.sheet .sheet-list .sheet-row:hover{border-color:var(--sienna)}}
