@layer base{@font-face{font-family:Literata;src:url(/fonts/literata-latin.woff2)format("woff2");font-weight:400 700;font-style:normal;font-display:swap}@font-face{font-family:Literata;src:url(/fonts/literata-italic-latin.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Fraunces;src:url(/fonts/fraunces-display-latin.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Fraunces;src:url(/fonts/fraunces-heading-latin.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}:root{color-scheme:light dark;--paper:light-dark(#faf8f4,#000);--surface:light-dark(#fff,#1c1c1e);--ink:light-dark(#1b1a17,#fff);--muted:light-dark(#6b6558,#8e8e93);--rule:light-dark(#ddd7cc,#38383a);--accent:light-dark(#7a3b2e,#d98b73);--link:var(--accent);--code-bg:light-dark(#f0ece4,#2c2c2e);--alert-red:light-dark(#8b2d20,#e98f80);--blue:light-dark(#2f5d80,#8fb6d6);--gold:light-dark(#8a6a00,#e8c46a);--silver:light-dark(#7d8489,#c6ccd1);--copper:light-dark(#9c5a2c,#d99a6b);--note-bg:light-dark(#eef3f8,#17202a);--notice-bg:light-dark(#fbf4e2,#2a2417);--error-bg:light-dark(#fbeeec,#2c1b18);--font-text:"Literata", Georgia, "Iowan Old Style", "Times New Roman", serif;--font-headings:"Fraunces", Georgia, serif;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--step--1:clamp(.82rem, .8rem + .1vw, .875rem);--step-0:clamp(1rem, .96rem + .2vw, 1.125rem);--step-1:clamp(1.15rem, 1.08rem + .35vw, 1.35rem);--step-2:clamp(1.35rem, 1.2rem + .75vw, 1.75rem);--step-3:clamp(1.75rem, 1.3rem + 2.2vw, 2.75rem);--measure:68ch;--band-width:76rem;--outline-width:21rem;--gutter:1.25rem;--space-xs:.25rem;--space-s:.5rem;--space-m:1rem;--space-l:1.5rem;--space-xl:2rem;--radius:4px;--shadow:0 1px 2px light-dark(#1b1a1712,#0000004d);--header-height:6rem}:root[data-theme=claro]{color-scheme:light}:root[data-theme=oscuro]{color-scheme:dark}*{box-sizing:border-box}body{background:var(--paper);min-height:100svh;color:var(--ink);font:var(--step-0) / 1.65 var(--font-text);flex-direction:column;margin:0;display:flex}}@layer typography{main{width:100%;max-width:var(--band-width);padding:var(--space-xl) var(--gutter) 5rem;flex:1 0 auto;margin:0 auto;container:page/inline-size}h1,h2,h3{font-family:var(--font-headings);text-wrap:balance;margin:var(--space-xl) 0 .6rem;font-weight:600;line-height:1.2}h1{font-size:var(--step-3);letter-spacing:-.02em;margin-top:0;font-weight:700;line-height:1.05}h2{font-size:var(--step-2);letter-spacing:-.01em}h3{font-size:var(--step-1)}p,li,dd{text-wrap:pretty}.chapter>p:first-of-type:not(:has(>a:first-child)):first-letter{font-family:var(--font-headings);float:left;color:var(--accent);padding:.06em .1em 0 0;font-size:3.1em;font-weight:700;line-height:.82}a{color:var(--link);text-underline-offset:.15em}a:hover{text-decoration:none}}@layer components{.site-header{gap:var(--space-s) .75rem;padding:.6rem var(--gutter);border-bottom:1px solid var(--rule);background:var(--surface);font-family:var(--font-headings);font-size:var(--step--1);flex-wrap:wrap;align-items:center;display:flex;position:relative}.site-header .band{display:contents}.site-header .brand{letter-spacing:-.01em;color:var(--ink);flex:auto;font-size:1.05rem;font-weight:600;text-decoration:none}.site-header form{flex:100%;order:3;gap:.4rem;display:flex}.menu{order:1}.account,.theme{order:2}.panel{top:calc(100% + 1px);left:var(--gutter);right:var(--gutter);z-index:3;padding:.9rem var(--space-m);background:var(--surface);border:1px solid var(--rule);border-radius:0 0 var(--radius) var(--radius);box-shadow:var(--shadow);border-top:0;flex-direction:column;gap:.7rem;display:flex;position:absolute}.menu nav{flex-direction:column;gap:.6rem;display:flex}.group>summary{cursor:pointer;align-items:center;gap:.3rem;list-style:none;display:flex}.group>summary::-webkit-details-marker{display:none}.group[open]>summary svg{transform:rotate(180deg)}.dropdown{padding:.6rem 0 0 var(--space-m);flex-direction:column;gap:.6rem;display:flex}@media (width>=78rem){.site-header{z-index:2;padding:0;display:block;position:sticky;top:0}.site-header .band{max-width:var(--band-width);padding:0 var(--gutter);flex-wrap:nowrap;align-items:center;margin:0 auto;display:flex}.site-header>.band{padding:.6rem var(--gutter);gap:.75rem}.site-header .brand,.account,.theme{flex:none}.menu{display:contents}.menu>summary{display:none}.panel{display:contents}.menu::details-content{content-visibility:visible;display:contents}.site-header form{flex:0 auto;order:3;margin-left:auto}.account{order:4}.theme{order:5}.menu nav{border-top:1px solid var(--rule);display:block}.menu nav>.band{align-items:stretch;gap:var(--space-l);height:2.5rem}.menu nav>.band>a,.group>summary{color:var(--muted);border-bottom:2px solid #0000;align-items:center;margin-bottom:-1px;text-decoration:none;display:flex}.menu nav>.band>a:hover,.group>summary:hover,.group[open]>summary{color:var(--ink)}.menu nav>.band>a[aria-current],.group:has(a[aria-current])>summary{color:var(--ink);border-bottom-color:var(--accent)}.group{display:flex;position:relative}.dropdown{z-index:3;min-width:12rem;padding:.9rem var(--space-m);background:var(--surface);border:1px solid var(--rule);border-radius:0 0 var(--radius) var(--radius);box-shadow:var(--shadow);border-top:0;position:absolute;top:calc(100% + 1px);left:0}}.site-header input{min-width:0;padding:.3rem var(--space-s);border:1px solid var(--rule);border-radius:var(--radius);background:var(--paper);color:var(--ink);font:inherit;flex:auto}.site-header button[type=submit]{border:1px solid var(--rule);border-radius:var(--radius);background:var(--paper);color:var(--ink);font:inherit;cursor:pointer;padding:.3rem .6rem}.menu>summary,.account>summary,.theme{border:1px solid var(--rule);border-radius:var(--radius);color:var(--muted);font:inherit;cursor:pointer;background:0 0;padding:.3rem .6rem;list-style:none}.menu>summary::-webkit-details-marker,.account>summary::-webkit-details-marker{display:none}.menu>summary:hover,.account>summary:hover,.theme:hover{color:var(--ink)}.menu[open]>summary,.account[open]>summary{background:var(--paper);color:var(--ink)}.account>summary{white-space:nowrap;text-overflow:ellipsis;max-width:50vw;overflow:hidden}.account-panel{top:calc(100% + 1px);right:max(var(--gutter), calc((100% - var(--band-width)) / 2 + var(--gutter)));z-index:3;min-width:12rem;padding:.9rem var(--space-m);background:var(--surface);border:1px solid var(--rule);border-radius:0 0 var(--radius) var(--radius);box-shadow:var(--shadow);border-top:0;flex-direction:column;gap:.6rem;display:flex;position:absolute}.account-panel form{display:contents}.site-header .account-panel button{font:inherit;color:var(--link);text-underline-offset:.15em;text-align:start;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.site-header .account-panel button:hover{text-decoration:none}.account-panel hr{border:0;border-top:1px solid var(--rule);margin:0}.theme{align-self:stretch;place-items:center;min-width:2.5rem;padding:.3rem;display:grid}.theme>svg{grid-area:1/1}.theme>.sun{stroke:light-dark(currentColor,#0000)}.theme>.moon{stroke:light-dark(#0000,currentColor)}table{border-collapse:collapse;width:100%;margin:var(--space-l) 0;font-size:.92em}th,td{border-bottom:1px solid var(--rule);text-align:left;padding:.4rem .6rem}th{font-family:var(--mono);text-transform:uppercase;letter-spacing:.09em;color:var(--muted);font-size:.72em;font-weight:500}.numeric{text-align:center;font-variant-numeric:tabular-nums}.table-wrap,.table-scroll{overflow-x:auto}.table-wrap{container:table/inline-size}.table-wrap th:first-child,.table-wrap td:first-child,.table-scroll th:first-child,.table-scroll td:first-child{background:var(--paper);position:sticky;left:0}@container table (width<=45rem){.table-wrap{overflow-x:visible}.table-wrap table,.table-wrap tbody,.table-wrap tr,.table-wrap caption{display:block}.table-wrap tbody tr:first-child{margin-top:0}.table-wrap thead{display:none}.table-wrap tr{border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);margin:.9rem 0;padding:.7rem .9rem}.table-wrap td{justify-content:space-between;align-items:baseline;gap:var(--space-m);text-align:left;background:0 0;border:0;padding:.15rem 0;display:flex;position:static}.table-wrap td:before{content:attr(data-label);font-family:var(--mono);text-transform:uppercase;letter-spacing:.09em;color:var(--muted);flex:none;font-size:.72em}.table-wrap td:first-child{background:0 0;margin-bottom:.35rem;padding:0;font-size:1.05em;display:block}.table-wrap td:first-child:before{content:none}}.titled{margin-top:var(--space-l)}.titled table{margin-top:0}.table-title{caption-side:top;text-align:start;font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:0 0 var(--space-s);font-size:.72em}.box{max-width:var(--measure);background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);margin:1.6rem 0;padding:.95rem 1.1rem}.box p{margin:0 0 .6rem}.box p:last-child{margin-bottom:0}.box-title{font-family:var(--mono);text-transform:uppercase;letter-spacing:.14em;color:var(--accent);margin:0 0 var(--space-s);font-size:.66rem}.box[data-type=nota]{background:var(--note-bg);border-color:light-dark(#cfdce7,#2b3947);border-left:3px solid var(--blue)}.box[data-type=nota] .box-title{color:var(--blue)}.box[data-type=aviso]{background:var(--notice-bg);border-color:light-dark(#e9dcb9,#493f23);border-left:3px solid var(--gold)}.box[data-type=aviso] .box-title{color:var(--gold)}.box[data-type=error]{background:var(--error-bg);border-color:light-dark(#e8cdc7,#4a2b25);border-left:5px solid var(--alert-red)}.box[data-type=error] .box-title{color:var(--alert-red)}.statblock{max-width:46ch;margin:var(--space-l) auto;padding:.9rem 1.1rem var(--space-m);background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius)}.statblock-name{font-family:var(--font-headings);font-size:var(--step-1);margin:0 0 .7rem;font-weight:600;line-height:1.2}.statblock-name span{font-family:var(--font-text);font-size:var(--step--1);color:var(--muted);font-weight:400}.datasheet,.statblock .stat-attributes,.statblock .stat-skills{grid-auto-flow:column;grid-template-rows:repeat(var(--rows,2), auto);display:grid}.statblock .stat-attributes,.statblock .stat-skills{gap:.1rem var(--space-xl);margin:0}.statblock .stat-skills{font-size:var(--step--1)}.datasheet .stat,.statblock .stat{justify-content:space-between;align-items:baseline;gap:var(--space-m);display:flex}.statblock .stat dt{font-family:var(--mono);text-transform:uppercase;letter-spacing:.09em;color:var(--muted);font-size:.68rem}.statblock .stat dd{font-variant-numeric:tabular-nums;margin:0}.datasheet:has(>.stat:only-child) .stat,.statblock .stat-attributes:has(>.stat:only-child) .stat,.statblock .stat-skills:has(>.stat:only-child) .stat{justify-content:start;gap:1.2rem}.statblock .stat-skills dt{font-family:var(--font-text);font-size:var(--step--1);text-transform:none;letter-spacing:0;color:var(--ink)}.statblock hr{border:0;border-top:1px solid var(--rule);width:90%;margin:.9rem auto}.statblock-note{font-size:var(--step--1);color:var(--muted);text-wrap:pretty;margin:.7rem 0 0}.statblock-note strong{color:var(--ink);font-weight:600}@container page (width<=30rem){.statblock .stat-attributes,.statblock .stat-skills{grid-template-rows:auto;grid-auto-flow:row;gap:.1rem 0}}blockquote{border-left:3px solid var(--accent);margin:var(--space-l) 0;color:var(--muted);padding:.2rem 0 .2rem 1.1rem}code{background:var(--code-bg);border-radius:var(--radius);padding:.1em .3em;font-size:.9em}.login main{max-width:34ch;padding-top:5rem}.login form{flex-direction:column;gap:.8rem;display:flex}.login label{gap:var(--space-xs);font-family:var(--font-headings);font-size:var(--step--1);color:var(--muted);flex-direction:column;display:flex}.login input{border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);color:var(--ink);font:inherit;padding:.45rem .55rem}.login button{padding:var(--space-s);border-radius:var(--radius);background:var(--ink);color:var(--paper);font:inherit;cursor:pointer;border:0}.error{color:var(--alert-red)}.notice{color:var(--muted)}.listing{padding:0;list-style:none}.listing li{border-bottom:1px solid var(--rule);padding:var(--space-s) 0}.datasheet{gap:.35rem var(--space-xl);margin:var(--space-l) 0;border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);padding:.9rem 1.1rem}.datasheet dt{font-family:var(--mono);text-transform:uppercase;letter-spacing:.09em;color:var(--muted);font-size:.72em}.datasheet dd{margin:0;font-size:.95em}@container page (width<=30rem){.datasheet{grid-template-rows:auto;grid-auto-flow:row;gap:.1rem 0}}.site-footer{border-top:1px solid var(--rule);background:var(--surface)}.site-footer>.band{max-width:var(--band-width);padding:1.2rem var(--gutter) var(--space-xl);gap:.2rem var(--space-l);font-family:var(--mono);letter-spacing:.04em;flex-wrap:wrap;justify-content:space-between;margin:0 auto;font-size:.72em;display:flex}.site-footer p{margin:0}.reading-order ol{padding-left:1.6rem}.reading-order li{margin:var(--space-xs) 0}.reading-order p{margin-bottom:var(--space-s)}.neighbours{justify-content:space-between;gap:var(--gutter);padding-top:var(--space-l);border-top:1px solid var(--rule);margin-top:3rem;display:flex}.neighbours .next{text-align:right;margin-left:auto}.neighbours a{font-family:var(--font-headings);gap:.15rem;text-decoration:none;display:grid}.neighbours span{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:.72em}.with-outline{display:flow-root}.outline{max-width:var(--band-width);padding:var(--space-m) var(--gutter) 0;margin:0 auto}.outline summary{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;font-size:.8rem}.outline :where(ul){margin:0;padding:0;list-style:none}.outline-chapters>li{margin:.35rem 0}.outline-chapters>li>a{font-family:var(--font-headings);font-size:var(--step-0);color:var(--accent);font-weight:600}.outline-chapters>li>a[aria-current=page]{color:var(--accent);border-bottom:var(--accent) 3px solid;font-weight:700}.outline-chapters>li>a:hover{color:var(--ink)}.outline a{color:var(--muted);text-decoration:none}.outline a:hover,.outline [aria-current=page]{color:var(--ink)}.outline [aria-current=true]{color:var(--ink);font-weight:700}.outline-sections{font-family:var(--font-text);font-size:var(--step--1);padding-left:10px}.outline-sections li{padding:5px}.outline-sections .level-3{padding-left:.75rem}.outline-sections.collapsing>li>.outline-subsections{display:none}.outline-sections.collapsing>li.open>.outline-subsections{display:block}.prose :is(h2,h3){scroll-margin-top:calc(var(--header-height) + 1rem)}@media (width>=78rem){.with-outline:has(.outline){width:100%;max-width:var(--band-width);padding-inline:var(--gutter);grid-template-columns:var(--outline-width) minmax(0, 1fr);gap:var(--space-xl);align-items:start;margin:0 auto;display:grid}.with-outline:has(.outline)>main{margin:0;padding-inline:0}.outline{top:var(--header-height);max-height:calc(100vh - var(--header-height) - 2rem);max-width:none;padding:var(--space-xl) 0 0;margin:0;position:sticky;overflow-y:auto}.outline-collapsible{display:contents}.outline summary{display:none}.outline-collapsible::details-content{content-visibility:visible;block-size:auto}}.tabs{border-block-end:1px solid var(--rule);flex-wrap:wrap;gap:.3rem;display:flex}.tabs a,.tabs [aria-current=page]{padding:.45rem var(--space-m);border:1px solid var(--rule);border-radius:var(--radius) var(--radius) 0 0;font-family:var(--mono);font-size:var(--step--1);border-block-end:0}.tabs a{background:var(--code-bg);color:var(--ink);text-decoration:none}.tabs [aria-current=page]{border-block-end:1px solid var(--paper);background:var(--paper);margin-block-end:-1px;font-weight:700}.sheet{gap:var(--space-l);margin:var(--space-l) 0;grid-template-columns:minmax(0,1fr);display:grid;container:sheet/inline-size}.sheet input{font:inherit;padding:.35rem var(--space-s);border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);color:var(--ink)}.identity{margin-block-end:var(--space-l)}.identity h1{margin-top:0}.identity .race{color:var(--muted);font-size:var(--step--1);margin:0}.personal{padding-bottom:var(--space-l);border-bottom:1px solid var(--rule)}.personal-grid{gap:var(--space-s) var(--space-l);grid-template-columns:repeat(auto-fill,minmax(min(14rem,100%),1fr));display:grid}.personal-grid .personal-field{gap:var(--space-xs);flex-direction:column;display:flex}.personal-grid .appearance{grid-column:1/-1}.personal-grid label{font-family:var(--mono);font-size:var(--step--1);color:var(--muted)}.sheet .personal-grid :is(.read-value,.edit-value){text-align:left;width:100%;min-height:1.5em}.personal-grid .read-value{white-space:pre-line}.personal-grid select.edit-value{appearance:auto}.personal-grid :is(textarea,select).edit-value{height:auto;padding:.35rem var(--space-s);border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);color:var(--ink);font:inherit;resize:vertical;line-height:1.4}.blocks{gap:var(--space-l) 2.5rem;padding-bottom:var(--space-l);border-bottom:1px solid var(--rule);grid-template-columns:auto 1fr;display:grid}.blocks .column{gap:var(--space-l);flex-direction:column;display:flex}.blocks .column>:last-child{flex-direction:column;flex:1;display:flex}.blocks .column:first-child{background:linear-gradient(var(--rule), var(--rule)) right top / 1px calc(100% - 1.5rem) no-repeat;padding-right:2.5rem}.attributes-grid{gap:.4rem var(--space-xl);grid-template-columns:auto auto;place-content:center space-around;margin-bottom:.7rem;display:grid}.attributes-grid dl{gap:.4rem;margin:0;display:grid}.attributes-grid .derived{flex-direction:column;justify-content:space-between;gap:.4rem;display:flex}.attributes-grid .score{grid-template-columns:4ch auto;align-items:center;gap:.8rem;display:grid}.attributes-grid .score dt{font-family:var(--mono);font-size:var(--step--1)}.attributes-grid .score dd{font-variant-numeric:tabular-nums;margin:0}.attributes-grid .derived .score{grid-template-columns:7ch auto}.attributes-grid .derived .score dd{color:var(--muted)}.attributes-grid input[type=number]{text-align:center;max-width:6ch}.attributes-grid .bonus dd{color:var(--ink);font-variant-numeric:normal}.points-fields{gap:var(--space-s) var(--space-xl);flex-wrap:wrap;place-content:center space-around;align-items:center;margin-bottom:.4rem;display:flex}.points-fields .points-field{align-items:center;gap:var(--space-s);display:flex}.points-fields label{font-family:var(--mono);font-size:var(--step--1)}.points-fields .max{color:var(--muted);font-style:normal}.drop{flex:none;width:.75em;height:1em}.drop.health{fill:var(--alert-red)}.drop.magic{fill:var(--blue)}.loyalty-grid{gap:.4rem;display:grid}.loyalty-row{justify-content:space-between;gap:.4rem var(--space-m);grid-template-columns:repeat(3,max-content);display:grid}.loyalty-row .loyalty-field{justify-content:space-between;align-items:center;gap:var(--space-s);grid-template-columns:5.5rem max-content;display:grid}:is(.loyalty-row,.points-fields,.coin-count) .read-value{height:1.5em;line-height:1.5em}.sheet .skills{padding-bottom:var(--space-l);border-bottom:1px solid var(--rule)}.skill-grid{gap:var(--space-l) 2.5rem;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;display:grid}.block-header{align-items:baseline;gap:var(--space-s) var(--space-m);grid-template-columns:auto 1fr auto;display:grid;position:relative}.block-header h2{grid-area:1/1;margin:0}.block-header .penalty{grid-area:1/2}.edit-toggle{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.block-header .edit-button,.block-header .edit-actions{grid-area:1/3;justify-self:end}.sheet .edit-button,.sheet button[type=reset]{border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);color:var(--ink);font:inherit;cursor:pointer;padding:.4rem .85rem}.sheet .edit-button:hover,.sheet button[type=reset]:hover{border-color:var(--ink)}.edit-toggle:focus-visible+.edit-button{outline:2px solid var(--accent);outline-offset:2px}.sheet .edit-actions{visibility:hidden;align-items:center;gap:var(--space-s);display:flex}.sheet .edit-actions button[type=submit]{margin-top:0}.sheet form:has(.edit-toggle:checked) .edit-actions{visibility:visible}.sheet form:has(.edit-toggle:checked) .edit-button{visibility:hidden}.sheet form:has(.edit-toggle:checked) .read-value,.sheet form:not(:has(.edit-toggle:checked)) .edit-value{display:none}.category .penalty{float:right;font-family:var(--font-text)}.penalty{color:var(--accent);font-size:var(--step--1);white-space:nowrap;font-weight:600}.category{table-layout:fixed;margin:0}.category thead .col-roll{width:2.5rem}.category thead .col-current{width:3.25rem}.category thead .col-critical{width:3.6rem}.category caption{border-bottom:2px solid var(--ink);font-family:var(--font-headings);font-weight:700;font-size:var(--step-1);text-align:left;padding-bottom:.3rem}.category th,.category td{padding:.3rem var(--space-xs)}.category thead th{border-bottom:0;padding-block:.35rem .1rem}.category tbody th{font-family:inherit;font-size:inherit;text-transform:none;letter-spacing:normal;color:inherit;font-weight:400;line-height:1.2}.category .base{color:var(--muted);font-size:.8em;display:block}.sheet .roll{font-family:var(--font-headings);font-size:1.1em;font-weight:700}.sheet .current{color:var(--muted);text-align:center}.sheet .critical{color:var(--muted);white-space:nowrap;text-align:center;font-size:.85em}.sheet form .edit-value,.sheet form .read-value{text-align:center;font-variant-numeric:tabular-nums;width:3.25rem}.sheet .edit-value{vertical-align:top;appearance:textfield;height:1.5em;padding:0 .3rem;line-height:1}.sheet .read-value{display:inline-block}.sheet .edit-value::-webkit-inner-spin-button,.sheet .edit-value::-webkit-outer-spin-button{appearance:none;margin:0}.weapons thead .col-current{width:4.5rem}.combat{gap:var(--space-l);grid-template-columns:minmax(0,1fr);display:grid}@container sheet (width<=70rem){.blocks{grid-template-columns:minmax(0,1fr)}.blocks .column:first-child{background:0 0;padding-right:0}}@container sheet (width<=65.5rem){.skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container sheet (width<=49rem){.loyalty-row{grid-template-columns:minmax(0,1fr);gap:.4rem}}@container sheet (width<=41.75rem){.skill-grid{grid-template-columns:minmax(0,1fr)}.block-header .penalty{grid-area:2/1/3/4}.weapons table,.weapons thead,.weapons tbody{display:block}.weapons tr{border-bottom:1px solid var(--rule);flex-wrap:wrap;align-items:baseline;gap:.15rem .9rem;padding:.55rem 0 .55rem 3.3rem;display:flex;position:relative}.weapons thead tr{padding-top:0}.weapons th,.weapons td{background:0 0;border:0;padding:0;position:static}.weapons tr>.col-roll{text-align:right;width:2.4rem;position:absolute;top:50%;left:0;transform:translateY(-50%)}.weapons tr>.col-weapon{flex:1 0 calc(100% - 4.9rem)}.weapons tbody td.col-weapon{font-weight:600}.weapons tr>.col-critical{text-align:right;width:4rem}.weapons tr>.col-damage{order:1}.weapons tr>.col-group{order:2}.weapons tr>.col-hands{order:3}.weapons tr>.col-current{order:4}.weapons thead .detail{display:none}.weapons tbody .detail{color:var(--muted);text-align:left;white-space:nowrap;font-size:.85em}.weapons tbody .detail:not(.col-group):before{content:attr(data-label) " "}.weapons tbody .detail :is(.read-value,.edit-value){width:2.6rem;color:var(--ink)}.weapons tbody .detail .read-value{text-align:left}.weapons td.current:not(:has(.edit-value)),.weapons form:not(:has(.edit-toggle:checked)) td.current:has(.read-value:empty){display:none}}.sheet form{gap:var(--space-xl);flex-direction:column;flex:1;display:flex}.sheet button[type=submit]{align-self:flex-start;margin-top:auto}.sheet button[type=submit],.sheet .password>summary{border-radius:var(--radius);background:var(--ink);color:var(--paper);font:inherit;cursor:pointer;border:0;padding:.45rem .9rem}.account-details{gap:var(--space-l);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.field{gap:var(--space-xs);flex-direction:column;display:flex}.field input{box-sizing:border-box;width:100%}.password>summary{width:max-content;list-style:none}.password>summary::-webkit-details-marker{display:none}.password:not([open])>summary .open,.password[open]>summary .closed{display:none}.password[open]{gap:var(--space-xl) var(--space-l);grid-template-columns:minmax(0,1fr) auto;align-items:end;display:grid}.password[open]::details-content,.password[open]>form{display:contents}.password[open] .account-details{grid-column:1/-1}.password[open]>form>button[type=submit]{grid-area:2/1;justify-self:start}.password[open]>summary{color:var(--ink);border:1px solid var(--rule);background:0 0;grid-area:2/2;justify-self:end}@container sheet (width<=30rem){.account-details{grid-template-columns:minmax(0,1fr)}}.lists{gap:2.5rem}.purse{margin-block-end:2.5rem}.lists form{gap:var(--space-m)}.list-group td{vertical-align:middle}.lists table{margin:0}.list-group :is(input:not([type=checkbox]),textarea){padding:var(--cell-padding-block) .45rem;border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);color:var(--ink);font:inherit}.list-group{--cell-padding-block:calc((2.5rem - 2px - 1.5em) / 2)}.list-group form :is(.read-value,.edit-value):not([type=checkbox]){text-align:start;min-block-size:2.5rem;line-height:1.5;display:block}.list-group form .read-value{padding:var(--cell-padding-block) .45rem;overflow-wrap:anywhere;border:1px solid #0000}.list-group .field{grid-template-columns:minmax(0,1fr);inline-size:0;min-inline-size:100%;display:grid}.list-group .field>*{grid-area:1/1}.list-group form .field>.read-value{inline-size:auto}.list-group form .field>.edit-value{field-sizing:content;overflow-wrap:anywhere;resize:none;block-size:auto;inline-size:100%;margin:0;overflow:hidden}.list-group form:not(:has(.edit-toggle:checked)) .remove{display:none}.list-group .remove button{block-size:2.5rem}.list-group form:has(.edit-toggle:checked) .field>.read-value{visibility:hidden;display:block}.list-group form .notes .field>*{text-align:justify;hyphens:auto}.list-group form .numeric :is(.read-value,.edit-value){text-align:center;inline-size:6ch;margin-inline:auto}.list-group th:not(.name){white-space:nowrap;inline-size:1%}.list-group td:not(.text){white-space:nowrap}.list-group th.text{padding-inline-start:calc(1.05rem + 1px)}.list-group td.equipped .read-value{border-inline-width:0;padding-inline:0}.list-group form .edit-value[type=checkbox]{inline-size:auto}.list-group :is(.card-note,.card-state){display:none}.list-group tbody.line{border-bottom:1px solid var(--rule)}.list-group tbody.line td{border-bottom:0}.list-group .notes-row td.notes{--cell-padding-block:.15rem;color:var(--muted);font-size:var(--step--1);padding-block:0 .4rem}.list-group form .notes-row :is(.read-value,.edit-value){min-block-size:0}.list-group form:not(:has(.edit-toggle:checked)) .notes-row:has(.read-value:empty){display:none}@container table (width<=45rem){.list-group .table-wrap tr{display:contents}.list-group .table-wrap tbody.line{--cell-padding-block:.1rem;border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);grid-template-columns:minmax(0,1fr) 4.4rem 5.6rem;grid-template-areas:"name first second""sub first second""state first second""line2 first second""notes notes notes""remove remove remove";align-content:start;margin:.9rem 0;padding:.6rem .75rem .65rem;display:grid}.list-group .table-wrap tbody.line:first-of-type{margin-block-start:0}.list-group .table-wrap td{white-space:normal;gap:0;padding:0;display:block}.list-group .table-wrap td:before{content:none}.list-group .table-wrap td:not(:first-child,.card-sub,.card-first,.card-second,.card-line,.card-line2,.equipped,.notes,.remove){display:none}.list-group .table-wrap tr:not(.notes-row)>td:first-child{font-size:inherit;grid-area:name;margin:0;font-weight:600}.list-group form :is(.read-value,.edit-value):not([type=checkbox]){min-block-size:calc(1.5em + 2 * var(--cell-padding-block) + 2px)}.list-group .table-wrap td.card-sub{color:var(--muted);font-size:var(--step--1);grid-area:sub;padding-inline-start:calc(.45rem + 1px)}.list-group .table-wrap td:is(.card-first,.card-second){text-align:center;place-content:start center;justify-items:center;display:grid}.list-group .table-wrap td.card-first{grid-area:first}.list-group .table-wrap td.card-second{grid-area:second}.list-group :is(.card-first,.card-second) :is(.figure,.read-value,.edit-value){font-family:var(--font-headings);white-space:nowrap;font-size:1.3rem;font-weight:650;line-height:1.15}.list-group form .card-first :is(.read-value,.edit-value){block-size:1.5rem;min-block-size:0;inline-size:4rem;padding:0 .2rem;line-height:calc(1.5rem - 2px)}.list-group .card-note{color:var(--muted);white-space:nowrap;font-size:.72rem;line-height:1.2;display:block}.list-group .table-wrap td:is(.equipped,.card-line,.card-line2){block-size:1.6rem;color:var(--muted);font-size:var(--step--1);grid-area:state;justify-content:flex-start;align-items:center;column-gap:.4rem;padding-inline-start:calc(.45rem + 1px);display:flex}.list-group .table-wrap td.card-line2{grid-area:line2}.list-group .table-wrap td:is(.card-line,.card-line2):before{content:attr(data-label);font:inherit;letter-spacing:normal;text-transform:none}.list-group form td.equipped .read-value{white-space:nowrap;border:0;inline-size:auto;padding:0}.list-group form td.equipped .edit-value{margin:0}.list-group .yes-no{display:none}.list-group .card-state{display:inline}.list-group td.equipped.on .card-state{color:var(--accent)}.list-group form:has(.edit-toggle:checked) td.equipped:before{content:attr(data-label);font:inherit;letter-spacing:normal;text-transform:none;color:var(--muted);order:1}.list-group .table-wrap td.notes{grid-area:notes;margin:.3rem 0 0;padding:0}.list-group .table-wrap td.remove{grid-area:remove;margin-block-start:.5rem}}.purse{gap:var(--space-l) 2.5rem;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.purse>.carried{border-left:1px solid var(--rule);padding-left:2.5rem}.money,.money form{flex-direction:column;display:flex}.money form{flex:1}.money .exchange{margin:var(--space-s) 0 0;color:var(--muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:.3rem;display:flex}.money .eq{margin-inline:.1rem}.money .coins{justify-content:center;align-items:center;gap:var(--space-m) var(--space-xl);padding-block:var(--space-l);flex-wrap:wrap;flex:1;display:flex}.coin-count{grid-template-columns:auto auto;align-items:center;gap:0 .6rem;display:grid}.coin-count .coin{grid-row:span 2;width:32px;height:32px}.coin-count .count{font-family:var(--font-headings);font-size:var(--step-2);font-weight:600;line-height:1}.coin-count label{color:var(--muted);font-size:var(--step--1)}.carried ul{margin:var(--space-m) 0 0;padding:0;list-style:none}.carried li{justify-content:space-between;gap:var(--space-m);border-bottom:1px solid var(--rule);padding-block:.35rem;display:flex}.carried li span:last-child{color:var(--muted)}@media (width<=45rem){.purse{grid-template-columns:minmax(0,1fr)}.purse>.carried{padding:var(--space-l) 0 0;border-left:0;border-top:1px solid var(--rule)}}.coin{vertical-align:middle;flex:none}.coin circle{fill:var(--coin-color);stroke:var(--paper);stroke-width:1.25px}.coin.gold{--coin-color:var(--gold)}.coin.silver{--coin-color:var(--silver)}.coin.copper{--coin-color:var(--copper)}.empty{color:var(--muted);margin-block:var(--space-s) var(--space-m)}.add-menu{inset:auto;left:anchor(right);bottom:anchor(bottom);border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);width:min(22rem,80vw);color:var(--ink);position-try-fallbacks:flip-block, flip-inline;opacity:0;transition:opacity .16s ease, transform .2s ease, overlay .2s allow-discrete, display .2s allow-discrete;margin:0 8px;padding:.35rem;box-shadow:0 8px 22px light-dark(#1b1a1724,#00000080)}.add-menu:popover-open{opacity:1}@starting-style{.add-menu:popover-open{opacity:0}}@media (width<=45rem){.add-menu{width:auto;max-width:none;padding:var(--space-s) var(--space-s) var(--space-m);border-radius:calc(var(--radius) * 3) calc(var(--radius) * 3) 0 0;opacity:1;border-width:1px 0 0;margin:0;inset:auto 0 0;transform:translateY(100%)}.add-menu:popover-open{transform:none}@starting-style{.add-menu:popover-open{opacity:1;transform:translateY(100%)}}.add-menu:before{content:"";width:2.5rem;height:4px;margin:var(--space-xs) auto var(--space-s);border-radius:var(--radius);background:var(--rule);display:block}.add-menu::backdrop{background:light-dark(#1b1a1766,#0009)}}.list-group .add-menu button{text-align:left;background:0 0;border:0;gap:.1rem;width:100%;padding:.55rem .7rem;display:grid}.list-group .add-menu button:hover,.list-group .add-menu button:focus-visible{background:var(--code-bg)}.add-menu small{color:var(--muted);font-size:var(--step--1)}@media (prefers-reduced-motion:reduce){.add-menu{transition:none}}.list-group button{border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);color:var(--ink);font:inherit;cursor:pointer;padding:.4rem .8rem}main>dialog{border:1px solid var(--rule);border-radius:var(--radius);background:var(--paper);color:var(--ink);max-inline-size:min(44rem,92vw);padding:1.25rem}main>dialog form{gap:.75rem var(--space-l);grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;display:grid}main>dialog h2,main>dialog .buttons,main>dialog p:not(:has(label)){grid-column:1/-1}@media (width<=34rem){main>dialog form{grid-template-columns:minmax(0,1fr)}}main>dialog::backdrop{background:light-dark(#1b1a1766,#0009)}main>dialog h2{margin-block-start:0}main>dialog p{gap:var(--space-xs);flex-direction:column;display:flex}main>dialog input,main>dialog select{border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);min-block-size:2.5rem;color:var(--ink);font:inherit;padding:.35rem .45rem}main>dialog .price{align-items:center;gap:var(--space-s) 1.25rem;flex-flow:wrap;grid-column:1/-1}main>dialog .price .caption{inline-size:100%}main>dialog .coin-field{align-items:center;gap:.4rem;display:flex}main>dialog .coin-field input{max-inline-size:7ch}main>dialog label{align-items:center;gap:.4rem;display:flex}main>dialog .buttons{flex-direction:row;gap:.75rem;margin-block-end:0}main>dialog .buttons button{border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);color:var(--ink);font:inherit;cursor:pointer;padding:.4rem .8rem}main>dialog .check{flex-direction:row;align-items:center;min-block-size:2.5rem}main>dialog .check input{min-block-size:auto}.creation{gap:var(--space-xl);grid-template-columns:14rem minmax(0,1fr);align-items:start;display:grid}.creation-steps{top:var(--header-height);position:sticky}.creation-steps ol{margin:0;padding:0;list-style:none}.creation-steps li{justify-content:space-between;gap:var(--space-s);padding:var(--space-s) 0;border-bottom:1px solid var(--rule);display:flex}.creation-steps a{text-decoration:none}.points-left b{font-family:var(--font-headings);font-size:var(--step-3);display:block}.creation-form :is(input:not([type=checkbox],[type=radio]),select,textarea){border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);color:var(--ink);font:inherit;padding:.35rem .5rem}.creation-form td input[type=number]{text-align:center;inline-size:6ch}.creation-who{gap:var(--space-m);margin-block:var(--space-m);grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,8rem);display:grid}.creation-who .creation-field{margin-block:0}.creation-who :is(.owner,.appearance){grid-column:1/-1}.creation-field{gap:var(--space-xs);margin-block:var(--space-m);flex-direction:column;display:flex}.creation-field label{font-size:var(--step--1);color:var(--muted)}.step-card{gap:var(--space-l);margin-block:var(--space-l);padding:var(--space-l);border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);grid-template-columns:17rem minmax(0,1fr);display:grid}.step-card.wide{grid-template-columns:minmax(0,1fr)}.step-card table{margin-block:var(--space-s) var(--space-m)}.step-card h2,.step-card h3{margin-top:0}.step-number{font-family:var(--mono);font-size:var(--step--1);letter-spacing:.09em;text-transform:uppercase;color:var(--accent)}.step-card .table-scroll :is(th,td):first-child{background:var(--surface)}.step-card .final{font-family:var(--font-headings);font-weight:700}.step-card .hint{color:var(--muted);font-size:var(--step--1)}.adjustments{gap:var(--space-m);align-content:start;display:grid;container-type:inline-size}.adjustment{align-items:center;gap:var(--space-s);font-size:var(--step--1);grid-template-columns:5.5rem max-content 4.5rem max-content minmax(0,8rem) max-content minmax(0,8rem);display:grid}.adjustment-title{color:var(--muted)}.adjustment select{inline-size:100%}@container (width<=32rem){.adjustment{gap:var(--space-xs) var(--space-s);grid-template-columns:max-content minmax(0,1fr)}.adjustment-title{grid-column:1/-1}}.derived{gap:var(--space-s);flex-wrap:wrap;align-content:start;display:flex}.derived-stat{min-inline-size:6rem;padding:var(--space-s) var(--space-m);border:1px solid var(--rule);border-radius:var(--radius);flex-direction:column;align-items:center;display:flex}.race-human{gap:var(--space-s);flex-wrap:wrap;display:flex}.race-human[hidden]{display:none}.race-human .creation-field{margin-block:0}.race-choice{gap:var(--space-m);align-content:start;display:grid}.derived-stat output{font-family:var(--font-headings);font-size:var(--step-2)}.derived-stat span{font-size:var(--step--1);color:var(--muted)}.weapon-filters{gap:var(--space-xs);flex-wrap:wrap;display:flex}.weapon-filters button{padding:var(--space-xs) var(--space-s);border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);color:var(--ink);font:inherit;font-size:var(--step--1);cursor:pointer}.step-card tbody{border-bottom:1px solid var(--rule)}.step-card tbody td{border-bottom:0}.step-card .note td{color:var(--muted);font-size:var(--step--1);padding-block-start:0}.step-card tr.unavailable td{color:var(--muted)}.step-card tr.unavailable .minimum{color:var(--alert-red)}.skill-groups{gap:0 var(--space-l);grid-template-columns:repeat(auto-fill,minmax(min(18rem,100%),1fr));align-items:start;display:grid}.spells{border:0;min-inline-size:0;margin:0;padding:0}@media (width<=68.75rem){:is(.equipment-choice,.spells) table{display:block}:is(.equipment-choice,.spells) thead{display:none}:is(.equipment-choice,.spells) tr{display:contents}:is(.equipment-choice,.spells) tbody{border:1px solid var(--rule);border-radius:var(--radius);background:var(--paper);grid-template-columns:auto minmax(0,1fr);align-items:baseline;column-gap:.6rem;margin:.9rem 0;padding:.6rem .75rem .65rem;display:grid}:is(.equipment-choice,.spells) tbody:first-of-type{margin-block-start:0}:is(.equipment-choice,.spells) :is(tbody,tr)[hidden]{display:none}:is(.equipment-choice,.spells) td{justify-content:space-between;align-items:baseline;gap:var(--space-m);text-align:left;grid-column:1/-1;padding:.15rem 0;display:flex}:is(.equipment-choice,.spells) td:before{content:attr(data-label);font-family:var(--mono);text-transform:uppercase;letter-spacing:.09em;color:var(--muted);font-size:.72em}:is(.equipment-choice,.spells) td:is(.pick,.name){margin-bottom:.35rem;display:block}:is(.equipment-choice,.spells) td.pick{grid-column:1}:is(.equipment-choice,.spells) td.name{grid-column:2;font-weight:600}:is(.equipment-choice,.spells) :is(td.pick,td.name,.note td):before{content:none}:is(.equipment-choice,.spells) .note td{text-align:justify;hyphens:auto;margin-block-start:.3rem;padding:0;display:block}}.spells legend{font-family:var(--font-headings);font-size:var(--step-1);font-weight:600}.creation-submit button{padding:var(--space-s) var(--space-l);border-radius:var(--radius);background:var(--ink);color:var(--paper);font:inherit;cursor:pointer;border:0}@media (width<=45rem){.creation,.step-card,.creation-who{grid-template-columns:minmax(0,1fr)}.creation-steps{position:static}}}