@import"https://fonts.googleapis.com/css2?family=Metamorphous&display=swap";@import"https://fonts.googleapis.com/css2?family=Petrona:ital,wght@0,100..900;1,100..900&display=swap";:root{--bg-0: var(--blue-dark-0);--bg-1: var(--blue-dark-2);--bg-2: var(--purple-1);--bg-3: var(--pink-1);--temp-hp: var(--blue-0);--healing: var(--green-light-0);--restore: var(--lime-1);--dmg: var(--red-2);--dmg-ability: var(--orange-dark-0);--severe-dmg: var(--red-1);--white-0: rgb(242, 242, 242);--black-0: rgb(15, 15, 15);--grey-0: #575252;--grey-1: #615b5b;--blue-dark-0: #1F2544;--blue-dark-1: #262d55;--blue-dark-2: #474F7A;--blue-dark-3: #596192;--blue-0: #2e4cb6;--blue-1: rgb(30, 30, 177);--blue-light-0: #396d78;--purple-dark-0: #372945;--purple-dark-1: #443553;--purple-dark-2: #513c66;--purple-dark-3: #573f6e;--purple-dark-4: #705988;--purple-0: #765e90;--purple-1: #81689D;--purple-clear-0: rgba(123, 65, 151, .206);--pink-0: #f3acd6;--pink-1: #FFD0EC;--red-0: rgb(147, 17, 17);--red-1: rgb(159, 18, 18);--red-2: rgb(202, 39, 39);--red-3: rgb(227, 46, 46);--red-4: rgb(241, 48, 48);--red-5: rgb(254, 65, 65);--orange-dark-0: #B06117;--orange-0: #f27746;--lime-0: #6F7C13;--lime-1: #63A319;--green-light-0: rgb(6, 145, 6);--green-light-1: rgb(7, 162, 7);--green-light-2: #23a82e;--green-light-3: #23c230}:root{--font-title: 6rem;--font-xxl: 4rem;--font-xl: 2rem;--font-lg: 1.2rem;--font-md: 1rem;--font-sm: .9rem;--font-xsm: .8rem;--font-xxsm: .7rem}.button{padding:.5rem;border:none;border-radius:.3rem;background-color:var(--purple-dark-2);color:var(--white-0);width:fit-content;box-shadow:#00000030 0 10px 20px,#0000003b 0 6px 6px;cursor:pointer;font-weight:500;transition:all ease-out .2s;height:fit-content}.button:hover{text-shadow:var(--pink-1) 1px 0 10px}.button--secondary{background-color:var(--purple-dark-4);box-shadow:none}.button--secondary-blue{background-color:var(--blue-dark-2);box-shadow:none}.button--border{background-color:transparent;border:2px solid var(--purple-dark-2)}.button--empty{background-color:transparent;box-shadow:none}.button--dark{background-color:var(--purple-dark-0)}.button--link{padding:0;display:flex}.button--link a{color:var(--white-0);padding:.5rem}.button--link a:hover{text-decoration:none}.button--thin{max-height:1.5rem;display:flex;align-items:center}.button--danger{background-color:var(--red-2)}.button--danger:hover{color:var(--red-5);background-color:transparent;box-shadow:none;border-color:transparent;text-shadow:none}.button--image{display:flex}.button--image img{width:1rem}.button--small{max-height:2rem;font-size:var(--font-sm)!important;padding:.1rem .3rem}.button--small img{width:.8rem}.button--small a{font-size:var(--font-sm)}.button--large{font-size:var(--font-lg)!important}.button--large img{width:1.5rem}.button--large a{font-size:var(--font-lg)}.button--pink{background-color:var(--pink-0);color:var(--purple-dark-2)}.button--blue{background-color:var(--blue-dark-1)}.button--flat{box-shadow:none}.button--X{position:absolute;top:.5rem;right:.5rem;font-size:var(--font-sm)!important;background-color:transparent;box-shadow:none;padding:0}.button--X:hover{text-shadow:none;color:var(--red-5)}.button--bold{font-weight:700}.button--plain{background-color:buttonface;box-shadow:none;color:var(--black-0)}.button--save{background-color:var(--green-light-1);color:#fff}.button--save:hover{color:var(--green-light-3);background-color:transparent;box-shadow:none;border-color:transparent;text-shadow:none}.button--left-icon img{width:1rem;margin-right:.2rem}.error{padding:.8rem;color:var(--red-3);border:2px solid var(--red-3);border-radius:.8rem;max-width:20rem;margin-top:1rem}.file-input{box-shadow:none;height:fit-content;padding:.05rem 0 0;font-size:var(--font-md);text-align:center;width:fit-content;margin:0;cursor:pointer}.file-input img{margin-top:.3rem}.file-input input{display:none}.file-input__add-container{position:relative;display:flex;align-items:center;justify-content:center;border:2px solid black;min-height:4rem}.file-input__add{position:absolute;background-color:#3030309c;font-size:var(--font-lg);padding:.5rem;border-radius:50%;height:1.8rem;width:fit-content;display:flex;align-items:center;font-weight:800}label{display:flex;flex-direction:column;text-align:start;font-weight:600;margin-top:.2rem;font-size:var(--font-xsm)}.input input,.input textarea{resize:none;padding:.5rem;border:none;border-radius:.3rem;margin:.2rem 0 0;box-shadow:#0006 0 2px 4px,#0000004d 0 7px 13px -3px,#0003 0 -3px inset;height:1.5rem;font-size:var(--font-xsm)}.input--label-inline{display:block}.input--label-inline input,.input--label-inline textarea{margin-left:.4rem}.input--label-large{margin-top:.6rem;font-size:var(--font-md)}.input--label-large input{height:100%;font-size:var(--font-md)}.input--label-no-bold{font-weight:400}.input--fit{width:fit-content}.input--no-arrows{-moz-appearance:textfield}.input--no-arrows::-webkit-outer-spin-button,.input--no-arrows::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input--medium{width:10rem}.input--small{width:6rem}.input--x-small{width:3rem}.link{color:var(--pink-1);align-self:center;text-decoration:none;transition:all ease-out .2s}.link:hover{text-decoration:underline}.select--label-thin{margin-top:.2rem;font-size:var(--font-xsm)}.select--fit{width:fit-content}.window-dialog{padding:0;padding:.43rem 1rem 1rem;border-radius:.3rem;background-color:var(--bg-1);color:var(--white-0);box-shadow:#1a191940 0 14px 28px,#00000038 0 10px 10px;margin:0;text-align:start;position:absolute;bottom:25%;z-index:1}.window-dialog__title{margin-bottom:.3rem;text-align:center;-webkit-user-select:none;user-select:none}.window-dialog__content{overflow-y:auto;height:100%}.window-dialog__content form{display:flex;flex-direction:column}.box-stat{text-align:center}.box-stat__content{border:2px solid var(--blue-dark-2);background-color:var(--blue-dark-1);padding:.5rem;border-radius:.3rem;text-align:center;margin-top:.1rem;box-shadow:#0000003d 0 3px 8px}.characters-page{padding:2rem}.characters-page h2{font-size:var(--font-xl)}.characters-list{display:flex;flex-direction:column;gap:.3rem;overflow-y:auto;max-height:87vh;width:fit-content}.characters-list__title{display:flex;align-items:center;gap:.9rem;margin-bottom:.5rem}.characters-list__title h2{margin:0}.character-card{display:flex;gap:1rem;padding:1rem;background-color:var(--bg-1);border-radius:1rem;width:40rem;position:relative;box-shadow:#0000003d 0 3px 8px}.character-card h3{font-size:var(--font-lg)}.character-card h3 span{font-weight:300}.character-card__pic,.character-card .file-input img{object-fit:cover;width:6.5rem;height:6.5rem;border-radius:50%}.character-card__ruleset{position:absolute;right:.6rem;bottom:.4rem;font-size:var(--font-lg);font-weight:700}.character-card__open-btn{margin-top:.3rem}.character-card__delete-btn img{width:1.2rem}.new-character-card{flex-wrap:wrap}.new-character-card__inputs{display:flex;flex-direction:column;gap:.5rem;width:100%}.new-character-card__inputs label{margin-top:0}.games-list{display:flex;flex-wrap:wrap;gap:2rem}.games-list__join-game{display:flex;gap:.3rem}.games-list__join-game button{align-self:flex-end}.games-list__column{background-color:var(--bg-0);padding:1rem;border-radius:1rem;box-shadow:#32325d40 0 6px 12px -2px,#0000004d 0 3px 7px -3px;display:flex;flex-direction:column;gap:.3rem;max-height:25rem;overflow-y:auto}@media (max-width: 396px){.games-list__column{max-height:10.3rem}}@media (max-width: 396px){.games-list{gap:.4rem}}.game-card{display:flex;padding:.3rem 1rem 1rem;gap:.6rem;background-color:var(--bg-1);border-radius:1rem;box-shadow:#00000059 0 5px 15px;cursor:pointer;max-width:15rem;transition:all ease-out .2s;position:relative}.game-card--form-card{flex-direction:column;cursor:default}.game-card__name{margin:0}.game-card__ruleset{text-align:end;font-size:var(--font-sm)}.game-card:hover h3{text-shadow:var(--pink-1) 1px 0 10px}.home{padding:0 1.4rem}.home h1{margin-bottom:6rem}@media (max-width: 603px){.home h1{margin-bottom:1rem}}.home__button-list{display:flex;flex-direction:column;gap:.5rem}.home__button-list button{font-size:calc(var(--font-md) * 1.1)}.user-box{display:flex;padding:1rem;border-bottom-left-radius:1rem;gap:1rem;position:absolute;top:0;right:0;align-items:baseline}.user-box__menu{display:flex;flex-direction:column;gap:.3rem}.login{display:flex;flex-direction:column;width:fit-content;margin:15rem auto;text-align:center;border:3px solid var(--white-0);border-radius:2rem;padding:2rem;box-shadow:#00000059 0 5px 15px;background-color:var(--purple-clear-0)}.character-sheet{background-color:var(--blue-dark-0);height:100%;overflow-y:auto}.character-navbar{display:flex;gap:.1rem;background-color:var(--blue-dark-2)}.character-navbar__tab{padding:.2rem .3rem;background-color:var(--blue-dark-0);border-radius:0;border-top-left-radius:.3rem;border-top-right-radius:.3rem}.character-navbar__tab--selected{border-bottom:2px solid var(--blue-light-0)}.character-sheet-main{padding:.8rem}.character-sheet-main__row{display:flex;gap:1rem}.character-sheet-main__col{display:flex;flex-direction:column;gap:1rem}.character-sheet-main .character-sheet-main-header{display:flex;justify-content:space-between;margin-bottom:1rem}.character-sheet-main .character-sheet-main-header__character-info{display:flex;gap:.8rem}.character-sheet-main .character-sheet-main-header__character-pic{object-fit:cover;width:6.5rem;height:6.5rem;border-radius:50%}.character-sheet-main .character-sheet-main-header__name{font-size:var(--font-xl)}.character-sheet-main .character-sheet-main-header__right{display:flex;gap:1rem}.character-sheet-main .character-sheet-main-header__rest-buttons{display:flex;flex-direction:column;gap:.3rem}.character-sheet-main .character-sheet-main-header__rest-buttons button{width:100%}.character-sheet-main .character-sheet-main-header__lvl-manager{display:flex;flex-direction:column}.character-sheet-main .character-sheet-main-header__lvl-manager p{margin-bottom:.3rem}.character-sheet-main .character-sheet-ability-scores{display:flex;gap:.4rem}.character-sheet-main .character-sheet-saving-throws__title{margin:.6rem 0 .5rem}.character-sheet-main .character-sheet-saving-throws__list{display:flex;gap:.4rem}.character-sheet-main .character-sheet-attributes{margin-top:1rem;display:flex;flex-direction:column;gap:.8rem;width:fit-content}.character-sheet-main .character-sheet-attributes__row{display:flex;flex-wrap:wrap;gap:.8rem}.main-stats{display:flex;flex-direction:column;gap:.5rem;text-align:center}.main-stats__row{display:flex;gap:1rem}.main-stats__column{display:flex;flex-direction:column;gap:.7rem}.main-stats__ac{position:relative;align-content:center;cursor:pointer}.main-stats__ac img{width:6.3rem;filter:drop-shadow(0 0 .75rem rgba(24,23,23,.52))}.main-stats__ac p{position:absolute;top:0;right:0;bottom:0;left:0;top:2.3rem;font-size:var(--font-xl)}.main-stats__ac button{position:absolute;top:2.6rem;left:1.7rem;background-color:var(--grey-3);font-size:var(--font-sm)}.edit-armor-dialog__content{display:flex;gap:1rem}.edit-armor-dialog__content button[type=submit]{margin-top:.7rem}.edit-armor-dialog__items{display:flex;flex-direction:column;gap:.4rem;width:100%;max-width:12.6rem}.ability-score{background-color:var(--blue-dark-2);width:4rem;border-radius:.8rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.2rem;box-shadow:#0000003d 0 3px 8px;cursor:pointer}.ability-score__name{font-weight:700}.ability-score__value{background-color:var(--blue-dark-3);border-radius:.8rem;padding:.2rem .5rem;border:1px solid transparent}.ability-score__mod{padding:0 .1rem 0 0;font-size:var(--font-xsm)}.ability-score:hover .ability-score__value{border-color:var(--pink-1)}.saving-throw{position:relative;background-color:var(--blue-dark-2);width:4.6rem;border-radius:.8rem;display:flex;align-items:center;justify-content:center;gap:.2rem;padding:.3rem;box-shadow:#0000003d 0 3px 8px;border:1px solid transparent;cursor:pointer}.saving-throw__name{font-weight:700;font-size:var(--font-sm)}.saving-throw__mod{padding:0 .1rem 0 0;font-size:var(--font-xsm)}.saving-throw img{position:absolute;width:.9rem;left:-.4rem;top:-.4rem}.saving-throw:hover{border-color:var(--pink-1)}:root{--progress-bar-width: 200px;--progress-bar-height: 200px}.hp-management{display:flex;flex-direction:column;gap:1rem;align-items:center;width:fit-content;margin-bottom:1.5rem}.hp-management__input{display:flex;gap:.3rem;min-width:20rem}.hp-management__input input{height:100%;margin:0;font-size:var(--font-lg);max-width:4rem;text-align:center}.hp-management__buttons{display:flex;flex-wrap:wrap;gap:.2rem;max-width:16rem;width:100%;margin-top:.18rem}.hp-management__buttons button{max-width:5rem;width:100%;height:2rem;padding:.2rem 0 0}.hp-management__buttons button img{width:1.4rem}.circular-hp-bar{width:var(--progress-bar-width);height:var(--progress-bar-height);border-radius:50%;display:flex;justify-content:center;align-items:center;margin-bottom:.5rem;box-shadow:0 0 10px #10101080;position:relative}.circular-hp-bar__inner-circle{position:absolute;width:calc(var(--progress-bar-width) - 40px);height:calc(var(--progress-bar-height) - 40px);border-radius:50%;background-color:var(--blue-dark-0)}.circular-hp-bar__inner-circle--middle{background-color:var(--blue-dark-2);border-radius:.5rem}.circular-hp-bar__center{position:relative;text-align:center;cursor:pointer;background-color:var(--blue-dark-2);border-radius:.5rem}.circular-hp-bar__hp{font-size:var(--font-md);margin:0;background-color:var(--brown-1);padding:.5rem;border-radius:1rem}.circular-hp-bar__temp-hp{background-color:var(--temp-hp);border-top-left-radius:.5rem;border-top-right-radius:.5rem}.list-display__title{font-weight:700;margin-bottom:.15rem}.list-display__row{padding:.2rem .25rem;background-color:var(--blue-dark-3);font-size:var(--font-sm)}.list-display__row:first-child{border-top-left-radius:.1rem;border-top-right-radius:.1rem}.list-display__row:last-child{border-bottom-left-radius:.1rem;border-bottom-right-radius:.1rem}.list-display__row:nth-child(2n){background-color:var(--blue-dark-2)}*{box-sizing:border-box;font-family:Petrona,Avenir,Helvetica,Arial,sans-serif;font-size:var(--font-md)}*::-webkit-scrollbar{width:.5rem;border-radius:1rem;padding-top:.3rem}*::-webkit-scrollbar-track{border-radius:1rem}*::-webkit-scrollbar-thumb{background-color:var(--purple-dark-2);border-radius:1rem}html{max-width:fit-content}body{margin:0;color:var(--white-0);background:url(/images/bg.jpg) no-repeat;background-size:cover;width:100vw;height:100vh;overflow:hidden;background-position-y:75%}#root{height:100%}h1,h2,h3,h4,h5,h6{margin:0 0 .5rem}h1{font-size:var(--font-title);text-shadow:2px 3px 5px var(--black-0);font-family:Metamorphous,Avenir,Helvetica,Arial,sans-serif;margin-top:2rem}@media (max-width: 950px){h1{margin-top:4rem}}@media (max-width: 603px){h1{font-size:calc(var(--font-title) * .5)}}@media (max-width: 396px){h1{font-size:calc(var(--font-title) * .3)}}h2{font-size:var(--font-lg);font-family:Metamorphous,Avenir,Helvetica,Arial,sans-serif}p{margin:0;font-size:var(--font-md)}.form__footer{display:flex;justify-content:center;gap:.3rem;margin-top:1rem}