*{box-sizing:border-box;overflow:hidden}html{background:#000}@media (min-width:0){#eisle{background:#2e5052;border:.1px ridge #2e5052;border-radius:15%;box-shadow:0s 0 1vmax 1vmax rgba(152,255,233,.301);display:flex;flex-wrap:wrap;min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content;min-width:100%;overflow:hidden;overscroll-behavior:none;position:relative}#tinytron{align-items:center;display:flex;font-size:2.5vmax;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:space-around;justify-self:center;padding:0 10vmin;width:100%}#score,#time{color:hsla(0,0%,100%,.15)}#score span,#time span{color:hsla(0,0%,100%,.301);text-shadow:0 0 2px rgba(255,255,0,.5)}#viewport-container{align-items:center;display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;padding-bottom:1vh;width:100%}#viewport{background-color:#000;border:1vmin inset hsla(0,0%,50%,.753);height:clamp(80vmin,80vmin,60vmin);overflow:hidden;position:relative;width:clamp(80vmin,80vmin,60vmin)}#head{background-color:#c700c7;border:1px solid #daabff;bottom:50%;right:50%}#head,#tail{height:5%;position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:5%}#tail{background-color:#9b009b}#food{background-color:#00ff37;height:5%;position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:5%}#buttons-container-container{align-items:center;display:flex;height:100%;justify-content:space-around;position:relative;transition:all .3s ease;width:100%}#arrows-container,#buttons-container{background:radial-gradient(#00000000,rgba(0,0,0,.192));border:.75vmin outset hsla(0,0%,50%,.25);border-radius:40%;height:45vmin;position:relative;transition:all .3s ease;width:45vmin}button{font-size:5vmin;touch-action:manipulation}button:hover{background:rgba(54,94,94,.418);border:.35vmin outset hsla(0,0%,97%,.185)}button:active,button:focus{background:rgba(45,78,78,.418);border:.45vmin inset hsla(0,0%,97%,.185);color:#ffffff31;outline:none;text-shadow:0 0 20px #0fa}#btn-up{top:0}#btn-down,#btn-up{left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}#btn-down{bottom:0}#btn-left{left:0}#btn-left,#btn-right{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}#btn-right{right:0}#btn-A,#btn-B{border-radius:50%;height:45%;width:45%}#btn-A{left:5%;top:60%}#btn-A,#btn-B{-webkit-transform:translateY(-50%);transform:translateY(-50%)}#btn-B{right:5%;top:40%}#arrows-container button,#buttons-container button{background:rgba(61,104,105,.418);border:.35vh outset hsla(0,0%,97%,.185);border-radius:35%;color:#00000060;font-size:5vmin;font-weight:700;height:37%;position:absolute;text-align:center;transition:all .3s ease;width:37%}#buttons-container button{border-radius:50%;height:45%;width:45%}#back-btn{background:rgba(61,104,105,.418);border:.35vmin inset hsla(0,0%,100%,.185);border-radius:50%;color:hsla(0,0%,100%,.5);font-size:2vmin;left:4vmin;position:absolute;top:2vmin;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:4}#btn-A:hover,#btn-B:hover,#btn-down:hover,#btn-left:hover,#btn-right:hover,#btn-up:hover{background:rgba(54,94,94,.418);border:.35vmin outset hsla(0,0%,97%,.185)}#btn-A:active,#btn-A:focus,#btn-B:active,#btn-B:focus,#btn-down:active,#btn-down:focus,#btn-left:active,#btn-left:focus,#btn-right:active,#btn-right:focus,#btn-up:active,#btn-up:focus{background:rgba(45,78,78,.418);border:.45vmin inset hsla(0,0%,97%,.185);color:#ffffff31;outline:none;text-shadow:0 0 20px #0fa}#error:active,#error:focus{background:rgba(78,45,45,.418);border:.45vmin inset hsla(0,0%,97%,.185);color:#ffffff31;outline:none;text-shadow:0 0 20px red}}@media (min-width:565px){#viewport{height:60vh;width:60vh}#arrows-container,#buttons-container{height:35vh;position:relative;width:35vh}}@media (min-width:1000px) and (orientation:landscape){#viewport{height:45vmax;width:45vmax}#buttons-container-container{display:flex;justify-content:space-between;position:absolute;top:10%}#arrows-container,#buttons-container{height:26vmax;position:relative;width:26vmax}}
/*# sourceMappingURL=main.7a73929d.css.map*/