:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#app-container{height:100%;width:100%}.bg-color{background-color:red;-webkit-animation:bg 3s infinite alternate;-moz-animation:bg 3s infinite alternate;-o-animation:bg 3s infinite alternate;animation:bg 3s infinite alternate}@-webkit-keyframes bg{0%{background:red}25%{background:#ff0}50%{background:#00f}to{background:green}}@-moz-keyframes bg{0%{background:red}25%{background:#ff0}50%{background:#00f}to{background:green}}@-o-keyframes bg{0%{background:red}25%{background:#ff0}50%{background:#00f}to{background:green}}@keyframes bg{0%{background:red}25%{background:#ff0}50%{background:#00f}to{background:green}}h1{font-size:3.2em;line-height:1.1;margin:0}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:60vh;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vanilla:hover{filter:drop-shadow(0 0 8em #f72c1eaa)}.card{padding:2em}.read-the-docs{color:#888}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@media (prefers-color-scheme: light){.cell:after{border-color:#213547}}@media (prefers-color-scheme: dark){.cell:after{border-color:#fff}}@media screen and (max-width: 380px){h1{font-size:2.2em;line-height:1.1;margin:0}.logo{height:50vh}}.game-board-container{display:flex;align-items:center;flex-direction:column;justify-content:center;touch-action:none}.game-board{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.row{display:flex}@media screen and (max-height: 800px){.cell{height:40px!important;width:40px!important}}@media screen and (max-height: 600px){.cell{height:30px!important;width:30px!important}}@media screen and (max-width: 750px){.cell{height:40px!important;width:40px!important}}@media screen and (max-width: 450px){.cell{height:35px!important;width:35px!important}}@media screen and (max-width: 360px){.cell{height:30px!important;width:30px!important}}.cell{height:65px;width:65px;border:1px solid}.head.up{background-image:url(/doghead-ud.png);background-size:cover}.eight-bit.head.up{background-image:url(/8bithead-ud.png)}.head.right{background-image:url(/doghead-lr.png);background-size:cover}.eight-bit.head.right{background-image:url(/8bithead-lr.png)}.head.left{background-image:url(/doghead-lr.png);background-size:cover;-webkit-transform:scaleX(-1);transform:scaleX(-1)}.eight-bit.head.left{background-image:url(/8bithead-lr.png)}.head.down{background-image:url(/doghead-ud.png);background-size:cover;-webkit-transform:scaleY(-1);transform:scaleY(-1)}.eight-bit.head.down{background-image:url(/8bithead-ud.png)}.tail.up{background-image:url(/dogbutt-ud.png);background-size:cover}.eight-bit.tail.up{background-image:url(/8bitbutt-ud.png)}.tail.right{background-image:url(/dogbutt-lr.png);background-size:cover}.eight-bit.tail.right{background-image:url(/8bitbutt-lr.png)}.tail.left{background-image:url(/dogbutt-lr.png);background-size:cover;-webkit-transform:scaleX(-1);transform:scaleX(-1)}.eight-bit.tail.left{background-image:url(/8bitbutt-lr.png)}.tail.down{background-image:url(/dogbutt-ud.png);background-size:cover;-webkit-transform:scaleY(-1);transform:scaleY(-1)}.eight-bit.tail.down{background-image:url(/8bitbutt-ud.png)}.body.up-right{background-image:url(/dogbody-ld.png);background-size:cover;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.eight-bit.body.up-right{background-image:url(/8bitbody-ld.png)}.body.right-up{background-image:url(/dogbody-ld.png);background-size:cover;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.eight-bit.body.right-up{background-image:url(/8bitbody-ld.png)}.body.up-left{background-image:url(/dogbody-ld.png);background-size:cover;-webkit-transform:scaleY(-1);transform:scaleY(-1)}.eight-bit.body.up-left{background-image:url(/8bitbody-ld.png)}.body.left-up{background-image:url(/dogbody-ld.png);background-size:cover;-webkit-transform:scaleY(-1);transform:scaleY(-1)}.eight-bit.body.left-up{background-image:url(/8bitbody-ld.png)}.body.up-down{background-image:url(/dogbody-lr.png);background-size:cover;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.eight-bit.body.up-down{background-image:url(/8bitbody-lr.png)}.body.down-up{background-image:url(/dogbody-lr.png);background-size:cover;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.eight-bit.body.down-up{background-image:url(/8bitbody-lr.png)}.body.right-down{background-image:url(/dogbody-ld.png);background-size:cover;-webkit-transform:scaleX(-1);transform:scaleX(-1)}.eight-bit.body.right-down{background-image:url(/8bitbody-ld.png)}.body.down-right{background-image:url(/dogbody-ld.png);background-size:cover;-webkit-transform:scaleX(-1);transform:scaleX(-1)}.eight-bit.body.down-right{background-image:url(/8bitbody-ld.png)}.body.left-down{background-image:url(/dogbody-ld.png);background-size:cover}.eight-bit.body.left-down{background-image:url(/8bitbody-ld.png)}.body.down-left{background-image:url(/dogbody-ld.png);background-size:cover}.eight-bit.body.down-left{background-image:url(/8bitbody-ld.png)}.body.right-left{background-image:url(/dogbody-lr.png);background-size:cover;-webkit-transform:scaleX(-1);transform:scaleX(-1)}.eight-bit.body.right-left{background-image:url(/8bitbody-lr.png)}.body.left-right{background-image:url(/dogbody-lr.png);background-size:cover}.eight-bit.body.left-right{background-image:url(/8bitbody-lr.png)}.cookie{background-image:url(/cookie.png);background-size:cover;-webkit-animation:rotating 2s linear infinite;-moz-animation:rotating 2s linear infinite;-ms-animation:rotating 2s linear infinite;-o-animation:rotating 2s linear infinite;animation:rotating 2s linear infinite;border-radius:50%;background-color:#fff}.cookie.eight-bit{background-image:url(/8bitcookie.png);-webkit-animation:mirroring 2s infinite;-moz-animation:mirroring 2s infinite;-ms-animation:mirroring 2s infinite;-o-animation:mirroring 2s infinite;animation:mirroring 2s infinite;border-radius:unset;background-color:unset}@keyframes mirroring{0%,49.9%{transform:scaleX(1)}50%,to{transform:scaleX(-1)}}@-webkit-keyframes rotating{0%{-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotating{0%{-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0)}to{-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}.hide{display:none}#options{position:fixed;top:0;right:20px;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;margin:1em 0}#options>h3{margin:0;cursor:pointer}.disabled{cursor:not-allowed!important;color:gray}.time,.fps{cursor:default!important}#game-title{cursor:pointer}label{font-size:1.17em;font-weight:700;unicode-bidi:isolate}