@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&display=swap";#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@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}.glass-card{background:var(--glass-bg);box-shadow:0 0 20px #00f5ff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.neon-button{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary);border-radius:.5rem;padding:.75rem 1.5rem;font-family:var(--font-primary);font-weight:700;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all .3s ease;box-shadow:0 0 10px #00f5ff4d;margin:.5rem 0}.neon-button:hover:not(:disabled){background:var(--color-primary);color:var(--color-bg);box-shadow:0 0 20px var(--color-primary);transform:translateY(-2px)}.neon-button:disabled{opacity:.5;cursor:not-allowed}.snake-game-wrapper h1{margin-bottom:20px}.snake-game-wrapper #game-container{background-color:#3a404d;border-radius:10px;box-shadow:0 0 20px #00000080;overflow:hidden}.snake-game-wrapper canvas{display:block;background-color:#282c34;border-radius:10px}.snake-game-wrapper .controls{margin-top:20px;display:flex;gap:20px;align-items:center}.snake-game-wrapper button{background-color:#61dafb;color:#282c34;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:1em;transition:background-color .3s ease}.snake-game-wrapper button:hover{background-color:#21a1f1}.snake-game-wrapper #score{font-size:1.2em;font-weight:700;color:#61dafb}.snake-game-wrapper #highScoreContainer{margin-top:20px;background-color:#3a404d;border-radius:10px;box-shadow:0 0 20px #00000080;padding:20px;text-align:center;color:#fff}.snake-game-wrapper #highScoreContainer h2{color:#61dafb;margin-bottom:15px}.snake-game-wrapper #highScoresList{list-style:none;padding:0}.snake-game-wrapper #highScoresList li{padding:5px 0;border-bottom:1px solid #555}.snake-game-wrapper #highScoresList li:last-child{border-bottom:none}.snake-game-wrapper #gameOverScreen{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000c;padding:30px;border-radius:10px;text-align:center;color:#fff;z-index:100}.snake-game-wrapper #gameOverScreen h2{color:#ff4d4d;margin-bottom:15px}.snake-game-wrapper #gameOverScreen p{font-size:1.1em;margin-bottom:20px}.snake-game-wrapper #gameOverScreen button{background-color:#45a049;color:#fff;margin:.5rem .2rem}.snake-game-wrapper #gameOverScreen button:hover{background-color:#45a049}.snake-game-wrapper #gameStartScreen{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000c;padding:30px;border-radius:10px;text-align:center;color:#fff;z-index:100}.snake-game-wrapper #gameStartScreen h2{color:#61dafb;margin-bottom:15px}.snake-game-wrapper #gameStartScreen p,.snake-game-wrapper #gameStartScreen ul{font-size:1.1em;margin-bottom:20px;text-align:left;padding:0 20px}.snake-game-wrapper #gameStartScreen ul{list-style-type:none}.snake-game-wrapper #gameStartScreen li{margin-bottom:5px}.snake-game-wrapper #gameStartScreen button{background-color:#61dafb;color:#282c34}.snake-game-wrapper #gameStartScreen button:hover{background-color:#21a1f1}.snake-game-wrapper .mobile-controls{display:none;flex-direction:column;align-items:center;margin-top:20px}.snake-game-wrapper .mobile-controls .left-right-buttons{display:flex;justify-content:center;gap:20px;margin:10px 0}.snake-game-wrapper .control-button{background-color:#61dafb;color:#282c34;border:none;padding:15px 25px;border-radius:50%;font-size:1.2em;cursor:pointer;transition:background-color .3s ease;width:70px;height:70px;display:flex;justify-content:center;align-items:center}.snake-game-wrapper .control-button:hover{background-color:#21a1f1}@media (max-width: 768px){.snake-game-wrapper .mobile-controls{display:flex}.snake-game-wrapper .controls{flex-direction:column}.snake-game-wrapper #gameStartScreen h2{font-size:1.5em}.snake-game-wrapper #gameStartScreen p,.snake-game-wrapper #gameStartScreen ul{font-size:.9em}}.snake-game-wrapper .hidden{display:none}/*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial}}}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.z-50{z-index:50}.col-span-1{grid-column:span 1/span 1}.col-start-2{grid-column-start:2}.container{width:100%}.mx-auto{margin-inline:auto}.mt-auto{margin-top:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.inline-flex{display:inline-flex}.table{display:table}.h-full{height:100%}.max-h-full{max-height:100%}.min-h-screen{min-height:100vh}.w-full{width:100%}.max-w-full{max-width:100%}.flex-1{flex:1}.flex-grow{flex-grow:1}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-\[var\(--glass-border\)\]{border-color:var(--glass-border)}.border-transparent{border-color:#0000}.bg-\[\#282c34\]{background-color:#282c34}.bg-\[var\(--color-primary\)\]{background-color:var(--color-primary)}.bg-\[var\(--glass-bg\)\]{background-color:var(--glass-bg)}.bg-cover{background-size:cover}.bg-center{background-position:50%}.object-cover{-o-object-fit:cover;object-fit:cover}.text-center{text-align:center}.text-right{text-align:right}.break-all{word-break:break-all}.text-\[\#61dafb\]{color:#61dafb}.text-\[var\(--color-bg\)\]{color:var(--color-bg)}.text-\[var\(--color-primary\)\],.text-\[var\(--color-primary\)\]\/80{color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.text-\[var\(--color-primary\)\]\/80{color:color-mix(in oklab,var(--color-primary)80%,transparent)}}.text-\[var\(--color-text-muted\)\]{color:var(--color-text-muted)}.opacity-50{opacity:.5}.shadow-\[0_0_10px_var\(--color-primary\)\]{--tw-shadow:0 0 10px var(--tw-shadow-color,var(--color-primary));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_15px_var\(--color-primary\)\]{--tw-shadow:0 0 15px var(--tw-shadow-color,var(--color-primary));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-\[var\(--color-primary\)\]{--tw-ring-color:var(--color-primary)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-300{--tw-duration:.3s;transition-duration:.3s}@media (hover:hover){.hover\:bg-\[var\(--glass-border\)\]:hover{background-color:var(--glass-border)}}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-\[var\(--color-primary\)\]:focus{--tw-ring-color:var(--color-primary)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:opacity-50:disabled{opacity:.5}:root{--font-primary:"Orbitron",sans-serif;--font-secondary:system-ui,Avenir,Helvetica,Arial,sans-serif;--color-bg:#0d0d1a;--color-primary:#00f5ff;--color-secondary:#7e22ce;--color-text:#e0e0e0;--color-text-muted:#a0a0a0;--glass-bg:#16162680;--glass-border:#ffffff1a;--glass-blur:backdrop-filter(blur(10px));font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-secondary);background-color:var(--color-bg);color:var(--color-text);min-height:100vh;margin:0}h1,h2,h3{font-family:var(--font-primary);text-shadow:0 0 5px var(--color-primary)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}