:root{font-family:Poppins,sans-serif;line-height:1.5;font-weight:100;color:#1a1a1a;background-color:#f5f5f5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.poppins-thin{font-family:Poppins,serif;font-weight:100;font-style:normal}.poppins-extralight{font-family:Poppins,serif;font-weight:200;font-style:normal}.poppins-light{font-family:Poppins,serif;font-weight:300;font-style:normal}.poppins-regular{font-family:Poppins,serif;font-weight:400;font-style:normal}.poppins-medium{font-family:Poppins,serif;font-weight:500;font-style:normal}.poppins-semibold{font-family:Poppins,serif;font-weight:600;font-style:normal}.poppins-bold{font-family:Poppins,serif;font-weight:700;font-style:normal}.poppins-extrabold{font-family:Poppins,serif;font-weight:800;font-style:normal}.poppins-black{font-family:Poppins,serif;font-weight:900;font-style:normal}.poppins-thin-italic{font-family:Poppins,serif;font-weight:100;font-style:italic}.poppins-extralight-italic{font-family:Poppins,serif;font-weight:200;font-style:italic}.poppins-light-italic{font-family:Poppins,serif;font-weight:300;font-style:italic}.poppins-regular-italic{font-family:Poppins,serif;font-weight:400;font-style:italic}.poppins-medium-italic{font-family:Poppins,serif;font-weight:500;font-style:italic}.poppins-semibold-italic{font-family:Poppins,serif;font-weight:600;font-style:italic}.poppins-bold-italic{font-family:Poppins,serif;font-weight:700;font-style:italic}.poppins-extrabold-italic{font-family:Poppins,serif;font-weight:800;font-style:italic}.poppins-black-italic{font-family:Poppins,serif;font-weight:900;font-style:italic}*{box-sizing:border-box;height:100%}body{margin:0;min-height:100vh}h1,h2{text-align:center;margin:0;padding:0}button{border:.25vmin solid #3a001e;border-radius:.5vmin;padding:.8vmin;font-size:2vmin;font-weight:500;font-family:inherit;background-color:#3a001e;color:#fff4ee;cursor:pointer}button:hover{background-color:#fff4ee;color:#1a1a1a;border-color:#1a1a1a}button:disabled{background-color:#c3c3c3}form{display:grid;gap:1.2vmin;padding:4vmin;border-radius:1vmin}input,select,textarea{padding:.7vmin;font-size:2vmin;border:.3vmin solid #1a1a1a;border-radius:.5vmin}form>button:last-child{margin-top:2vmin}label{font-size:2vmin;font-weight:700}h2{text-align:center}.error-message{color:#c3581a}@media only screen and (max-width: 600px){.roll-form{flex-direction:column;gap:5px;align-items:center;width:100%}.form-field{width:100%;display:flex;flex-direction:column;align-items:center;text-align:center}.form-field input{width:80%;font-size:1rem;text-align:center;padding:8px;box-sizing:border-box}.form-field p{text-align:center;width:100%;font-size:1.2rem}.form-field input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.form-field input[type=number]::-webkit-outer-spin-button,.form-field input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}}@media only screen and (max-width: 600px){.modal-content{max-width:95%;width:100%;max-height:90vh;padding:3vmin}.form-field{width:100%;align-items:center}.form-field input,.form-field select{width:90%;font-size:1.2rem;padding:1vmin}.form-field button,.modal-content button{width:100%;padding:1.5vmin;font-size:1.2rem}.add-group-button button{width:100%;padding:1.2vmin;font-size:1rem;margin-top:2vmin}.modal-content h2{font-size:1.8rem;margin-bottom:2vmin}.close-btn{position:absolute;top:10px;right:10px;font-size:1.8rem}.form-field input[type=text]{font-size:1rem;width:100%}.form-field button[type=button]{width:100%;padding:1.2vmin;font-size:1rem;margin-top:2vmin}.form-field label{font-size:1.2rem}.close-btn{top:-90vmin;right:-42vmin;font-size:1.8rem}}@media only screen and (max-width: 380px){.close-btn{top:-70vmin;right:-42vmin;font-size:1.8rem}.dice-formulas{flex-grow:1}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar{background:#fff3;border-radius:10px;box-shadow:inset 0 0 5px #0003}.modal-content::-webkit-scrollbar-thumb{background:#00000080;border-radius:10px;border:2px solid rgba(255,255,255,.2)}.modal-content::-webkit-scrollbar-thumb:hover{background:#000c}.modal-content{scrollbar-width:thin;scrollbar-color:rgba(160,146,106,.5) rgba(255,255,255,.2)}.settings-page h2{font-size:1.5rem}.form-field input{font-size:1rem;padding:1vmin}button[type=submit]{padding:1.2vmin;font-size:1rem}}.App{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;background-image:url(/assets/dragon-rsWzfDfz.png);background-position:right 55% bottom 15%;background-repeat:no-repeat;background-size:cover}#main-section{width:100%;height:100%;overflow-y:hidden}.backdrop{width:90%;max-height:90%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background-color:#fff8e84d;border-radius:2vmin;overflow-y:scroll;padding-bottom:2vmin;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(164,164,164,.105);box-shadow:0 4px 6px #0000001a}.backdrop::-webkit-scrollbar{width:8px}.backdrop::-webkit-scrollbar{background:#fff3;border-radius:10px;box-shadow:inset 0 0 5px #0003}.backdrop::-webkit-scrollbar-thumb{background:#00000080;border-radius:10px;border:2px solid rgba(255,255,255,.2)}.backdrop::-webkit-scrollbar-thumb:hover{background:#000c}.backdrop{scrollbar-width:thin;scrollbar-color:rgba(160,146,106,.5) rgba(255,255,255,.2)}.die-container{position:relative;text-align:center;max-width:50vmin;max-height:50vmin}.die-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:fit-content;height:fit-content;font-size:5.5vmin;color:inherit;transition:color .3s ease}.landing-page .die-container{max-width:40vmin;max-height:40vmin;opacity:0;transform:translateY(20px);animation:fadeInUp .2s ease-out .5s forwards}.landing-page{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.landing-div{overflow-y:hidden}.landing-page h1{color:#47821e}.landing-nav{padding:2vmin;font-size:2vmin}.landing-nav a{border-radius:.8vmin;padding:.5vmin 1.5vmin;text-decoration:none;color:#1a1a1a}.landing-nav a:hover{background-color:#1a1a1a;color:#f5f5f5}.landing-nav a.active{background-color:#639;color:#f5f5f5}.landing-nav span{color:#6c0957}.landing-page .backdrop{transform:translate(100%);animation:slideIn .15s ease-out forwards}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.landing-logo{transform:scale(0);animation:zoomIn .25s ease-out .25s forwards}@keyframes zoomIn{0%{transform:scale(0)}to{transform:scale(1)}}.die-img{opacity:0;transform:translateY(20px);animation:fadeInUp .4s ease-out 1s forwards}.landing-text{opacity:0;transform:translateY(20px);animation:fadeInUp .4s ease-out 1.2s forwards}.landing-nav{opacity:0;transform:translateY(20px);animation:fadeInUp .4s ease-out 1.4s forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.landing-logo.shrink{animation:shrinkOut .3s ease-in forwards}@keyframes shrinkOut{0%{transform:scale(1)}to{transform:scale(.3)}}.roller-page{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;font-weight:400}.backdrop{overflow-x:hidden}.add-formula-btn{display:flex;flex-direction:column;align-items:center;gap:2vmin;margin-top:4vmin}.result-message{display:flex;flex-direction:column;align-items:center}.add-subtext{font-size:1.5vmin}.diceImgs{width:100%;display:flex;flex-direction:row;justify-content:center;gap:4vmin}.diceImgs img{height:7vmin;transition:transform .15s ease-in-out}.diceImgs img:active{transform:scale(.85)}.add-formula-btn img{transition:transform .1s ease-in-out}.add-formula-btn img:active{transform:scale(.85)}.roll-form{display:flex;justify-content:space-between;max-width:100%;margin:0 auto;padding:2vmin;gap:3vmin;color:#56423d}.form-field{display:flex;flex-direction:column;align-items:center;width:30%}.form-field input{border:none;border-bottom:2px solid #56423d;padding:.8vmin;font-size:2vmin;text-align:center;background:transparent;outline:none;width:18vmin}.form-field input:focus{border-bottom:2px solid #569429;color:#7db852;font-weight:600;font-size:2.5vmin}.form-field label{margin-top:.5vmin;font-size:1.5vmin;color:#56423d;text-align:center}.dice-formulas{display:flex;flex-direction:column;margin-top:5vmin;gap:2vmin}.group-select{display:flex;justify-content:center;width:18vmin;margin:0 auto;position:relative;width:100%}.group-select select{border:none;border-bottom:2px solid #56423d;background:transparent;font-size:2vmin;text-align:center;padding:.5vmin;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;cursor:pointer;font-size:1.5rem;padding:1vmin}.group-select:after{content:"▼";font-size:1.5vmin;position:absolute;right:5%;bottom:25%;color:#56423d;pointer-events:none}.dice-formula-btn{background-color:#3a001e;color:#fff4ee;border:none;font-size:1.25rem;padding:1.5vmin 2vmin;cursor:pointer;border-radius:5px;transition:background-color .3s;width:80vmin;margin:0 auto}.hamburger-nav{display:flex;justify-content:flex-end;width:100%;height:8vmin;padding-right:5vmin;padding-top:2vmin;z-index:5;position:relative}.hamburger-nav h3{max-height:6vmin;color:#56423d;font-size:1.5rem;font-weight:700;margin:0;margin-top:8vmin}.hamburger-nav img{z-index:15;width:4vmin;height:4vmin;position:absolute;top:2vmin;right:2.5vmin}.dropdown-menu{position:absolute;top:-10vmin;right:0;width:30%;height:110vh;background-color:#fff4ee;display:flex;flex-direction:column;align-items:center;overflow-y:hidden;z-index:10;padding-top:18vmin;padding-bottom:2vmin;border-radius:5px;box-shadow:0 4px 6px #0000001a;list-style-type:none}.dropdown-menu li{height:2vmin;margin:1.75vmin 0;font-size:1.5em;font-weight:300}.dropdown-menu li a{text-decoration:underline;color:#56423d;font-weight:600;padding:.5vmin 0;display:block;width:100%;text-align:center}.dropdown-menu li a:hover{color:#266600}.history-list{list-style-type:none;padding:0;width:100%}.history-list h3{text-align:center}.history-list li{font-size:1.1em;line-height:1.5;color:#56423d;padding:.5vmin;word-wrap:break-word;flex-direction:column;justify-content:flex-start;margin-bottom:1vmin;text-align:center}@media only screen and (max-width: 1000px){.history-list li{font-size:1em;padding:1vmin}.dropdown-menu{width:80%;padding-top:10vmin;height:250vmin;top:-5vmin;right:0}.hamburger-nav h3{font-size:1.2rem}.hamburger-nav img{width:5vmin;height:5vmin}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background-color:#fff4ee;width:90%;max-width:100vmin;max-height:80vmin;display:flex;flex-direction:column;align-items:center;padding-bottom:5vmin;border-radius:2vmin;overflow-y:scroll;overflow-x:hidden;position:relative}.form-center{align-items:center}.modal-content h2{margin:0;padding:0}.modal-content form{display:flex;flex-direction:column;gap:3vmin;max-width:90%}.close-btn{position:absolute;top:-35vmin;right:5vmin;background:none;border:none;font-size:24px;cursor:pointer;color:#000}.form-field{display:flex;flex-direction:column;position:relative;width:100%;align-items:center}.form-field input,.form-field select{border:none;border-bottom:2px solid #56423d;background:transparent;text-align:center;padding:.8vmin;width:20vmin;outline:none}.form-field input:focus,.form-field select:focus{border-bottom:2px solid #569429;color:#7db852}.form-field label{font-size:1.5vmin;color:#56423d;margin-top:.5vmin;text-align:center}.signup-page{display:flex;flex-direction:column;align-items:center;height:100%;width:100%}.signup-page .backdrop{overflow-y:hidden}.signup-page form{width:30%}.signup-page input{width:100%;padding:1.2vmin;font-size:1.1rem;border:none;border-bottom:2px solid #56423d;background-color:transparent;margin-bottom:.5vmin;outline:none;transition:border-color .3s ease-in-out}.login-page{display:flex;flex-direction:column;align-items:center;height:100%;width:100%}.login-page .backdrop{overflow-y:hidden}.login-page form{width:30%}.login-page input{width:100%;padding:1.2vmin;font-size:1.1rem;border:none;border-bottom:2px solid #56423d;background-color:transparent;margin-bottom:.5vmin;outline:none;transition:border-color .3s ease-in-out}.settings-page{display:flex;flex-direction:column;align-items:center;padding:5vmin;background-color:#fff4ee}.settings-page h2{padding-top:2vmin;max-height:10vmin}.alert-message{font-size:1em;margin:0 0 2vmin;padding:0;max-height:2vmin}.settings-form{display:flex;flex-direction:column;gap:2.5vmin;width:100%;max-width:50vmin}.form-field{display:flex;flex-direction:column;align-items:flex-start;width:100%}.form-field input{width:100%;padding:1.2vmin;font-size:1.1rem;border:none;border-bottom:2px solid #56423d;background-color:transparent;margin-bottom:.5vmin;outline:none}.form-field input:focus{border-bottom:2px solid #569429;color:#569429}.form-field label{font-size:1.1rem;color:#56423d;margin-bottom:.5vmin}button[type=submit]{padding:1.2vmin;font-size:1.1rem;background-color:#569429;color:#fff;border:none;border-radius:.5vmin;cursor:pointer;transition:background-color .3s ease}button[type=submit]:hover{background-color:#7db852}@media only screen and (max-width: 600px){.settings-page{padding:3vmin}.settings-page h2{font-size:1.8rem;margin-bottom:1.5vmin}.form-field input{font-size:1rem;padding:1vmin}button[type=submit]{padding:1.5vmin;font-size:1.2rem}}.footer{width:100%;height:4vmin;display:flex;justify-content:flex-end;padding:2vmin 8vmin 4vmin 0;margin-top:2vmin;font-size:.9em;font-weight:300;background-color:#48821e00}.formula-page{display:flex;flex-direction:column;align-items:center}.formula-page h2{height:auto}.formula-page>.dice-formulas{width:40vmin}