html{font-size:62.5%}html,body,#root{height:100%;margin:0}.role-toggle,.spawn-panel button,.spawn-panel select,.entity-panel button{color:#3a2c18;cursor:pointer;background:#e8dcc0;border:.2rem solid #8a6d47;border-radius:.4rem;padding:.8rem 1.4rem;font-size:1.4rem}.entity-panel{z-index:10;color:#3a2c18;background:#e8dcc0;border:.2rem solid #8a6d47;border-radius:.4rem;align-items:center;gap:1.2rem;padding:.8rem 1.4rem;font-size:1.4rem;display:flex;position:fixed;bottom:1.6rem;left:50%;transform:translate(-50%)}.role-toggle{z-index:10;position:fixed;top:1.6rem;right:1.6rem}.spawn-panel{z-index:10;gap:.8rem;display:flex;position:fixed;top:1.6rem;left:1.6rem}.sheet-overlay{z-index:20;background:#0b0805b3;justify-content:center;align-items:center;animation:.2s ease-out sheet-fade;display:flex;position:fixed;inset:0}.sheet{box-sizing:border-box;aspect-ratio:1/1.414;color:#3a2c18;background:#efe4c8;border:.4rem solid #8a6d47;height:calc(100% - 6.4rem);padding:4rem;font-family:Georgia,serif;animation:.25s ease-out sheet-lift;overflow-y:auto;box-shadow:0 1.6rem 4rem #0009}.sheet__header{text-align:center;margin-bottom:3.2rem}.sheet__name{margin:0;font-size:4.2rem}.sheet__class{justify-content:center;align-items:baseline;gap:.8rem;margin:.8rem 0 0;font-size:2.2rem;font-style:italic;display:flex}.sheet__vitals{justify-content:space-around;margin-bottom:3.2rem;font-size:2.8rem;font-weight:700;display:flex}.sheet__stats{grid-template-columns:repeat(3,1fr);gap:1.6rem;margin:0 0 3.2rem;padding:0;list-style:none;display:grid}.sheet__stat{border:.2rem solid #8a6d47;flex-direction:column;align-items:center;padding:1.2rem;display:flex}.sheet__stat-label{font-size:1.8rem;font-weight:700}.sheet__stat-value{font-size:3.6rem;font-weight:700}.sheet__notes-title{margin:0 0 .8rem;font-size:2.2rem}.sheet__notes-text{white-space:pre-line;margin:0;font-size:1.8rem;line-height:1.5}.sheet__class-name{width:16ch}.sheet__vital{align-items:center;gap:.8rem;display:flex}.sheet__step{width:3.6rem;height:3.6rem;font:inherit;color:#3a2c18;cursor:pointer;background:0 0;border:.2rem solid #8a6d47;border-radius:50%;font-size:2.4rem;line-height:1}.sheet-field{box-sizing:border-box;width:100%;font:inherit;color:inherit;text-align:inherit;background:0 0;border:none;border-bottom:.2rem dashed #0000;outline:none;padding:0}.sheet-field:hover,.sheet-field:focus{border-bottom-color:#8a6d47}.sheet-field--number{text-align:center;appearance:textfield;width:4ch}.sheet-field--number::-webkit-inner-spin-button{appearance:none;margin:0}.sheet-field--number::-webkit-outer-spin-button{appearance:none;margin:0}.sheet-field--multiline{resize:vertical;line-height:inherit}.sheet-field--readonly{cursor:default}.sheet-field--readonly:hover,.sheet-field--readonly:focus{border-bottom-color:#0000}.roll-result{z-index:15;color:#efe4c8;text-shadow:0 .4rem 2.4rem #000c;pointer-events:none;flex-direction:column;align-items:center;font-family:Georgia,serif;animation:2.5s ease-out forwards roll-result;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.roll-result__by{font-size:2.4rem;font-style:italic}.roll-result__value{font-size:12rem;font-weight:700;line-height:1}.roll-result__tag{font-size:2.8rem;font-weight:700}.roll-result--critical{color:#e8c15c}.roll-result--fumble{color:#c4513f}@keyframes roll-result{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}12%{opacity:1;transform:translate(-50%,-50%)scale(1.05)}20%{transform:translate(-50%,-50%)scale(1)}80%{opacity:1}to{opacity:0}}@keyframes sheet-fade{0%{opacity:0}}@keyframes sheet-lift{0%{opacity:0;transform:translateY(4rem)rotateX(25deg)scale(.9)}}