:root{font-family:Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#aba9a9;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;place-items:center}html,body{height:100%}.canvas-container{overflow-y:hidden!important}.error-page{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100vw;background-color:#131312}.error-page>h3{margin:0}.category-bar{display:flex;width:100%;white-space:nowrap;background-color:#2a2a28}.category-bar-container{margin-left:auto;margin-right:auto;overflow-x:auto;scrollbar-color:var(--ui-yellow) #4C4C49}.category-tab{flex:0 0 auto;display:inline-block;padding:.5rem;width:5rem;text-decoration:none;aspect-ratio:1 / 1;background-color:#2a2a28;border-style:none}.category-tab.active{background-color:#131312}.category-tab.export{background-color:#685c4a}.category-tab.export:hover{background-color:#877151!important}.category-tab:not(.category-tab.active):hover{background-color:#63635f}.category-tab-icon{max-width:100%;max-height:100%}.shimmer-overlay{height:100%;width:100%;background-image:linear-gradient(110deg,#0000 45%,#bbbbbb59 50% 60%,#0000 65%);background-size:200%;background-position-x:-50%;animation:shimmer 1s infinite linear}.btn-thumbnail{object-fit:fill;aspect-ratio:1 / 1;display:block;width:100%;height:100%}@keyframes shimmer{to{background-position-x:-245%}}.editor-panel{background:#131312;height:100%;flex:1 1 auto;overflow-y:auto;scrollbar-color:var(--ui-yellow) #4C4C49;z-index:1;border-top:3px solid #090A0A}.editor-section{margin-top:.5rem}.editor-section-container,.scroll-area{overflow-y:auto}@media (min-width: 820px){.editor-section{margin:auto;max-width:60%}}#root{text-align:center;display:flex;width:100%;height:100%;flex-direction:row;--ui-yellow: #C3A656;--ui-yellow-checkbox: #E7C767}.play-area{display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden}.character-sheet-wrapper{display:flex;justify-content:center}.character-sheet-viewer{display:flex;max-width:fit-content;align-items:flex-start;border-width:0px 1.5px;border-color:#00000052;border-style:solid;overflow-x:auto;scrollbar-color:#FAFAFB #4C4C49;scroll-snap-type:x mandatory}.sr-label{display:none}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999}.spinner{width:7rem;aspect-ratio:1/1;border:6px solid #cccccc00;border-top:6px solid var(--ui-yellow);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal{z-index:3;width:300px;bottom:37%;background-color:#131312;border:2px solid #685c4a}.modal-close-btn{border:none;background-color:var(--ui-yellow-checkbox);width:100%;height:2rem;color:#000}.modal::backdrop{background-color:#000000e6}