@charset "UTF-8";@font-face{font-family:VT323;src:url(https://cdn.jsdelivr.net/gh/xyxiao001/cdn/font/vt323-regular-webfont_nnoxpq.woff2) format("woff2"),url(https://cdn.jsdelivr.net/gh/xyxiao001/cdn/font/vt323-regular-webfont_w4jhc0.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:ipix_12px;src:url(https://cdn.jsdelivr.net/gh/xyxiao001/cdn/font/ipix_12px.ttf) format("truetype");font-display:swap}:root{--background:#465063;--line:#b3b5bd;--line-light:#d7d7d9;--board:#5d8c5d;--width:250px;--height:571px;--theme:#37527d;--black:#222831;--white:#eee;--blue:#3da8f5;--red:#d71345;--yellow:#ffaf38;--green:#1a9875;--pink:#f7acbc;--brown:#7b5d5f;--orange:#f47920;--roseate:#f05b72}body,html{padding:0;margin:0;font-family:Source Sans Pro,Helvetica Neue,Arial,sans-serif}button,canvas,div,li,p,ul{user-select:none;box-sizing:border-box;margin:0;padding:0;outline:0;-webkit-tap-highlight-color:rgba(255,255,255,0)}body{background-color:#3c4354}.container{width:var(--width);margin:0 auto;user-select:none}.container.hide{opacity:0;position:fixed;top:0;z-index:-1}#nokia-skin{height:var(--height);width:var(--width);margin:0 auto;position:relative;font-family:VT323,ipix_12px,Source Sans Pro,Helvetica Neue,Arial,sans-serif;font-size:1.25rem;text-transform:uppercase;color:#333}#board{margin-top:64%;padding-left:16.8%;padding-right:5%;display:block;width:100%;height:24.15%;position:relative}#board:before{z-index:9;left:55px;bottom:20px;width:22px;height:25px;border-bottom:1px solid hsla(0,0%,80%,.48);border-radius:50%;border-radius:30% 20%/33% 60% 60% 90%;transform:rotate(45deg) skew(15deg,18deg)}#board:after,#board:before{content:"";position:absolute}#board:after{width:77%;left:17.5%;height:95%;background-color:var(--board);background-image:url(data:image/png;base64,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);top:2%;z-index:0;border-radius:4%/20% 20% 60% 60%;box-shadow:0 -3px 2px 1px rgba(0,0,0,.4),0 -1px 0 0 rgba(0,0,0,.42),inset 0 4px 6px 0 rgba(0,0,0,.3),inset 0 8px 13px 0 hsla(0,0%,75.7%,.3),0 7px 6px 0 hsla(0,0%,100%,.12),0 3px 0 0 rgba(251,223,144,.21),inset 0 3px 3px 0 rgba(0,0,0,.66)}#board-content{position:relative;padding:10px 12px;height:100%;display:flex;flex-direction:column}.wrapper{position:absolute;top:35px;width:90%;height:100%;pointer-events:none}.wrapper canvas{flex:1;background-color:var(--board);background-image:url(data:image/png;base64,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);box-shadow:0 0 2px 1px var(--board);border:1px solid #333}#stats,.wrapper canvas{width:100%;position:relative;z-index:1}#stats{display:flex;align-items:center;justify-content:space-evenly;top:2px;font-size:14px;line-height:14px;flex-shrink:0}#level,#score{font-size:12px;margin:0}.info-text{font-family:Arial,Helvetica,sans-serif;font-size:1.5rem;text-align:center;text-transform:uppercase;width:100%;margin:10px 0}#instructions,#ranking{display:none;position:absolute;line-height:1;font-size:10px;line-height:14px;padding:12px;left:16.8%;right:5%;top:0;z-index:999;bottom:0}#instructions ul,#ranking ul{list-style:none}#ranking .close-tip{position:absolute;right:12px;bottom:12px;font-size:10px}.controls-wrapper{display:grid;grid-template-columns:repeat(3,30%);grid-template-rows:repeat(4,20%);width:100%;height:37%;position:absolute;bottom:-5%;left:4%}.control{width:70%;height:70%;justify-self:center;background-color:transparent;border:none;cursor:pointer}#btn-down,#btn-pause,#btn-speed,#btn-up{align-self:end}#btn-speed{align-self:start}#btn-left,#btn-right{align-self:center}#btn-info,#btn-start{align-self:start}#btn-up{grid-column:2;grid-row:1}#btn-down{grid-column:2;grid-row:3}#btn-right{grid-column:3;grid-row:2}#btn-left{grid-column:1;grid-row:2}#btn-start{grid-column:3;grid-row:4}#btn-pause{grid-column:2;grid-row:4}#btn-info{grid-column:1;grid-row:4}.background{top:30px;overflow:hidden;background:var(--background);background-image:linear-gradient(-180deg,var(--background),#171f2f);height:105%;z-index:0;border-bottom:3px solid #000;border-radius:20% 20% 13% 13%/24% 24% 85% 85%;filter:drop-shadow(0 20px 15px rgba(0,0,0,.65));box-shadow:inset 2px 0 5px rgba(0,0,0,.67),inset -2px 0 5px rgba(0,0,0,.62),inset 7px 0 4px rgba(226,238,255,.46),inset -7px 0 4px rgba(226,238,255,.46),0 40px 30px 0 rgba(119,75,21,.1),0 25px 35px -5px rgba(0,0,0,.2),0 10px 15px 5px rgba(0,0,0,.1),0 12px 10px 0 rgba(0,0,0,.2),0 7px 8px 0 rgba(0,0,0,.1),0 5px 5px 0 rgba(0,0,0,.2),0 2px 3px 0 rgba(0,0,0,.3)}.background,.background:after{position:absolute;left:0;width:100%}.background:after{content:"";top:0;height:100%;background-image:url(data:image/png;base64,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)}*{box-sizing:border-box}body,html{height:100%;width:100%}.nokia{height:var(--height);width:var(--width);position:relative;display:flex;justify-content:center}.header{top:4%;height:90px;width:78%;border-radius:27%}.body,.header{position:absolute}.body{display:block;content:"";top:15%;left:4%;height:calc(var(--height) - 40px);width:90%}.bottom-side{position:relative;top:10.5%;height:100%;width:92.5%;background:#000;border-radius:10%/40%;box-shadow:0 11px 8px -3px #000,0 30px 50px -10px rgba(58,76,91,.57),0 60px 60px 0 rgba(222,161,77,.67)}.bottom-side:before{content:"";position:absolute;width:7%;height:2%;background-color:#000;bottom:8px;left:20%;border-radius:50%}.side{top:14%;height:80%}.light,.side{position:absolute;width:90%}.light{top:35px;height:30px;background:#ffe599;filter:blur(40px);opacity:.4}.highlight,.light{z-index:9;mix-blend-mode:lighten;border-radius:50%}.highlight{top:4.5%;left:17%;height:10px;width:63%;background:hsla(0,0%,100%,.2);filter:blur(2px)}.highlight,.top{position:absolute}.top{top:40px;height:67.5%;width:88%;background:var(--line-light);background-image:url(https://cdn.jsdelivr.net/gh/xyxiao001/cdn/nokia-snake/source/line-light.png?background=#d7d7d9ff&noise=f5f5f5&density=19&opacity=23);border-radius:28% 28% 80% 80%/50% 50% 65% 65%;box-shadow:inset 5px -30px 2px var(--line),inset -5px -30px 2px var(--line),inset 0 -35px 2px var(--line),0 1px 0 2px rgba(0,0,0,.18)}.top:before{top:10px;position:absolute;display:block;content:"";left:7%;height:85%;width:87%;background:var(--background);background-image:url(https://cdn.jsdelivr.net/gh/xyxiao001/cdn/nokia-snake/source/bg2.png?background=#465063ff&noise=666666&density=100&opacity=20);border-radius:18% 18% 55% 55%/30% 30% 38% 38%;box-shadow:0 1px 0 1px rgba(0,0,0,.72),0 -1px 0 0 rgba(0,0,0,.72)}.filter{background-image:linear-gradient(-180deg,transparent,#3a3f48);width:100%;height:1200px;position:fixed;mix-blend-mode:multiply;bottom:-1000px;left:0;z-index:9}.screen{top:24%;left:32.5%;height:20%;width:35%;background:#7aa079;border-radius:20% 20% 50% 50%/10%;border:2px solid tint(#06050a,20%)}.screen:before{left:-3px;border-radius:90% 0 0 90%;border-left:2px solid tint(#06050a,20%)}.screen:after,.screen:before{display:block;content:"";top:10%;height:80%;width:5px;background:#7aa079}.screen:after{right:-3px;border-radius:0 90% 90% 0;border-right:2px solid tint(#06050a,20%)}.logo{position:absolute;top:24.5%;line-height:1.2;background:#06050a;z-index:3;box-shadow:inset 0 1px 18px 0 hsla(0,0%,100%,.4),0 0 3px 0 rgba(0,0,0,.4);text-align:center;transform:scaleY(.8);font-weight:900}.logo p{color:#c7c5c0;font-size:20px;font-family:Dhurjati,sans-serif;letter-spacing:2px;box-shadow:1px 1px 0 hsla(0,0%,100%,.2),-1px -1px 0 rgba(0,0,0,.6);position:relative;top:1px}.speaker .speaker-holes,.speaker .speaker-holes:after,.speaker .speaker-holes:before,.speaker:after,.speaker:before{position:absolute;display:block;content:"";height:6%;width:100%;background:#000;opacity:.35;border-radius:50%;box-shadow:0 1px 0 hsla(0,0%,100%,.39),0 -1px 0 #000}.speaker{position:absolute;top:56px;height:13.5%;width:6%;background:#3e4756;border-radius:50%;z-index:5;box-shadow:inset 0 -1px 0 hsla(0,0%,100%,.19),inset 0 -9px 6px hsla(0,0%,100%,.18),inset -1px -8px 6px rgba(27,27,27,.53),inset 0 9px 6px rgba(0,0,0,.28)}.speaker:before{top:10%;width:69%;left:17%}.speaker:after{left:18%;top:79%;width:66%}.speaker .speaker-holes{top:28%;width:80%;left:12%}.speaker .speaker-holes:before{opacity:1;top:288%;left:-.5%;width:102%;height:100%}.speaker .speaker-holes:after{opacity:1;top:560%;left:0;width:100%;height:100%}.btn-group{position:absolute;bottom:-2%;width:90%;height:50%}.buttons{position:absolute;top:16%;left:25%;height:13%;width:50%;background:var(--line-light);background-image:url(https://cdn.jsdelivr.net/gh/xyxiao001/cdn/nokia-snake/source/line-light.png?background=#d7d7d9ff&noise=f5f5f5&density=19&opacity=23);border-radius:50%}.btn-group .home{position:absolute;top:16%;left:31%;height:10%;width:37%;background:var(--line-light);border-radius:25% 25% 50% 50%/20% 20% 80% 80%;z-index:4;box-shadow:inset 0 -17px 16px 3px #c8c9cf,0 -1px 1px 2px #3e3e3e}.btn-group .home:before{position:absolute;display:block;content:"";top:16%;left:20%;height:4%;width:50%;border-radius:42%;border:4px solid transparent;border-bottom:5px solid #70aac0}.btn-group .call{position:absolute;top:22.3%;left:15%;transform:rotate(2deg)}.btn-group .call .call-icon{width:118%}.btn-group .call .phone-icon{position:absolute;width:26%;top:35%;left:42%;transform:rotate(45deg)}.btn-group .select{position:absolute;right:17%;top:22%;transform:rotate(357deg)}.btn-group .select .select-icon{width:114%;opacity:.5}.btn-group .select .arrowU-icon{position:absolute;width:26%;top:11%;left:75%;transform:rotate(49deg)}.btn-group .select .arrowD-icon{position:absolute;width:26%;top:53%;left:9%;transform:rotate(252deg)}.arrow{top:7px;left:8px;height:6px;width:6px;border-left:2px solid tint(#06050a,30%);border-top:2px solid tint(#06050a,30%);-webkit-transform:rotate(20deg);-moz-transform:rotate(20deg);-ms-transform:rotate(20deg);transform:rotate(20deg)}.arrow:before{display:block;content:"";top:15px;left:6px;height:100%;width:100%;border-right:2px solid tint(#06050a,30%);border-bottom:2px solid tint(#06050a,30%);-webkit-transform:rotate(35deg);-moz-transform:rotate(35deg);-ms-transform:rotate(35deg);transform:rotate(35deg)}.n1,.n3,.n4,.n6,.n7,.n9,.nh,.ns{display:block;content:"";height:45px;width:83px;background:radial-gradient(var(--line-light),var(--line));background-image:url(https://cdn.jsdelivr.net/gh/xyxiao001/cdn/nokia-snake/source/line.png?background=#c8c9cfff&noise=626262&density=5&opacity=10);border:1px solid rgba(34,34,34,.9);border-radius:50%/50%;box-shadow:0 1px 1px #888,inset 0 0 5px rgba(0,0,0,.5);top:-4px}.n1,.n4,.n7,.ns{left:-133px;-webkit-transform:rotate(15deg) scale(1.1);-moz-transform:rotate(15deg) scale(1.1);-ms-transform:rotate(15deg) scale(1.1);transform:rotate(15deg) scale(1.1)}.n3,.n6,.n9,.nh{right:-130px;-webkit-transform:rotate(-15deg) scale(1.1);-moz-transform:rotate(-15deg) scale(1.1);-ms-transform:rotate(-15deg) scale(1.1);transform:rotate(-15deg) scale(1.1);right:-133px;top:-13px}.n1{top:44%;left:8%!important}.n1,.n4{width:22%!important}.n4{top:59%;left:9%!important}.n7{top:74%;left:10%!important}.n7,.ns{width:22%!important}.ns{top:89%;left:11%!important}.n3{top:44%;left:71%!important;width:22%!important}.n6{top:59%;left:70%!important}.n6,.n9{width:21%!important}.n9{top:74%;left:69%!important}.nh{top:90%;left:68%!important;width:21%!important}.keys{font-size:16px;text-align:center;position:absolute;left:39%;height:10%;width:23%;background:#ececec;border:3px solid rgba(0,0,0,.35);background-clip:content-box;border-radius:50%/50%;text-transform:lowercase;box-shadow:0 1px 0 hsla(0,0%,100%,.24),inset 0 -1px 5px rgba(0,0,0,.85),inset 10px 7px 4px 0 rgba(144,143,143,.2),inset 9px -9px 9px 0 rgba(150,149,149,.2),inset -14px -12px 13px 0 rgba(130,128,128,.2),inset -20px 0 14px 0 hsla(0,0%,47.5%,.2)}.n3 .num,.n3 .small,.n6 .num,.n6 .small,.n9 .num,.n9 .small,.nh .num,.nh .small{-webkit-transform:rotate(15deg) scale(1.1);-moz-transform:rotate(15deg) scale(1.1);-ms-transform:rotate(15deg) scale(1.1);transform:rotate(15deg) scale(1.1)}.n1 .num,.n1 .small,.n4 .num,.n4 .small,.n7 .num,.n7 .small,.ns .num,.ns .small{-webkit-transform:rotate(-15deg) scale(1.1);-moz-transform:rotate(-15deg) scale(1.1);-ms-transform:rotate(-15deg) scale(1.1);transform:rotate(-15deg) scale(1.1)}.nh .num,.ns .num{font-size:26px;line-height:1}.nh .num{font-size:22px;margin-top:3px}.keys .num,.keys .small{display:inline-block}.keys .small{font-size:12px}.ns .small{background-image:url(https://cdn.jsdelivr.net/gh/xyxiao001/cdn/nokia-snake/source/add.svg);background-size:cover;background-repeat:no-repeat;width:14px;height:14px;display:inline-block}.n1 .small{background-image:url(https://cdn.jsdelivr.net/gh/xyxiao001/cdn/nokia-snake/source/voicemail.svg)}.n0 .small,.n1 .small{background-size:cover;background-repeat:no-repeat;width:14px;height:14px;display:inline-block;position:relative;top:3px}.n0 .small{background-image:url(https://cdn.jsdelivr.net/gh/xyxiao001/cdn/nokia-snake/source/space.svg);background-position:0 2px}.nh .small{background-image:url(https://cdn.jsdelivr.net/gh/xyxiao001/cdn/nokia-snake/source/home.svg);background-size:cover;background-repeat:no-repeat;width:14px;height:14px;display:inline-block}.n123{top:46%}.n456{top:62%}.n789{top:77%}.n0{top:92%}.frame{top:12px;left:5%;height:73%;width:90%;border:1px solid #06050a}.frame:before{display:block;content:"";top:-5px;height:2px;width:100%;border-bottom:1px solid #06050a}.score p{width:100%;font-size:11px;font-family:VT323,ipix_12px,Source Sans Pro,Helvetica Neue,Arial,sans-serif;margin:0}.score p:first-child{padding-left:10px}.score p:last-child{text-align:right;padding-right:10px}.snake{bottom:20%;left:25%;height:4px;width:40px;background:#06050a}.snake:before{top:-12px;right:0;height:16px}.snake:after,.snake:before{display:block;content:"";width:4px;background:#06050a}.snake:after{top:-15px;height:4px}.game-start .keys{color:#3d9140;text-shadow:0 0 15px rgba(95,255,101,.4),0 0 5px rgba(95,255,101,.4),0 0 2px rgba(95,255,101,.4)}.game-start .keys.n1 .small{background-image:url(https://cdn.jsdelivr.net/gh/xyxiao001/cdn/nokia-snake/source/voicemail_active.svg)}.game-start .keys.ns .small{background-image:url(https://cdn.jsdelivr.net/gh/xyxiao001/cdn/nokia-snake/source/add_active.svg)}.game-start .keys.n0 .small{background-image:url(https://cdn.jsdelivr.net/gh/xyxiao001/cdn/nokia-snake/source/space_active.svg)}.game-start .keys.nh .small{background-image:url(https://cdn.jsdelivr.net/gh/xyxiao001/cdn/nokia-snake/source/home_active.svg)}.game-start .keys div{color:#3d9140}.keyboard .keys:active,.keyboard .keys:focus{box-shadow:0 1px 1px 0 #888,inset 0 0 11px rgba(0,0,0,.85),inset 10px 7px 4px 0 rgba(144,143,143,.2),inset 9px -9px 9px 0 rgba(150,149,149,.2),inset -14px -12px 13px 0 rgba(130,128,128,.2),inset -20px 0 14px 0 hsla(0,0%,47.5%,.2),inset 0 0 0 1px #929090!important}.container-footer{position:fixed;bottom:30px;bottom:constant(safe-area-inset-bottom);bottom:env(safe-area-inset-bottom);left:0;text-align:center;right:0;color:#eee;font-size:14px;line-height:25px;z-index:1000}.container-footer .copyright{font-weight:lighter;font-size:10px}.container-footer .links a:not(:last-child):after{position:relative;content:"·";left:3px;margin-right:5px}.container-footer .links{margin-left:1ex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.container-footer .links a{text-decoration:none;color:#b78775;font-weight:400}.home{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100%;position:relative;z-index:2000}.home input{margin-bottom:15px;border-radius:4px;width:250px;border:none;padding:12px 15px}.home input:focus{box-shadow:0 0 15px 3px rgba(var(--white),.3);outline:none}.home button{margin-top:15px;padding:8px 30px;color:var(--brown);background-color:transparent;font-size:14px;font-weight:700;outline:none;border:none;border-radius:4px;box-shadow:inset 0 0 10px;text-shadow:0 0 5px hsla(0,0%,100%,.6)}.home button:hover{opacity:.9}.home.hide{display:none}.container.show-home #stats,.container.show-home canvas{opacity:0}.container.show-home .home-screen{display:flex}.home-screen{display:none;position:absolute;left:0;top:0;width:100%;height:100%;flex-direction:column;justify-content:center;align-items:center;z-index:99;pointer-events:all}.home-screen input{background-color:transparent;outline:none;box-shadow:none;width:60%;border:none;border-bottom:1px solid rgba(0,0,0,.6);font-family:ipix_12px,Source Sans Pro,Helvetica Neue,Arial,sans-serif}.home-screen input::placeholder{color:rgba(0,0,0,.2)}.home-screen .home-tip{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);font-size:10px;margin:0 auto;display:flex;align-items:center;flex-wrap:nowrap;white-space:nowrap}.home-screen .home-tip .home-btn{position:relative;top:1px;margin:0 5px;display:inline-block;height:12px;width:30px;background:transparent;border-radius:25% 25% 50% 50%/20% 20% 80% 80%;border:1px solid rgba(0,0,0,.3)}.home-screen .home-tip .home-btn:before{position:absolute;display:block;content:"";top:25%;left:50%;transform:translate(-50%,-50%);height:2px;width:50%;border-radius:42%;border:2px solid transparent;border-bottom-color:#70aac0}