body{background-color:#141414;color:#e5e5e5}h1{color:#e50914}canvas{width:100%}#gameScreen{display:flex;flex-direction:column;justify-content:center}.canvas-wrapper{display:flex;flex-direction:row;justify-content:center}#game-screen-wrapper{background:linear-gradient(-45deg,#7a3d2a,#741e3f,#135c77,#116955);background-size:400% 400%;display:flex;flex-direction:column;justify-content:center}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.canvas-holder{margin:2px;width:100%}.container{width:80vw;margin:auto;position:relative}.visible-no{visibility:hidden}.hide{display:none!important}.text-center{text-align:center}#gameControll{margin:1vh;display:flex;flex-direction:row;justify-content:space-between}@media (max-width:600px){canvas{width:98%}.container{width:95vw}.canvas-wrapper{flex-direction:column}}.greenButton{box-shadow:inset 0 1px #d9fbbe;background:linear-gradient(to bottom,#b8e356 5%,#a5cc52 100%);background-color:#b8e356;border-radius:6px;border:1px solid #83c41a;display:inline-block;cursor:pointer;color:#fff;font-family:Arial;font-size:15px;font-weight:700;padding:6px 24px;text-decoration:none;text-shadow:0px 1px 0px #86ae47}.greenButton:hover{background:linear-gradient(to bottom,#a5cc52 5%,#b8e356 100%);background-color:#a5cc52}.greenButton:active{position:relative;top:1px}.redButton{box-shadow:inset 0 1px #f5978e;background:linear-gradient(to bottom,#f24537 5%,#c62d1f 100%);background-color:#f24537;border-radius:6px;border:1px solid #d02718;display:inline-block;cursor:pointer;color:#fff;font-family:Arial;font-size:15px;font-weight:700;padding:6px 24px;text-decoration:none;text-shadow:0px 1px 0px #810e05}.redButton:hover{background:linear-gradient(to bottom,#c62d1f 5%,#f24537 100%);background-color:#c62d1f}.redButton:active{position:relative;top:1px}.blueButton{box-shadow:inset 0 1px #bbdaf7;background:linear-gradient(to bottom,#79bbff 5%,#378de5 100%);background-color:#79bbff;border-radius:6px;border:1px solid #84bbf3;display:inline-block;cursor:pointer;color:#fff;font-family:Arial;font-size:15px;font-weight:700;padding:6px 24px;text-decoration:none;text-shadow:0px 1px 0px #528ecc}.blueButton:hover{background:linear-gradient(to bottom,#378de5 5%,#79bbff 100%);background-color:#378de5}.blueButton:active{position:relative;top:1px}#error-wrapper{display:none}.error-text{color:#e159f1}p.error-text{font-size:large}.viewport-center{position:absolute;top:30%;left:50%;transform:translate(-50%)}#start-game{width:100%}#settings-screen{display:flex;flex-direction:column;align-items:center}.cf-dropdown{height:24px;line-height:20px;padding:0 32px 3px 0;border:none;border-radius:0;border-bottom:1px solid rgba(0,0,0,.4);font-family:inherit;font-size:inherit;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;background-color:transparent;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg width='10px' height='5px' viewBox='0 0 10 5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon points='0,0 5,5 10,0' fill='rgba(0, 0, 0, 0.4)'%3E%3C/polygon%3E%3C/svg%3E");background-position:right 4px center;background-size:auto;background-repeat:no-repeat;cursor:pointer;font-weight:700;margin-left:1vw;color:#9caf02}#level-info{display:flex;flex-direction:row;justify-content:space-between;padding:0 5px 1px;font-size:1.1em;align-items:center}#settings-screen div{margin-bottom:2vh}@media (min-width:1000px){#level-info{font-size:2em}}.disclaimer{color:#000}#game-intro{position:absolute;top:10%;left:50%;transform:translate(-50%);background:whitesmoke;color:#000;padding:3vw;padding-bottom:10vh;width:80vw;max-width:900px}.grey-button{box-shadow:inset 0 1px #fff;background:linear-gradient(to bottom,#ededed 5%,#dfdfdf 100%);background-color:#ededed;border-radius:6px;border:1px solid #dcdcdc;display:inline-block;cursor:pointer;color:#777;font-family:Arial;font-size:15px;font-weight:700;padding:6px 24px;text-decoration:none;text-shadow:0px 1px 0px #ffffff}.grey-button:hover{background:linear-gradient(to bottom,#dfdfdf 5%,#ededed 100%);background-color:#dfdfdf}.grey-button:active{position:relative;top:1px}.control{font-family:arial;display:block;position:relative;padding-left:30px;margin-bottom:5px;padding-top:3px;cursor:pointer;font-size:16px}.control input{position:absolute;z-index:-1;opacity:0}.control_indicator{position:absolute;top:2px;left:0;height:20px;width:20px;background:#e6e6e6;border:0px solid #000000;border-radius:0}.control:hover input~.control_indicator,.control input:focus~.control_indicator{background:#cccccc}.control input:checked~.control_indicator{background:#2aa1c0}.control:hover input:not([disabled]):checked~.control_indicator,.control input:checked:focus~.control_indicator{background:#0e6647}.control input:disabled~.control_indicator{background:#e6e6e6;opacity:.6;pointer-events:none}.control_indicator:after{box-sizing:unset;content:"";position:absolute;display:none}.control input:checked~.control_indicator:after{display:block}.control-checkbox .control_indicator:after{left:8px;top:4px;width:3px;height:8px;border:solid #ffffff;border-width:0 2px 2px 0;transform:rotate(45deg)}.control-checkbox input:disabled~.control_indicator:after{border-color:#7b7b7b}.control-checkbox .control_indicator:before{content:"";display:block;position:absolute;left:0;top:0;width:4.5rem;height:4.5rem;margin-left:-1.3rem;margin-top:-1.3rem;background:#2aa1c0;border-radius:3rem;opacity:.6;z-index:99999;transform:scale(0)}@keyframes s-ripple{0%{transform:scale(0)}20%{transform:scale(1)}to{opacity:0;transform:scale(1)}}@keyframes s-ripple-dup{0%{transform:scale(0)}30%{transform:scale(1)}60%{transform:scale(1)}to{opacity:0;transform:scale(1)}}.control-checkbox input+.control_indicator:before{animation:s-ripple .25s ease-out}.control-checkbox input:checked+.control_indicator:before{animation-name:s-ripple-dup}.progress{width:100%;max-width:100%;border-radius:3px;overflow:hidden;border:1px solid white;color:#141414;text-align:center;height:1vh}#progress-barr-wrapper{display:flex;align-items:center}.help-ico{width:4vh;height:4vh;background-image:url(/SpotDiff-Vite/theme/img/help.png);background-size:contain;background-repeat:no-repeat;background-position:center}@media (max-width:1000px){.help-ico{max-width:20px;max-height:20px}}.progress-bar-loading{display:block;height:100%;background:linear-gradient(90deg,rgb(253,253,100),rgb(196,196,29),rgb(240,240,3));background-size:100% 100%}.progress-bar-ready{display:block;height:100%;background:linear-gradient(90deg,#9bff3d,#4aea6d 17%,#4bff78 34%,#01ff01 51%,#74ff3d 68%,#8aea4a 85%,#69ff4b);background-size:300% 100%;animation:progress-animation 2s linear infinite}#progress-barr-wrapper:hover{cursor:pointer}@keyframes progress-animation{0%{background-position:100%}to{background-position:0}}