@import url(https://fonts.googleapis.com/css2?family=Saira:wght@300;400;700&display=swap);@font-face{font-family:eote_symbols;font-style:normal;font-weight:400;src:url(/static/media/eote_symbols.2dec4930e3496fd4c69b.woff) format("woff2");src:url(/static/media/eote_symbols.5d8247a84cdcf619ff04.woff2) format("woff")}*,:after,:before{box-sizing:border-box}blockquote,body,dd,dl,figure,h1,h2,h3,h4,p{margin:0}ol[role=list],ul[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{line-height:1.5;min-height:100vh;text-rendering:optimizeSpeed}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img,picture{display:block;max-width:100%}button,input,select,textarea{font:inherit}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{-webkit-animation-duration:.01ms!important;animation-duration:.01ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.sr-only:not(:focus):not(:active){clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.body{color:#383337;font-family:Saira,sans-serif;font-size:1.25rem;font-weight:400;text-transform:uppercase}:is(h1,h2,h3,h4,p,li,a,dt,dd,button){color:#383337;font-family:Saira,sans-serif;font-size:1.25rem;font-weight:400;text-transform:uppercase}h1{font-size:3.125rem;font-weight:700}h2{font-size:1.875rem;font-weight:400}h3,p{font-size:1.25rem}h3,label,p{font-weight:400}label{font-family:Saira,sans-serif;font-size:1rem;text-transform:uppercase}.prompt-msg{text-align:center}html{width:100%}body,html{overflow:hidden}body{background:#bbc4ce;position:fixed}header{flex-direction:row}header,main{align-items:center;display:flex;flex-wrap:nowrap;justify-content:space-between}main{flex-direction:column;height:100vh;position:relative;width:100vw}footer{bottom:0;position:fixed;width:100%}article{height:100%;width:100%}form{align-items:center;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start}button{background:transparent none repeat 0 0/auto auto padding-box border-box scroll;background:initial;border:none;cursor:pointer}.bubble-wrapper{flex-direction:column-reverse}.bubble-wrapper,.bubble-wrapper .score-bubble{align-items:center;display:flex;flex-wrap:nowrap;justify-content:center}.bubble-wrapper .score-bubble{-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#b84319;background-color:#e9e8e8;border:2px solid #b84319;border-radius:50%;flex-direction:column;font-size:3.125rem;font-weight:400;height:4rem;text-align:center;width:4rem}.bubble-wrapper .characteristic-title{font-size:.75rem;font-weight:400;padding-top:.25em}.bubbles{grid-gap:.75rem 2.5rem;display:grid;gap:.75rem 2.5rem;grid-template-columns:repeat(3,1fr);justify-items:center;justify-items:flex-start}.form-container{-ms-overflow-style:none;align-items:center;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;overflow-y:auto;scrollbar-width:none}.form-container::-webkit-scrollbar{display:none}.char-form,.characteristic-form,.skills-form{padding-bottom:10rem;z-index:15}.char-form .input-container,.characteristic-form .input-container,.skills-form .input-container{margin:.25rem;z-index:15}.char-form .input-container.char-heading,.characteristic-form .input-container.char-heading,.skills-form .input-container.char-heading{font-size:1.25rem;font-weight:400}.char-form .input-container .char-value,.characteristic-form .input-container .char-value,.skills-form .input-container .char-value{align-items:center;background:#e9e8e8;border:2px solid #b84319;border-radius:5px;color:#383337;display:flex;flex-direction:column;flex-wrap:nowrap;font-size:1rem;font-weight:700;justify-content:space-around;margin-bottom:.5rem;min-width:20rem;text-align:center}.char-form .button,.characteristic-form .button,.skills-form .button{background:#e9e8e8;border:2px solid #b84319;border-radius:5px;box-shadow:0 4px 4px rgba(0,0,0,.25);font-size:1.875rem;font-weight:700;margin-top:1rem;padding:.1rem 4rem;transition:color .5s,-webkit-transform .5s;transition:transform .5s,color .5s;transition:transform .5s,color .5s,-webkit-transform .5s;z-index:1}.char-form .button:hover,.characteristic-form .button:hover,.skills-form .button:hover{color:#3f74ab;-webkit-transform:scale(1.2);transform:scale(1.2)}.form-error-msg{padding:.5rem;text-align:center}.characteristic-form,.characteristic-form .button{margin-bottom:5rem}.home-sheet{-ms-overflow-style:none;align-items:center;display:flex;flex-direction:column;flex-wrap:nowrap;height:100%;justify-content:flex-start;overflow-x:hidden;overflow-y:scroll;padding-bottom:12rem;scrollbar-width:none;width:100%}@media only screen and (min-width:768px){.home-sheet{width:80%}}@media only screen and (min-width:1024px){.home-sheet{width:60%}}.home-sheet::-webkit-scrollbar{display:none}.home-sheet .home-link{background:#e9e8e8;border:2px solid #b84319;border-radius:5px;box-shadow:0 4px 4px rgba(0,0,0,.25);font-size:1rem;font-weight:700;margin:.2rem;padding:.2rem 1.5rem;text-align:center;text-decoration:none;transition:color .5s,-webkit-transform .5s;transition:transform .5s,color .5s;transition:transform .5s,color .5s,-webkit-transform .5s;width:90%}.home-sheet .home-link:hover{color:#3f74ab;-webkit-transform:scale(1.05);transform:scale(1.05)}.character-sheet{height:100%;position:relative}@media only screen and (min-width:1024px){.character-sheet{display:flex;justify-content:space-between;padding-top:1rem;width:50%}.column{width:45%}}.stats-heading{padding:1.5rem 0 .25rem}@media only screen and (min-width:1024px){.stats-heading{padding:0 0 .25rem}}.dialog-modal{background-color:#e9e8e8;border:2px solid #b84319;border-radius:5px;box-shadow:0 4px 4px rgba(0,0,0,.25);padding:0}.dialog-modal button{transition:all .2s}.dialog-modal button:hover{color:#3f74ab;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.dialog-modal::-webkit-backdrop{background-color:#bbc4ce;opacity:80%}.dialog-modal::backdrop{background-color:#bbc4ce;opacity:80%}.modal-content{justify-content:center;padding:2rem}.dice-sheet,.modal-content{align-items:center;display:flex;flex-direction:column;flex-wrap:nowrap}.dice-sheet{height:100%;justify-content:flex-start}@media only screen and (min-width:1200px){.dice-sheet{align-items:normal;flex-direction:row-reverse;justify-content:space-between;width:70%}}.log-wrapper{align-items:center;display:flex;flex-direction:column;position:relative;width:100%}@media only screen and (min-width:1200px){.log-wrapper{width:50%}}.dice-field{min-height:100%;overflow-x:hidden}@media only screen and (min-width:1200px){.dice-field{width:40%}}.dice-field .dice-headings{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between}.dice-field .dice-headings>h3{color:#fff;font-size:2.5rem;font-weight:700}.dice-log{background:rgba(153,184,204,.8);box-shadow:0 4px 4px rgba(0,0,0,.25);height:70vh;inset-block:5rem;position:absolute;top:0;transition:opacity 1s;z-index:4}.dice-log.hidden{opacity:0;z-index:3}.open-log-button{align-items:center;background-color:#ccc;border:2px solid #b84319;border-radius:5px;box-shadow:0 4px 4px rgba(0,0,0,.25);color:#ccc;display:flex;flex-direction:row;flex-wrap:nowrap;font-size:3.125rem;font-weight:700;height:5rem;justify-content:center;margin-bottom:1rem;padding-inline:2.5rem;position:relative;text-shadow:1px 1px 9px rgba(0,0,0,.25);transition:color .75s ease-in-out,background .1s ease-in,text-shadow .5s ease-in-out;z-index:5}.open-log-button:hover{color:#3f74ab}.open-log-button:active{color:#3f74ab;-webkit-transform:scale(.95);transform:scale(.95)}.open-log-button.active{background:transparent none repeat 0 0/auto auto padding-box border-box scroll;background:initial;border-color:transparent;box-shadow:none;color:#3f74ab}.roll-log{align-items:center;display:flex;flex-direction:column;flex-wrap:nowrap;height:100%;justify-content:space-evenly;position:relative;width:100%}.roll-log:after{background:rgba(153,184,204,.8);border:1.5rem solid #99b8cc;content:"";-webkit-filter:blur(3px);filter:blur(3px);height:100%;position:absolute;width:100%;z-index:6}.roll-log .entries{height:80%;list-style-type:none;margin-top:0;overflow-y:scroll;padding-inline:1rem;position:inherit;scrollbar-width:none;text-align:center;top:6%;width:100%;z-index:8}.roll-log .log-entry{margin-bottom:1rem;position:relative}.roll-log .log-entry:not(:last-child):before{border-bottom:1px solid #3f74ab;bottom:-.5rem;content:"";left:20%;position:absolute;width:60%}.die-field{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;max-height:3rem;overflow:hidden}.die-field .die-name{font-size:1.875rem;font-weight:400}.die-field .dice-scale{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;width:8rem}.die-field .dice-scale .scale{border-bottom:2rem solid #e9e8e8;border-radius:0 0 15px 15px;cursor:pointer;position:relative;transition:.5s ease-in-out}.die-field .dice-scale .scale,.die-field .dice-scale .scale:hover{border-left:1.5rem solid transparent;border-right:1.5rem solid transparent}.die-field .dice-scale .scale:hover{border-bottom:2rem solid #b84319}.die-field .dice-scale .scale:before{border-bottom:1.8rem solid #e9e8e8;border-left:1.25rem solid transparent;border-radius:0 0 15px 15px;border-right:1.25rem solid transparent;content:"";left:-1.25rem;position:absolute;top:.15rem;z-index:1}.die-field .dice-scale .scale:after{border-bottom:2rem solid rgba(0,0,0,.25);border-left:1.5rem solid transparent;border-radius:0 0 15px 15px;border-right:1.5rem solid transparent;content:"";-webkit-filter:blur(3px);filter:blur(3px);left:-1.4rem;position:absolute;top:.25rem;z-index:0}.die-field .dice-scale .scale.down{-webkit-transform:rotate(180deg);transform:rotate(180deg);z-index:3}.die-field .dice-scale .scale.down:after{content:"";left:-1.5rem;top:-.3rem}.die-field .dice-scale .scale .sign{font-size:2.5rem;font-weight:700;position:absolute}.die-field .dice-scale .scale .sign.plus{left:-.7rem;top:-.8rem;z-index:3}.die-field .dice-scale .scale .sign.minus{left:-.45rem;top:-.75rem;z-index:3}.die-field .dice-scale .dice-amount{font-size:2.5rem;font-weight:700;text-shadow:1px 3px 4px rgba(0,0,0,.25)}.main-header{align-items:center;background:#b77862;border-radius:0 0 15px 15px;box-shadow:0 4px 4px rgba(0,0,0,.25);display:flex;flex-direction:column;flex-wrap:nowrap;height:4rem;justify-content:center;margin-bottom:1rem;width:100%}.main-header .title{-webkit-text-stroke:.5px #b84319;color:#e9e8e8;text-shadow:1px 1px 9px rgba(0,0,0,.25)}.info-field{height:auto}.info-field .info-heading{font-size:1.25rem;font-weight:400;text-align:left;width:90%}.info-field .info-value{background-color:#e9e8e8;border:2px solid #b84319;border-radius:5px;color:#b84319;text-align:center;width:94%}.login-page{display:flex;flex-direction:column;justify-content:center}.login-page a{text-align:center;text-transform:none}.login-page .char-form{padding-bottom:2rem}.login-page .login-error{color:#b84319;padding-top:2rem;text-transform:none}.nav-bar{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;height:5rem;justify-content:space-evenly;margin:0;padding:0;position:relative;width:100%;z-index:1}.nav-bar li{list-style:none}.nav-bar li:last-child{opacity:.7;pointer-events:none}.backdrop{background:linear-gradient(0deg,#e9e8e8 75%,transparent);bottom:-1rem;height:6.5rem;position:absolute;width:100%}.nav-msg{opacity:0;position:absolute}.skip-links{align-items:center;background:#383337;border-radius:0 0 15px 15px;box-shadow:0 4px 4px rgba(0,0,0,.25);display:flex;flex-direction:column;flex-wrap:nowrap;height:auto;justify-content:center;padding:1rem 0;position:absolute;top:-10rem;transition:top .4s ease-in-out;width:14rem}.skip-links a{color:#fff;display:block;font-size:1rem;font-weight:400;text-decoration:none}.skip-links:focus-within{top:0}.nav-link{align-items:center;border-radius:100%;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;position:relative;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.nav-link.medium:hover,.nav-link.small:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.nav-link.small{margin:0 .5rem;min-height:2rem;min-width:2rem}.nav-link.medium{margin:1rem;min-height:3rem;min-width:3rem}.nav-link.large{margin:0 0 1rem;min-height:4.5rem;min-width:4.5rem;transition-delay:.1s}@media(hover:hover)and (pointer:fine){.nav-link.large.large:hover,.nav-link.large.medium:hover,.nav-link.large.small:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.nav-link.large.large:hover{transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}}.nav-link .icon{position:absolute}.nav-link .icon.small{-webkit-transform:scale(.95);transform:scale(.95)}.nav-link .icon.medium{-webkit-transform:scale(.9);transform:scale(.9)}.nav-link .icon.large{opacity:1}.nav-link .orb{border:.35px solid #3f74ab;border-radius:100%;box-shadow:0 4px 4px rgba(0,0,0,.25);mix-blend-mode:overlay;opacity:.7;position:absolute;z-index:-1}.nav-link .orb.small{height:3rem;width:3rem}.nav-link .orb.medium{height:4rem;width:4rem}.nav-link .orb.large{background:#fff;border:initial;height:5rem;opacity:.8;width:5rem}.nav-selected{pointer-events:none}.nav-selected .orb{border:1px solid #b77862}.dice{-webkit-animation:spin 35s infinite normal;animation:spin 35s infinite normal}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.registration-page{font-family:Saira,sans-serif}.registration-page h2,.registration-page p{text-align:center}.registration-page a,.registration-page p{text-transform:none}.registration-page .char-form{padding-bottom:2rem}.inline-error{color:#b84319;display:inline-block;font-family:Saira,sans-serif;text-align:center;width:20rem}.skill-element{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between}.skill-element *{font-size:1rem;font-weight:400}.skill-meter{background-image:linear-gradient(90deg,#fff 20%,#ccc 0,#ccc 40%,#fff 0,#fff 60%,#ccc 0,#ccc 80%,#fff 0,#fff);border:2px solid #b84319;border-radius:5px;height:1.125rem;overflow:hidden;width:12rem;z-index:0}.skill-meter::-webkit-progress-bar{background-color:#fff;color:#b84319;mix-blend-mode:multiply}.skill-meter::-webkit-progress-value{background-color:#b84319;mix-blend-mode:multiply}.skill-meter::-moz-progress-bar{background-color:#b84319;mix-blend-mode:multiply}.skills-sheet{flex-direction:column;height:100%;justify-content:flex-start;position:relative}.skills-sheet,.skills-sheet .skill-headings{align-items:center;display:flex;flex-wrap:nowrap;width:100%}.skills-sheet .skill-headings{background:linear-gradient(180deg,#bbc4ce 80%,transparent);flex-direction:row;justify-content:space-between;padding:0 2.5rem .5rem;position:absolute;z-index:1}@media only screen and (min-width:768px){.skills-sheet .skill-headings{width:60%}}@media only screen and (min-width:1024px){.skills-sheet .skill-headings{width:40%}}.skills-sheet .skill-headings .heading{color:#fff;font-size:2.5rem;font-weight:700}.skills-sheet .skills-container{-ms-overflow-style:none;height:clamp(10%,90vh,100%);margin:1.5rem 0;overflow-x:hidden;overflow-y:auto;padding:2.5rem 1rem 8rem;scrollbar-width:none;width:100%;z-index:0}.skills-sheet .skills-container::-webkit-scrollbar{display:none}@media only screen and (min-width:768px){.skills-sheet .skills-container{width:60%}}@media only screen and (min-width:1024px){.skills-sheet .skills-container{width:40%}}.skill-modal-heading{margin-bottom:10px}
/*# sourceMappingURL=main.e6c19521.css.map*/