html{--color-neutral-100: light-dark(oklch(97.59% .003 264.54), oklch(29.25% .002 247.9));--color-neutral-200: light-dark(oklch(92.73% .005 258.33), oklch(36.35% .014 244));--color-neutral-300: light-dark(oklch(86.18% .007 247.91), oklch(41.24% .014 243.93));--color-neutral-400: light-dark(oklch(71.88% .014 251.6), oklch(48.5% .013 243.85));--color-neutral-500: light-dark(oklch(53.5% .015 251.67), oklch(53.5% .015 251.67));--color-neutral-600: light-dark(oklch(48.5% .013 243.85), oklch(71.88% .014 251.6));--color-neutral-700: light-dark(oklch(41.24% .014 243.93), oklch(86.18% .007 247.91));--color-neutral-800: light-dark(oklch(36.35% .014 244), oklch(92.73% .005 258.33));--color-neutral-900: light-dark(oklch(29.25% .002 247.9), oklch(97.59% .003 264.54));--color-success: light-dark(oklch(.7 .2097 164.12), oklch(.75 .18 164.12));--color-success-light: light-dark(oklch(.9647 .0296 164.12), oklch(.35 .08 164.12));--color-warning: light-dark(oklch(.7 .1702 67.76), oklch(.78 .15 67.76));--color-warning-light: light-dark(oklch(.9676 .0099 67.76), oklch(.4 .06 67.76));--color-error: light-dark(oklch(.6382 .2047 29.65), oklch(.72 .19 29.65));--color-error-light: light-dark(oklch(.9559 .0173 29.23), oklch(.38 .09 29.23));--color-info: light-dark(oklch(.65 .18 250), oklch(.72 .15 250));--color-info-light: light-dark(oklch(.96 .02 250), oklch(.35 .08 250));--color-neutral-white: #ffffff;--color-neutral-black: #000000;--color-background: var(--color-neutral-100);--color-foreground: var(--color-neutral-900);--color-background-global: var(--color-background);--color-font-default: var(--color-foreground);--color-font-inverted: var(--color-background);--color-font-subtle: var(--color-neutral-700);--color-focus: dodgerblue;color-scheme:light dark}html[data-theme=light]{color-scheme:light}html[data-theme=dark]{color-scheme:dark}html{--content-width: 90em;--content-width-max: 100em;--content-padding: var(--spacing-fluid-m);--border-width: 1px;--border-color: var(--color-neutral-200);--border-radius: .25rem;--border-radius-large: 1rem;--font-weight-regular: 400;--font-weight-medium: 550;--font-weight-bold: 700;--font-family-default: "Inter Variable", sans-serif;--font-family-heading: "Inter Variable", sans-serif;--font-size-xxs: clamp(.75rem, .725rem + .125vw, .875rem);--font-size-xs: clamp(.875rem, calc(.85rem + .125vw) , 1rem);--font-size-s: clamp(1rem, calc(.975rem + .125vw) , 1.125rem);--font-size-m: clamp(1.125rem, calc(1.1rem + .125vw) , 1.25rem);--font-size-ml: clamp(1.25rem, calc(1.2rem + .25vw) , 1.5rem);--font-size-l: clamp(1.5rem, calc(1.4rem + .5vw) , 2rem);--font-size-xl: clamp(2rem, calc(1.85rem + .75vw) , 2.75rem);--font-size-xxl: clamp(2.25rem, calc(2.1rem + .75vw) , 3rem);--line-height-default: 1.5;--line-height-heading: 1.1;--line-height-label: 1;--icon-size-default: 1lh;--icon-size-large: 1.25lh;--header-height: clamp(3rem, 2.7573rem + 1.0356vw, 4rem);--z-index-main: 1;--z-index-header: 99;--z-index-skip-link: 100;--z-index-pop-over: 100}@media(prefers-reduced-motion:no-preference){html{--transition-duration: .2s;--transition-easing: ease}}html{--spacing-xxxs: .125rem;--spacing-xxs: .25rem;--spacing-xs: .5rem;--spacing-s: .75rem;--spacing-m: 1rem;--spacing-l: 1.5rem;--spacing-xl: 2rem;--spacing-xxl: 2.5rem;--spacing-xxxl: 3rem;--spacing-fluid-xs: clamp(.5rem, .3786rem + .5178vw, 1rem);--spacing-fluid-s: clamp(.75rem, .6286rem + .5178vw, 1.25rem);--spacing-fluid-m: clamp(1rem, .8786rem + .5178vw, 1.5rem);--spacing-fluid-l: clamp(1.5rem, 1.3786rem + .5178vw, 2rem);--spacing-fluid-xl: clamp(2rem, 1.7573rem + 1.0356vw, 3rem);--spacing-fluid-xxl: clamp(2.5rem, 2.2573rem + 1.0356vw, 3.5rem);--spacing-fluid-xxxl: clamp(3rem, 2.7573rem + 1.0356vw, 4rem)}html{box-sizing:border-box;font-size:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{border:none;background:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:unset}*,*:before,*:after{box-sizing:inherit}html{box-sizing:border-box;font-size:100%;font-synthesis:none;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{margin:unset;display:flex;flex-direction:column;min-height:100dvh;font-family:var(--font-family-default);font-weight:var(--font-weight-regular);background-color:var(--color-background-global);color:var(--color-font-default)}main{z-index:var(--z-index-main);flex-grow:1;margin-block-start:clamp(5rem,3.7864rem + 5.178vw,10rem);margin-block-end:clamp(4rem,3.7573rem + 1.0356vw,5rem)}picture{display:block}img{max-width:100%;display:block}:where(button,textarea,input,select,a,area,details,iframe):focus-visible{outline-width:3px;outline-style:solid;outline-offset:3px;outline-color:var(--color-focus)}a{text-underline-offset:.3em;text-decoration-thickness:.075em}@media(prefers-reduced-motion:no-preference){@view-transition{navigation:auto}}fieldset{border:none;margin:unset;padding:unset}fieldset:not(:last-child){margin-block-end:var(--spacing-m)}input{padding:var(--spacing-xs) var(--spacing-s);font-size:var(--font-size-s);line-height:var(--line-height-default);width:100%;margin:unset}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none}input[type=checkbox]{width:auto;cursor:pointer}label{display:block;margin-block-end:var(--spacing-xxs);font-weight:var(--font-weight-medium);font-size:var(--font-size-xs);cursor:pointer}label:has(input[type=checkbox]){margin:unset}label:has(input[type=checkbox]):before{--_size: 1rem;content:"";display:inline-block;inline-size:var(--_size);block-size:var(--_size);background-color:var(--color-neutral-800)}label:has(input[type=checkbox]:checked):before{background-color:var(--color-info)}label:has(input[type=checkbox]:focus-visible){outline-width:3px;outline-style:solid;outline-offset:3px;outline-color:var(--color-focus)}textarea{--_padding: var(--spacing-xs);padding:var(--_padding);width:100%;resize:vertical;min-height:calc(4lh + 2 * var(--_padding));field-sizing:content}h5:where(:not([class])),.t-heading-epsilon,h4:where(:not([class])),.t-heading-delta,h3:where(:not([class])),.t-heading-gamma,h2:where(:not([class])),.t-heading-beta,h1:where(:not([class])),.t-heading-alpha{font-weight:var(--font-weight-medium);line-height:var(--line-height-heading);color:var(--color-font-default)}.t-text__intro,dl:where(:not([class])) dd,dl:where(:not([class])) dt,ol:where(:not([class])) li,ul:where(:not([class])) li,p:where(:not([class])){font-weight:var(--font-weight-regular);line-height:var(--line-height-default);color:var(--color-font-default)}h1,h2,h3,h4,h5,h6,p{margin:unset}h1:where(:not([class])),.t-heading-alpha{font-size:clamp(2rem,1.85rem + .75vw,2.75rem)}h2:where(:not([class])),.t-heading-beta{font-size:clamp(1.5rem,1.4rem + .5vw,2rem)}h3:where(:not([class])),.t-heading-gamma{font-size:clamp(1.25rem,1.2rem + .25vw,1.5rem)}h4:where(:not([class])),.t-heading-delta{font-size:clamp(1.125rem,1.1rem + .125vw,1.25rem)}h5:where(:not([class])),.t-heading-epsilon{font-size:clamp(1rem,.975rem + .125vw,1.125rem)}p:where(:not([class])){font-size:clamp(1.125rem,1.1rem + .125vw,1.25rem)}a:where(:not([class])){color:inherit}ul:where([class]),ol:where([class]){list-style-type:"";margin:unset;padding:unset}ol:where(:not([class])),ul:where(:not([class])){margin:unset;padding-inline-start:2.5em}ol:where(:not([class])) li,ul:where(:not([class])) li{font-size:clamp(1.125rem,1.1rem + .125vw,1.25rem)}dl:where([class]){margin:unset;padding:unset}dl:where(:not([class])){margin:unset}dl:where(:not([class])) dt{margin-block-start:.75em;font-weight:var(--font-weight-medium);font-size:clamp(1.125rem,1.1rem + .125vw,1.25rem)}dl:where(:not([class])) dd{margin:unset;font-size:clamp(1.125rem,1.1rem + .125vw,1.25rem)}table{border-collapse:collapse;border-spacing:0;width:100%;text-align:left;margin-bottom:var(--projectnameBottomMargin)}table caption{text-align:left;padding-bottom:var(--spacing-fluid-xs);font-weight:var(--font-weight-bold);font-size:clamp(1.125rem,1.1rem + .125vw,1.25rem)}th,td{padding:var(--spacing-fluid-xs);background-color:var(--color-neutral-200);border-bottom:var(--border-width) solid var(--border-color);font-size:clamp(1rem,.975rem + .125vw,1.125rem)}th:not(:last-child),td:not(:last-child){border-right:var(--border-width) solid var(--border-color)}tbody tr:last-child td{border-bottom:unset}strong,b{font-weight:var(--font-weight-bold)}em,i,dfn{font-style:italic}small{font-size:clamp(.875rem,.85rem + .125vw,1rem)}code,kbd{padding:.125em .25em;border-radius:.25em;background-color:var(--color-neutral-200);font-size:clamp(.875rem,.85rem + .125vw,1rem)}pre{padding:1em;border-radius:.25em;background-color:var(--color-neutral-200);font-size:clamp(.875rem,.85rem + .125vw,1rem)}.t-text>*+*{margin-block-start:1.25em}.t-text__intro{font-size:clamp(1.5rem,1.4rem + .5vw,2rem)}.t-page-title{margin-block-end:var(--spacing-fluid-l)}.o-icon{--_icon-fill: currentColor;--_icon-size: var(--icon-size-default);display:block;width:var(--_icon-size);height:var(--_icon-size);fill:var(--_icon-fill)}.o-icon--large{--_icon-size: var(--icon-size-large)}.l-grid{display:grid;grid-template-columns:[full-start content-start] 1fr 1fr 1fr 1fr [content-end full-end]}@media only screen and (min-width:48em){.l-grid{grid-template-columns:[full-start] 1fr [content-start] 1fr 1fr 1fr 1fr 1fr 1fr [content-end] 1fr [full-end]}}@media only screen and (min-width:64em){.l-grid{grid-template-columns:[full-start] 1fr 1fr 1fr [content-start] 1fr 1fr 1fr 1fr 1fr 1fr [content-end] 1fr 1fr 1fr [full-end]}}.l-grid__column{grid-area:content}.l-grid__column--full{grid-column:full}.l-layout{width:min(100%,var(--content-width-max));margin-inline:auto;padding-inline:var(--content-padding)}.c-armor-class{text-align:center;padding-inline:var(--spacing-xs)}.c-armor-class__label{font-size:var(--font-size-xs);margin-block-end:var(--spacing-xxs)}.c-armor-class__value{font-size:var(--font-size-ml);font-weight:var(--font-weight-bold)}.c-button{--_button-border-radius: 0;--_button-font-color: var(--color-background);--_button-background-color: var(--color-foreground);--_button-box-shadow-color: oklch(from var(--color-foreground) l c h / .2);cursor:pointer;display:inline-flex;align-items:center;font-size:1rem;padding:.75rem 1.25rem;gap:.25rem;border-radius:var(--_button-border-radius);font-family:var(--font-family-default);font-weight:var(--font-weight-medium);line-height:var(--line-height-default);color:var(--_button-font-color);background-color:var(--_button-background-color);box-shadow:0 0 0 0 var(--_button-box-shadow-color);border:2px solid var(--_button-border-color);transition-property:color,background-color,transform,box-shadow,border-color;transition-duration:var(--transition-duration);transition-timing-function:var(--transition-easing)}.c-button:is(:hover,:focus-visible){transform:translate(-.125rem,-.125rem);box-shadow:0 0 0 0 var(--_button-box-shadow-color)}.c-button:active{transform:translate(0)}.c-button--small{--_button-border-radius: .25rem;font-size:.875rem;padding:.25rem .5rem}.c-button--outlined{--_button-background-color: transparent;--_button-font-color: var(--color-foreground);--_button-border-color: var(--color-foreground)}.c-button--inverse{--_button-font-color: var(--color-foreground);--_button-background-color: var( --color-background);--_button-box-shadow-color: var(--color-background)}.c-button--icon{padding-inline:.75rem}.c-button--icon.c-button--small{padding-inline:.25rem}.c-button--action{padding:.5rem}.c-creature{--_size: 4rem;container-name:creature;container-type:inline-size;position:relative}.c-creature__inner{display:grid;grid-template-areas:"name" "stats" "actions";gap:var(--spacing-m) var(--spacing-xs);padding:var(--spacing-fluid-s) var(--spacing-fluid-s);background-color:var(--color-neutral-200)}@container creature (width >= 31rem){.c-creature__inner{grid-template-areas:"name name" "stats actions"}}@container creature (width >= 56rem){.c-creature__inner{display:flex;padding:var(--spacing-s) var(--spacing-m)}}.c-creature__stats{grid-area:stats}.c-creature__actions{grid-area:actions;display:inline-flex;align-items:center;gap:var(--spacing-xs)}@container creature (width >= 31rem){.c-creature__actions{justify-self:end}}.c-creature__name{grid-area:name;flex-grow:1;display:inline-flex;align-items:center;min-width:22.5rem}.c-creature__footer{display:grid;grid-template-areas:"conditions death-saves";grid-column-gap:var(--spacing-fluid-m)}:is(.c-creature__name,.c-creature__stats,.c-creature__actions){flex-shrink:0}.c-creature-stats{display:inline-flex;align-items:center;gap:var(--spacing-xs)}.c-creature-stats__death-save{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-xxxs);background-color:var(--color-neutral-400);padding-block:var(--spacing-xs)}.c-creature-stats__death-save input{margin:unset}.c-conditions-toggle{position:relative}.c-conditions-toggle__form{display:grid;grid-template-columns:1fr 1fr;position:absolute;bottom:100%;right:0;margin-block:var(--spacing-fluid-m);z-index:var(--z-index-pop-over);pointer-events:none;opacity:0;transform:translateY(1rem);transition-property:opacity,transform;transition-duration:var(--transition-duration);transition-timing-function:var(--transition-easing);background-color:var(--color-neutral-200);box-shadow:.25rem .25rem .5rem rgba(from var(--color-neutral-black) r g b/.125)}.c-conditions-toggle__label{position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;gap:var(--spacing-s);visibility:hidden;opacity:0;transition-property:opacity,visibility;transition-behavior:allow-discrete;transition-duration:var(--transition-duration);transition-timing-function:var(--transition-easing);padding-inline:var(--spacing-s);padding-block:var(--spacing-xs);margin:unset}.c-conditions-toggle__label:first-child{padding-block-start:var(--spacing-s)}.c-conditions-toggle__label:last-child{padding-block-end:var(--spacing-s)}.c-conditions-toggle__form[aria-hidden=false]{pointer-events:auto;opacity:1;transform:translateY(0)}.c-conditions-toggle__form[aria-hidden=false] .c-conditions-toggle__label{visibility:visible;opacity:1}.c-conditions-toggle__checkbox{position:absolute;cursor:pointer;inset:0;width:100%;height:100%;z-index:1;opacity:0}.c-conditions-viewer{grid-area:conditions;height:2rem}.c-conditions-viewer__list{display:flex;align-items:center;gap:var(--spacing-xxs)}.c-conditions-viewer__item{display:flex;align-items:center;gap:var(--spacing-xxs);border-bottom-right-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius);background-color:var(--color-neutral-200);padding:var(--spacing-xxs) var(--spacing-xs)}.c-conditions-viewer__remove{cursor:pointer}.c-create-creature-form{container-name:create-creature-form;container-type:inline-size}.c-create-creature-form__inner{display:flex;align-items:flex-end;gap:var(--spacing-fluid-xs)}.c-create-creature-form__input-group{flex-grow:1}.c-create-creature-form__input-group--ac{flex-grow:0;flex-basis:3rem}.c-create-creature-form__input-group--hp{flex-grow:0;flex-basis:7ch}.c-create-creature-form__label{margin-block-end:var(--spacing-xxs);font-weight:var(--font-weight-medium);font-size:var(--font-size-xs)}:is(.c-create-creature-form__input-group--ac,.c-create-creature-form__input-group--hp) .c-create-creature-form__label{text-align:center}.c-death-saves{grid-area:death-saves;justify-self:end;display:flex;align-items:center;gap:var(--spacing-fluid-xs);height:2rem;background-color:var(--color-neutral-200);padding-inline:var(--spacing-fluid-s);animation:fadeInDown var(--transition-duration) var(--transition-easing)}.c-death-save{display:flex;align-items:center;gap:var(--spacing-xxs)}.c-death-save__heading{margin-inline-end:var(--spacing-xxs)}.c-death-save__label{height:1rem}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10%)}to{opacity:1;transform:translateY(0)}}.c-footer{border-top:var(--border-width) solid var(--border-color)}.c-footer__inner{display:flex;flex-direction:column;justify-content:space-between;gap:var(--spacing-fluid-l) var(--spacing-fluid-m);padding-block:var(--spacing-fluid-l)}@media only screen and (min-width:34em){.c-footer__inner{flex-direction:row;align-items:center}}.c-footer__menu-list{display:flex;flex-wrap:wrap;gap:var(--spacing-fluid-l) var(--spacing-fluid-m)}.c-footer__actions{display:flex;gap:var(--spacing-fluid-l) var(--spacing-fluid-m)}.c-hit-points{--_spacing: var(--spacing-xs);display:flex;-moz-column-gap:var(--_spacing);column-gap:var(--_spacing)}:is(.c-hit-points__base,.c-hit-points__temp){background-color:var(--color-neutral-300)}:is(.c-hit-points__current,.c-hit-points__max,.c-hit-points__temp){text-align:right;font-size:var(--font-size-m);font-weight:var(--font-weight-medium)}.c-hit-points__base{display:inline-flex;justify-content:center;align-items:center;-moz-column-gap:var(--_spacing);column-gap:var(--_spacing);padding-inline:var(--_spacing)}.c-hit-points__base:has(.c-hit-points__current:focus-visible){outline-width:3px;outline-style:solid;outline-offset:3px;outline-color:var(--color-focus)}.c-hit-points__current{border:none;padding:unset;background-color:transparent;width:4ch}.c-hit-points__current:focus-visible{outline:none}.c-hit-points__max{width:4ch}.c-hit-points__temp{border:none;padding-inline:var(--_spacing);width:calc(4ch + 2 * var(--_spacing))}.c-initiative-order__item:not(:last-child){margin-block-end:var(--spacing-fluid-xs)}.c-initiative-order-reset{margin-block:var(--spacing-fluid-m)}.c-skip-link{display:block;position:fixed;top:calc(var(--spacing-fluid-m) + var(--header-height));left:var(--content-padding);z-index:var(--z-index-skip-link);opacity:0;pointer-events:none;background-color:var(--color-neutral-900);color:var(--color-font-inverted);padding:var(--spacing-s) var(--spacing-m);font-weight:var(--font-weight-medium);text-decoration:none}.c-skip-link:focus-visible{opacity:1;pointer-events:initial}.c-skip-link--inline{position:absolute;top:0;left:0;z-index:var(--z-index-skip-link)}.c-theme-switch__button{color:var(--color-font-default);display:flex;align-items:center;-moz-column-gap:var(--spacing-xs);column-gap:var(--spacing-xs);cursor:pointer}.c-theme-switch__button:is(:hover,:focus-visible) .c-theme-switch__icon{animation:wiggle .8s ease-in-out}.c-theme-switch__text{font-size:var(--font-size-s);font-weight:var(--font-weight-medium);line-height:var(--line-height-label)}[data-theme=dark] .c-theme-switch__status--off,[data-theme=light] .c-theme-switch__status--on{display:none}.c-theme-switch__icon{flex-shrink:0}@keyframes wiggle{0%,to{transform:rotate(0)}10%{transform:rotate(-8deg)}30%{transform:rotate(7deg)}50%{transform:rotate(-4deg)}70%{transform:rotate(2deg)}90%{transform:rotate(-1deg)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(90deg)}}.u-visually-hidden{border:0!important;clip:rect(1px,1px,1px,1px)!important;clip-path:inset(50%)!important;height:1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important}