:root{--font-family:"Arial",sans-serif;--font-size-base:14px;--background-color:#000;--text-color:#fff;--padding:2rem;--vitals-width:25%;--stats-width:25%%;--items-width:100%;--skills-width:100%;--quests-width:100%;--max-width:1100px;@media (min-width:768px){--vitals-width:20%;--stats-width:20%;--items-width:60%;--skills-width:60%;--quests-width:60%}--progress-background:hsla(0,0%,100%,.3);--progress-fill:hsla(0,0%,100%,.6);--backdrop-filter:blur(10px) brightness(1.2);--modal-background-color:rgba(0,0,0,.5);--modal-text-color:#fff;--modal-backdrop-blur:10px;--hexagon-width:3rem;--hexagon-height:3.5rem;--label-font-size:0.9rem;--label-line-height:0.9rem;--color-white:#fff;--color-white-75:hsla(0,0%,100%,.75);--color-white-50:hsla(0,0%,100%,.5);--color-white-25:hsla(0,0%,100%,.25);--color-white-10:hsla(0,0%,100%,.1);--color-white-05:hsla(0,0%,100%,.05);--color-black:#000;--color-black-75:rgba(0,0,0,.75);--color-black-50:rgba(0,0,0,.5);--color-black-25:rgba(0,0,0,.25);--color-black-10:rgba(0,0,0,.1);--color-black-05:rgba(0,0,0,.05);--color-red:hsla(0,50%,70%,.5);--color-red-75:hsla(0,50%,70%,.75);--color-red-50:hsla(0,50%,70%,.5);--color-red-25:hsla(0,50%,70%,.25);--color-green:rgba(112,255,193,.5);--color-green-75:rgba(112,255,193,.75);--color-green-50:rgba(112,255,193,.5);--color-yellow:#e3c869;--color-yellow-75:hsla(47,69%,65%,.75);--color-yellow-50:hsla(47,69%,65%,.5);--color-yellow-25:hsla(47,69%,65%,.25);--border-color:var(--color-white-10);--button-background-color:hsla(0,0%,100%,.1);--button-background-color-hover:hsla(0,0%,100%,.2);--button-text-color:hsla(0,0%,100%,.5);--button-text-color-hover:hsla(0,0%,100%,.75);--button-primary-background-color:var(--button-text-color);--button-primary-background-color-hover:var(--button-text-color-hover);--button-primary-text-color:var(--color-black);--button-primary-text-color-hover:var(--color-black-75);--button-padding:1rem 2rem;--button-border-radius:4px}*,body,html{margin:0;padding:0;box-sizing:border-box}body,html{font-size:var(--font-size-base);font-weight:100;letter-spacing:.05em;line-height:1.5em}body{background-color:var(--background-color);color:var(--text-color);font-family:var(--font-family)}h1,h2,h3,h4,h5,h6{font-size:1.5rem;font-weight:400;margin-bottom:.5rem}p{font-size:1rem;margin-bottom:.5rem}a{text-decoration:none;color:inherit}footer,header{position:fixed;width:100%;z-index:100}header{top:0;font-size:3rem;text-transform:lowercase}nav{display:flex;gap:1rem}nav a{color:inherit}footer{bottom:0;font-size:2rem;padding:1rem}.button,button{background-color:var(--button-background-color);color:var(--button-text-color);padding:var(--button-padding);border-radius:var(--button-border-radius);transition:background-color .3s ease,color .3s ease;border:none;cursor:pointer;font-size:1rem}.button:hover{background-color:var(--button-background-color-hover)}.button-primary{background-color:var(--button-primary-background-color);color:var(--button-primary-text-color)}.button-primary:hover{background-color:var(--button-primary-background-color-hover);color:var(--button-primary-text-color-hover)}input[type=email],input[type=password],input[type=text]{width:100%;border:1px solid var(--border-color);background-color:var(--color-black-05);color:var(--color-white-75);font-size:1rem;font-weight:100;letter-spacing:.05em;line-height:1.5em;padding:.5rem;border-radius:var(--button-border-radius)}input:focus{outline:none;border-color:var(--color-white-75)}input[type=email]::placeholder,input[type=password]::placeholder,input[type=text]::placeholder{color:var(--color-white-75)}.formField,.formGroup,form{display:flex;flex-direction:column;gap:.5rem}.formField label{font-size:.9rem;font-weight:100;letter-spacing:.05em;line-height:1.5em}.formField input,.formField textarea{width:100%;margin:0 0 .5rem}.formField input:last-child,.formField textarea:last-child{margin:0}.formField input:focus,.formField textarea:focus{outline:none;border-color:var(--color-white-75)}.formField input::placeholder,.formField textarea::placeholder{color:var(--color-white-75)}.flex{display:flex}.flex.columns{flex-direction:column}.flex.rows{flex-direction:row}.flex.columns>*,.flex.rows>*{width:100%}.flex.space-between{justify-content:space-between}.flex.space-around{justify-content:space-around}.flex.space-evenly{justify-content:space-evenly}.flex.height-100{height:100%}.flex.width-100{width:100%}.flex.align-center{align-items:center}.flex.align-start{align-items:flex-start}.flex.justify-center{justify-content:center}.flex.justify-start{justify-content:flex-start}.gap-1{gap:1rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.hr,.separator,hr{border:none;border-top:1px solid var(--border-color);margin:1rem 0}