:root{font-family:"Jersey 10",sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#01002c;letter-spacing:1px}input,textarea{font-family:"Jersey 10",sans-serif;background-color:#000;font-size:2vh;letter-spacing:1px}button{font-family:"Jersey 10",sans-serif;cursor:pointer}label{font-size:2vh}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.overlay-2{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:2000}.close-button{background-color:#a00000;border:white solid;font-size:4vh;width:5vh;height:5vh;position:absolute;top:5%;right:20%}.close-button:hover{background-color:red;transform:scale(1.1)}.signin-container{display:flex;justify-content:center;margin-top:20vh}.sign-in-label{text-align:start;display:flex;align-items:start;justify-content:start}.signin-box{background-color:#020051;border-radius:3vh;border:white solid;border-width:.5vh;width:40vw;min-height:45vh;display:flex;flex-direction:column}.signin-title{margin-top:4vh;font-size:5vh;text-align:center}.center{display:flex;align-items:center;justify-content:center;flex-direction:column}.signin-field{width:20vw;font-size:2vh;border:white solid}.signin-submit{background-color:#2eb000;border-radius:5vh;padding-left:2vw;padding-right:2vw;padding-top:1vh;padding-bottom:1vh;font-size:2vh;border:white solid}.signin-submit:hover{border:yellow solid;transform:scale(1.1);box-shadow:.5vw 1vh #000}.signin-field:hover{border:yellow solid}.signin-error{color:red;text-align:center}.welcome-foot{display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:2rem}.sign-up-link{color:#646cff;text-decoration:inherit;font-size:1.5rem}.sign-up-link:hover{color:#303af8}.navbar-background{background-color:#020051;border-bottom:white solid;border-width:.6vh;width:100%;height:10vh;position:fixed;display:flex;align-items:center;top:0;left:0;z-index:1000}.navbar-logo{height:9vh;width:auto}.navbar-title{font-size:5vh}.navbar-title:hover{color:#ff0}.navbar-left{display:flex;align-items:center;gap:2vw;max-width:50vh;line-height:4vh;text-decoration:none;color:#fff;margin-left:1vw;margin-top:.2vw}.navbar-right{display:flex;gap:2vw;margin-left:auto;margin-right:2vw}.navbar-right a{color:#fff;text-decoration:none;font-size:1.5rem;padding:.5vh 1vw;border-radius:5px}.navbar-right a:hover{color:#ff0}.mainpage-body{margin-top:15vh;text-align:center}.mainpage-title{font-size:8vh}.mainpage-subtitle{font-size:4vh}.mainpage-grid{display:grid;width:fit-content;margin:0 auto;gap:2rem;grid-template-columns:20vh 20vh 20vh 20vh;grid-template-rows:20vh 20vh;z-index:4}.mainpage-button{background-color:#020051;border:white solid;border-width:2px;outline:none;cursor:pointer}.mainpage-button:hover{background-color:#2781ff;border:yellow solid;transform:scale(1.1);box-shadow:1vh .5vw #000}.mainpage-button-img{height:12vh;width:auto}.mainpage-button-name{font-family:"Jersey 10",sans-serif;font-size:2vh}.square-button{background-color:#020051;border:white solid;border-width:2px;outline:none;cursor:pointer}.square-button:hover{background-color:#2781ff;border:yellow solid;transform:scale(1.1);box-shadow:1vh .5vw #000}.square-button-img{height:12vh;width:auto}.square-button-name{font-family:"Jersey 10",sans-serif;font-size:3vh}.square-button-selected{background-color:#2781ff;border:yellow solid;transform:scale(1.1);box-shadow:1vh .5vw #000;border-width:2px;outline:none;cursor:pointer}.small-display-box{display:flex;align-items:center;justify-content:center;gap:.5vw;cursor:pointer;height:8vh;width:15vw;background-color:#2781ff;border:white solid;border-width:2px;border-radius:2vh}.small-display-icon{height:5vh;width:auto;cursor:pointer}.small-display-name{font-size:3vh;cursor:pointer}.create-character-body{text-align:center;margin-top:3vh}.create-character-img{height:8vh;width:auto;cursor:pointer}.create-character-back{background:none;border:none;position:fixed;top:12vh;left:1vw}.create-character-back:hover{transform:scale(1.1)}.info-small-image{height:3vh;width:auto}.info-box-content{display:flex;align-items:center;gap:.3vw;font-size:2vh}.info-box-title{font-size:3vh;font-weight:1000}.info-box-subtitle{font-weight:800}.info-box-text{border-top:white solid;border-bottom:white solid;margin:.5vh;padding:.2vw}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;gap:20px}.spinner{width:80px;height:80px;position:relative}.dot{width:10px;height:10px;background-color:#fff3;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);animation:illuminate .8s ease-in-out infinite}.dot-1{transform:translate(-50%,-50%) translate(-30px,-30px);animation-delay:0s}.dot-2{transform:translate(-50%,-50%) translateY(-30px);animation-delay:.1s}.dot-3{transform:translate(-50%,-50%) translate(30px,-30px);animation-delay:.2s}.dot-4{transform:translate(-50%,-50%) translate(30px);animation-delay:.3s}.dot-5{transform:translate(-50%,-50%) translate(30px,30px);animation-delay:.4s}.dot-6{transform:translate(-50%,-50%) translateY(30px);animation-delay:.5s}.dot-7{transform:translate(-50%,-50%) translate(-30px,30px);animation-delay:.6s}.dot-8{transform:translate(-50%,-50%) translate(-30px);animation-delay:.7s}@keyframes illuminate{0%,to{background-color:#fff3;box-shadow:0 0 5px #fff0}50%{background-color:#fff;box-shadow:0 0 15px #fffc}}.loading-container p{color:#fff;font-size:18px;font-weight:500;letter-spacing:1px;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.spell-selected-box{background-color:#194f99;border:white solid;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;border-radius:1vh;font-size:1rem;height:5rem;width:15rem}.spell-selected-box-name{font-weight:700;font-size:1.5rem;margin-bottom:.5rem}.spell-selected-box:hover{background-color:#2781ff;border:yellow solid;box-shadow:0 0 10px #ff0;cursor:pointer}.spell-select-level-button{background-color:#020051;color:#fff;border:2px white solid;padding:1.5vh 2vw;border-radius:.2rem;cursor:pointer;font-size:1rem}.spell-select-level-button:hover{background-color:#2781ff;border:2px yellow solid;box-shadow:0 0 10px #ff0;transform:scale(1.05)}.spell-select-level-button-selected{background-color:#194f99;color:#fff;border:2px yellow solid;padding:1.5vh 2vw;border-radius:.2rem;cursor:pointer;font-size:1rem}.spell-select-level-button-selected:hover{background-color:#2781ff;border:2px yellow solid;box-shadow:0 0 10px #ff0;transform:scale(1.05)}.step1-grid{display:grid;width:fit-content;margin:0 auto;gap:5em;grid-template-columns:20vh 20vh 20vh 20vh;grid-template-rows:20vh 20vh 20vh;z-index:4}.step1-panel{background-color:#020051;border:white solid;border-radius:2vh;width:50vw;height:90vh;overflow-y:auto;padding:1rem}.step1-spells-panel{background-color:#020051;border:white solid;border-radius:2vh;width:90%;height:90%;overflow-y:auto;padding:1rem}.step1-spells-panel-title{font-size:6vh;display:block;text-align:center;margin-bottom:2vh}.step1-spells-panel-subtitle{font-size:4vh;display:block;text-align:center;margin-bottom:2vh}.step1-spells-panel-selected-cantrips-list{display:grid;grid-template-columns:auto auto auto auto;align-items:center;justify-content:center;text-align:justify;gap:1vw}.step1-panel-header{display:flex;align-items:center;justify-content:center;gap:1vw}.step1-panel-img{height:8vh;width:auto}.step1-panel-title{font-size:8vh}.step1-panel-desc{font-size:3vh;text-align:start;margin:2vh;padding:1vh;border-top:white solid;border-bottom:white solid}.step1-panel-primaryAbilities-title{font-size:5vh}.step1-panel-primaryAbilities{display:flex;justify-content:center;align-items:center;gap:1vw;padding-bottom:3vh;margin:3vh;border-bottom:white solid}.step1-panel-accept{background-color:#2eb000;border-radius:3vh;border:white solid;cursor:pointer;height:8vh;width:10vw;font-family:"Jersey 10",sans-serif;font-size:3vh}.step1-panel-accept:hover{border:yellow solid;background-color:#4f0;transform:scale(1.1)}.step1-panel-cancel{background-color:#ad0000;border-radius:3vh;border:white solid;cursor:pointer;height:8vh;width:10vw;font-family:"Jersey 10",sans-serif;font-size:3vh}.step1-panel-cancel:hover{border:yellow solid;background-color:red;transform:scale(1.1)}.step1-panel-skilllist{display:flex;flex-direction:column;align-items:flex-start;text-align:justify;margin-left:2vw;border-bottom:white solid}.step1-panel-primaryAbilities-subtitle{font-size:4vh}.step1-panel-list{font-size:3vh;cursor:pointer}.step1-panel-list:hover{color:#646cff}.step1-panel-columns{display:flex;flex-direction:row;text-align:start;margin-left:2vw;gap:1vw}.step1-panel-buttons{background-color:#020051;outline:none;text-decoration:none;border:white solid;font-family:"Jersey 10",sans-serif;font-size:3vh;width:10vw;height:6vh;cursor:pointer}.step1-panel-buttons:hover{background-color:#2781ff;border:yellow solid;transform:scale(1.1);box-shadow:1vh .5vw #000;cursor:pointer}.step1-panel-buttons-selected{background-color:#2eb000;outline:none;text-decoration:none;border:white solid;font-family:"Jersey 10",sans-serif;font-size:3vh;width:10vw;height:6vh;transform:scale(1.1);box-shadow:1vh .5vw #000}.step1-panel-buttons-selected:hover{border:yellow solid}.step1-panel-option{width:30vw}.step1-panel-error{color:red}.custom-checkbox{display:flex;align-items:center;gap:6px;cursor:pointer}.custom-checkbox input[type=checkbox]{position:absolute;opacity:0;pointer-events:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-checkbox .checkmark{width:18px;height:18px;background-color:#000;border:3px solid #fff;image-rendering:pixelated;position:relative}.custom-checkbox .checkmark:hover{background-color:#144a01;box-shadow:0 0 10px #ff0;border:yellow solid}.custom-checkbox input:checked+.checkmark:after{content:"";position:absolute;width:100%;height:100%;background:#2eb000}.step1-spells-panel-buttons-container{background-color:#020051;border:white solid;position:fixed;bottom:5%;z-index:1000;display:flex;justify-content:center;align-items:center;gap:1%;width:90%;height:10%}.step1-spells-panel-buttons-container button{border:white solid;color:#fff;height:50%;padding:.5rem 1rem;border-radius:3vh;cursor:pointer;font-size:1.2rem}.step1-spells-panel-submit-button{background-color:#2eb000}.step1-spells-panel-submit-button:hover{background-color:#5f0;border:yellow solid;box-shadow:0 0 10px #ff0}.step1-spells-panel-cancel-button{background-color:#9c0202}.step1-spells-panel-cancel-button:hover{background-color:red;border:yellow solid;box-shadow:0 0 10px #ff0}.step2{display:flex;flex-direction:column;align-items:center;gap:5vh}.step2-ability-box{background-color:#020051;border:white solid;border-radius:2vh;gap:1em;padding:2%;width:60%;text-align:start;display:flex;flex-direction:column;align-items:center;justify-content:center}.step2-header{display:flex;align-items:center}.step2-title{font-size:5vh;margin-left:2vw}.step2-note{font-size:3vh;color:#00cd00;position:absolute;left:62vw}.step2-buttons{display:flex;flex-direction:column;align-items:center;justify-content:space-between}.step2-background-button{background-color:#2781ff;border:white solid;border-radius:2vh;text-align:start;cursor:pointer;padding-left:2%;width:90%;height:10vh;display:flex;align-items:center;justify-content:space-between}.step2-background-button-name{font-size:2.5em}.step2-background-button-recommended{font-size:1.5em;color:#00d400}.step2-background-button:hover{border:yellow solid;transform:scale(1.05)}.step2-panel{background-color:#020051;border:white solid;border-radius:2vh;width:50vw;height:90vh;overflow-y:auto}.step2-info-grid{display:grid;grid-template-columns:auto auto auto;column-gap:1vw;row-gap:1vw}.step3-panel{background-color:#020051;border:white solid;border-radius:2vh;width:65vw;height:90vh;overflow-y:auto}.step3-panel-desc{font-size:3vh;text-align:justify;margin:2vh;padding:1vh;border-top:white solid;border-bottom:white solid;display:flex;gap:2vw}.step3-panel-icon{height:50vh;width:auto}.step3-panel-grid{display:grid;grid-template-columns:auto auto auto;column-gap:1vw;row-gap:1vw}.step4{display:flex;flex-direction:column;align-items:center}.step4-selected{display:flex;align-items:center;justify-content:center;gap:1vw}.step4-box{background-color:#020051;border:white solid;border-radius:2vh;width:50vw;min-height:90vh;text-align:start}.step4-button{background-color:#2781ff;border:white solid;border-radius:2vh;text-align:start;font-size:3vh;cursor:pointer;width:45vw;height:8vh}.step4-button:hover{border:yellow solid;transform:scale(1.05);color:#ff0}.step4-button-selected{background-color:#2eb000;border:white solid;border-radius:2vh;text-align:start;font-size:3vh;cursor:pointer;transform:scale(1.05);width:45vw;height:8vh}.step4-button-selected:hover{border:yellow solid;color:#ff0}.step4-panel-accept{background-color:#2eb000;border-radius:3vh;border:white solid;cursor:pointer;height:8vh;width:10vw;font-family:Pixelify Sans,sans-serif;font-size:3vh}.step4-panel-accept:hover{border:yellow solid;background-color:#4f0;transform:scale(1.1)}.step4-panel-accept:disabled{background-color:#165200}.step5{display:flex;align-items:center;justify-content:center;gap:5vw}.step5-button{background-color:#020051;border:white solid;border-radius:2vh;width:50vh;height:50vh}.step5-button:hover{background-color:#2781ff;border:yellow solid;transform:scale(1.05)}.step5-title{font-size:4vh;font-weight:1000;height:20vh}.step5-desc{font-size:3vh;height:20vh}.step5-text{text-align:center;margin-left:1vw;margin-right:1vw}.step5-img{height:2rem;width:auto;margin-right:.5vw}.step5-panel-sublist{font-size:2vh;cursor:pointer}.step5-panel-sublist:hover{color:#646cff}.step5-panel-expand-img{height:2vh;width:2vh;cursor:pointer}.step5-panel-expand{background:none;border:none;cursor:pointer}.step5-panel-expand:hover{transform:scale(1.5)}.step5-panel-dice{display:flex;justify-content:center;align-items:center;gap:5vw}.step5-panel-die{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:2vh}.step5-panel-die-img{height:6vh;width:auto}.step5-panel-roll{background-color:#020051;border:white solid;border-radius:1vh;cursor:pointer;margin-bottom:2vh;margin-top:2vh;height:4vh;width:7vw;font-size:2vh}.step5-panel-roll:hover{background-color:#2781ff;border:yellow solid;transform:scale(1.1);color:#ff0}.step5-panel-result{font-size:3vh;color:#fff;cursor:pointer}.step5-panel-result-lowest{font-size:3vh;color:red}.step5-panel-abilities{display:flex;justify-content:flex-start;align-items:center;gap:1vw}.step5-abilities-img{height:6vh;width:auto;margin-right:.5vw}.step5-panel-price{left:50vw}.step5-panel-score{left:30vw}.step5-table{width:40vw}.step5-table-cell{width:10vw;text-align:center;vertical-align:top}.step5-panel-list-item{font-size:2rem;display:flex;align-items:center;gap:1rem}.step5-panel-asign-button{background-color:#020051;border:white solid;border-radius:1vh;cursor:pointer;height:4vh;width:7vw;font-size:1rem}.step5-panel-asign-button:hover{background-color:#2781ff;border:yellow solid;transform:scale(1.1);color:#ff0}.step5-panel-ability-selector{background-color:#020051;border:white solid;border-radius:2vh;padding:2vh;display:flex;flex-direction:column;justify-content:start;padding-left:3rem;padding-right:3rem;gap:2vh}.step5-panel-ability-selector-title{font-size:2rem}.step5-panel-ability-selector-list-item{font-size:1.5rem;display:flex;align-items:center;gap:1rem;cursor:pointer;border:white solid;height:3rem;padding-left:1rem;background-color:#020051}.step5-panel-ability-selector-list-item:hover{background-color:#2781ff;border:yellow solid;transform:scale(1.05)}.step5-panel-ability-selector-img{height:4vh;width:auto}.step5-panel-ability-selector-close{background-color:#a00000;border:white solid;font-size:1rem;text-align:center;align-self:center}.step5-panel-ability-selector-close:hover{background-color:red;transform:scale(1.1)}.step5-panel-ability-button{background-color:#020051;border:white solid;border-radius:1vh;cursor:pointer;height:3rem;width:auto;padding-left:1vw;padding-right:1vw;font-size:2rem;display:flex;align-items:center;justify-content:center;gap:1rem}.step5-panel-ability-button:hover{background-color:#2781ff;border:yellow solid;transform:scale(1.05);color:#ff0}.step6{display:flex;justify-content:center;align-items:center}.step6-box{display:flex;flex-direction:column;justify-content:center;background-color:#020051;border:white solid;border-radius:2vh;width:50vw;min-height:40vh;padding:2%;text-align:start}.step6-box-header{display:flex;align-items:center;justify-content:space-between}.step6-instructions{font-size:3vh}.step6-textarea{font-family:Pixelify Sans,sans-serif;font-size:2vh;border:white solid;background-color:#000;height:25vh;resize:none}.step6-textarea:hover:focus{border:yellow solid}.step6-button{background-color:#020051;border:white solid;font-size:1rem;padding:1%}.step6-button:hover{background-color:#2781ff;border:yellow solid;transform:scale(1.1);box-shadow:0 0 10px #ff0}.step6-generate-button{cursor:pointer;background-color:#2eb000;color:#fff;border:2px white solid;padding:1vh 1vw;border-radius:.2rem;font-size:1.5rem}.step6-generate-button:hover{background-color:#5f0;border:2px yellow solid;box-shadow:0 0 10px #ff0;transform:scale(1.05)}.step6-close-button{cursor:pointer;background-color:#a00000;color:#fff;border:2px white solid;padding:1vh 1vw;border-radius:.2rem;font-size:1.5rem}.step6-close-button:hover{background-color:red;border:2px yellow solid;box-shadow:0 0 10px #ff0;transform:scale(1.05)}.step6-assistant{display:flex;flex-direction:column;justify-content:center;background-color:#020051;border:white solid;border-radius:2vh;width:50vw;padding:2%}.step6-generation-buttons{display:flex;align-items:center;justify-content:center;gap:1rem}.step7{display:flex;justify-content:center;align-items:center}.step7-grid{display:grid;width:fit-content;margin:0 auto;gap:5em;grid-template-columns:20vh 20vh 20vh;grid-template-rows:20vh 20vh 20vh;z-index:4}.step7-panel{background-color:#020051;border:white solid;border-radius:2vh;width:50vw;max-height:90vh;overflow-y:auto}.step8-field{margin-left:2vw;border:white solid;width:45vw;font-size:10vh}.step8-buttons{display:flex;align-items:center;justify-content:center;gap:5vw}.step8-gender-button{background-color:#020051;border:white solid;cursor:pointer;margin-top:2vh;margin-left:2vw;height:6vh;width:10vw;font-size:3vh}.step8-gender-button:hover{background-color:#2781ff;border:yellow solid;transform:scale(1.1);color:#ff0}.step8-dropdown-box{position:absolute;background-color:#2781ff;border:white solid;margin-left:2vw;margin-top:0vh;width:9vw;height:10vh}.step8-dropdown-option{background-color:#2781ff;border:white;width:100%;height:50%;margin:none;text-align:left;font-size:3vh;border-bottom:white solid}.step8-dropdown-option:hover{color:#ff0;border:yellow solid}.save-pop-up-container{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#020051;border:white solid;border-width:2px;padding:3%}.save-pop-up-title{font-size:2.5rem;text-align:center;margin-bottom:1rem}.save-pop-up-close-button{background-color:#9c0202;border:white 1px solid;font-size:2rem;display:flex;justify-content:center;align-items:center;text-align:center;height:4rem;width:10rem}.save-pop-up-close-button:hover{background-color:red;border:yellow 1px solid;transform:scale(1.1)}.save-pop-up-close-button:active{transform:scale(1)}.card-character.open{position:fixed;top:25vh;left:2vw;width:100%;height:100%;z-index:1000;display:flex}.card-character.close{position:fixed;top:25vh;left:-49vw;width:100%;height:100%;z-index:1000;display:flex;pointer-events:none}.card-character{transition:all 1s ease}.character-card-button{height:fit-content;width:fit-content;background-color:#020051;outline:none;text-decoration:none;border:white solid;pointer-events:all}.character-card-button:hover{background-color:#2781ff;border:yellow solid;transform:scale(1.1);cursor:pointer}.character-card-icon{height:7vh;width:auto}.character-card{background-color:#2781ff;border:white solid;width:50vw;height:72vh;overflow-y:auto}.character-card-header{display:flex;flex-direction:column;align-items:center}.character-card-title{font-size:6vh;text-align:center}.character-card-title-box{border-bottom:white solid}.character-card-content{display:flex;flex-direction:column;align-items:flex-start;margin-left:3vw}.character-card-subtitle{font-size:4vh;display:flex;justify-content:center}.character-card-img{height:5vh;width:auto;margin-left:.5vw}.character-card-grid{display:flex;align-items:center;justify-content:center}.character-card-abilities{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto auto;row-gap:3vh;column-gap:2vw}.character-card-ability{background-color:#020051;border:white solid;height:35vh;width:20vw;display:flex;flex-direction:column;align-items:center}.character-card-ability-name{font-size:4vh}.character-card-ability-score{font-size:10vh}.character-card-ability-list{display:flex;flex-direction:column;align-items:flex-start;text-align:justify}.character-card-ability-item{font-size:3vh;cursor:pointer}.character-card-weapons-table{width:40vw;gap:.5vw}.character-card-weapons-element{background-color:#020051;border:white solid;height:6vh;padding:1%}.character-card-armortrain{display:grid;grid-template-columns:auto auto;gap:1vw}.character-card-center{display:flex;justify-content:center;align-items:center}.character-card-pieces{display:flex;align-items:center;gap:.5vw}.character-card-pieces-item{background-color:#020051;border:white solid;width:8vw;height:16vh;text-align:center;border-radius:2vh;display:flex;flex-direction:column;align-items:center}.character-card-pieces-img{height:4vh;width:min-content}.character-card-pieces-amount{font-size:6vh}.spells-page{margin-top:12vh;text-align:center}.spells-page-title{font-size:8vh}.spells-page-view-buttons-container{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2vh}.spells-page-view-buttons{display:flex;justify-content:center;align-items:center;background-color:#020051;border-radius:1vh;border:white solid}.spells-page-view-buttons:hover{background-color:#2781ff;border:yellow solid;box-shadow:0 0 10px #ff0}.spells-page-view-buttons img{height:5vh;width:auto}.spells-page-pagination{display:flex;justify-content:center;align-items:center;margin-top:2vh;gap:1rem}.spells-page-pagination button{background-color:#020051;color:#fff;border:2px white solid;padding:1vh 2vw;border-radius:.2rem;cursor:pointer}.spells-page-pagination button:hover{background-color:#2781ff;border:2px yellow solid;box-shadow:0 0 10px #ff0}.spells-list{border-width:.5vh;color:#fff;display:flex;flex-direction:column;padding:2rem;width:95%}.spells-list table{width:100%;border-spacing:.5rem .5rem;border-collapse:separate;font-size:3vh}.spells-list-item{background-color:#194f99;border:white solid;height:8vh;cursor:pointer;text-align:center}.spells-list-item-selected{border:yellow solid;background-color:#2eb000;box-shadow:0 0 10px #ff0;height:8vh;text-align:center;cursor:pointer}.spells-list-item-selected:hover{background-color:#5f0;border:yellow solid;box-shadow:0 0 10px #ff0}.spells-list-item img{height:3vh;width:auto}.spell-category-school{display:flex;align-items:center;justify-content:center;gap:.5rem}.spell-category-school img{height:2vh;width:auto}.spells-list-item-selected img{height:3vh;width:auto}.spell-list-item-school{display:flex;gap:.5rem;align-items:center;justify-content:center}.spells-list tr:not(:has(td.spells-list-item-selected)):hover td{border:yellow solid;background-color:#2781ff;box-shadow:0 0 10px #ff0}.spells-list tr:has(td.spells-list-item-selected):hover td{border:yellow solid;background-color:#5f0;box-shadow:0 0 10px #ff0}.spells-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem 1rem;padding:2rem}.spell-box{background-color:#020051;border:white solid;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;color:#fff;border-radius:1vh;padding:2%}.spell-box-selected{background-color:#2781ff;border:yellow solid;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;color:#fff;border-radius:1vh;padding:2%;box-shadow:0 0 10px #ff0;transform:scale(1.01)}.spell-box-select-button{cursor:pointer;background-color:#2eb000;color:#fff;border:2px white solid;padding:1vh 2vw;border-radius:.2rem;font-size:2vh}.spell-box-deselect-button{cursor:pointer;background-color:#a00000;color:#fff;border:2px white solid;padding:1vh 2vw;border-radius:.2rem;font-size:2vh}.spell-box-select-button:hover{background-color:#5f0;border:2px yellow solid;box-shadow:0 0 10px #ff0;transform:scale(1.05)}.spell-box-deselect-button:hover{background-color:red;border:2px yellow solid;box-shadow:0 0 10px #ff0;transform:scale(1.05)}.spell-name{font-size:5vh}.spell-category{font-size:2vh;font-weight:1000;color:#ff0}.spell-info{font-size:2vh;text-align:justify}.spells-page-search-form{display:flex;justify-content:center;align-items:center;gap:1rem}.spells-page-search-form input{width:30vw;height:5vh;border-radius:.2rem;padding-left:.5rem;border:2px white solid;font-size:1rem}.spells-page-search-button{background-color:#020051;color:#fff;border:2px white solid;padding:1.5vh 2vw;border-radius:.2rem;cursor:pointer;font-size:1rem}.spells-page-search-button:hover{background-color:#2781ff;border:2px yellow solid;box-shadow:0 0 10px #ff0}.spells-page-class-dropdown{position:absolute;top:100%;left:0;display:flex;flex-direction:column;gap:.2rem;z-index:10;width:max-content;min-width:120px;box-shadow:0 2px 8px #0003}.spells-page-class-dropdown button{background-color:#020051;color:#fff;border:2px white solid;padding:1vh 2vw;cursor:pointer;font-size:1.5rem;text-align:center;display:flex;justify-content:center;align-items:center;gap:.5rem}.spells-page-class-dropdown button img{height:1.5rem;width:auto}.spells-page-class-dropdown button:hover{background-color:#2781ff;border:2px yellow solid;box-shadow:0 0 10px #ff0}.player-options{position:fixed;bottom:-5%;z-index:1000;width:100%;transition:bottom .1s ease-in-out}.player-options:hover{bottom:0}.player-options-banner{display:flex;justify-content:space-between;align-items:center;gap:1rem;width:90%;height:5rem;padding-left:5%;padding-right:5%;background-color:#020051;border-top:white solid}.player-options button{border:white solid;color:#fff;padding:.5rem 1rem;border-radius:3vh;cursor:pointer;font-size:1.2rem}.player-options-pages-buttons{display:flex;gap:1rem}.roll-dice-button{background-color:#020051}.exit-button{background-color:#9c0202}.exit-button:hover{background-color:red;border:yellow solid;box-shadow:0 0 10px #ff0}.roll-dice-button:hover{background-color:#2781ff;border:yellow solid;box-shadow:0 0 10px #ff0}.roll-dice-modal{background-color:#020051;border:white solid;position:relative;left:0%;width:fit-content;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:1rem;font-size:3vh}.roll-dice-modal button{background-color:#020051;color:#fff;border:white solid;padding:.5rem 1rem;border-radius:3vh;cursor:pointer;font-size:1.2rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.roll-dice-modal button:hover{background-color:#2781ff;border:yellow solid;box-shadow:0 0 10px #ff0}.roll-dice-modal-buttons{display:grid;grid-template-columns:auto auto auto;gap:1rem}.roll-dice-modal img{height:5vh;width:auto}.card-name{border-bottom:white solid;margin-top:1vh;margin-left:1vw;margin-right:1vw}.card-name-text{font-size:7vh}.card-race-class{font-size:4vh;margin-top:.5vh;margin-left:.5vw;margin-right:1vw;display:flex;align-items:center}.card-class-img{height:5vh;width:auto}.xp-bar{margin-left:.5vw}.xp-add-button{background-color:#2eb000;border:white solid;border-radius:1vh;font-size:1rem;padding:1%}.xp-add-button:hover{background-color:#2eb000;border:yellow solid;transform:scale(1.1)}.xp-add-button:active{transform:scale(1)}.xp-subtract-button{background-color:#ad0000;border:white solid;border-radius:1vh;font-size:1rem;padding:1%}.xp-subtract-button:hover{background-color:red;border:yellow solid;transform:scale(1.1)}.xp-subtract-button:active{transform:scale(1)}.xp-buttons{display:flex;align-items:center;justify-content:center;gap:1vw}.xp-input-field{border:white solid;width:5rem;font-size:3vh;text-align:center}.xp-buttons input[type=number]::-webkit-outer-spin-button,.xp-buttons input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.xp-buttons input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.xp-save-container{display:flex;justify-content:center;gap:1vw;margin-top:1vh}.xp-save-button{background-color:#2eb000;border:white solid;font-size:1rem;text-align:center;height:2rem;width:5rem}.xp-save-button:hover{background-color:#2eb000;border:yellow solid;transform:scale(1.1)}.xp-restore-button{background-color:#b79200;border:white solid;font-size:1rem;text-align:center;height:2rem;width:5rem}.xp-restore-button:hover{background-color:#ff0;border:yellow solid;transform:scale(1.1)}.card{background-color:#020051;border-radius:3vh;border:white solid;border-width:.5vh}.sheet-container{margin-top:7rem;padding:1rem}.sheet-pages-buttons{display:flex;justify-content:center;align-items:center;position:absolute;width:99%;top:15%;gap:1vw}.sheet-pages-button{background-color:#020051;color:#fff;border:white solid;padding:.5rem 1rem;border-radius:3vh;cursor:pointer;font-size:1.2rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.sheet-pages-button-selected{background-color:#2781ff;border:yellow solid;box-shadow:0 0 10px #ff0;padding:.5rem 1rem;border-radius:3vh;cursor:pointer;font-size:1.2rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.sheet-pages-button:hover{background-color:#2781ff;border:yellow solid;box-shadow:0 0 10px #ff0}.sheet-grid{display:grid;grid-template-columns:repeat(24,1fr);gap:1rem}.sheet-column{display:flex;flex-direction:column}.grid-box{background-color:#020051;border-radius:3vh;border:white solid;border-width:.5vh;color:#fff;display:flex;flex-direction:column;padding:1%}.span-1{grid-column:span 1}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.span-4{grid-column:span 4}.span-5{grid-column:span 5}.span-6{grid-column:span 6}.span-7{grid-column:span 7}.span-8{grid-column:span 8}.span-9{grid-column:span 9}.span-10{grid-column:span 10}.span-11{grid-column:span 11}.span-12{grid-column:span 12}.span-13{grid-column:span 13}.span-14{grid-column:span 14}.span-15{grid-column:span 15}.span-16{grid-column:span 16}.span-17{grid-column:span 17}.span-18{grid-column:span 18}.span-19{grid-column:span 19}.span-20{grid-column:span 20}.span-21{grid-column:span 21}.span-22{grid-column:span 22}.span-23{grid-column:span 23}.span-24{grid-column:span 24}.attacks-table,.gear-card-table-container,.attacks-card-textarea,.gear-card-content,.abilities-card-content,.saving-throws-card-content{width:100%;box-sizing:border-box;overflow-x:auto}@media (max-width: 700px){.attacks-card-title,.gear-card-title{font-size:3vh}.attacks-list-item,.gear-card-subtitle{font-size:2vh}.attacks-card-textarea,.gear-card-table-container{font-size:1.5vh}}@media (max-width: 700px){.card-name-text,.card-race-class,.card-health-text,.hit-dice-number,.health-input-field,.temp-health-input{font-size:2.5vh!important}}@media (max-width: 700px){button{font-size:2vh;padding:.5em 1em}}.card-health-text{font-size:3em;text-align:center}.max-health-input{width:1em;font-size:2em;text-align:center;border:white solid}.card-health{margin-top:1vh;margin-left:1vw}.health-content-container{margin-top:2vh;margin-left:2vw;margin-right:2vw;display:flex;justify-content:center;align-items:center;gap:3vw}.health-content{position:relative}.heart-icon{height:12vh;width:auto}.current-health{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1em;font-size:2em;text-align:center;border:white solid}.temp-health-input{border:white solid;width:4.5vw;font-size:5vh;text-align:center}.absolute-health-content{display:flex;justify-content:center;align-items:center;gap:1vw}.health-absolute-bottom-text{display:flex;justify-content:center;gap:3.5vw}.health-bottom-text{display:flex;justify-content:center;margin-left:1.5vw;gap:2vw}.health-bottom-buttons{display:flex;justify-content:center;margin-top:1.5vh;margin-left:1.5vw;gap:2vw}.health-heal-button{background-color:#2eb000;border:white solid;border-radius:1vh}.health-heal-button:hover{background-color:#2eb000;border:yellow solid;transform:scale(1.1)}.health-heal-button:active{transform:scale(1)}.health-damage-button{background-color:#ad0000;border:white solid;border-radius:1vh}.health-damage-button:hover{background-color:red;border:yellow solid;transform:scale(1.1)}.health-damage-button:active{transform:scale(1)}.health-input-field{border:white solid;width:4vw;font-size:3vh;text-align:center}@media (max-width: 700px){.temp-health-input .current-health{font-size:3vh}.health-input-field .card-health-text{font-size:2.5vh!important}}.hit-dice-card-content{display:flex;justify-content:center;align-items:center;gap:2vw}.hit-dice-content{display:flex;flex-direction:column;justify-content:center;align-items:center}.hit-dice-number{font-size:5vh;border-bottom:white solid;text-align:center;border-width:4px;height:6.5vh;width:4vw}.hit-dice-buttons{display:flex;flex-direction:column;align-items:center}.hit-dice-use{display:flex;justify-content:center;align-items:center;gap:1vw;margin-bottom:2vh}.recover-dice-button{background-color:#2eb000;border:white solid;border-radius:1vh;height:4vh}.recover-dice-button:hover{background-color:#2eb000;border:yellow solid;transform:scale(1.1)}.recover-dice-button:active{transform:scale(1)}.use-die-button{background-color:#ad0000;border:white solid;border-radius:1vh;height:4vh}.use-die-button:hover{background-color:red;border:yellow solid;transform:scale(1.1)}.use-die-button:active{transform:scale(1)}.dice-input-field{border:white solid;width:4vw;font-size:3vh;text-align:center}.hit-die-type-text{font-size:1.5rem}.hit-die-container{display:flex;justify-content:center;align-items:center;gap:1rem}.hit-die-icon{width:2rem;height:auto}.card-name-2{margin-top:1vh;margin-left:1vw;margin-right:1vw}.card-name-small-text{font-size:4vh;text-align:center}.saving-throws-container{display:flex;flex-direction:column;align-items:center}.success-container{display:flex;gap:1vw;margin-top:2vh}.mark-text-faded{font-size:5.3vh;position:relative;left:.5vw;bottom:2vh;cursor:pointer;color:#ffffff80}.mark-text{font-size:5.3vh;position:relative;left:.5vw;bottom:2vh;cursor:pointer}.success{border:white solid;width:4vh;height:4vh;background-color:#2eb000;cursor:pointer}.failure{border:white solid;width:4vh;height:4vh;background-color:#ff4d53}.card-name-3{display:flex;flex-direction:column;gap:0vh;justify-content:center;align-items:center}.armor-name-text{font-size:4vh;text-align:center;margin-top:1vh}.armor-class-text{font-size:4rem;text-align:center}.armor-class-content{display:flex;gap:.5vw;justify-content:center;align-items:center;border:white solid;width:50%;background-color:#194f99}.armor-class-content:hover{background-color:#2781ff;border:yellow solid;transform:scale(1.1)}.armor-icon{height:4rem;width:auto}.speed-card-content{display:flex;flex-direction:column;justify-content:center;align-items:center}.speed-name-text{font-size:4vh;margin-top:1vh}.speed-text{font-size:5.7vh;text-align:center;margin-bottom:1.5vh;line-height:1;width:70%;margin-top:1vh}.proficiency-card-content{display:flex;flex-direction:column;gap:0vh;justify-content:center;align-items:center}.proficiency-name-text{font-size:4vh;text-align:center;margin-top:1vh}.proficiency-bonus-text{font-size:8vh;text-align:center;height:9.7vh;border-bottom:white solid;border-width:5px;margin-bottom:1.5vh}.perception-card-content{display:flex;flex-direction:column;gap:0vh;justify-content:center;align-items:center}.perception-name-text{font-size:4vh;text-align:center;margin-top:1vh}.perception-text{font-size:8vh;text-align:center;height:9.7vh;margin-top:1vh}.initiative-card-content{display:flex;flex-direction:column;gap:0vh;justify-content:center;align-items:center}.initiative-name-text{font-size:4vh;text-align:center;width:12vw;margin-top:1vh}.initiative-value-text{font-size:8vh;text-align:center;height:9.7vh;border-width:5px;margin-bottom:1.5vh}.ability-card-content{display:flex;flex-direction:column;gap:0vh;justify-content:center;align-items:center}.ability-card-name{display:flex;justify-content:center;align-items:center;gap:1vh;margin-top:1vh;margin-bottom:2vh}.ability-card-name-text{font-size:4.5vh;text-align:center;margin-top:1vh}.ability-card-icon{height:3vh;width:auto}.ability-modifier-box{background-color:#2781ff;border:white solid;width:4vw;display:flex;justify-content:center;align-items:center}.ability-modifier-text{font-size:5vh;text-align:center;border-width:5px;color:#fff}.ability-score-text{font-size:4vh;text-align:center;height:5vh;width:3vw;border-bottom:white solid;border-width:3px;margin-bottom:1.5vh;margin-top:1vh}.saving-throws-card-content{display:flex;flex-direction:column;gap:0vh;justify-content:center;align-items:center;padding:1rem}.saving-throws-card-title{font-size:4.5vh;text-align:center;margin-bottom:2vh}.saving-throws-list-item{display:flex;flex-direction:row;align-items:center;width:80%;padding:.5rem;gap:1vw;font-size:3vh}.saving-throws-bonus-box{border:white solid;height:8px;width:8px}.saving-throws-bonus-box-filled{background-color:#fff;border:white solid;height:8px;width:8px}.saving-throws-icon{height:3vh;width:auto}.abilities-card-content{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem}.abilities-card-title{font-size:4.5vh;text-align:center;margin-bottom:2vh}.abilities-list-item{display:flex;flex-direction:row;align-items:center;width:80%;padding:.5rem;gap:1vw;font-size:3vh}.abilities-bonus-box{border:white solid;height:8px;width:8px}.abilities-bonus-box-filled{background-color:#fff;border:white solid;height:8px;width:8px}.abilities-icon{height:3vh;width:auto}.attacks-card-content{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem}.attacks-card-title{font-size:5vh;text-align:center;margin-bottom:2vh;width:100%;border-bottom:white solid}.attacks-table{width:100%;overflow-y:scroll}.gear-card-table-container{width:100%;height:50vh;overflow-y:scroll}.attacks-table-header{display:flex;justify-content:space-between;background-color:#020051;color:#fff;padding:.5vh .5vw;font-size:4vh}.attacks-list-item{background-color:#2781ff;border:white solid;font-size:3vh;padding-left:.5vw;cursor:pointer}.names-column{width:10%}.ranges-column{width:20%}.bonus-column{width:10%}.damage-column,.properties-column{width:30%}.attacks-list-die{display:flex;align-items:center;gap:.5vw}.attacks-list-img{width:3vh;height:3vh}.attacks-card-textarea-title{font-family:Pixelify Sans,sans-serif;font-size:2.5vh;margin-bottom:1vh}.attacks-list-buttons{display:flex;gap:1rem}.attacks-list-add-button{background-color:#2eb000;border:white solid;font-size:1rem;text-align:center;padding:.5rem 1rem}.attacks-list-add-button:hover{background-color:#5f0;border:yellow solid;transform:scale(1.05)}.attacks-list-delete-button{background-color:#9c0202;border:white solid;font-size:1rem;text-align:center;padding:.5rem 1rem}.attacks-list-delete-button:hover{background-color:red;border:yellow solid;transform:scale(1.05)}.attacks-list-reset-button{background-color:#b79200;border:white solid;font-size:1rem;text-align:center;padding:.5rem 1rem}.attacks-list-reset-button:hover{background-color:#fc0;border:yellow solid;transform:scale(1.05)}.gear-card-content{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem}.gear-card-title{font-size:5vh;text-align:center;margin-bottom:2vh;width:100%;border-bottom:white solid}.gear-card-subtitle{font-size:3vh;text-align:center;margin-bottom:1vh;width:100%}.gear-card-item-name{cursor:pointer;color:#fff}.gear-card-item-name:hover{color:#ff0}.gear-card-item{display:flex;justify-content:center;align-items:center}.names-column{width:40%}.weight-column{width:20%}.quantity-column{width:10%}.cost-column{width:30%}.gear-card-delete-button{background-color:#9c0202;border:white solid;font-size:1rem;text-align:center;height:2.5rem;width:5rem}.gear-card-delete-button:hover{background-color:red;border:yellow solid;transform:scale(1.05)}.gear-card-update-button{background-color:#b79200;border:white solid;font-size:1rem;text-align:center;height:2.5rem;width:5rem}.gear-card-update-button:hover{background-color:#fc0;border:yellow solid;transform:scale(1.05)}.coins-cards{display:flex;justify-content:space-evenly;width:100%}.coins-card-container{display:flex;flex-direction:column;align-items:center;gap:10px}.coins-card-container .title{font-size:2rem}.coins-card-container img{height:3cqmax;width:auto;margin-bottom:1rem}.coins-card-container .quantity{font-size:2rem;text-align:center;height:4.5rem}.coins-card-container input{font-size:2rem;text-align:center;height:2rem;width:auto}.coins-card-buttons-container{display:flex;justify-content:center;gap:2rem;margin-top:1rem}.coins-card-change-buttons-container{display:flex;gap:.5rem}.add-coin-button{background-color:#007b00;border:white 1px solid;font-size:2rem;display:flex;justify-content:center;align-items:center;text-align:center;width:2rem;height:2rem}.take-coin-button{background-color:#9c0202;border:white 1px solid;font-size:2rem;display:flex;justify-content:center;align-items:center;text-align:center;width:2rem;height:2rem}.add-coin-button:hover{background-color:#5f0;border:yellow 1px solid;transform:scale(1.1)}.add-coin-button:active{background-color:#5f0;border:yellow 1px solid;transform:scale(.9)}.take-coin-button:hover{background-color:red;border:yellow 1px solid;transform:scale(1.1)}.take-coin-button:active{background-color:red;border:yellow 1px solid;transform:scale(.9)}.save-coins-button{background-color:#2eb000;border:white solid;font-size:1rem;text-align:center;height:2.5rem;width:7rem}.coins-card-container input[type=number]::-webkit-outer-spin-button,.coins-card-container input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.coins-card-container input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.save-coins-button:hover{background-color:#5f0;border:yellow solid;transform:scale(1.05)}.restart-coins-button{background-color:#b79200;border:white solid;font-size:1rem;text-align:center;height:2.5rem;width:7rem}.restart-coins-button:hover{background-color:#fc0;border:yellow solid;transform:scale(1.05)}.feats-traits-card{padding:1rem}.feats-traits-card-title{font-size:5vh;display:flex;justify-content:center;align-items:center;text-align:center}.feats-traits-feat-name{font-weight:1000;color:#ff0;cursor:pointer;font-size:3vh}.feats-traits-feat-benefits,.feats-traits-trait-description{font-size:3vh}.feats-traits-trait-name{font-weight:1000;color:#adff2f;cursor:pointer;font-size:3vh}.profs-card{padding:1rem}.profs-card-title{font-size:5vh;display:flex;justify-content:center;align-items:center;text-align:center}.profs-card-item-name{font-size:3vh;display:flex;align-items:center;gap:.5rem}.profs-card-item-icon{height:3vh;width:auto}.languages-card{padding:1rem}.languages-card-title{font-size:5vh;display:flex;justify-content:center;align-items:center;text-align:center}.languages-card-name{font-size:3vh;display:flex;align-items:center;gap:.5rem}.tools-card{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem}.tools-card-title{font-size:5vh;text-align:center;margin-bottom:2vh;width:100%;border-bottom:white solid}.tools-table{width:100%;overflow-y:scroll}.tools-list-header{background-color:#020051;color:#fff;padding:.5vh .5vw;font-size:1rem;text-align:center}.tools-list-item{background-color:#2781ff;border:white solid;font-size:3vh;padding-left:.5vw;cursor:pointer}.tools-list-item-ability{display:flex;align-items:center;gap:.5vw}.tools-list-icon{height:1.3rem;width:auto}.sheet-personality-page{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.sheet-personality-section{background-color:#020051;border:white solid;width:80%;padding:2%;display:flex;flex-direction:column;gap:5px}.sheet-personality-alignment-display{display:flex;align-items:center;gap:1vw;font-size:2rem}.sheet-personality-label{color:#fff;font-size:4rem;margin-bottom:2vh}.sheet-personality-alignment-icon{height:5vh;width:auto}.sheet-personality{width:100%;font-size:2rem}.sheet-levels-page{display:flex;gap:.5%}.sheet-levels-page-content{width:100%;margin-left:20%;display:flex;flex-direction:column;gap:0%}.sheet-class-table-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.sheet-class-table{width:90%}.sheet-class-table-header{background-color:#020051;color:#fff;padding:.5vh .5vw;font-size:4vh}.proficiency-bonus-column{width:30%;border:white solid}.feature-1-column,.feature-2-column,.feature-3-column{width:20%;border:white solid}.sheet-class-table-item{background-color:#194d95;font-size:2em;padding:.5vh .5vw;text-align:center}.sheet-class-table-item-current-level{background-color:#2781ff;border:#ffcc00 solid;font-size:2em;padding:.5vh .5vw;text-align:center}.sheet-levels-page-options{width:15%;height:100vh;display:flex;flex-direction:column;align-items:center;gap:10px;padding:2vh 1vw;background-color:#020051;border:white solid;box-shadow:.5vh .5vw 1vh #000;position:fixed}.sheet-levels-feature-group{display:flex;flex-direction:column;background-color:#020051;border:white solid;padding:2%;gap:2vh;margin-bottom:4vh}.sheet-levels-feature-group-active{display:flex;flex-direction:column;background-color:#194d95;border:yellow solid;padding:2%;gap:2vh;margin-bottom:4vh}.sheet-levels-feature-level-header{font-size:5rem;text-align:center}.sheet-levels-feature-item{font-size:3rem}.sheet-levels-feature-description{font-size:1rem}.sheet-levels-feature-list-strong{font-weight:700;color:#ff0}.sheet-levels-feats-add-button{background-color:#020051;color:#fff;border:2px white solid;padding:1.5vh 2vw;border-radius:.2rem;cursor:pointer;font-size:1rem}.sheet-levels-feats-add-button:hover{background-color:#2781ff;border:2px yellow solid;box-shadow:0 0 10px #ff0;transform:scale(1.1)}.sheet-levels-trait-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem 1rem;padding:2rem}.sheet-levels-trait-list{display:flex;flex-direction:column;gap:1rem}.sheet-levels-trait-item{background-color:#020051;border:white solid;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;color:#fff;border-radius:1vh;padding:2%}.sheet-levels-trait-name{font-size:2rem}.feats-page{margin-top:12vh;text-align:center}.delete-feat{display:flex;justify-content:center;text-align:center;align-items:center;position:absolute;background-color:#a00000;height:2rem;width:6rem;border:white solid;font-size:1.5rem;cursor:pointer;left:90%}.delete-feat:hover{background-color:red;border:2px yellow solid;box-shadow:0 0 10px #ff0;transform:scale(1.05)}.feats-page form{display:flex;justify-content:center;align-items:center;gap:1vw;margin-top:2vh}.feat-search-button{background-color:#020051;color:#fff;border:2px white solid;padding:1.5vh 2vw;border-radius:.2rem;cursor:pointer;font-size:1rem}.feat-search-button:hover{background-color:#2781ff;border:2px yellow solid;box-shadow:0 0 10px #ff0;transform:scale(1.1)}.feat-search-button:active{transform:scale(1)}.feats-page-title{font-size:8vh}.feats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem 1rem;padding:2rem}.feats-box{background-color:#020051;border-radius:1vh;border:white solid;padding:1rem;text-align:left}.feats-box-selected{background-color:#2781ff;border:2px yellow solid;box-shadow:0 0 10px #ff0;border-radius:1vh;padding:1rem;text-align:left}.select-feat-button{cursor:pointer;background-color:#2eb000;color:#fff;border:2px white solid;padding:1vh 2vw;border-radius:.2rem;font-size:2vh}.select-feat-button:hover{background-color:#5f0;border:2px yellow solid;box-shadow:0 0 10px #ff0;transform:scale(1.05)}.deselect-feat-button{cursor:pointer;background-color:#a00000;color:#fff;border:2px white solid;padding:1vh 2vw;border-radius:.2rem;font-size:2vh}.deselect-feat-button:hover{background-color:red;border:2px yellow solid;box-shadow:0 0 10px #ff0;transform:scale(1.05)}.feat-name{font-size:2rem}.feat-search-bar{width:30vw;height:5vh;border-radius:.2rem;padding-left:.5rem;border:2px white solid;font-size:1rem}.feat-attribute{display:flex;gap:.3rem}.feat-prefix{font-weight:1000;color:#ff0}.feat-benefit-prefix{font-weight:1000;color:#adff2f}.sheet-levels-feats-add-container{background-color:#020051;color:#fff;border:white solid;padding:5%;height:60%;width:80%;overflow-y:scroll;display:flex;flex-direction:column;justify-items:center}.sheet-levels-feats-add-title{font-size:3rem;text-align:center}.sheet-levels-feats-add-subtitle{font-size:1.5rem;text-align:center;margin-bottom:2rem}.sheet-levels-feats-add-buttons{background-color:#020051;color:#fff;border:white solid;position:fixed;height:5rem;width:80%;bottom:12%;display:flex;justify-content:center;align-items:center;gap:1rem}.sheet-levels-feats-add-accept{width:20%;height:3rem;background-color:#2eb000;border:white solid;font-size:1.5em}.sheet-levels-feats-add-accept:hover{background-color:#5f0;border:yellow solid;transform:scale(1.05)}.sheet-levels-feats-add-cancel{width:20%;height:3rem;background-color:#9c0202;border:white solid;font-size:1.5rem;text-align:center}.sheet-levels-feats-add-cancel:hover{background-color:red;border:yellow solid;transform:scale(1.05)}.sheet-spells-page{display:flex;gap:.5%}.sheet-spells-page-options{width:15%;height:100vh;display:flex;flex-direction:column;align-items:center;gap:10px;padding:2vh 1vw;background-color:#020051;border:white solid;box-shadow:.5vh .5vw 1vh #000;position:fixed}.sheet-spells-page-option-button{width:100%;height:3em;background-color:#194d95;border:white solid;font-size:1.5em}.sheet-spells-page-option-button-selected{width:100%;height:3em;background-color:#2eb000;border:white solid;font-size:1.5em}.sheet-spells-page-option-button:hover{background-color:#2781ff;border:yellow solid;transform:scale(1.05)}.sheet-spells-page-option-button-selected:hover{background-color:#5f0;border:yellow solid;transform:scale(1.05)}.sheet-spells-page-content{width:100%;margin-left:20%;display:flex;flex-direction:column;gap:0%}.sheet-spells-subtitle{font-size:3em;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:-1%;margin-top:1%}.sheet-spells-table-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.sheet-spells-table{width:90%}.sheet-spells-table-header{background-color:#020051;color:#fff;padding:.5vh .5vw;font-size:4vh}.level-column{width:10%;border:white solid}.cantrips-column{width:5%;border:white solid}.prepared-spells-column{width:10%;border:white solid}.spell-slot-column{width:5%;border:white solid}.current-level-row{border:#ffcc00 solid;transform:scale(1.02);box-shadow:1vh .5vw #000}.sheet-spells-table-item{background-color:#194d95;font-size:2em;padding:.5vh .5vw;text-align:center}.sheet-spells-table-item-current-level{background-color:#2781ff;border:#ffcc00 solid;font-size:2em;padding:.5vh .5vw;text-align:center}.sheet-spells-add-page{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2vh}.sheet-spells-add-accept-button{width:20%;height:3em;background-color:#2eb000;border:white solid;font-size:1.5em}.sheet-spells-add-accept-button:hover{background-color:#5f0;border:yellow solid;transform:scale(1.05)}.sheet-spells-add-selected-spell{background-color:#194f99;border:white solid;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;border-radius:1vh;padding:2%;font-size:1rem;width:20vw}.sheet-spells-add-buttons{display:flex;align-items:center;justify-content:center;width:100%;gap:2rem}.sheet-spells-add-reset-button{background-color:#b79200;border:white solid;cursor:pointer;width:20%;height:3em;font-size:1.5em}.sheet-spells-add-reset-button:hover{background-color:#fc0;border:yellow solid;transform:scale(1.1);box-shadow:1vh .5vw #000}.sheet-spells-page-no-spells{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:2em}.dice-roll-card{background-color:#020051;border:white solid;border-radius:2vh;padding:1rem;width:30%;display:flex;flex-direction:column;align-items:center;justify-content:center}@keyframes dice-roll-spin{0%{transform:rotate(0)}to{transform:rotate(720deg)}}.dice-icon.rolling{animation:dice-roll-spin 1s cubic-bezier(.4,.2,.2,1) forwards}.roll-button{background-color:#020051;border:white solid;border-radius:1vh;font-size:5vh;padding:1rem}.roll-button:hover{background-color:#2781ff;border:yellow solid;box-shadow:0 0 10px #ff0}.dice-roll-result{font-size:15vh;text-align:center;height:17vh;width:10%;border-bottom:5px white solid}.dice-roll-special-result-success{font-size:8vh;height:8vh;color:#0f0}.dice-roll-special-result-failure{font-size:8vh;height:8vh;color:red}.sheet-weapons-add{background-color:#020051;color:#fff;border:white solid;padding:5%;height:60%;width:80%;overflow-y:scroll;display:flex;flex-direction:column;justify-items:center}.sheet-weapons-add-title{font-size:3rem;text-align:center}.sheet-weapons-buttons{background-color:#020051;color:#fff;border:white solid;position:fixed;height:5rem;width:80%;bottom:12%;display:flex;justify-content:center;align-items:center;gap:1rem}.sheet-weapons-add-accept{width:20%;height:3rem;background-color:#2eb000;border:white solid;font-size:1.5em}.sheet-weapons-add-accept:hover{background-color:#5f0;border:yellow solid;transform:scale(1.05)}.sheet-weapons-add-cancel{width:20%;height:3rem;background-color:#9c0202;border:white solid;font-size:1.5rem;text-align:center}.sheet-weapons-add-cancel:hover{background-color:red;border:yellow solid;transform:scale(1.05)}.gear-list{border-width:.5vh;color:#fff;display:flex;flex-direction:column;padding:2rem;width:95%}.gear-list table{width:100%;border-spacing:.5rem .5rem;border-collapse:separate;font-size:3vh}.gear-list tr:not(:has(td.gear-list-item-selected)):hover td{border:yellow solid;background-color:#2781ff;box-shadow:0 0 10px #ff0}.gear-list tr:has(td.gear-list-item-selected):hover td{background-color:#5f0;border:yellow solid;box-shadow:0 0 10px #ff0}.gear-list-item{background-color:#194f99;border:white solid;height:8vh;padding-left:1rem;text-align:center}.gear-list-item-selected{background-color:#2eb000;border:white solid;height:8vh;padding-left:1rem;text-align:center}.gears-page-search-form{display:flex;justify-content:center;align-items:center;gap:1rem}.gears-page-search-form input{width:30vw;height:5vh;border-radius:.2rem;padding-left:.5rem;border:2px white solid;font-size:1rem}.gears-page-search-form button{background-color:#020051;color:#fff;border:2px white solid;padding:1.5vh 2vw;border-radius:.2rem;cursor:pointer;font-size:1rem}.gears-page-search-form button:hover{background-color:#2781ff;border:2px yellow solid;box-shadow:0 0 10px #ff0}.gears-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem 1rem;padding:2rem}.gears-page-box{background-color:#020051;border:white solid;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;color:#fff;border-radius:1vh;padding:2%}.gear-name{font-size:5vh}.gear-category{font-size:2vh;font-weight:1000;color:#ff0}.gear-info{font-size:2vh;text-align:justify}.gear-amount-input{width:3vw;font-size:3vh;text-align:center}.sheet-armor-add{background-color:#020051;color:#fff;border:white solid;padding:5%;height:60%;width:80%;overflow-y:scroll;display:flex;flex-direction:column;justify-items:center}.sheet-armor-add-title{font-size:3rem;text-align:center}.characters-page-body{margin-top:12vh;text-align:center}.characters-page-title{font-size:5rem}.characters-box-button{background-color:#020051;border:white solid;border-width:2px;padding:1rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.characters-box-button-title{font-size:8vh;border-bottom:white solid}.characters-box-content{display:flex;gap:7rem}.characters-box-button-subtitle{font-size:5vh;display:flex;justify-content:center;align-items:center;gap:.2rem}.characters-box-button-content-text{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:1rem}.characters-box-button-image{height:5vh;width:auto}.characters-box-buttons-container{display:flex;align-items:center;justify-content:center;width:100%;gap:2em;margin-top:2vh}.characters-box-image{height:35vh;width:auto;margin-top:5vh}.characters-box-button-view{border:white solid;font-size:3vh;width:10vw;height:6vh;background-color:#1f7a00;cursor:pointer}.characters-box-button-view:hover{background-color:#2eb000;border:yellow solid;transform:scale(1.1);box-shadow:1vh .5vw #000}.characters-box-button-edit{border:white solid;font-size:3vh;width:10vw;height:6vh;background-color:#b79200;cursor:pointer}.characters-box-button-edit:hover{background-color:#fc0;border:yellow solid;transform:scale(1.1);box-shadow:1vh .5vw #000}.characters-box-button-delete{border:white solid;font-size:3vh;width:10vw;height:6vh;background-color:#ad0000;cursor:pointer}.characters-box-button-delete:hover{background-color:red;border:yellow solid;transform:scale(1.1);box-shadow:1vh .5vw #000}.characters-box-grid{display:grid;width:fit-content;margin:0 auto;margin-top:10vh;margin-bottom:0;gap:5em;grid-template-columns:80vh 80vh;grid-template-rows:60vh 60vh;z-index:4}.class-page{display:flex;flex-direction:column;align-items:center;margin-top:15vh}.class-page-title{font-size:4rem}.class-list-item{background-color:#194f99;border:white solid;height:8vh;padding-left:1rem;text-align:left}.class-page-search-form{display:flex;justify-content:center;align-items:center;gap:1rem}.class-page-search-form input{width:30vw;height:5vh;border-radius:.2rem;padding-left:.5rem;border:2px white solid;font-size:1rem}.class-page-search-form button{background-color:#020051;color:#fff;border:2px white solid;padding:1.5vh 2vw;border-radius:.2rem;cursor:pointer;font-size:1rem}.class-page-search-form button:hover{background-color:#2781ff;border:2px yellow solid;box-shadow:0 0 10px #ff0}.class-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem 1rem;padding:2rem}.class-page-box{background-color:#020051;border:white solid;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;color:#fff;border-radius:1vh;padding:2%}.class-title{display:flex;align-items:center;gap:.5rem}.class-name{font-size:5vh}.class-icon{height:5vh;width:auto}.class-primary-abilities{display:flex;gap:.5rem;margin-top:1vh}.class-category{font-size:2vh;font-weight:1000;color:#ff0}.class-info{font-size:2vh;text-align:justify}.weapons-page{margin-top:12vh;text-align:center;padding:.5rem}.weapons-page-title{font-size:8vh}.weapons-page-search-form{display:flex;justify-content:center;align-items:center;gap:1rem}.weapons-page-search-form input{width:30vw;height:5vh;border-radius:.2rem;padding-left:.5rem;border:2px white solid;font-size:1rem}.weapons-page-search-form button{background-color:#020051;color:#fff;border:2px white solid;padding:1.5vh 2vw;border-radius:.2rem;cursor:pointer;font-size:1rem}.weapons-list{border-width:.5vh;color:#fff;display:flex;flex-direction:column;padding:2rem}.weapons-list table{width:100%;border-spacing:.5rem .5rem;border-collapse:separate;font-size:3vh}.weapons-list-item{background-color:#194f99;border:white solid;height:8vh;text-align:center;cursor:pointer}.weapons-list tr:not(:has(td.weapons-list-item-selected)):hover td{border:yellow solid;background-color:#2781ff;box-shadow:0 0 10px #ff0}.weapons-list-item-selected{border:yellow solid;background-color:#2eb000;box-shadow:0 0 10px #ff0;height:8vh;text-align:center;cursor:pointer}.weapons-list tr:has(td.weapons-list-item-selected):hover td{background-color:#5f0;border:yellow solid;box-shadow:0 0 10px #ff0}.weapons-list-item-name{background-color:#194f99;border:white solid;height:8vh;text-align:justify;padding-left:1rem;cursor:pointer}.weapons-list-item-name-selected{background-color:#2eb000;border:white solid;height:8vh;text-align:justify;padding-left:1rem}.weapons-list-item-selected:hover{background-color:#5f0;border:yellow solid;box-shadow:0 0 10px #ff0}.weapons-list-item-category{display:flex;align-items:center;justify-content:center;gap:.5rem}.weapons-list-item-category img{height:3vh;width:auto}.armor-page{margin-top:12vh;text-align:center;padding:1rem}.armor-page-title{font-size:8vh}.armor-page-search-form{display:flex;justify-content:center;align-items:center;gap:1rem}.armor-page-search-form input{width:30vw;height:5vh;border-radius:.2rem;padding-left:.5rem;border:2px white solid;font-size:1rem}.armor-page-search-form button{background-color:#020051;color:#fff;border:2px white solid;padding:1.5vh 2vw;border-radius:.2rem;cursor:pointer;font-size:1rem}.armor-list{background-color:#020051;border-radius:3vh;border:white solid;border-width:.5vh;color:#fff;display:flex;flex-direction:column;padding:2rem}.armor-list table{width:100%;border-spacing:.5rem .5rem;border-collapse:separate;font-size:3vh}.armor-list-item{background-color:#194f99;border:white solid;height:8vh;text-align:center;cursor:pointer}.armor-list-item-name{background-color:#194f99;border:white solid;height:8vh;text-align:justify;padding-left:1rem;cursor:pointer}.armor-list-item-name-selected{border:yellow solid;background-color:#2eb000;box-shadow:0 0 10px #ff0;height:8vh;text-align:justify;padding-left:1rem;cursor:pointer}.armor-list-item-selected{border:yellow solid;background-color:#2eb000;box-shadow:0 0 10px #ff0;height:8vh;text-align:center;cursor:pointer}.armor-list tr:not(:has(td.armor-list-item-selected)):hover td{border:yellow solid;background-color:#2781ff;box-shadow:0 0 10px #ff0}.armor-list tr:has(td.armor-list-item-selected):hover td{background-color:#5f0;border:yellow solid;box-shadow:0 0 10px #ff0}.armor-list-item-category{display:flex;align-items:center;justify-content:center;gap:.5rem}.armor-list-item-category img{height:3vh;width:auto}.armor-list-class{font-size:2rem}.unauthorized-page{display:flex;flex-direction:column;align-items:center;justify-content:center}.unauthorized-page .title{font-weight:100;font-size:10rem;height:4rem}.unauthorized-page .subtitle{font-weight:100;font-size:1.5rem;height:2rem}