:root{--titles: #d6c3a1;--gold: #d4ae65;--line-height: 1.1em}@font-face{font-family:Pelagiad;src:url(/assets/fonts/Pelagiad.ttf)}body{font-family:Pelagiad;height:100dvh;margin:0px;color:var(--gold);font-size:32px;background-color:#000000;display:flex;flex-direction:column}@media (max-width: 600px){body{font-size:24px}}header{position:relative;margin:8px}header img{width:40px;top:-1px;position:absolute;-webkit-user-drag:none;user-drag:none}@media (max-width: 600px){header img{width:30px}}header span{padding-left:45px}#app{justify-content:center;display:flex;line-height:var(--line-height);padding:0px 50px;flex:1}.wrapper{position:relative;padding:10px 20px;min-width:300px}label{color:var(--titles)}input{--width: 40px;--top: 7px;--left: -50px;position:absolute;-webkit-user-drag:none;user-drag:none;--left: calc(-1*(var(--width) + 10px));width:var(--width);left:var(--left);top:var(--top)}@media (max-width: 600px){input{--width: 30px;--left: -37px}}input:hover{top:calc(var(--top) + 1px)}input:active{top:calc(var(--top) + 2px);left:calc(var(--left) + 1px)}a{color:var(--titles)}.elements-wrapper{display:inline-block;vertical-align:top;min-width:250px}@media (max-width: 600px){.elements-wrapper{min-width:unset;width:100%}}#class-attributes,#class-major-skills,#class-minor-skills{list-style-type:none;padding-inline-start:0px}#race,#class-name,#class-specialization,#birthsign,#objective,#stipulations,#class-attributes,#class-major-skills,#class-minor-skills{margin:10px}#race,#class-name,#class-specialization,#birthsign{min-height:calc(var(--line-height))}#class-attributes{min-height:calc(var(--line-height) * 2)}#class-major-skills,#class-minor-skills{min-height:calc(var(--line-height) * 5)}#objective{font-size:smaller;min-height:calc(var(--line-height));line-height:var(--line-height)}#stipulations{font-size:smaller;min-height:calc(var(--line-height) * 4);line-height:var(--line-height)}#class-wrapper{border:1px solid var(--gold);box-sizing:border-box;position:relative}#objective-wrapper,#stipulations-wrapper{max-width:880px;box-sizing:border-box}footer{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:1rem;margin:8px;font-size:20px}footer :nth-child(1){text-align:left}footer :nth-child(2){text-align:center}footer :nth-child(3){text-align:right}@media (max-width: 600px){footer{grid-template-columns:1fr;gap:0.5rem}footer span{text-align:center !important}}