.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}.App-header{background-color:#282c34;opacity:.5;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center}.modal-content{background:gray;color:#f5f5f5;padding:20px;border-radius:5px;position:relative;width:80%;max-width:500px}.modal-buttons{flex-flow:row-reverse nowrap}.app-container{height:calc(100vh - 70px)}.nav-bar-container{height:70px}.app-content{height:calc(100vh - 70px)}.bgcover{-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.landing-background{width:100%;height:100%}.landing-page{display:flex;flex-direction:column;align-items:center;justify-content:space-around;width:100vw}.landing-header{flex:5 1;display:flex;flex-direction:column;align-items:center;justify-content:center}.landing-splash-logo{width:33vw;opacity:.5}.landing-form-container{background-color:#d2691e;opacity:.6;border-radius:25px;padding:2rem}.landing-form{display:flex;flex-direction:column;align-items:center;justify-content:center}.landing-form label{font-size:1.125rem;text-align:left;margin:5px;width:100%;color:#fff}.landing-form input{width:90%;margin:5px;height:1.25rem}.landing-form button{margin-top:1rem}.landing-page-flavor-text{font-size:1.5rem;font-weight:700;color:#fff;text-shadow:2px 2px 2px black;padding:10px;margin:10px}.landing-nav-link-container{display:flex;flex-direction:row;justify-content:space-evenly;width:200px}.nav-link{opacity:.7;width:100%;padding:.5rem;height:30px;border-radius:25px;font-size:1.125rem;font-weight:700;border:none;display:flex;justify-content:space-around;align-content:center}.nav-link:hover{opacity:1;color:#fff}.login-button{background-color:coral;color:#fff}.signup-button{background-color:maroon;color:#fff}.error-container{padding:10px;width:90vw;max-height:80vh}.error-container p{background-color:#1a1a1a;color:#b22222}.nav-bar{position:fixed;top:0;display:block;width:100%;height:70px;background-color:#8b4513}.hamburger-container{width:50px;height:50px;padding:10px}.hamburger-lines{height:100%;display:flex;flex-direction:column;justify-content:space-around}.hamburger-lines .line{display:block;height:4px;width:100%;border-radius:10px;background:#333}.app-menu{position:fixed;top:70px;width:fit-content;height:auto;background-color:#fff8dc;transition:width .3s ease-in-out}.app-menu-overlay{position:fixed;top:70px;width:100vw;height:100vh;background-color:#000000b3;transition:width .3s ease-in-out}.app-menu-overlay .hidden{display:none}.menu-collapsed{width:0;height:0;overflow:hidden;transition:width .3s ease-in-out}.app-menu ul{margin-block-start:0;margin-block-end:0;margin-inline-start:0;margin-inline-end:0;padding-inline-start:0}.app-menu li{margin:10px;list-style:none}.app-menu-option{display:flex;flex-direction:row;justify-content:flex-start;white-space:nowrap}.app-menu-option a{height:3rem;font-size:2rem;color:peru;transition:color .3s ease-in-out}.app-menu-option a:hover{cursor:pointer;font-size:2.2rem;color:#6495ed;transition:color .3s ease-in-out,font-size .3s ease-in-out}.app-menu-option-name{flex-grow:7;color:#444;font-size:3rem;font-weight:500}.app-menu-option-icon{flex-grow:2}.spinner-container{display:flex;justify-content:center;align-items:center}.spinner{width:100px;height:100px;margin:10px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.character-selection{display:flex;flex-direction:column;align-items:flex-start;background-image:url(./backgrounds/landing0.jpg);background-size:cover;background-repeat:no-repeat;background-position:center;width:100%;height:calc(100vh - 70px)}.character-selection h1{margin:10px;font-size:1.68rem;font-size-adjust:inherit}.character-card-container{display:flex;flex-direction:row;flex-wrap:wrap}.character-card-container a{width:300px;height:500px}.character-card{display:flex;flex-direction:column;min-width:150px;max-width:250px;min-height:200px;max-height:600px;margin:10px;padding:10px;border:1px solid black;background-color:#fff8dc}.character-card-title{display:flex;flex-direction:column}.character-card-title h2,.character-card-title h3{margin:0;padding:0}.character-card-content{display:flex;flex-direction:row;justify-content:space-around}.character-card:hover{cursor:pointer;-webkit-box-shadow:0px 0px 15px 0px rgba(0,0,0,.75);-moz-box-shadow:0px 0px 15px 0px rgba(0,0,0,.75);box-shadow:0 0 15px #000000bf}.character-card-portrait-container img{width:100%;height:auto}.character-card-stat-block{display:flex;flex-direction:column;justify-content:space-between;margin-left:5px;margin-bottom:10px}.character-sheet{display:flex;flex-direction:column;height:100%;width:100%}.character-sheet-header{display:flex;flex-direction:row;justify-content:space-around;align-items:center;background-color:#1e1e1e}.character-sheet-header h1{height:50px;padding:5px;margin:5px}.character-name{font-size:1.3rem;font-weight:500}.character-playbook{font-size:1rem;font-weight:400}.character-stats-container h3{margin:0}.character-sheet-cards-container{display:flex;width:100vw;flex-direction:row;overflow-x:scroll}.character-gear-card{min-width:170px;max-width:200px;height:10rem;display:flex;flex-direction:column;justify-content:space-between;padding:10px;margin:10px}.gear-item{background-color:#fff8dc;color:#333}.gear-armor{background-color:#6495ed}.gear-weapon{background-color:#b22222}.character-gear-card h4{margin:0;padding:0;font-size:1.2rem;font-weight:700}.card-action-area{display:flex;flex-direction:row;align-self:flex-end;justify-content:space-between;align-items:center;width:100%}.pie{overflow:hidden;position:relative;margin:1em auto;padding:0;width:6em;height:6em;border-radius:50%;list-style:none;border:2px solid black}.slice{overflow:hidden;position:absolute;top:0;right:0;width:50%;height:50%;transform-origin:0% 100%;border:1px solid black}.slice-contents{position:absolute;left:-100%;width:200%;height:200%;border-radius:50%;background:whitesmoke}.filled{background:crimson}.slice:nth-child(1){transform:rotate(0)}.slice:nth-child(2){transform:rotate(90deg)}.slice:nth-child(3){transform:rotate(180deg)}.slice:nth-child(4){transform:rotate(270deg) skewY(-15deg)}.slice:nth-child(5){transform:rotate(300deg) skewY(-15deg)}.slice:nth-child(6){transform:rotate(330deg) skewY(-15deg)}.slice:hover .slice-contents{background:violet}.move-cards-container{display:flex;flex-direction:row;height:700px;scroll-snap-type:x mandatory;width:100%;overflow-x:scroll}.character-move-card{margin:10px;display:grid;grid-template-rows:40px 300px 300px 40px;grid-template-columns:10px 300px 10px;grid-template-areas:". header ." ". image  ." ". text   ." ". action .";scroll-snap-align:center;background-color:#0e0e0e;border-radius:3%}.character-move-card img{grid-area:image;width:300px;object-fit:contain}.move-card-title{grid-area:header}.move-card-title h3{margin:0;padding:0;font-size:1.2rem;font-weight:700}.move-card-text-area{grid-area:text;max-height:300px;overflow-y:scroll;padding:10px;font-size:1rem;color:#f3f3f3;background-color:#2e2e2e}.move-card-text-area ul{margin:5px;padding:0;list-style-position:inside}.hold-move-table td{text-align:center;vertical-align:middle}.roll-move-table .cell-as-header{font-weight:700;width:15%}.move-card-action-area{grid-area:action;display:flex;flex-direction:row;align-self:flex-end;justify-content:space-between;align-items:center;width:100%}.character-move-card-roll-button{max-width:100%}.character-sheet-vitals-grid{display:grid;min-height:450px;max-height:80vh;grid-template-columns:10fr 2fr;grid-template-rows:1fr;grid-template-areas:"p vc"}.character-sheet-vitals-column{grid-area:vc;display:flex;flex-direction:column;align-items:center}.character-sheet-vitals-column h2{font-weight:700;font-size:1.5rem;padding:0;color:#8b4513;margin:5px 10px 0 5px}.character-stats-container{display:flex;flex-direction:column;align-items:center}.character-statblock-container{grid-area:s;display:flex;flex-direction:column;justify-content:space-between}.character-statum-container{display:flex;flex-direction:column}.character-highlighted-stat{color:gold}.character-stat-value{font-size:1.6rem;font-weight:500}.character-stat-label{font-size:.8rem;font-weight:500;margin-top:-10px}.character-portrait-container{display:flex;flex-direction:column;grid-area:p;overflow:hidden;padding:0 10px}.character-portrait-container img{object-fit:contain}.character-looks{font-style:italic;font-size:.8rem;text-align:center}.toast-container{display:flex;flex-direction:column;align-items:flex-end}.toast-error{background-color:#8b0000;color:#fff}.toast-success{background-color:#6495ed;color:#fff8dc}.toast-warning{background-color:#f08080;color:#ff4500}.toast-info{background-color:#8b4513;color:#fff8dc}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#3e3e3e;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1e1e1e;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.fullpage{height:100vh;width:100vw;margin:0;padding:0}.flex-centered{display:flex;place-items:center;place-content:center}.hidden{visibility:hidden}