body,html{-webkit-tap-highlight-color:transparent}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}div{box-sizing:border-box}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.background{color:#fff;height:100vh;overflow:hidden;position:relative;width:100%}.background.gradient{background-image:linear-gradient(0deg,#1e272e,#284450,#485460)}.background.mono{background:#000}.game-field{background:linear-gradient(-90deg,hsla(0,0%,100%,.05) 1px,transparent 0),linear-gradient(hsla(0,0%,100%,.05) 1px,transparent 0),linear-gradient(-90deg,hsla(0,0%,100%,.04) 1px,transparent 0),linear-gradient(hsla(0,0%,100%,.04) 1px,transparent 0),linear-gradient(transparent 3px,#24243e 0,#24243e 78px,transparent 0),linear-gradient(-90deg,#302b63 1px,transparent 0),linear-gradient(-90deg,transparent 3px,#24243e 0,#24243e 78px,transparent 0),linear-gradient(#302b63 1px,transparent 0),#24243e;background-size:4px 4px,4px 4px,80px 80px,80px 80px,80px 80px,80px 80px,80px 80px,80px 80px;display:block;left:50%;overflow:hidden;position:relative;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.game-field .shadow{bottom:-50px;display:block;position:absolute;top:-50px;width:100%;z-index:2}.game-field-ui{height:0;position:absolute;width:0;z-index:2}.game-field-ui .exit-btn{border-radius:4px;cursor:pointer;height:36px;padding:6px;position:fixed;right:8px;top:8px;width:36px}.game-field-ui .exit-btn:hover{background:hsla(0,0%,100%,.1)}.game-field-wrap{height:100%;position:relative;width:100%;z-index:1}.game-field-wrap.pointer{cursor:pointer}.plank{background:#ecf0f1;border:2px solid #ecf0f1;position:absolute;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.plank.danger{background:repeating-linear-gradient(45deg,#ecf0f1,#ecf0f1 10px,#ff7f1f 0,#ff7f1f 15px)}.plank.more-danger{background:repeating-linear-gradient(45deg,#850606,#850606 10px,#ff7f1f 0,#ff7f1f 15px)}.plank.broken{background:rgba(133,6,6,.3);border:2px solid rgba(133,6,6,.5)}.plank.is-hit{border-color:#bdbfc2}.projectile-position{overflow:visible;position:absolute;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%);z-index:3}.projectile{height:100%;width:100%}.camera-move{overflow:visible;position:absolute;width:100%;z-index:1}.camera-move .floor{background:#ecf0f1;bottom:-10px;box-sizing:border-box;height:10px;left:-2px;position:absolute;right:-2px}.impact{background:radial-gradient(#ffdb54 0,#f33500 50%,#000 100%);border-radius:100%;position:absolute;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.impact.infront{z-index:5}.impact.behind{z-index:0}input{-webkit-appearance:none;background:rgba(52,152,219,.3);border:none;color:#fff;font-size:13pt;height:36px;padding-left:8px;padding-right:8px}input:before{border:1px solid rgba(52,152,219,.8);border-radius:2px;content:"";inset:2px;position:absolute}button{all:unset;background:rgba(52,152,219,.5);border-radius:4px;cursor:pointer;height:48px;position:relative;text-align:center;text-transform:uppercase;width:196px}button:before{border:1px solid rgba(52,152,219,.8);border-radius:2px;content:"";inset:2px;position:absolute}button:hover{background:rgba(52,152,219,.6)}button:disabled{background:hsla(0,0%,56%,.5);cursor:default}button:disabled:before{border:1px solid hsla(0,0%,56%,.5);cursor:default}.lds-ripple{display:inline-block;height:80px;position:relative;width:80px}.lds-ripple div{-webkit-animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite;animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite;border:4px solid #fff;border-radius:50%;opacity:1;position:absolute}.lds-ripple div:nth-child(2){-webkit-animation-delay:-.5s;animation-delay:-.5s}@-webkit-keyframes lds-ripple{0%{height:0;left:36px;opacity:0;top:36px;width:0}4.9%{height:0;left:36px;opacity:0;top:36px;width:0}5%{height:0;left:36px;opacity:1;top:36px;width:0}to{height:72px;left:0;opacity:0;top:0;width:72px}}@keyframes lds-ripple{0%{height:0;left:36px;opacity:0;top:36px;width:0}4.9%{height:0;left:36px;opacity:0;top:36px;width:0}5%{height:0;left:36px;opacity:1;top:36px;width:0}to{height:72px;left:0;opacity:0;top:0;width:72px}}.projectile .bullet-nose{background:#485460;border-radius:100%;height:150%;position:absolute;top:-25%;width:100%}.projectile .bullet-tail{background:#808e9b;height:110%;position:absolute;top:50%;width:100%}.projectile .bullet-tail .top-line{background:#cfcfcf;height:10%;position:absolute;top:10%;width:100%}.projectile .bullet-tail .bottom-line{background:#cfcfcf;bottom:20%;height:10%;position:absolute;width:100%}.projectile.active .bullet-nose{background:#485460}.projectile.active .bullet-tail{background:#808e9b}.projectile.active .bullet-tail .bottom-line,.projectile.active .bullet-tail .top-line{background:#05c46b}.scoreboard{font-size:13pt;margin:8px auto;text-align:center;-webkit-user-select:none;-ms-user-select:none;user-select:none}.user-tab-wrap-flex{align-items:stretch;display:flex;flex-direction:row}.user-tab-wrap-flex .user-tab{flex-grow:0;flex-shrink:0}.user-tab-wrap-flex .content-mount{flex-grow:1;flex-shrink:1}@-webkit-keyframes slideIn{0%{left:-100%}to{-webkit-animation-play-state:paused;animation-play-state:paused;left:0}}@keyframes slideIn{0%{left:-100%}to{-webkit-animation-play-state:paused;animation-play-state:paused;left:0}}@-webkit-keyframes slideOut{0%{left:0}to{-webkit-animation-play-state:paused;animation-play-state:paused;left:-100%}}@keyframes slideOut{0%{left:0}to{-webkit-animation-play-state:paused;animation-play-state:paused;left:-100%}}.user-tab-wrap-stacked .user-tab.opened{-webkit-animation:slideIn .15s ease-in-out;animation:slideIn .15s ease-in-out;left:0}.user-tab-wrap-stacked .user-tab.closed{-webkit-animation:slideOut .15s ease-in-out;animation:slideOut .15s ease-in-out;left:-100%}.user-tab-wrap-stacked .user-tab{bottom:0;left:-100%;position:fixed;top:0;width:100%}.user-tab-wrap-stacked .content-mount{inset:0;position:fixed}.user-tab-open-icon{cursor:pointer;padding:16px;position:absolute;z-index:10}.user-tab-open-icon .icon-text{font-size:15pt;position:absolute;right:0;-webkit-transform:translateX(100%);transform:translateX(100%)}.user-tab-open-icon svg{color:hsla(0,0%,100%,.8);font-size:24pt;position:relative;z-index:1}.user-tab-open-icon:hover>.icon-text,.user-tab-open-icon:hover>svg{color:rgba(52,152,219,.8)}.user-tab{background:#292943;border-right:1px solid hsla(0,0%,100%,.08);display:block;z-index:100}.user-tab-head{align-items:stretch;display:flex;flex-direction:row}.user-tab-head .icon{cursor:pointer;flex-grow:0;flex-shrink:0;padding:16px}.user-tab-head .icon:hover{color:rgba(52,152,219,.8)}.user-tab-head .title{flex-grow:1;flex-shrink:1;font-size:20pt;padding:8px 16px 16px;text-align:center}.login-elements{align-content:flex-start;display:flex;flex-direction:column;padding:16px;width:100%}.login-elements .input{margin-bottom:8px}.register-link{color:#fff;cursor:pointer}.error,.register-link{margin-top:16px;text-align:center}.error{color:#c00}.register-link:hover{color:rgba(52,152,219,.8)}.register-elements{align-content:flex-start;display:flex;flex-direction:column;padding:16px;width:100%}.register-elements .input{margin-bottom:8px}.back-link{color:#fff;cursor:pointer;margin-top:16px}.back-link:hover{color:rgba(52,152,219,.8)}.auth-user-tab{display:flex;flex-direction:column;height:100%}.h-center{display:flex;flex-direction:row;justify-content:center}.auth-user-tab .user-tab-head{flex-grow:0}.friend-list{flex-grow:1;overflow-x:hidden;overflow-y:auto}.friend-list .friend-list-header{margin:4px 8px}.friend-list .friend-list-entry{border:1px solid hsla(0,0%,100%,.5);display:flex;flex-direction:row;height:48px;margin:4px 8px}.friend-list .friend-list-entry .name{flex-grow:1;font-size:14pt;padding:8px 16px}.friend-list .friend-list-entry .status{flex-grow:0;padding-right:16px;padding-top:10px;text-align:right;width:80px}.friend-list .friend-list-entry .status.online{color:#0f0}.friend-list .friend-list-entry .status.afk{color:#ff0}.friend-list .friend-list-entry .status.offline{color:#888}.logout-wrap{align-content:center;align-items:center;display:flex;flex-direction:row;flex-grow:0;height:64px;justify-content:center;width:100%}.logout-wrap .logout{background-color:hsla(0,0%,100%,0)}.logout-wrap .logout:hover{background-color:rgba(200,20,0,.5)}.menu{inset:0;position:absolute;z-index:5}.menu .v-flex{flex-direction:column}.menu .h-flex,.menu .v-flex{align-content:center;display:flex;justify-content:center}.menu .h-flex{flex-direction:row;height:100%}.menu .header{font-size:26pt;height:64px;text-align:center}.menu .button{margin-top:12px}
/*# sourceMappingURL=main.106f8b14.css.map*/