@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Cinzel,Georgia,Times New Roman,serif;cursor:default}body{overflow-x:hidden;color:#000;background-color:#f1e5d1}body h1,body h2,body h3{color:maroon}body canvas{display:block}.home-page .main{margin-bottom:2rem}.home-page .main .scroll-body{padding:2rem 3rem;display:flex;flex-direction:column;align-items:center}.home-page .main .scroll-body h1{font-size:5rem}.home-page .main .scroll-body h2{font-size:2rem}.home-page .main .scroll-body .links{display:flex;justify-content:space-evenly}.home-page .main .scroll-body .links .scroll-container{width:45%}.home-page .main .scroll-body .links .scroll-container h3{font-size:1.5rem}.home-page .main .scroll-body .links .scroll-container p{margin:1rem 0}.home-page .main .scroll-body .links .scroll-container button{width:100%;background-color:maroon;font-size:1rem;font-weight:700}.home-page .coming-soon{margin-bottom:2rem}.home-page .coming-soon .scroll-body{padding:2rem 3rem}main{width:100vw;min-height:100vh;background-repeat:no-repeat;background-size:cover;background-position:top center;display:flex;flex-direction:column}.header{position:fixed;z-index:2;top:0;width:100vw;height:50px;padding:0 9.5rem;background-color:#333;display:flex;justify-content:space-between;align-items:center;transition:transform .3s ease-in-out}.header.hide-header{transform:translateY(-100%)}button{padding:.6em 1.2rem;border:none;border-radius:.5rem;background-color:#1c1c1c;color:#e7d1b1;cursor:pointer}.drop-down-label{position:relative;padding:.6rem 1.2rem;border-radius:.5rem;background-color:#1c1c1c;color:#e7d1b1;cursor:pointer;transition:all .3s ease}.drop-down-label:hover{background-color:#333}.drop-down-label .drop-down-list{position:absolute;z-index:1;display:none}.drop-down-label .drop-down-list.drop-down-position-top{bottom:100%}.drop-down-label .drop-down-list.drop-down-position-right{left:100%}.drop-down-label .drop-down-list.drop-down-position-bottom{top:100%}.drop-down-label .drop-down-list.drop-down-position-left{right:100%}.drop-down-label .drop-down-list.drop-down-align-top{top:0}.drop-down-label .drop-down-list.drop-down-align-right{right:0}.drop-down-label .drop-down-list.drop-down-align-bottom{bottom:0}.drop-down-label .drop-down-list.drop-down-align-left{left:0}.drop-down-label .drop-down-list.drop-down-column{flex-direction:column}.drop-down-label.drop-down-open.drop-down-top{border-radius:0 0 .5rem .5rem}.drop-down-label.drop-down-open.drop-down-right{border-radius:.5rem 0 0 .5rem}.drop-down-label.drop-down-open.drop-down-bottom{border-radius:.5rem .5rem 0 0}.drop-down-label.drop-down-open.drop-down-left{border-radius:0 .5rem .5rem 0}.drop-down-label.drop-down-open .drop-down-list{display:flex}.left-nav{display:flex;height:100%}.left-nav .left-nav-hamburger{height:50px;aspect-ratio:1/1;background-color:transparent;display:flex;justify-content:center;align-items:center}.left-nav .left-nav-hamburger :last-child{border-radius:0 0 .5rem .5rem}.left-nav .nav-button{border-radius:0;background-color:#333;transition:background-color .2s ease-in-out}.left-nav .nav-button:hover{background-color:#555;color:#f1e5d1}.right-nav{display:flex;height:100%}.right-nav .nav-button{border-radius:0;background-color:#333;transition:background-color .2s ease-in-out}.right-nav .nav-button:hover{background-color:#555;color:#f1e5d1}.right-nav .nav-button:hover .profile-button{background-color:#555}.right-nav .nav-button .profile-button{background-color:#333;transition:background-color .2s ease-in-out}.right-nav .nav-button .nav-button{width:100%}.scroll-container{display:flex;flex-direction:column;align-items:center}.scroll-container .scroll-bar{width:100%;height:.5rem;border:1px solid #000;background-color:#c28b3b}.scroll-container .bottom-bar{box-shadow:inset 0 -.2rem .2rem -.125rem #00000080}.scroll-container .scroll-body{width:calc(100% - min(.3rem,4%));padding:.6rem 1.2rem;background-color:#e7d6a2;box-shadow:-.2px 0 .5rem #00000080,.2rem 0 .5rem #00000080;justify-content:space-between}.line-break{width:100%;max-width:100%;background-color:maroon;border:none}.signup-page{padding:3rem;border-radius:1rem;background-color:#333;display:flex;flex-direction:column;align-items:center}.signup-page .signup-header{color:#f1e5d1;text-align:center}.signup-page .signup-form{width:100%}.signup-form{width:100%;display:flex;flex-direction:column}.signup-form .text-input-container .text-input-label{color:maroon}.signup-form .text-input-container .text-input-label.text-input-label-float-above{color:#e7d6a2}.signup-form .text-input-container .text-input-errors{color:#ffb84d}.signup-form .form-submit{margin-top:.5rem}.text-input-container{position:relative;width:100%;margin:1rem 0;display:flex;flex-direction:column}.text-input-container .text-input-label{position:absolute;width:90%;margin-left:min(2rem,10%);color:#e7d1b1;transition:all .3s ease-in-out;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-input-container .text-input-label.text-input-label-float-above{top:0;margin-left:min(2.2rem,10%);color:maroon;font-size:.8rem;transform:translateY(-100%)}.text-input-container .text-input-label.text-input-label-hidden{display:none}.text-input-container .text-input-label.text-input-label-inline{top:50%;transform:translateY(-50%)}.text-input-container .text-input{height:100%;padding:.2rem min(1rem,10%);border:1px solid #5E2129;border-radius:.5rem;transition:border-color .2s ease-in-out;outline:none}.text-input-container .text-input:focus{border:1px solid #C28B3B}.text-input-container .text-input-errors{position:absolute;bottom:0;max-width:100%;padding:0 min(2.2rem,10%);color:#c30303;font-size:.8rem;transform:translateY(100%);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.form-submit{background-color:#5e2129;color:maroon;font-weight:700;transition:all .2s ease-in-out;cursor:default}.form-submit:not(:disabled){background-color:maroon;color:#f1e5d1;cursor:pointer}.form-submit:not(:disabled):hover{background-color:#c30303;transform:scale(1.02)}.form-submit:not(:disabled):active{background-color:#5e0000;transform:scale(1)}.monster-filters-container{margin-bottom:3rem}.monster-filters-container .scroll-body{background-color:#e7d6a2e0}.monster-filters{width:100%;padding:1rem 0;display:grid;grid-template-columns:3fr 3fr 2fr 3fr;gap:1rem}.monster-filters .column-container{display:flex;flex-direction:column;gap:1rem}.monster-filters .column-container .text-input-container{height:2.5rem}.monster-filters .column-container .scrolling-container .scrolling-list .scrolling-item button{border:1px solid #1C1C1C;background-color:#f1e5d1;color:#1c1c1c}.monster-filters .column-container .slider-container{height:2.5rem}.monster-filters .column-container .advanced-filters-button{height:2.5rem;border:1px solid #C28B3B;background-color:maroon;color:#f1e5d1;font-size:1rem;font-weight:700;transition:all .3s ease}.monster-filters .column-container .advanced-filters-button:hover{background-color:#c30303;transform:scale(1.03)}.monster-filters .column-container .advanced-filters-button:active{background-color:#5e0000;transform:scale(1)}.monsters-scroll{margin-bottom:2rem}.monsters-scroll .scroll-body{background-color:#f1e5d1e0}.searchable-table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0 10px;text-align:center}.searchable-table th{color:maroon}.searchable-table th .table-header-wrapper{height:2rem;display:flex;justify-content:center;align-items:center}.searchable-table th .table-header-wrapper .sort-by-button{height:2rem;margin-top:-.3rem;margin-left:.3rem;padding:0;background:none;color:maroon}.searchable-table th .table-header-wrapper .sort-by-button div{height:.75rem;cursor:pointer}.searchable-table th .table-header-wrapper .sort-by-button div.sort-by-arrow-dim{color:#e7d6a2}.searchable-table tbody tr{background-color:#f1e5d1;box-shadow:0 .25rem .7rem #00000026,inset 0 0 .125rem #0003;transition:box-shadow .3s ease,background-color .5s ease;overflow-x:scroll}.searchable-table tbody tr:hover{background-color:#e7d1b1;box-shadow:0 .125rem .25rem #00000026,inset 0 0 1rem #0003}.searchable-table tbody tr td{height:3rem;padding:.6rem 1rem;border-top:1px solid rgba(0,0,0,.1450980392);border-bottom:1px solid rgba(0,0,0,.1450980392);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.searchable-table tbody tr td:first-child{border-left:1px solid rgba(0,0,0,.1450980392)}.searchable-table tbody tr td:last-child{border-right:1px solid rgba(0,0,0,.1450980392)}.search-bar{width:100%;height:2.5rem;padding:.6rem 1.2rem;border:1px solid #5E2129;border-radius:.5rem;background-color:#f1e5d1;color:#5e2129;font-weight:700;outline:none;transition:border-color .2s ease-in-out}.search-bar:focus{border-color:#c28b3b}.scrolling-container{max-height:15rem;padding:.6rem 1.2rem;border:1px solid #C28B3B;border-radius:.5rem;background-color:#e7d6a2;overflow-y:auto}.scrolling-container .scrolling-list{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem}.scrolling-container .scrolling-list .empty-item{color:#c28b3b}.searchable-drop-down-label.drop-down-label{padding:0;background:none}.searchable-drop-down-label.drop-down-label .text-input-container{margin:0}.searchable-drop-down-label.drop-down-label .text-input-container .text-input{transition:all .3s ease-in-out}.searchable-drop-down-label.drop-down-label .drop-down-list{width:100%;border:1px solid #C28B3B;border-top:0;border-radius:0 0 1rem 1rem;box-shadow:.25rem .25rem .5rem #0000004d}.searchable-drop-down-label.drop-down-label .drop-down-list .drop-down-option{padding:.2rem 1rem;border-radius:0;background-color:#e7d6a2;color:maroon}.searchable-drop-down-label.drop-down-label .drop-down-list .drop-down-option.drop-down-focused{background-color:maroon;color:#f1e5d1}.searchable-drop-down-label.drop-down-label .drop-down-list .drop-down-option.drop-down-selected{background-color:#555;color:#f1e5d1}.searchable-drop-down-label.drop-down-label .drop-down-list .drop-down-option.drop-down-selected.drop-down-focused{background-color:#5e2129}.searchable-drop-down-label.drop-down-label .drop-down-list .drop-down-option:hover{background-color:#9ec5db}.searchable-drop-down-label.drop-down-label .drop-down-list :last-child{border-radius:0 0 1rem 1rem}.searchable-drop-down-label.drop-down-label.drop-down-open.drop-down-top .text-input-container .text-input{border-radius:0 0 .5rem .5rem}.searchable-drop-down-label.drop-down-label.drop-down-open.drop-down-right .text-input-container .text-input{border-radius:.5rem 0 0 .5rem}.searchable-drop-down-label.drop-down-label.drop-down-open.drop-down-bottom .text-input-container .text-input{border-radius:.5rem .5rem 0 0}.searchable-drop-down-label.drop-down-label.drop-down-open.drop-down-left .text-input-container .text-input{border-radius:0 .5rem .5rem 0}.slider-container{position:relative;width:100%;height:2rem;padding:1rem 0}.slider-container .slider-track{position:absolute;top:50%;width:100%;height:.25rem;background-color:#e7d1b1;transform:translateY(-50%)}.slider-container .slider-track .slider-range{position:absolute;height:100%;background-color:maroon}.slider-container .slider-thumb{position:absolute;top:50%;aspect-ratio:1/1;background-color:maroon;border-radius:50%;cursor:pointer}.slider-container .slider-thumb.left-thumb{transform:translateY(-50%) translate(-50%)}.slider-container .slider-thumb.left-thumb.display-none{display:none}.slider-container .slider-thumb.right-thumb{transform:translateY(-50%) translate(50%)}.login-page{padding:3rem;border-radius:1rem;background-color:#333;display:flex;flex-direction:column;align-items:center}.login-page .login-header{color:#f1e5d1;text-align:center}.login-page .login-form{width:100%}.login-form{width:100%;display:flex;flex-direction:column}.login-form .text-input-container .text-input-label{color:maroon}.login-form .text-input-container .text-input-label.text-input-label-float-above{color:#e7d6a2}.login-form .text-input-container .text-input-errors{color:#ffb84d}.login-form .form-submit{margin-top:.5rem}.scroll-container.monster-statblock{width:100%}.scroll-container.monster-statblock .scroll-body{display:block;column-count:2}.scroll-container.monster-statblock .scroll-body .first-column{break-inside:avoid}.scroll-container.monster-statblock .scroll-body .stat-wrapper{padding:0 .25rem;border-radius:.25rem;color:maroon}.scroll-container.monster-statblock .scroll-body .inline-stat{display:inline-block}.scroll-container.monster-statblock .scroll-body .stat-title{margin-right:.5rem;color:maroon;font-weight:700}.scroll-container.monster-statblock .scroll-body .tooltip-content-wrapper{padding:0 .25rem;border-radius:.25rem;color:maroon}.scroll-container.monster-statblock .scroll-body .tooltip{color:#f1e5d1}.monster-statblock .statblock-name{font-size:3rem;text-transform:capitalize}.monster-statblock .statblock-subheader{color:#000;font-weight:400;font-style:italic}.tooltip-container{position:relative}.tooltip-container .tooltip-content-wrapper{transition:box-shadow .5s ease}.tooltip-container .tooltip-tail{position:absolute;border-width:.5rem;border-style:solid;border-color:transparent;opacity:90%;visibility:hidden;z-index:1}.tooltip-container .tooltip-tail.tooltip-position-top{bottom:calc(100% - .5rem);border-top-color:#333}.tooltip-container .tooltip-tail.tooltip-position-right{left:calc(100% - .5rem);border-right-color:#333}.tooltip-container .tooltip-tail.tooltip-position-bottom{top:calc(100% - .5rem);border-bottom-color:#333}.tooltip-container .tooltip-tail.tooltip-position-left{right:calc(100% - .5rem);border-left-color:#333}.tooltip-container .tooltip{position:absolute;max-width:100%;padding:.6rem 1.2rem;border-radius:.5rem;background-color:#333;opacity:90%;visibility:hidden;z-index:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tooltip-container .tooltip:hover{max-width:max-content}.tooltip-container .tooltip.tooltip-position-top{bottom:calc(100% + .5rem)}.tooltip-container .tooltip.tooltip-position-right{left:calc(100% + .5rem)}.tooltip-container .tooltip.tooltip-position-bottom{top:calc(100% + .5rem)}.tooltip-container .tooltip.tooltip-position-left{right:calc(100% + .5rem)}.tooltip-container:hover .tooltip-content-wrapper{box-shadow:0 0 10px #80000080}.tooltip-container:hover .tooltip-tail,.tooltip-container:hover .tooltip{visibility:visible}:export{backgroundPrimary:#1C1C1C;backgroundSecondary:#333333;backgroundParagraph:#F1E5D1;backgroundParchment:#E7D6A2;backgroundReset:#FFB84D;backgroundHover:#C28B3B;textDefault:#000000;textButtons:#E7D1B1;textLabel:#800000;textSelect:#5E2129}:export{desktop:1800px;laptop:1200px;tablet:900px;mobile:600px}.ability-scores-wrapper{color:maroon;display:flex;justify-content:space-evenly}.ability-scores-wrapper .ability-scores-column{display:flex;flex-direction:column;align-items:center}