body{text-align:center;background:#222;font-family:sans-serif}@keyframes lds-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lds-ring{box-sizing:border-box;width:80px;height:80px;display:inline-block;position:relative}.lds-ring div{box-sizing:border-box;border:8px solid #0000;border-top-color:#cef;border-radius:50%;width:64px;height:64px;margin:8px;animation:1.2s cubic-bezier(.5,0,.5,1) infinite lds-ring;display:block;position:absolute}.lds-ring div:first-child{animation-delay:-.45s}.lds-ring div:nth-child(2){animation-delay:-.3s}.lds-ring div:nth-child(3){animation-delay:-.15s}.fade-overlay{pointer-events:none;z-index:1000;background:linear-gradient(#2220 95%,#222),linear-gradient(#222,#2220 5%);width:100%;height:800px;margin:8px 0;position:absolute;top:0;left:0}.navbar{background-color:#436fae;padding:.5rem 1rem}.navbar .navbar-container{align-items:center;display:flex}.navbar .navbar-brand{color:#343a40;align-items:center;text-decoration:none;display:flex}.navbar .navbar-brand:hover{color:#0d6efd}.navbar .navbar-brand .logo{height:40px;margin-right:.75rem}.navbar .navbar-brand .site-title{color:#fff;font-family:VT323,monospace;font-size:1.75rem;font-weight:500}.app{height:100vh;display:flex}.container{box-sizing:border-box;flex-direction:column;height:100vh;display:flex}#left{flex-direction:column;flex:1;height:100vw;display:flex;overflow:hidden}#right{flex-direction:column;width:30vw;height:100%}.sidebar{background-color:#f5f5f5;height:90vh;font-family:"sans-serif"}.statblock{background-color:#dfdfdf;width:25rem;margin:auto;padding:5px;font-family:VT323,monospace;font-size:1.5rem;font-weight:500;position:absolute;top:2rem;right:2rem}.map-container{width:100%;overflow:hidden}.infobox:hover{opacity:.9;transition:all .1s ease-in}.infobox{opacity:.4;z-index:1000;transition:all .1s ease-out;display:block;position:relative}@media (max-width:768px){.container{flex-direction:column}.app{flex-direction:column;width:100vw}.infobox{width:100vw}.statblock{width:100%;position:static}.statblock h3,body{margin:0}#left{flex:3;height:80vh}#right{background-color:#222;flex:1;height:30vh}#left,#right{flex-direction:column;width:100vw}}