:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@font-face{font-family:Mason Regular;src:url(/assets/mason-regular-CJgMoaVs.ttf)}@font-face{font-family:Dragon Fire;src:url(/assets/Dragon-Fire-C45IpXNE.ttf)}@media print{@page{size:letter;margin:.4in}body,html{width:100%;max-width:8in;height:auto;margin:0 auto;overflow-x:visible;color:#213547}.no-print{display:none!important;width:0px}}body{display:flex;align-items:start;justify-content:center;font-family:Roboto;margin:15px 0 0}@media screen and (max-width: 750px){body,html{width:100vw;max-width:100vw;overflow-x:hidden}body,#root{display:flex;flex-direction:column;justify-content:center;align-items:center}#root{width:calc(95vw - 10px);max-width:calc(95vw - 10px);padding-left:5px;padding-right:5px;margin:0}}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input,select,textarea{background-color:#f5f5f5}input[type=text]:hover,input[type=number]:hover,select:hover,textarea:hover{background-color:#ebebeb}@media screen and (prefers-color-scheme: dark){input,select,textarea{background-color:#141414}input[type=text]:hover,input[type=number]:hover,select:hover,textarea:hover{background-color:#414141}}.invisible{visibility:hidden;min-height:1px;max-height:1px;margin:0!important}table{border-collapse:collapse;margin:0 auto;font-size:1rem;text-align:left}th,td{padding:3px 5px;border:1px solid #ddd}th{background-color:#2c3e50;color:#fff;font-weight:700;text-align:center}tr:nth-child(2n){background-color:#f2f2f2}tr:hover{background-color:#eaeaea}@media screen and (prefers-color-scheme: dark){th,td{border:1px solid #646464}th{background-color:#577b9e;color:#fff}tr:nth-child(2n){background-color:#2d2d2d;color:#fff}tr:hover{background-color:#373737}}td{text-align:center}@media not print and (min-width: 851px){#basics{display:grid;grid-template-columns:.8fr 1.1fr 1.1fr;grid-template-rows:25px 25px}#basics #name-div{grid-column:1 / 2;grid-row:1 / 2}#basics #level-div{grid-column:1 / 2;grid-row:2 / 3}#basics #race-div{grid-column:2 / 3;grid-row:1 / 2}#basics #job-div{grid-column:2 / 3;grid-row:2 / 3}}@media screen and (min-width: 551px) and (max-width: 850px){#basics{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:25px 25px 25px}#basics #name-div{grid-column:1 / 2;grid-row:1 / 2}#basics #level-div{grid-column:1 / 2;grid-row:2 / 3}#basics #race-div{grid-column:1 / 2;grid-row:3 / 4}#basics #job-div{grid-column:2 / 3;grid-row:1 / 2}}@media screen and (max-width: 550px){#basics{display:grid;grid-template-columns:270px;grid-template-rows:repeat(6,25px);justify-content:center;gap:2px}#basics .input-set{grid-column:auto!important;grid-row:auto!important}}#name-level,#race-class,#weapons-armor{display:grid;grid-template-columns:1fr;grid-template-rows:25px 25px}#basics input,#basics select{width:85px}#name-div input,#level-div input{width:105px}@media screen and (max-width: 800px){#name-div input,#level-div input{width:162px}}#statblock{display:flex;justify-content:space-between}@media screen and (min-width: 551px) and (max-width: 800px){#statblock{display:flex;flex-wrap:wrap;gap:5px}#statblock #abilityscores{flex:0 0 55%;order:1;justify-self:flex-end}#statblock #hitpoints{flex:0 0 40%;order:2}#statblock #attacks{flex:0 0 50%;order:3}#statblock #defenses{flex:0 0 45%;order:4}}@media screen and (min-width: 451px) and (max-width: 550px){#statblock{display:flex;flex-wrap:wrap;gap:5px}#statblock #abilityscores{flex:0 0 100%;order:1}#statblock #hitpoints{flex:0 0 25%;order:4}#statblock #attacks{flex:0 0 45%;order:2}#statblock #defenses{flex:0 0 15%;order:3}}@media screen and (max-width: 450px){#statblock{display:flex;flex-wrap:wrap;justify-content:center;gap:5px}#statblock #abilityscores{flex:0 0 100%;order:1}#statblock #hitpoints{flex:0 0 25%;order:4}#statblock #attacks{flex:0 0 100%;order:2;display:grid;justify-content:center}#statblock #defenses{flex:0 0 15%;order:3}}#abilityscores{display:grid;grid-template-columns:290px}@media screen and (min-width: 551px) and (max-width: 800px){#abilityscores,#attacks{display:grid;justify-content:flex-end}}@media screen and (max-width: 550px){#abilityscores{display:grid;justify-content:center}}#abilityscores,#defenses,#attacks{grid-template-rows:repeat(4,25px)}#abilityscores strong{text-align:center}#abilityscores .titles label{font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center}#abilityscores .abrow{display:grid;grid-template-columns:65px repeat(6,35px);gap:2px}#statblock input,#abilityscores .abrow span{display:flex;align-items:center;justify-content:center;text-align:center}#scores span,#modifiers span,#defenses span,#attacks span,#hitpoints span{border:1px rgb(92,92,92) dashed}@media screen and (prefers-color-scheme: dark){#scores span,#modifiers span,#defenses span,#attacks span,#hitpoints span{border:1px rgb(163,163,163) dashed}}#defenses{display:grid;flex-direction:column;align-items:center}#defenses div{width:60px;display:flex;justify-content:space-between}#defenses .num{display:flex;justify-content:center;align-items:center;padding:0 2px}#defenses label{font-weight:700}#attacks .atkrow{display:grid;grid-template-columns:35px repeat(2,75px);gap:2px}#attacks,#hitpoints{text-align:center}#hitpoints .hprow{display:grid;grid-template-columns:repeat(3,40px);gap:0px}#recovery-roll span{grid-column:2 / 4}@media screen and (max-width: 850px){.charsheet{max-width:96vw}}.input-group{border:1px black solid;padding:7px;margin-bottom:20px;position:relative}@media screen and (prefers-color-scheme: dark){.input-group{border:1px rgb(255,255,255) solid}}.input-group .title-label{font-size:20px;font-weight:700;position:absolute;top:-17px;left:20px;background-color:#fff}.input-group .subtitle-label{font-size:13px;font-weight:700;position:absolute;top:-9px;left:20px;background-color:#fff;max-height:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:170px}@media screen and (prefers-color-scheme: dark){.input-group{border:1px rgb(255,255,255) solid}.input-group .title-label,.input-group .subtitle-label{background-color:#242424}#one-unique-thing .subtitle-label{background:linear-gradient(180deg,#242424 30%,#141414)}#one-unique-thing:hover .subtitle-label{background:linear-gradient(180deg,#242424 30%,#2d2d2d)}}@media screen{.input-error{border:solid 1px red!important}}.input-set{display:flex}@media screen and (max-width: 800px){.input-set{justify-content:start}}.input-set label{min-width:90px;font-weight:700;font-size:18px;text-align:center}.input-group select.small{width:50px}#narrativeblock,#abilitiesblock{display:flex;justify-content:space-evenly;flex-wrap:wrap}.lined-inputs{border:1px solid rgb(182,182,182)}@media screen and (prefers-color-scheme: dark){.lined-inputs{border:1px solid rgb(133,133,133)}}.lined-inputs .title{font-weight:700;font-size:14px;padding-left:5px}.lined-inputs .single-line input[type=number]{width:15px!important;text-align:center}.lined-inputs .single-line select{width:30px!important}.lined-inputs .single-line{display:flex;gap:5px}.lined-inputs .lined-input{background-color:#fff;border:1px rgb(182,182,182);border-style:none none solid none;margin-bottom:2px}.lined-inputs .lined-input:hover{border:1px rgb(0,0,0);border-style:none none solid none}@media screen and (prefers-color-scheme: dark){.lined-inputs .lined-input{background-color:#242424;border:1px rgb(220,220,220);border-style:none none solid none}.lined-inputs .lined-input:hover{border:1px white;border-style:none none solid none}}@media screen{.error{color:red}}.error-btn{position:absolute;top:-1px;right:-1px;background:none;border:solid red 1px;padding:0;border-radius:0;width:16px;height:16px;font-size:14px;cursor:pointer;color:red}@media (hover: hover){.error-btn:hover,.error-btn:focus{color:#fff;background:#f55;border:solid red 1px}}.single-line-w-btn{display:flex;justify-content:space-between;align-items:end;background-color:#fff;margin-bottom:2px;width:170px;height:25px}@media screen and (prefers-color-scheme: dark){.single-line-w-btn{background-color:#242424}}@media print{.single-line-w-btn{justify-content:center!important;width:145px!important}.single-line-w-btn span{width:145px!important;max-width:145px!important}}.single-line-w-btn span{width:150px;max-width:150px;white-space:nowrap;line-height:1;max-height:17px;text-align:center;overflow:hidden;text-overflow:ellipsis}.single-line-w-btn .buttons{display:flex;justify-content:end;width:32px}.single-line-w-btn button{padding:2px;border:1px solid black;border-radius:0;width:16px;height:16px;margin-bottom:2px;display:flex;justify-content:center;align-items:center}@media screen and (max-width: 450px){.single-line-w-btn{width:190px}.single-line-w-btn .buttons{display:flex;justify-content:end;gap:3px;width:50px}.single-line-w-btn button{min-width:19px;height:19px;margin-bottom:2px;font-size:20px;padding:0;display:flex;justify-content:center;align-items:center}}.single-line-w-btn button:hover{background-color:#8a8a8a;color:#fff}@media screen and (prefers-color-scheme: dark){.single-line-w-btn button{border:1px solid rgb(255,255,255)}.single-line-w-btn button:hover{background-color:#d2d2d2;color:#000}}.single-line-w-btn button:focus{outline:none}@media screen and (min-width: 451px) and (max-width: 800px){#narrativeblock,#abilitiesblock{display:grid;grid-template-columns:1fr 1fr;gap:5px}}#narrativeblock #one-unique-thing,#abilitiesblock .abilities-input{position:relative}#popupMod .title,.ability-card .title{text-align:center;display:block;font-weight:700;font-size:1.2rem;margin-bottom:10px}.tooltip{border:none!important;border-bottom:1px dotted black!important;cursor:pointer}.tooltip:hover{border-bottom:1px solid black!important}@media screen and (prefers-color-scheme: dark){.tooltip{border-bottom:1px dotted white!important}.tooltip:hover{border-bottom:1px solid white!important}}@media print{.tooltip{border:none!important}}#popupMod.visible{position:fixed;top:20%;left:50%;transform:translate(-50%,-20%);background:#fff;padding:20px;width:300px;max-width:90%;max-height:95vh;overflow-y:auto;border-radius:10px;box-shadow:0 4px 10px #0000004d;z-index:1000}@media (max-height: 500px){#popupMod.visible{top:50%;transform:translate(-50%,-50%)}}@media screen and (prefers-color-scheme: dark){#popupMod.visible{background:#242424;box-shadow:0 2px 10px #ffffff4d;border:1px solid rgba(255,255,255,.5)}}#popupMod.wide{width:640px;max-width:90vw}#popupMod.widest{width:900px;max-width:95vw;margin-top:12px}#popupMod.hidden{display:none}#popupMod .close-btn{position:absolute;top:10px;right:10px;background:none;border:none;font-size:18px;cursor:pointer;color:#555}#popupMod .close-btn:hover{color:#000}#popupMod .description{display:block;font-size:1rem;color:#333}@media screen and (prefers-color-scheme: dark){#popupMod .close-btn{color:#b4b4b4}#popupMod .close-btn:hover{color:#fff}#popupMod .description{color:#ebebeb}}#popupMod.widest .description{font-size:14px}#popupMod .addable-items{display:grid;overflow-y:hidden}#popupMod #feats.single-selectables,#popupMod #cantrips.single-selectables{gap:10px}#popupMod #utility-spells.single-selectables{flex-direction:row;flex-wrap:wrap;gap:5px}#popupMod #spell-levels.single-selectables{gap:2px}#popupMod .single-selectables{margin-top:10px}#popupMod #utility-spells.single-selectables .selectable{max-width:28%}#popupMod.wide .addable-items{grid-template-columns:repeat(2,1fr)}#popupMod.widest .addable-items{grid-template-columns:repeat(4,1fr)}#popupMod .single-selectables .selectable,#popupMod .addable-items .addable-item{position:relative;border-width:1px;border-style:solid;border-color:#8b8b8b;padding:4px}#popupMod .single-selectables .selectable.unclickable{border-style:dotted}@media screen and (prefers-color-scheme: dark){#popupMod .single-selectables .selectable,#popupMod .addable-items .addable-item{border-color:#bbb}}#popupMod .addable-items .addable-item.Cleric{border:solid 1px rgb(188,202,231);background-color:#bccae726}#popupMod .addable-items .addable-item.Sorcerer{border:solid 1px rgb(255,165,0);background-color:#ffa50026}#popupMod .addable-items .addable-item.Wizard{border:solid 1px rgb(13,25,116);background-color:#0d197426}#popupMod .single-selectables .selectable.owned{border-color:red;color:red}#popupMod .addable-items .addable-item{font-size:clamp(13px,calc(13px + .005*(100vw - 400px)),16px)}#popupMod.wide .addable-items .addable-item{height:300px;overflow:hidden;text-overflow:ellipsis;line-height:1.5em;max-height:12em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:8}#popupMod.widest .addable-items .addable-item{overflow:hidden;text-overflow:ellipsis;line-height:1.5em;max-height:9em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6}@container btn-container (max-height: 50px){#popupMod span.text{font-size:50px}#popupMod button[disabled] .text{font-size:15px}}@container btn-container (min-height: 51px) and (max-height: 100px){#popupMod span.text{font-size:70px}#popupMod button[disabled] .text{font-size:20px}}@container btn-container (min-height: 101px){#popupMod span.text{font-size:100px}#popupMod button[disabled] .text{font-size:25px}}#popupMod .alterBtn{position:absolute;top:0;left:0;border-radius:0;width:100%;height:100%;padding:0;opacity:0;outline:none;display:flex;justify-content:center;align-items:center;line-height:1;container-type:size;container-name:btn-container;-webkit-tap-highlight-color:transparent}#popupMod .alterBtn.utility{cursor:text}#popupMod .alterBtn span.minus{transform:translateY(-10%)}@media (hover: hover){#popupMod .alterBtn:not(:disabled):not(.utility).add:hover{background-color:#b2c4a7a9;color:#467727;opacity:1}#popupMod .alterBtn.remove:not(.utility):hover{background-color:#c4aaa7a9;color:#772727;opacity:1}}#popupMod .alterBtn:not(.utility)[disabled]{background-color:#c4aaa7a9;color:#772727;opacity:1}@media screen and (hover: hover) and (prefers-color-scheme: dark){#popupMod .alterBtn:not(:disabled):not(.utility).add:hover{background-color:#414d43a9;color:#83e248}#popupMod .alterBtn.remove:not(.utility):hover{background-color:#4d4241a9;color:#f10f0f}}@media screen and (prefers-color-scheme: dark){#popupMod .alterBtn:not(.utility)[disabled]{background-color:#4d4241a9;color:#f10f0f}}#popupMod .selectable .hidden{display:none}#popupMod .description .sub-title{font-size:17px;text-decoration:underline}.ability-card .exclusionadd{display:block;text-align:center;font-size:11px;width:100%;margin-top:-13px;margin-bottom:10px}.ability-card .single-selectables{display:flex;flex-direction:column}@media print{#ability-sheets.include-in-printing{visibility:visible!important;height:auto!important;margin:3in auto}}#ability-sheets{width:7.5in;max-width:7.5in;height:1px;visibility:hidden;overflow-y:hidden}.sheet-category{display:flex;flex-direction:column;align-items:center;margin-top:20px;width:7.5in;max-width:7.5in}.sheet-category .sheet-title{font-size:25px;font-weight:700}.sheet-category .cards{width:7.5in;display:block;position:relative;align-items:stretch}.grid-sizer{width:calc(50% - 10px)}#ability-sheets .ability-card{box-sizing:border-box;width:calc(50% - 10px);overflow:hidden;text-overflow:ellipsis;line-height:1.5em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:39;border:solid black 1px;padding:5px}#ability-sheets .ability-card.wide,#ability-sheets .ability-card.widest{width:calc(100% - 10px)}#narrativeblock{padding-top:15px}#one-unique-thing .subtitle-label{background:linear-gradient(180deg,#fff 30%,#f5f5f5)}#one-unique-thing:hover .subtitle-label{background:linear-gradient(180deg,#fff 30%,#ebebeb)}@media screen and (prefers-color-scheme: dark){#one-unique-thing .subtitle-label{background:linear-gradient(180deg,#242424 30%,#141414)}#one-unique-thing:hover .subtitle-label{background:linear-gradient(180deg,#242424 30%,#414141)}}#narrativeblock #unique-input{box-sizing:border-box;height:100%;padding:8px;margin:0;font-size:15px;line-height:1.5;overflow:hidden;resize:none;width:180px}#narrativeblock .lined-input{width:120px}#narrativeblock #items .lined-input{width:130px}#narrativeblock #gold{margin-left:20px;border:1px black solid;min-width:60px;max-height:15px;text-align:end}@media screen and (max-width: 800px){.narrative-input{max-width:205px;width:205px}#narrativeblock #unique-input{width:205px}#narrativeblock #items .lined-input,#narrativeblock #backgrounds .lined-input{width:150px}}@media screen and (min-width: 451px) and (max-width: 800px){#narrativeblock{grid-template-rows:216px}#narrativeblock>:nth-child(2),#narrativeblock>:nth-child(4){justify-self:end}}@media screen and (max-width: 450px){#narrativeblock{display:grid;grid-template-columns:1fr;grid-template-rows:216px;gap:5px}.narrative-input{flex:0 0 100%;justify-self:center}}#narrativeblock #one-unique-thing{padding:0}#narrativeblock .narrative-input{box-sizing:border-box;height:216px;padding:0 10px;position:relative}#icon-relationships{display:flex;flex-direction:column;position:relative;height:216px}@media print{#abilitiesblock{gap:5px}#abilitiesblock .abilities-input{min-width:160px!important;padding:10px 0 10px 5px!important}}@media screen and (min-width: 451px) and (max-width: 800px){#abilitiesblock>:nth-child(2),#abilitiesblock>:nth-child(4){justify-self:end}.abilities-input{max-width:195px;width:195px}}#abilitiesblock .abilities-input{min-width:180px;margin-top:10px;padding:10px 5px 10px 10px}#abilitiesblock .lined-input{cursor:pointer;min-height:17px}#abilitiesblock .lined-input:hover{color:#000;border-color:#000}#abilitiesblock .lined-input.empty:hover{color:#000;border-color:#000;background-color:#ebebeb}#abilitiesblock .lined-input.error:hover{color:#ca2800;border-color:#000}@media screen and (prefers-color-scheme: dark){#abilitiesblock .lined-input:hover{color:#fff;border-color:#fff}#abilitiesblock .lined-input.empty:hover{color:#fff;border-color:#fff;background-color:#414141}#abilitiesblock .lined-input.error:hover{color:#ff7676;border-color:#fff}}.navbar{display:flex;min-width:100%;max-width:100vw;box-sizing:border-box;padding:5px 3%;margin-bottom:5px;justify-content:space-between;align-items:center;background-color:#e0e0e0;border:solid 1px rgb(128,128,128)}@media (prefers-color-scheme: dark){.navbar{background-color:#333;border:solid 1px rgb(128,128,128)}}.navbar #nav-title{font-weight:700;font-size:15px;width:90px}.navbar div{display:flex;align-items:center;gap:5px}@media screen and (max-width: 700px){.navbar{justify-content:start}.navbar #nav-title{font-size:12px;width:70px}}.navbar button{width:140px;height:40px;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700}@media screen and (max-width: 700px){.navbar button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:15px}}.navbar .icon{min-width:35px;width:35px;min-height:35px;height:35px}@media (prefers-color-scheme: dark){.navbar .icon{fill:#fff}}.navbar #print{margin-left:25px}.navbar .checkbox-container{font-size:15px;display:flex;align-items:center;gap:.5rem}.navbar input[type=checkbox]{margin:0 9px;transform:scale(2)}@media screen and (max-width: 700px){.navbar input[type=checkbox]{margin:0 9px;transform:scale(2.8)}.navbar .checkbox-container{font-size:13px;text-align:center}}