#root{max-width:1280px;margin:0 auto;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em rgba(100,108,255,.6666666667))}.logo.react:hover{filter:drop-shadow(0 0 2em rgba(97,218,251,.6666666667))}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}canvas{border:1px solid #334155;background-color:#fffc;max-width:500px}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.tw-absolute{position:absolute}.tw-relative{position:relative}.tw-bottom-0{bottom:0}.tw-left-0{left:0}.tw-right-5{right:1.25rem}.tw-top-5{top:1.25rem}.tw-mb-2{margin-bottom:.5rem}.tw-flex{display:flex}.tw-w-5{width:1.25rem}.tw-w-full{width:100%}.tw-flex-row{flex-direction:row}.tw-flex-wrap{flex-wrap:wrap}.tw-items-center{align-items:center}.tw-justify-center{justify-content:center}.tw-gap-2{gap:.5rem}.tw-gap-5{gap:1.25rem}.tw-rounded-lg{border-radius:.5rem}.tw-bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity))}.tw-p-8{padding:2rem}.tw-px-4{padding-left:1rem;padding-right:1rem}.tw-py-3{padding-top:.75rem;padding-bottom:.75rem}.tw-text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}: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:#1e293b;background-image:url(/assets/snake-i3TVrvRD.png);background-repeat:no-repeat;background-position:center center;background-size:contain;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:300px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}h1,h2,h3,h4,p{margin:0}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#334155;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}button:disabled{cursor:default}button:disabled:focus,button:disabled:hover,button:disabled:focus-visible{outline:none!important}@media (prefers-color-scheme: light){:root{color:#475569;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@keyframes fade{0%{opacity:1}50%{opacity:.3}to{opacity:1}}.highest-scores{width:200px;display:flex;flex-direction:column;justify-items:start}.user-select-list{list-style-type:none;width:100%;padding-left:unset}.user-select-list li{cursor:pointer;margin-bottom:15px}.users-list{list-style-type:none;width:100%;padding-left:0;display:flex;flex-direction:column;align-items:stretch}.users-list li{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:.5rem;box-sizing:border-box;border-bottom:2px solid #94a3b8}.users-list li h4{line-height:2.5rem;margin:0}.username-input{width:100%;padding:10px;font-size:16px;border:1px solid #e2e8f0;border-radius:5px;outline:none;transition:border-color .3s;margin-bottom:20px}.username-input:focus,.username-input:hover{border-color:#65a30d;box-shadow:0 0 5px #007bff80}.hover-show{display:none}li:hover .hover-show{display:inline}.outlined-text{color:#fff;text-shadow:-1px -1px 0 #4b5563,1px -1px 0 #4b5563,-1px 1px 0 #4b5563,1px 1px 0 #4b5563}@media screen and (max-width: 768px){.hide-mobile{display:none}.arrow-buttons-container{display:grid}}@media screen and (min-width: 768px){.hide-mobile{display:block}.arrow-buttons-container{display:none}}.arrow-buttons-container{grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;gap:5px;width:160px;height:160px;justify-content:center;align-items:center;margin:10px auto;padding-bottom:50px}.arrow-buttons-container button{width:50px;height:50px;font-size:20px;background-color:#2563eb;color:#fff;border:none;cursor:pointer;border-radius:50%;display:flex;justify-content:center;align-items:center;transition:background-color .3s ease}.arrow-buttons-container #arrowUpBtn{grid-column:2/3;grid-row:1/2}.arrow-buttons-container #arrowLeftBtn{grid-column:1/2;grid-row:2/3}.arrow-buttons-container #arrowDownBtn{grid-column:2/3;grid-row:3/4}.arrow-buttons-container #arrowRightBtn{grid-column:3/4;grid-row:2/3}@media (min-width: 768px){.md\:tw-absolute{position:absolute}.md\:tw-left-5{left:1.25rem}.md\:tw-top-5{top:1.25rem}.md\:tw-flex-col{flex-direction:column}}