@font-face{font-family:Oscine;src:url(/fonts/Oscine.woff2) format("woff2");font-style:normal;font-weight:400;ascent-override:88%;descent-override:22%;line-gap-override:0%}@font-face{font-family:Oscine-Bold;src:url(/fonts/Oscine-Bold.woff2) format("woff2");font-style:normal;font-weight:700;ascent-override:88%;descent-override:22%;line-gap-override:0%}@font-face{font-family:Oscine-Bold-X;src:url(/fonts/Oscine-Bold-X.woff2) format("woff2");font-weight:700;font-style:normal;font-weight:800;ascent-override:88%;descent-override:22%;line-gap-override:0%}@font-face{font-family:Almoni-Bold;src:url(/fonts/Almoni-Bold.OTF) format("truetype");font-weight:700;font-style:normal}*,:after,:before{margin:0;padding:0;box-sizing:border-box}:focus{outline:none}:focus-visible{outline:none}*,.clickable,[role=button],button,img,svg{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}.clickable,[role=button],button,img,svg{-webkit-user-select:none;-moz-user-select:none;user-select:none}body{margin:0;padding:0;color:hsla(0,0%,100%,.87);height:100vh;background-color:#000;font-family:Agency,Arial,Helvetica,sans-serif}#app,body{overflow:hidden}#app{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-image:url(/assets/map/bg/placeholder-bg.webp);background-size:cover;background-position:50%}#game-container,#game-container>canvas{margin:0!important}.spritePosition{margin:10px 0 0 10px;font-size:.8em}.button{width:140px;margin:10px;padding:10px;background-color:#000;color:hsla(0,0%,100%,.87);border:1px solid hsla(0,0%,100%,.87);cursor:pointer;transition:all .3s;&:hover{border:1px solid #0ec3c9;color:#0ec3c9}&:active{background-color:#0ec3c9}&:disabled{cursor:not-allowed;border:1px solid hsla(0,0%,100%,.3);color:hsla(0,0%,100%,.3)}}.countdown-bg{position:absolute;bottom:0;background-color:#000;z-index:1000;align-items:center;flex-direction:column}.countdown-bg,.timer-wrapper{display:flex;justify-content:center}.get-ready-text{font-family:Oscine;font-size:24px;color:#f7ff1a}.blur-bottom{position:absolute;bottom:-5px;left:0;width:100%;height:10px;z-index:1000;box-shadow:0 -3px 10px 5px #000}.get-ready-text{animation:blinker 1s linear infinite}@keyframes blinker{50%{opacity:0}}.dev-config-modal{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:1000;display:flex;justify-content:center;align-items:center}.dev-config-modal__content{position:relative;width:300px;height:400px;background-color:#000;border:1px solid #fff;display:flex;justify-content:flex-start;align-items:center;flex-direction:column;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dev-config-modal__content button{position:absolute;bottom:10px;right:calc(50% - 50px);width:100px;height:30px;background-color:#fff;color:#000;border:1px solid #000;cursor:pointer}.line{justify-content:space-between;flex-direction:row;align-self:stretch;padding:10px;height:30px}.line,.stream{display:flex;align-items:center}.stream{background-color:#000;box-sizing:border-box;height:100%;z-index:200;justify-content:center;flex-direction:column}.stream-placeholder{width:100%;height:87%;object-fit:cover}.stream-placeholder__panel{box-sizing:border-box;width:100%;height:13%;min-height:40px;background-color:#080e12;display:flex;justify-content:space-between;align-items:center;flex-direction:row;padding-left:10px;padding-right:10px}.stream-placeholder__panel img{width:24px;height:24px;object-fit:cover;cursor:pointer}.info-modal{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000;justify-content:center}.info-modal,.info-modal__content{background-color:rgba(0,0,0,.5);display:flex;align-items:center}.info-modal__content{position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;justify-content:flex-start;flex-direction:column;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:80vw;height:80vh;overflow-y:auto;padding:20px;font-family:Oscine}.info-modal__content h1{font-family:Oscine-Bold;margin-bottom:10px}.info-modal__content h2{font-family:Oscine-Bold;margin-bottom:8px;margin-top:8px}.info-modal__content p{font-family:Oscine}.info-modal__content ul{list-style-type:none;padding-left:8px;font-family:Oscine}.info-modal__content strong{font-family:Oscine-Bold}.info-modal__close_cross{position:absolute;top:10px;right:10px;width:24px;height:24px}.info-modal__close_cross img{width:110%;height:110%;object-fit:contain}.info-modal__close_button{width:100px;height:30px;padding:16px;margin-top:8px;background-color:transparent;color:#fff;border:1px solid #fff;border-radius:50px;cursor:pointer;text-align:center;font-family:Oscine-Bold;display:flex;justify-content:center;align-items:center}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}