*,*:before,*:after{box-sizing:border-box}*{margin:0}html{interpolate-size:allow-keywords}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p{overflow-wrap:break-word;text-wrap:pretty}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}#root,#app{isolation:isolate}:root{--paper: #f7f1e3;--paper-deep: #ece2ce;--paper-inset: #fbf7ee;--ink: #26211d;--ink-soft: #5f564c;--violet: #6b5b8f;--violet-wash: rgba(107, 91, 143, .1);--copper: #a76a34;--copper-wash: rgba(167, 106, 52, .14);--rule: #dbcdb2;--rule-strong: #c3b394;--radius: 5px;--gap: .75rem;--font-serif: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, "Times New Roman", serif;--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;font-family:var(--font-sans);color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--paper: #1d1b19;--paper-deep: #151413;--paper-inset: #242120;--ink: #ece2d1;--ink-soft: #a79c8c;--violet: #a795cb;--violet-wash: rgba(167, 149, 203, .14);--copper: #d09359;--copper-wash: rgba(208, 147, 89, .16);--rule: #3a342e;--rule-strong: #4b433a}}body{min-height:100dvh;background-color:var(--paper-deep);color:var(--ink);font-size:15px;line-height:1.45}.num{font-family:var(--font-sans);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;letter-spacing:-.01em}.page{max-width:60ch;margin-inline:auto;padding:3rem 1.5rem;font-family:var(--font-serif)}.page h1{font-size:2rem}.toolbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:.5rem;padding:.5rem clamp(.75rem,3vw,2rem);background-color:var(--paper);border-bottom:1px solid var(--rule)}.toolbar__mark{flex:1;font-family:var(--font-serif);font-size:1.05rem;letter-spacing:.14em;text-transform:uppercase;color:var(--violet)}.toolbar__modes{display:inline-flex;border:1px solid var(--rule-strong);border-radius:999px;overflow:hidden}.toolbar__confirm{display:inline-flex;gap:.25rem}.btn{font:inherit;color:var(--ink);background:none;border:1px solid transparent;border-radius:var(--radius);padding:.3rem .6rem;cursor:pointer}.btn:focus-visible,.field:focus-visible,.pip:focus-visible{outline:2px solid var(--violet);outline-offset:1px}.btn--ghost{border-color:var(--rule-strong);color:var(--ink-soft);font-size:.82rem;letter-spacing:.02em}.btn--ghost:hover{border-color:var(--copper);color:var(--copper)}.btn--mode{border:0;border-radius:0;padding:.3rem .9rem;font-size:.85rem;color:var(--ink-soft)}.btn--mode-on{background-color:var(--violet);color:var(--paper)}.btn--icon{min-width:1.9rem;padding:.15rem .35rem;border-color:var(--rule);color:var(--ink-soft);line-height:1.2}.btn--icon:hover{border-color:var(--violet);color:var(--violet)}.btn--danger:hover{border-color:#a4443a;color:#a4443a}.sheet{max-width:74rem;margin-inline:auto;padding:clamp(.75rem,2.5vw,1.75rem);display:flex;flex-direction:column;gap:var(--gap)}.sheet__columns{display:grid;gap:var(--gap)}.sheet__column{display:flex;flex-direction:column;gap:var(--gap);min-width:0}@media(min-width:60rem){.sheet__columns{grid-template-columns:1fr 1fr}}.card,.identity,.derived{background-color:var(--paper);border:1px solid var(--rule);border-radius:var(--radius);padding:clamp(.75rem,2vw,1.1rem)}.card__head{display:flex;align-items:flex-end;justify-content:space-between;gap:.5rem;flex-wrap:wrap;margin-bottom:.75rem;padding-bottom:.4rem;border-bottom:1px solid var(--rule)}.card__title{font-family:var(--font-serif);font-size:1.02rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink)}.card__title:after{content:"";display:block;width:2.2rem;height:2px;margin-top:.3rem;background-color:var(--copper)}.card__hint{font-size:.75rem;color:var(--ink-soft);font-style:italic}.card__actions,.card__actions-group{display:flex;gap:.35rem;flex-wrap:wrap}.empty{color:var(--ink-soft);font-style:italic;font-size:.85rem}.prose{white-space:pre-wrap;font-family:var(--font-serif);color:var(--ink-soft);font-size:.92rem}.identity{display:flex;gap:clamp(.75rem,2vw,1.25rem);align-items:flex-start}.identity__portrait{flex:0 0 auto;width:clamp(4.5rem,16vw,6.5rem);display:flex;flex-direction:column;align-items:center;gap:.35rem}.identity__initials{display:grid;place-items:center;width:100%;aspect-ratio:3 / 4;background-color:var(--paper-inset);border:1px solid var(--rule-strong);border-radius:var(--radius);box-shadow:inset 0 0 0 3px var(--paper);font-family:var(--font-serif);font-size:clamp(1.4rem,5vw,2rem);letter-spacing:.06em;color:var(--violet)}.identity__portrait-caption{font-size:.68rem;text-align:center;color:var(--ink-soft);font-style:italic}.identity__body{flex:1;min-width:0}.identity__name{font-family:var(--font-serif);font-size:clamp(1.5rem,5vw,2.1rem);font-weight:600;line-height:1.1;letter-spacing:.01em}.identity__name-edit{display:grid;gap:.35rem;max-width:26rem}.identity__fields{display:flex;flex-wrap:wrap;gap:.35rem 1.25rem;margin-top:.5rem}.identity__field{display:flex;align-items:baseline;gap:.4rem;min-width:0}.identity__field-label{font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}.identity__field-value{font-family:var(--font-serif);font-size:.98rem;border-bottom:1px dotted var(--rule-strong)}.identity__chips{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.6rem}.chip{display:inline-flex;align-items:center;gap:.3rem;padding:.15rem .55rem;border:1px solid var(--violet);border-radius:999px;background-color:var(--violet-wash);font-size:.76rem;color:var(--ink)}.chip--quiet{border-color:var(--rule-strong);background-color:transparent;color:var(--ink-soft);font-style:italic}.chip--coin{border-color:var(--copper);background-color:var(--copper-wash)}.chip__label{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}.chip--edit{border-style:dashed;padding:.2rem .3rem}.derived__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(6.2rem,1fr));gap:.5rem}.derived__cell{display:flex;flex-direction:column;gap:.3rem;padding:.45rem .5rem;background-color:var(--paper-inset);border:1px solid var(--rule);border-radius:var(--radius)}.derived__cell--hp{grid-column:span 2}.derived__inputs{display:grid;gap:.3rem}.derived__footer{margin-top:.5rem}.stat{display:flex;flex-direction:column;gap:.1rem;min-width:0}.stat__label{font-size:.64rem;letter-spacing:.11em;text-transform:uppercase;color:var(--ink-soft)}.stat__value{font-size:1.5rem;font-weight:600;line-height:1.05}.stat--strong .stat__value{font-size:1.9rem;color:var(--violet)}.stat__sub{font-size:.7rem;color:var(--copper)}.hp__slash{color:var(--ink-soft);margin-inline:.15rem;font-weight:400}.hp__max{color:var(--ink-soft);font-size:.75em}.hp__controls{display:flex;gap:.25rem}.abilities{display:grid;grid-template-columns:repeat(auto-fit,minmax(5.4rem,1fr));gap:.5rem;list-style:none}.ability{display:flex;flex-direction:column;align-items:center;gap:.1rem;padding:.45rem .3rem;background-color:var(--paper-inset);border:1px solid var(--rule);border-radius:var(--radius);text-align:center}.ability__abbr{font-family:var(--font-serif);font-size:.7rem;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-soft)}.ability__mod{font-size:1.55rem;font-weight:600;line-height:1.05}.ability__score{font-size:.74rem;color:var(--ink-soft);padding:.02rem .4rem;border:1px solid var(--rule-strong);border-radius:999px}.ability__save{display:inline-flex;align-items:center;gap:.25rem;margin-top:.3rem;font-size:.72rem;color:var(--ink-soft)}.ability__save-label{letter-spacing:.08em;text-transform:uppercase;font-size:.62rem}.ability__prof{width:.4rem;height:.4rem;border-radius:50%;background-color:var(--copper)}.ability__edit{display:grid;gap:.3rem;width:100%;text-align:start}.rows,.slots,.features{list-style:none;display:flex;flex-direction:column;gap:.4rem}.row{display:flex;align-items:center;gap:.6rem;padding:.35rem .1rem;border-bottom:1px dotted var(--rule)}.row:last-child{border-bottom:0}.row__edit{display:grid;gap:.35rem;width:100%;padding:.5rem;background-color:var(--paper-inset);border:1px dashed var(--rule-strong);border-radius:var(--radius)}.row__bonus,.row__qty{flex:0 0 auto;min-width:2.5rem;padding:.2rem .35rem;text-align:center;font-size:1.05rem;font-weight:600;color:var(--violet);background-color:var(--violet-wash);border-radius:var(--radius)}.row__qty{color:var(--ink-soft);background-color:transparent;border:1px solid var(--rule);font-size:.85rem}.row__body{display:flex;flex-direction:column;min-width:0}.row__name{display:flex;align-items:center;gap:.4rem;font-family:var(--font-serif);font-size:.98rem}.row__meta{font-size:.78rem;color:var(--ink-soft)}.row__flag{font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--copper);border:1px solid var(--copper);border-radius:999px;padding:0 .3rem;font-family:var(--font-sans)}.row--equipped .row__name{color:var(--ink)}.currency{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.75rem}.currency__edit{display:grid;grid-template-columns:1fr 4.5rem auto;gap:.3rem;align-items:center;width:100%}.slot{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.slot__label{flex:0 0 3.2rem;font-family:var(--font-serif);font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft)}.pips{display:flex;align-items:center;gap:.3rem;flex-wrap:wrap}.pip{width:1.1rem;height:1.1rem;padding:0;border:1.5px solid var(--violet);border-radius:50%;background-color:transparent;cursor:pointer}.pip--spent{background-color:var(--copper);border-color:var(--copper)}.pips__count{font-size:.72rem;color:var(--ink-soft);margin-left:.15rem}.feature{padding-bottom:.5rem;border-bottom:1px dotted var(--rule)}.feature:last-child{border-bottom:0;padding-bottom:0}.feature__head{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.feature__name{font-family:var(--font-serif);font-size:1rem;font-weight:600}.notes{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}.note{display:flex;flex-direction:column;gap:.35rem}.note__head{display:flex;align-items:center;gap:.4rem;justify-content:space-between}.note__title{font-family:var(--font-serif);font-size:.92rem;letter-spacing:.06em;text-transform:uppercase;color:var(--violet)}.field{font:inherit;color:var(--ink);width:100%;min-width:0;padding:.28rem .4rem;background-color:var(--paper-inset);border:1px solid var(--rule-strong);border-radius:var(--radius)}.field--num{max-width:6rem}.field--label{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft)}.field--title{font-family:var(--font-serif);font-size:1rem;letter-spacing:.08em;text-transform:uppercase;max-width:14rem}.field--display{font-family:var(--font-serif);font-size:1.4rem}.field--area{font-family:var(--font-serif);resize:vertical;line-height:1.5}.field--select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ink-soft) 50%),linear-gradient(135deg,var(--ink-soft) 50%,transparent 50%);background-position:right .75rem center,right .5rem center;background-size:.3rem .3rem;background-repeat:no-repeat;padding-right:1.4rem}.toggle{display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem;color:var(--ink-soft)}.toggle input{accent-color:var(--violet);width:1rem;height:1rem}.row-tools{display:flex;gap:.25rem;justify-content:flex-end}.card--notes .field--area{background-color:transparent;border-color:var(--rule)}.card--notes .field--area:hover,.card--notes .field--area:focus{background-color:var(--paper-inset)}@media(pointer:coarse){.pip{width:1.35rem;height:1.35rem}.btn--icon{min-width:2.25rem;padding:.35rem .5rem}}@media print{.toolbar,.hp__controls,.row-tools,.card__actions{display:none}body{background:#fff}.card,.identity,.derived{break-inside:avoid}}