body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);min-height:100vh;text-align:center}.main-content{display:flex;flex:1 1;width:100%}.character-creation-container{height:100%;width:100%}.left-wallpaper{overflow:hidden}.wallpaper-image{height:100%}.right-grid{align-items:center;background-color:#1e1e1e;display:flex;flex:1 1;justify-content:center;padding:20px}.character-grid{grid-template-columns:repeat(3,1fr);justify-items:center}.character-button{padding:15px}.character-button:hover{box-shadow:0 5px 15px #0000004d;transform:translateY(-5px)}.button img{display:block;height:auto;margin-right:8px;width:24px}.button:hover{filter:brightness(1.2)}.button:active{transform:scale(.95)}.buttonText{color:#fff;font-family:Arial,sans-serif;font-size:14px}@keyframes pulsate{0%{box-shadow:0 0 0 #fff0;transform:scale(1)}50%{box-shadow:0 0 10px #fffc;transform:scale(1.05)}to{box-shadow:0 0 0 #fff0;transform:scale(1)}}.stage-button{align-items:center;background-color:#2c2c2c;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex-direction:column;height:150px;justify-content:center;max-width:200px;padding:5px 5px 15px;text-align:center;transition:transform .2s,box-shadow .2s;width:100%}.stage-button:not(.disabled):hover{box-shadow:0 5px 15px #0000004d;transform:translateY(-5px)}.stage-button.selected{background-color:#444;box-shadow:0 0 10px #fffc,0 0 20px #ffffff80;transform:scale(1.05)}.stage-button.disabled{background-color:#222;cursor:not-allowed;transition:none}.stage-button.disabled:hover{box-shadow:none;transform:none}.stage-button .icon{margin-bottom:10px}.stage-button p{font-size:1rem;font-weight:700;margin:0}.selection-button{background-color:#2c2c2c;border:none;border-radius:10px;color:#fff;cursor:pointer;max-width:200px;padding:5px 5px 15px;text-align:center;transition:transform .2s,box-shadow .2s;width:100%}.selection-button:not(.disabled):hover{box-shadow:0 5px 15px #0000004d;transform:translateY(-5px)}.selection-button.selected{background-color:#444;box-shadow:0 0 10px #fffc,0 0 20px #ffffff80;transform:scale(1.05)}.selection-button.disabled{background-color:#222;cursor:not-allowed;transition:none}.selection-button.disabled:hover{box-shadow:none;transform:none}.selection-button.disabled .icon{filter:grayscale(100%) brightness(50%);opacity:.5}.selection-button.disabled p{color:#666}.selection-button p{font-size:1rem;font-weight:700;margin:0}@media (max-width:1100px){.selection-button{max-width:150px}.icon{max-width:80px}}.link{color:#ffb74d;text-decoration:none;transition:color .2s ease}.link:hover{color:#ffd54f}.glossary-link{background:none;border:none;border-bottom:1px dotted #ffb74d;color:#ffb74d;cursor:pointer;display:inline;font-family:inherit;font-size:1rem;padding:0}.glossary-link:hover{border-bottom:1px dotted #ffd54f;color:#ffd54f}.modal-overlay{align-items:center;background-color:#0009;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:10000}.modal-content{background-color:#2e2e2e;border-radius:10px;box-shadow:0 5px 15px #0000004d;color:#fff;max-width:90%;padding:20px;position:relative;width:500px;z-index:10001}.close-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:1.5rem;position:absolute;right:10px;top:10px}.close-btn:hover{color:#ff4500}.content-wrapper{display:flex;flex-direction:column;width:100%}.content-wrapper-post-selection{color:#fff;display:flex;flex-direction:row;width:100%}.character-heading{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:20px;padding-left:20px;text-align:left}.character-grid{grid-gap:20px;align-items:center;box-sizing:border-box;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(150px,max-content));justify-content:center;padding:20px;width:100%}.character-button{background-color:#2c2c2c;border:none;border-radius:10px;color:#fff;cursor:pointer;max-width:200px;text-align:center;transition:transform .2s,box-shadow .2s;width:100%}.character-button:not(.disabled):hover{box-shadow:0 5px 15px #0000004d;transform:translateY(-5px)}.character-button.highlighted{filter:brightness(1.5);transform:translateY(-3px)}.character-button.highlighted:hover{box-shadow:0 5px 15px #0000004d;filter:brightness(1.5);transform:translateY(-5px)}.character-button.disabled{background-color:#222;cursor:not-allowed;transition:none}.character-button.disabled:hover{box-shadow:none;transform:none}.character-button.disabled .icon{filter:grayscale(100%) brightness(50%);opacity:.5}.character-button.disabled p{color:#666}.icon{margin-bottom:10px;max-width:100px}.character-button p{font-size:1rem;font-weight:700;margin:0}@media (max-width:1100px){.character-button{max-width:150px}.icon{max-width:80px}}.select-species-prompt{align-items:center;display:flex;font-size:1.2em;height:100%;justify-content:center}.animated-arrow{animation:arrow-pulse 1s infinite;margin-left:5px}@keyframes arrow-pulse{0%{transform:translateX(0)}50%{transform:translateX(5px)}to{transform:translateX(0)}}.dice-roller{align-items:center;background-color:#2c2c2c;border-radius:10px;display:flex;height:150px;justify-content:center;position:relative;transition:transform .2s,box-shadow .2s ease-in-out;width:150px}.glowing{box-shadow:0 0 10px #fffc,0 0 20px #ffffff80;cursor:pointer}.final{box-shadow:none;cursor:default}.dice{align-items:center;background-color:#fff;border-radius:5px;box-shadow:0 0 5px #0000004d;display:flex;font-size:20px;height:40px;justify-content:center;position:absolute;transition:all .3s ease;width:40px}.rolling .dice{transform:rotate(1turn);transition:transform .3s ease-in-out}.top-left{left:10px;top:10px}.top-right{right:10px;top:10px}.bottom-left{bottom:10px;left:10px}.bottom-right{bottom:10px;right:10px}.sum{color:#fff;font-size:24px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);white-space:nowrap}.crossed-out{opacity:.5;text-decoration:line-through}.character-creation-container{display:flex;height:calc(100vh - 40px);overflow:hidden;padding-top:40px;width:100vw}.left-wallpaper{flex:1 1;overflow-y:auto;position:relative}.wallpaper-image{height:auto;object-fit:cover;object-position:top;width:100%}.wallpaper-text{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;border-radius:10px;color:#fff;font-size:1rem;font-weight:400;padding:15px;text-align:center}.right-content{align-items:flex-start;background-color:#1e1e1e;display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:20px}@media (max-width:1100px){.left-wallpaper{display:none}.right-content{flex:1 1 100%;overflow-y:auto;padding:10px;width:100%}}body::-webkit-scrollbar,html::-webkit-scrollbar{background-color:#1e1e1e;width:8px}body::-webkit-scrollbar-thumb,html::-webkit-scrollbar-thumb{background-color:#444;border-radius:4px}body::-webkit-scrollbar-thumb:hover,html::-webkit-scrollbar-thumb:hover{background-color:#666}body,html{-ms-overflow-style:-ms-autohiding-scrollbar;scrollbar-color:#444 #1e1e1e;scrollbar-width:thin}.button{background:none;border:none;cursor:pointer;font-family:Arial,sans-serif;font-size:14px;outline:none;padding:0;transition:transform .1s ease-in-out,filter .2s ease-in-out}.NotFound,.button{align-items:center;color:#fff;display:flex;justify-content:center}.NotFound{flex-direction:column;font-size:calc(10px + 2vmin);min-height:100vh;text-align:center}.topBar{align-items:center;background-color:#1e1e1e;box-shadow:0 2px 4px #0003;color:#fff;display:flex;height:37px;justify-content:space-between;padding-bottom:3px;position:absolute;width:100vw}.topBar-left{flex:1 1;padding-left:10px}.topBar-center{display:flex;flex:2 1;justify-content:center}.topBar-right{align-items:center;display:flex;flex:1 1;justify-content:flex-end;padding-right:10px}.appName{font-size:1.5rem;font-weight:700}.topBar-link{color:#fff;font-size:1rem;text-decoration:none;transition:color .3s ease}.topBar-link:hover{color:#f0a500}.userName{font-size:1rem;font-weight:400;margin-right:0}.logoutIcon{cursor:pointer;height:20px;transition:opacity .3s ease,transform .3s ease;width:20px}.logoutIcon:hover{opacity:.7;transform:scale(1.1)}.loading-text{display:inline-block;-webkit-user-select:none;user-select:none}.loading-text:after{animation:dots 3s steps(3) infinite;content:"";right:0}@keyframes dots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}
/*# sourceMappingURL=main.fdfcce04.css.map*/