.attack[data-astro-cid-z6zwmkmi]{background:var(--black-tint);padding:4px 8px;>h4{font-size:14px;text-align:center;width:100%}}.new-attack[data-astro-cid-z6zwmkmi]{display:block;margin:12px auto 0;padding:4px 8px}.list[data-astro-cid-z6zwmkmi]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.item[data-astro-cid-z6zwmkmi]{padding:4px;border-radius:4px;background:var(--black);display:grid;grid-template-columns:3fr 1fr 1fr;grid-template-rows:1fr 1fr;font-size:18px;text-align:center;gap:4px;&:first-child{background:none;font-size:14px}&:first-of-type{grid-template-rows:1fr}*:nth-child(1){text-align:left}.btn{display:flex;.edit{background:none;border:1px solid transparent;width:100%;text-align:center;&:hover,&:active,&:focus{border:1px solid var(--purple);background:var(--black-shade)}}}.notes{grid-column:span 2;text-align:left}input{border:none;background:none;min-width:0;font-size:18px;text-align:center;color:var(--white);border:1px solid var(--black-tint);border-radius:4px;&:first-of-type{text-align:left}&:active,&:focus,&:hover{outline:none;border-color:var(--purple);color:var(--purple)}}}.init[data-astro-cid-kmou3jd7]{flex:1;label{height:100%}span,input{text-align:center}input{font-size:32px;height:100%}}.hitpoints[data-astro-cid-urjq2j6y]{flex:1;border:1px solid var(--black-shade);border-radius:4px;overflow:hidden;>div{font-size:14px;text-align:center;width:100%}input{border:1px solid transparent;background:none;border-radius:4px;color:var(--white);&:focus,&:active,&:hover{color:var(--purple);border-color:var(--purple)}}.fill{height:8px;margin-bottom:4px;width:50%;background:var(--red);transition:all cubic-bezier(.45,-.2,0,2) .3s}.number{display:flex;justify-content:center;gap:4px;font-size:48px;input{font-size:inherit;width:fit-content;min-width:0;&:focus{outline:none}&:nth-child(1){text-align:right}&:nth-child(3){text-align:left}}}.temp{padding:8px 12px;font-size:18px;display:flex;input{text-align:left;font-size:inherit;flex:1;&:focus{outline:none}}}.quick{display:flex;background:var(--black-shade);button{background:none;border:none;border-radius:0;color:var(--white);&:active,&:hover,&:focus{color:var(--purple);outline:none;border:1px solid var(purple)}&:disabled{background:var(--black);color:var(--black-tint)}}}}.speed[data-astro-cid-r3jdgczb]{flex:1;border:1px solid var(--black-shade);padding:4px;display:flex;flex-direction:column;>div{font-size:14px;text-align:center;width:100%}}.list[data-astro-cid-r3jdgczb]{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;flex:1;li{display:flex;div,input{width:100%;font-size:15px;color:currentColor;text-align:center}input{background:none;border:none;border-bottom:1px solid currentColor;&:focus{outline:none;color:var(--purple)}}}}.btn[data-astro-cid-r3jdgczb]{width:100%;border:0;font-size:12px;padding:2px 8px;color:var(--white)}.prof[data-astro-cid-fhm6odwc]{flex:1;label{height:100%}span,input{text-align:center}input{font-size:32px;height:100%}}.armor[data-astro-cid-eq3v4kjk]{flex:1;border:1px solid var(--black-shade);border-radius:4px;display:flex;flex-direction:column;padding:4px;gap:4px}.calc[data-astro-cid-eq3v4kjk],.val[data-astro-cid-eq3v4kjk],.name[data-astro-cid-eq3v4kjk]{text-align:center;width:100%}.name[data-astro-cid-eq3v4kjk]{font-size:14px}.val[data-astro-cid-eq3v4kjk]{font-size:32px;flex:1;display:flex;justify-content:center;align-items:center}.edit[data-astro-cid-eq3v4kjk]{display:flex;flex-direction:column;gap:4px;label{border:none;background:var(--black-shade);span,input{text-align:center}}select{background:var(--black-shade);border:1px solid var(--black-shade);border-radius:4px;padding:8px;text-align:center;font-size:16px;color:var(--white);&:focus,&:active,&:hover{outline:none;color:var(--purple);border-color:var(--purple)}}}.hitdice[data-astro-cid-f6exy56t]{flex:1;border:1px solid var(--black-shade);padding:4px;display:flex;flex-direction:column;gap:4px;>div{font-size:14px;text-align:center}}.list[data-astro-cid-f6exy56t]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px;input{width:100%;max-width:100%;min-width:0;background:none;color:var(--white);border:1px solid var(--black-shade);border-radius:4px;text-align:center;&:focus,&:active,&:hover{outline:none;border-color:var(--purple);color:var(--purple)}}}.die[data-astro-cid-f6exy56t]{position:relative;background:var(--black-shade);border-radius:4px;display:flex;padding:4px;overflow:hidden;>*{z-index:1}.name{flex:1;font-size:18px;text-align:center}.fill{position:absolute;top:0;left:0;height:100%;background:var(--black-tint);z-index:0;transition:all ease .2s;&[fill="0"]{width:0%}&[fill="1"]{width:10%}&[fill="2"]{width:20%}&[fill="3"]{width:30%}&[fill="4"]{width:40%}&[fill="5"]{width:50%}&[fill="6"]{width:60%}&[fill="7"]{width:70%}&[fill="8"]{width:80%}&[fill="9"]{width:90%}&[fill="10"]{width:100%}}}.details[data-astro-cid-onthvj43]{padding:24px 8px;background:var(--black);display:flex;flex-direction:column;gap:8px}.top[data-astro-cid-onthvj43]{display:flex;gap:10px;justify-content:stretch}.middle[data-astro-cid-onthvj43]{display:flex;gap:8px}.features[data-astro-cid-eojxoyg2]{background:var(--black-shade);padding:8px 12px;>h4{text-align:center;margin-bottom:12px}}.new-feature[data-astro-cid-eojxoyg2]{margin:8px auto 0;text-align:center}.list[data-astro-cid-eojxoyg2]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px;.trait{background:var(--black);border-radius:4px;overflow:hidden;padding:4px;.header{position:relative;padding:8px 4px 4px;display:flex;gap:4px;>div:nth-child(2){flex:1}.bar{position:absolute;top:0;left:0;height:4px;width:50%;background:var(--purple-shade)}}.desc{border-radius:4px;background:var(--black-tint);white-space:pre-wrap}}.edit-area{.edit-header{display:grid;grid-template-columns:4fr 2fr 2fr 1fr 1fr;label{display:flex;align-items:center;flex-direction:row;span,input{flex:1}&,&:has(input:focus),&:has(input:active),&:has(input:hover){outline:none;border:none;background:none}}}textarea{height:100%;width:100%;resize:vertical}input,textarea{border-radius:4px;border:1px solid transparent;padding:2px;font-size:16px;min-width:0;color:var(--white);background:none;font-family:inherit;&:focus,&:active,&:hover{outline:none;color:var(--purple);border-color:var(--purple)}}}}.meta[data-astro-cid-keqmgke3]{background:var(--black-tint);padding:24px 8px;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.hero[data-astro-cid-vxpgm44q]{background:var(--black-shade)}.image[data-astro-cid-vxpgm44q]{max-height:30vh;width:100%;overflow:hidden;position:relative;border-radius:12px;&.top img[data-astro-cid-vxpgm44q]{object-position:top}&.center img[data-astro-cid-vxpgm44q]{object-position:center}&.bottom img[data-astro-cid-vxpgm44q]{object-position:bottom}button{position:absolute;bottom:10px;right:10px;z-index:1;font-size:12px}img{max-height:30vh;width:100%;object-fit:cover}}.image-edit[data-astro-cid-vxpgm44q]{display:flex;flex-direction:column;padding:8px;gap:4px;.input-area{display:flex;gap:10px;input{flex:1;background:none;border:none;color:var(--white)}}.tabs{display:flex;background:var(--black-tint);border-radius:4px;overflow:hidden;.tab{border:none;background:none;padding:10px;flex:1;border-radius:0;transition:all ease-in .3s;&.active{background:var(--white);color:var(--black)}}}}.name[data-astro-cid-vxpgm44q]{margin-top:20px;text-align:center;input{font-size:20px;font-weight:700;text-align:center}}.level-exp[data-astro-cid-vxpgm44q]{display:flex;gap:10px;margin-top:10px;.level{flex:1;input,span{text-align:center}}.exp{flex:4;input,span{text-align:right}}}.prof[data-astro-cid-bjbro3md]{padding:8px 12px;background:var(--black-tint)}.list[data-astro-cid-bjbro3md]{border:1px solid var(--black);border-radius:4px;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr) auto;gap:8px;margin:0;padding:4px}.item[data-astro-cid-bjbro3md]{height:100%;width:100%;label{border:none;background:none;display:flex;position:relative;border-radius:4px;cursor:pointer;text-align:center;justify-content:center;align-items:center;input{position:absolute;inset:0;margin:0;opacity:0;cursor:pointer}&:has(input:checked){background:var(--purple-shade);color:var(--black-shade)}}label:has(textarea){border:none;textarea{border-radius:4px;padding:8px;border:1px solid transparent;font-family:inherit;font-size:16px;resize:vertical;min-height:200px;&:focus{outline:none;border-color:var(--purple)}}}label,input,textarea{height:100%;width:100%}&:last-child{grid-column:span 4}}.settings[data-astro-cid-hebic4ra]{padding:8px 8px 64px;display:flex;flex-direction:column;gap:12px;h4,h5{text-align:center}section{padding:8px;border-radius:4px;border:1px solid var(--black);display:flex;flex-direction:column;label{&,span,select,option{text-align:center}select{color:var(--white);border-radius:4px;padding:8px 12px;border:1px solid var(--black-tint);background:var(--black-shade)}}button{padding:8px 12px}.actions{display:flex;gap:12px;justify-content:center}pre{border-radius:4px;padding:4px;background:var(--black-shade);width:100%;white-space:-o-pre-wrap;white-space:-pre-wrap;white-space:-moz-pre-wrap;white-space:pre-wrap;word-break:break-all;overflow-wrap:anywhere}}textarea{font-size:12px;background:var(--black-shade);border-radius:4px;border:1px solid var(--black);color:var(--white);min-height:300px;padding:4px;resize:vertical;width:100%}}.skills[data-astro-cid-ftnjxe65]{background:var(--black-tint);padding:8px 12px}.list[data-astro-cid-ftnjxe65]{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px}.item[data-astro-cid-ftnjxe65]{padding:0;text-align:center;display:grid;grid-template-columns:1fr 30px 40px 50px;align-items:center;justify-content:center;border-radius:4px;.mod{color:var(--white-shade);font-size:12px}.bonus{padding:4px;border-radius:4px;font-size:18px;border:1px solid var(--purple)}&:not(.header):hover{background:var(--black-shade)}>*:nth-child(1){padding-left:4px;text-align:left}label{margin:0 auto}input{min-width:0;text-align:center;border:1px solid transparent;background:none;color:var(--white);padding:4px;border-radius:4px;font-size:16px;&:active,&:focus,&:hover{outline:none;border-color:var(--purple);color:var(--purple)}}span{text-align:center}}.spellcasting[data-astro-cid-z6ufqryn]{padding:24px 12px 8px;background:var(--black);.title{font-size:14px;text-align:center;width:100%;margin-bottom:24px;display:flex;align-items:center;justify-content:center;gap:12px;h4{font-size:inherit}}.header{padding:4px;background:var(--black-shade);border-radius:4px;display:grid;grid-template-rows:1fr 1fr;grid-template-columns:repeat(3,1fr);>:nth-child(4){grid-column:span 3}label{border:none;span{font-size:14px}input{font-size:24px}span,input{text-align:center}}}.mana-points{text-align:center;>div{display:flex;align-items:center;font-size:32px;line-height:1;span,input{font-size:inherit;line-height:inherit}input{&:first-child{text-align:right}&:last-child{text-align:left}}}}.quick-cast{margin-top:12px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:8px;button{border:none;font-size:18px;height:40px;&:active,&:hover,&:focus{background:var(--purple)}&:last-child{grid-column:2}}}.spells-list{display:flex;flex-direction:column;h5{font-size:14px;text-align:center;position:relative;button{position:absolute;top:50%;right:0;transform:translateY(-50%)}}.spells-entries{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;.spell-entry{display:flex;align-items:center;color:var(--white);gap:8px;border:1px solid transparent;padding:4px 8px;border-radius:4px;&:has(input:checked){background:var(--black-tint)}&:hover,&:has(input:focus),&:has(input:active),&:has(input:hover){color:var(--purple);border-color:var(--purple)}.name{color:currentColor;background:none;border:none;flex:1;outline:none}.cast-btn{border:none;background:none}}}}.new-spell{label{display:flex;flex-direction:row;justify-content:center;align-items:center;input{flex:1}}}.edit-button{align-self:flex-end;border:none;background:none;&.active{background:var(--purple)}}}.stats[data-astro-cid-yzhphkpt]{padding:24px 4px;background:var(--black-shade);display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:8px;.stat{label{border-color:var(--black-tint);height:100%;width:100%;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,auto);span{text-align:center;grid-column:span 2}input{text-align:center;&:nth-child(2){font-size:32px;text-align:right}&:nth-child(3){font-size:24px;text-align:left}}}}}