:root{--au-main:128,0,255;--str-color:163,85,85;--dex-color:85,163,163;--con-color:163,85,163;--int-color:85,163,85;--wis-color:85,85,163;--cha-color:163,163,85}body{background:linear-gradient(0deg,#380071,#000,#000);margin:0}body,button{color:#fff;font-family:serif;font-size:2rem}button{background:#8000ff;background:rgb(var(--au-main));border:none;border-radius:.5rem;box-shadow:2px 2px 6px #000;cursor:pointer;padding:.5rem 1rem}button:disabled{cursor:not-allowed;opacity:.5}button:not(:disabled):hover{-webkit-filter:brightness(120%);filter:brightness(120%)}.app{box-sizing:border-box;display:flex;flex-direction:column;max-height:100vh;min-height:100vh;overflow-y:auto;padding:0}.footer{align-items:center;display:flex;justify-content:space-evenly;margin-top:2rem;padding-bottom:1rem}.portrait .footer{margin-top:1rem}.footer img{height:3rem;margin:0 1rem;width:3rem}.page-body{flex-direction:column;flex-grow:1}.page-body,.stat-pickers{align-items:center;display:flex;justify-content:center}.stat-pickers{flex-wrap:wrap}.stat-picker{align-items:center;background:linear-gradient(to top,rgba(var(--stat-color),.3),#000);border:2px solid rgb(var(--stat-color));border-radius:2rem;display:flex;flex-direction:column;margin:1.5rem;padding:1rem}div.stat-picker.stat-color{background:none}.stat-picker-label{color:rgb(var(--stat-color));-webkit-filter:brightness(200%);filter:brightness(200%);text-transform:uppercase}.stat-picker-buttons{align-items:center;display:flex;margin:1rem 0}.stat-picker-buttons button{align-items:center;background:rgb(var(--stat-color));display:flex;height:3rem;justify-content:center;width:3rem}.stat-picker-buttons div{margin:0 1rem}.stat-picker .circle-value{-webkit-filter:brightness(120%);filter:brightness(120%);height:2rem;width:2rem}.circle-value{background:rgba(0,0,0,.2);border:.2rem solid rgb(var(--stat-color));border-radius:50%;justify-content:center;padding:.5rem}.circle-value,.points{align-items:center;display:flex}.points{--stat-color:var(--au-main);box-sizing:border-box;flex-direction:row;font-size:2.5rem;margin-top:1.5rem;padding:0 1rem;width:100%}.points.small{flex-direction:column;margin-top:1rem}.points .circle-value{height:3rem;margin:0 2rem;width:3rem}.points .button-container{display:flex;flex-grow:1;justify-content:flex-end;width:0}.points.small .button-container{margin:1rem 0;width:auto}.generation{align-items:flex-start;display:flex;flex-direction:column;flex-grow:1;font-size:1.25rem;width:0}.small .generation{width:auto}.generation label{margin:.25rem 0}.generation input{margin:0 .5rem 0 0}.portrait{font-size:1.5rem}.portrait.app{padding:.5rem}.portrait button{font-size:1.5rem;padding:.25rem .5rem}.portrait .stat-picker{margin:.25rem;padding:.5rem}.portrait .stat-picker-buttons{margin:.5rem 0}.portrait .stat-picker-buttons button{height:2.5rem;width:2.5rem}.portrait .circle-value{margin:0 .5rem;padding:.25rem}.portrait .points{font-size:2rem}.str{--stat-color:var(--str-color)}.dex{--stat-color:var(--dex-color)}.con{--stat-color:var(--con-color)}.int{--stat-color:var(--int-color)}.wis{--stat-color:var(--wis-color)}.cha{--stat-color:var(--cha-color)}
/*# sourceMappingURL=main.a9ced6c3.css.map*/