@font-face{font-family:equilibrium;font-style:normal;font-weight:400;src:local("Equilibrium"),url(../fonts/equilibrium.ttf) format("TrueType")}@font-face{font-family:"bauhaus 93";font-style:normal;font-weight:400;src:local("Bauhaus 93"),url(../fonts/bauhs93.ttf) format("truetype")}html,body{margin:0;padding:0;border:0;width:100%;height:100%;overflow:hidden;background-color:transparent;font-size:15px}html,body,input{color:#000;font-family:"bauhaus 93"}a{color:#333;text-shadow:#666 .05em .05em .05em;text-decoration:none;outline:none}a:hover{color:#000;text-shadow:#333 .05em .05em .05em}.starting .messages,.playing .messages{display:none}.mainScreen .main,.paused .pause,.continuing .pause,.gameOver .input,.highScores .high,.help .controls{display:block}.starting .game,.playing .game,.paused .game,.gameOver .game{display:block}.starting .food{display:none}.paused .game,.continuing .game,.gameOver .game{opacity:.5}#container{position:absolute;top:50%;left:50%;right:50%;bottom:50%;margin-left:-18.5em;margin-top:-15em;width:37em;height:30em;background-color:#ac9;background-image:linear-gradient(110deg,#AACC99 25%,#b7d3a8 25%,#b7d3a8 50%,#AACC99 50%,#AACC99);border-radius:1em;box-shadow:0 0 0 1em #272727,0 0 0 1.2em #121212}.board{position:absolute;top:1.8em;left:1.8em;bottom:3.8em;right:1.8em;border:.1em solid #333;box-shadow:inset -.2em .2em 0 #7c9774,-.2em .2em 0 #7c9774}.game{position:absolute;display:none;top:1.8em;left:1.8em;bottom:0;right:1.8em}.start{position:absolute;top:.5em;left:0;right:0;text-align:center;font-size:10em;text-shadow:.01em .01em .01em #000,-.01em -.01em .01em #000,.04em .04em .01em #333}.snake{position:absolute;top:0;left:0;right:0;bottom:0}.score,.time,.level{position:absolute;bottom:.25em;left:.25em;right:.25em;height:1.5em;font-size:2em;text-shadow:#333 .05em .05em .05em}.score{text-align:left}.time{text-align:center}.level{text-align:right}.messages{position:absolute;top:-1.2em;left:-1.2em;bottom:-1.2em;right:-1.2em;z-index:5}.messages .text{position:absolute;top:5em;left:0;right:0;height:8em;background-color:#000;opacity:.8}.messages .text h2{position:absolute;top:.1em;left:0;right:0;margin:0;font:6.5em Equilibrium;text-align:center;text-transform:lowercase;color:#fff}.messages .text p{position:absolute;top:4.8em;left:0;right:0;font-family:Verdana,Arial,Helvetica,sans-serif;text-align:center;color:#fff}.main{display:none}.demo{position:absolute;top:14.5em;left:4em;height:7.5em;width:4.5em}.demo1{left:4.6em}.demo2{left:13em}.demo3{left:21.7em}.demo4{left:30.4em}.main ul{position:absolute;top:11.25em;left:1em;right:1em;margin:0;padding:0;font-size:2em;text-align:center;list-style:none}.main li{display:inline-block;width:4em}.main li:nth-last-child(-n+3){position:absolute;top:2.7em;width:auto}.main li:nth-last-child(3){left:.5em}.main li:nth-last-child(-n+2){right:.5em}.main.help li:nth-last-child(1),.main.continue li:nth-last-child(2){display:none}.input{display:none;position:absolute;top:7.5em;left:1em;right:1em;font-size:2em;text-align:center}.input input{position:absolute;top:0;left:4.5em;width:6em;padding:.2em 0 0 .2em;background:0 0;border:.1em solid #333;border-radius:.25em;box-shadow:inset -.1em .1em 0 #7c9774,-.1em .1em 0 #7c9774;font-size:1em;z-index:2}.input input:focus{outline:none}.input input::-webkit-input-placeholder{color:#999;text-shadow:#ccc .1em .1em .1em}.input input:-moz-placeholder{color:#999;text-shadow:#ccc .1em .1em .1em}.submit{position:absolute;top:.45em;left:11.25em}.restart{position:absolute;top:3em;left:1em;right:1em;text-align:center}.high{display:none;font-size:2em;text-shadow:#333 .05em .05em .05em}.high ul{position:absolute;bottom:.8em;left:1.4em;right:0;height:1.5em;margin:0;padding:0;list-style:none}.high li{display:inline-block;padding-right:.8em}.scores{position:absolute;top:6.5em;left:3em;right:3em;bottom:2.5em}.high .highScore{float:left;clear:both;width:100%}.hsName{float:left}.hsScore{float:right}.none{position:absolute;display:none;top:7.5em;left:0;right:0;bottom:0;text-align:center}.pause{display:none;position:absolute;top:9em;left:0;right:0;margin:0;padding:0;text-align:center;list-style:none;font-size:2em}.pause li{display:inline;padding:0 .5em}.controls{display:none}.controls ol{margin:7.5em 1.9em 0 1.7em;font-size:1.7em}.controls a{padding-left:15.5em;font-size:2em}.audio{position:absolute;bottom:1.8em;left:18em;cursor:pointer}.audio .triangle{position:absolute;bottom:.2em;left:.2em;border:1em solid transparent;border-right-color:#333}.audio .triangle:after{content:"";position:absolute;top:-.8em;left:-1.2em;border:1em solid transparent;border-right-color:#666;z-index:-1}.audio:hover .triangle{border-right-color:#000}.audio:hover .triangle:after{border-right-color:#333}.audio .box{position:absolute;bottom:.9em;left:1.1em;height:.6em;width:.5em;background-color:#333}.audio .box:after{content:"";position:absolute;top:.2em;left:-.2em;height:.6em;width:.5em;background-color:#666;z-index:-1}.audio:hover .box{background-color:#000}.audio:hover .box:after{background-color:#333}.waves{position:absolute;bottom:0;left:2em}.waves div{position:absolute;left:0;background-color:#333;border-radius:0 20em 20em 0}.waves div:nth-child(1){bottom:.3em;width:1.8em;height:1.8em}.waves div:nth-child(2){bottom:.5em;width:1.4em;height:1.4em}.waves div:nth-child(3){bottom:.7em;width:1em;height:1em}.waves div:nth-child(4){bottom:.9em;width:.6em;height:.6em}.audio:hover .waves div{background-color:#000}.waves div:before{content:"";position:absolute;left:0;bottom:0;right:.1em;top:0;background-color:#ac9;border-radius:0 20em 20em 0}.link{position:absolute;top:0;left:0;width:1.7em;height:1.7em}.snakeBody{position:absolute;top:0;left:.2em;bottom:.2em;right:0;background-color:#000;border-radius:.4em;z-index:2}.snakeShadow{position:absolute;top:.2em;left:0;bottom:0;right:.2em;background-color:#7c9774;border-radius:.4em;z-index:1}@keyframes spin{from{transform:rotate(0deg)}20%{transform:rotate(360deg)}50%{transform:rotate(720deg)}to{transform:rotate(1080deg)}}.spin{animation:spin 5s linear}.food{position:absolute;top:0;left:0;width:1.7em;height:1.7em}.foodBody{position:absolute;top:0;left:.2em;width:1.5em;height:1.5em;z-index:2}.foodShadow{position:absolute;top:.2em;left:0;width:1.5em;height:1.5em;z-index:1}.foodBody div{position:absolute;background-color:#000}.foodShadow div{position:absolute;background-color:#7c9774}.foodBody div:nth-child(1),.foodShadow div:nth-child(1){top:0;left:.4em;width:.7em;height:.6em;border-radius:.3em .3em 0 0}.foodBody div:nth-child(2),.foodShadow div:nth-child(2){top:.4em;right:0;width:.6em;height:.7em;border-radius:0 .3em .3em 0}.foodBody div:nth-child(3),.foodShadow div:nth-child(3){bottom:0;left:.4em;width:.7em;height:.6em;border-radius:0 0 .3em .3em}.foodBody div:nth-child(4),.foodShadow div:nth-child(4){top:.4em;left:0;width:.6em;height:.7em;border-radius:.3em 0 0 .3em}