@font-face{font-family:chivoMono;src:url(../media/ChivoMono[wght]-s.p.62da1b7e.woff)format("woff");font-display:swap;font-weight:100 900}@font-face{font-family:chivoMono Fallback;src:local(Arial);ascent-override:71.49%;descent-override:19.01%;line-gap-override:0.0%;size-adjust:131.49%}.chivomono_3c53084d-module__T6qI7a__className{font-family:chivoMono,chivoMono Fallback}.chivomono_3c53084d-module__T6qI7a__variable{--font-chivo-mono:"chivoMono","chivoMono Fallback"}
@font-face{font-family:chivo;src:url(../media/Chivo-s.p.0b3e46a0.woff)format("woff");font-display:swap}@font-face{font-family:chivo Fallback;src:local(Arial);ascent-override:88.49%;descent-override:23.61%;line-gap-override:0.0%;size-adjust:105.89%}.chivo_6cc6b6ac-module__B4NpwG__className{font-family:chivo,chivo Fallback}.chivo_6cc6b6ac-module__B4NpwG__variable{--font-chivo:"chivo","chivo Fallback"}
.snake-game-container{width:620px;height:320px;margin:0 auto;position:relative;overflow:hidden}.snake-game-container[data-vertical=true]{aspect-ratio:2/3;width:auto;max-width:100%;height:100%;margin:0 auto}.snake-game-container *{box-sizing:border-box}.snake-game-container{color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:.5rem;font-family:sans-serif;overflow:hidden}.snake-score{color:#ffffff80;text-align:center;z-index:10;padding:10px;font-size:16px;font-weight:700;position:absolute;top:0;left:0;right:0}.snake-stage{z-index:2;background-color:#262626;width:0;height:0;position:absolute;top:.5%;left:.5%}.tile{background:#09090b;transition-property:background,box-shadow,opacity,transform;transition-duration:3s;position:absolute;transform:translateZ(0)}.tile:before{content:"";opacity:0;width:0;height:0;margin:auto;transition:opacity .3s;position:absolute;inset:0}.tile.path:before{opacity:.15!important}.tile.up:before{border-left:4px solid #0000;border-right:4px solid #0000;border-bottom:4px inset #ffffff26!important}.tile.down:before{border-left:4px solid #0000;border-right:4px solid #0000;border-top:4px inset #ffffff26!important}.tile.left:before{border-top:4px solid #0000;border-bottom:4px solid #0000;border-right:4px inset #ffffff26!important}.tile.right:before{border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:4px inset #ffffff26!important}@media (max-width:900px),(max-height:900px){.tile.up:before,.tile.down:before,.tile.left:before,.tile.right:before{border-width:3px}}@media (max-width:500px),(max-height:500px){.tile.up:before,.tile.down:before,.tile.left:before,.tile.right:before{border-width:2px}}.tile.pressed{background:#0000004d;transition-duration:0s;box-shadow:inset 0 0 10px #0009}