@keyframes jumping{0%{transform:scale(2)}to{transform:scale(1)}}@keyframes dotReveal{to{opacity:1}}@keyframes line{0%{stroke-dashoffset:0}to{stroke-dashoffset:100%}}body{cursor:crosshair;background-color:#000;background-image:linear-gradient(to top,#2ecc7133 1%,#fff0 0),linear-gradient(to right,#2ecc7133 1%,#fff0 0);background-size:calc(5vw + 2vh) calc(5vw + 2vh)}svg,html,body,#app{box-sizing:border-box;height:100%;width:100%;padding:0;margin:0}.game-container{overflow:hidden;height:100%;width:100%}svg{position:relative;z-index:1}.dot{z-index:10;stroke-width:4;stroke:#000;width:10px;height:10px;fill:#f1c40f;-moz-transform-origin:center;-webkit-transform-origin:center;transform-origin:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.dot--starting.dot--starting{fill:#000;stroke:#2ecc71;stroke-width:3;stroke-miterlimit:outside}.dot:not(.dot--starting){opacity:0;animation:dotReveal 1s linear;animation-fill-mode:forwards}#svg .dot:hover{transform:scale(2)}#svg .dot[data-selected=true]{opacity:1;fill:#2ecc71;animation:jumping .5s ease-in-out alternate infinite;animation-delay:0}#svg .dot[data-visited=true],#svg .dot[data-clicked=true]{fill:#000;stroke:#2ecc71;stroke-width:3;stroke-miterlimit:outside}.line{z-index:10;stroke:#2ecc71;stroke-width:2;stroke-dasharray:2 16;animation:line 10s linear infinite}@media (max-width:480px){#preline{display:none}}#score{position:fixed;z-index:0;top:10%;left:50%;width:100%;text-align:center;transform:translate(-50%,-50%);font-size:5em;color:#2ecc71cc;font-family:Bungee Outline,cursive}#timer{position:fixed;z-index:0;top:20%;left:50%;width:100%;text-align:center;transform:translate(-50%,-50%);font-size:3em;color:#e74c3ccc;font-family:Bungee Outline,cursive}#high-score{position:fixed;z-index:0;top:30%;left:50%;width:100%;text-align:center;transform:translate(-50%,-50%);font-size:3em;color:#f1c40fcc;font-family:Bungee Outline,cursive}.btn{background:transparent;cursor:pointer;color:#f1c40f;font-weight:700;padding:15px 60px;border-radius:6px;border:3px solid rgba(241,196,15,1);transition:all .3s ease-out}.btn:hover{background:#f1c40f;color:#000}#btn-start{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#pause-btn{position:fixed;bottom:10%;left:50%;transform:translate(-50%,-50%);font-size:2em}#launch-screen{display:flex;align-items:center;justify-content:center;text-align:center;visibility:hidden;position:absolute;z-index:10;background-image:linear-gradient(45deg,#000,#2ecc7133);top:0;bottom:0;left:0;right:0;opacity:0;transition:all .8s cubic-bezier(.175,.885,.32,1.275)}#launch-screen.is-visible{opacity:1;visibility:visible}#launch-screen-content{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:6px;padding:50px;transform:scale(.8);transition:all .8s cubic-bezier(.175,.885,.32,1.275)}#launch-screen.is-visible #launch-screen-content{transform:scale(1)}#launch-screen-content h1{position:relative;font-family:Bungee Outline,cursive;color:#2ecc71;font-size:4em;margin:0 0 .4em}#launch-screen-content p{font-family:Space Mono,monospace;color:#ccc;font-size:1em;margin:0 0 3em}#lastScore{display:none}#lastScore.is-visible{display:block}#lastScore__number{color:#e74c3c}#app{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewport="0 0 32 32" style="fill:rgba(46, 204, 113,1.0);"><circle cx="16" cy="16" r="8"/></svg>') 16 16,auto}#about{padding:20px;color:#f1c40f;font-family:Space Mono,monospace;background-color:#000;border-radius:6px;max-width:800px;margin:50px auto;text-align:center;min-height:100vh;overflow-y:auto}#about h1{font-family:Bungee Outline,cursive;color:#2ecc71;font-size:3em;margin-bottom:20px}#about p{font-size:1.2em;line-height:1.5;margin-bottom:20px}#about a{cursor:pointer;font-size:1.2em;color:#ff0;line-height:1.5;margin-bottom:20px}