@font-face{font-family:Rocher;src:url(https://assets.codepen.io/9632/RocherColorGX.woff2)}@font-palette-values --pac{font-family:Rocher;base-palette:8}@font-palette-values --win{font-family:Rocher;base-palette:2}@font-palette-values --lose{font-family:Rocher;base-palette:3}body{background-color:#000}.bg{background-image:url(/bg-space.gif)}.wrapper1{display:inline-flex}.wrapper0{display:flex;flex-direction:column;justify-content:center;place-items:center;text-align:center}.scoreDiv{width:+400px;text-align:center;display:grid;flex-direction:column;align-items:center;justify-content:center}p span{color:#fff;font-family:Phantomsans,sans-serif;font-size:1.5rem}h1{font-family:Rocher;font-palette:--pac;will-change:filter;transition:filter .1s}h1:hover{transform:scale(1.1);filter:drop-shadow(0 0 1em #f7df1eaa)}.hide{transform:scale(0)}.canvas{flex:auto}.message{font-family:Rocher;text-align:center;align-items:center;justify-content:center;display:flex;color:#fff}.win{display:flex;font-palette:--win;font-size:2em;font-weight:400;margin-top:0;-webkit-transition:all .25s ease-in;-moz-transition:all .25s ease-in;-ms-transition:all .25s ease-in;-o-transition:all .25s ease-in;transition:all .25s ease-in}.lose{display:flex;font-palette:--lose;font-size:2em;font-weight:400;margin-top:0;-webkit-transition:all .25s ease;-moz-transition:all .25s ease;-ms-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease}.button-64{align-items:center;margin-top:10px;background-image:linear-gradient(144deg,#AF40FF,#5B42F3 50%,#00DDEB);border:0;border-radius:8px;box-shadow:#9741fc33 0 15px 30px -5px;box-sizing:border-box;color:#fff;display:flex;font-family:Phantomsans,sans-serif;font-size:20px;justify-content:center;line-height:1em;max-width:100%;min-width:140px;padding:3px;text-decoration:none;user-select:none;-webkit-user-select:none;touch-action:manipulation;white-space:nowrap;cursor:pointer;-webkit-transition:all .25s ease-in;-moz-transition:all .25s ease-in;-ms-transition:all .25s ease-in;-o-transition:all .25s ease-in;transition:all .25s ease-in}.button-64:active,.button-64:hover{outline:0}.button-64 span{background-color:#05062d;padding:16px 24px;border-radius:6px;width:100%;height:100%;transition:.3s}.button-64:hover span{background:none}a{text-decoration:none}.primary{color:#fff;font-family:Phantomsans,sans-serif;font-size:1.5rem}.secondary{color:pink;font-family:Phantomsans,sans-serif;font-size:1rem}.hideLoader{transform:scale(0)}.loaderContain{width:100%;height:100vh;display:block;justify-content:center;align-items:center;position:fixed;z-index:999;overflow:show;margin:auto;top:50%;left:35%;bottom:0;right:0}.loader{width:300px;height:100px;background-color:#000;position:relative;display:block;filter:blur(10px) contrast(20)}.drop1,.drop2{width:40px;height:40px;border-radius:100%;position:absolute;top:50%;transform:translateY(-50%)}.drop1{background-color:#f9fd00;left:10%;animation:ani1 ease-in-out infinite 1.5s}.drop2{background-color:red;right:10%;animation:ani2 ease-in-out infinite 1.5s}@keyframes ani1{0%{left:10%}50%{left:45%}to{left:10%}}@keyframes ani2{0%{right:10%}50%{right:45%}to{right:10%}}