@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Poppins:wght@300;400;600&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1a1a1a;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}#root{text-align:center;max-width:1280px;margin:0 auto;padding:2rem}h1{color:#646cff;margin-bottom:.5em;font-size:3.2em;line-height:1.1}p{color:#888;text-transform:uppercase;letter-spacing:.1em;font-weight:500}:root{--primary:#646cff;--snake-head:#00ff08;--snake-body:#388e3c;--food:#ff1744;--bg-dark:#0a0a0a}body{background-color:var(--bg-dark);justify-content:center;align-items:center;min-height:100vh;margin:0;display:flex}.container{color:#fff;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;padding:20px;font-family:Poppins,sans-serif;display:flex}.header{justify-content:space-between;align-items:flex-end;width:610px;margin-bottom:25px;display:flex}.header h1{letter-spacing:2px;background:linear-gradient(#fff 40%,#646cff 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 8px #646cff66);-webkit-background-clip:text;margin:0;font-family:Orbitron,sans-serif;font-size:2.8rem;font-weight:900}.stats{gap:15px;display:flex}.score{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-align:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;min-width:120px;padding:10px 20px;font-family:Orbitron,sans-serif;font-size:1.1rem}.game-area{background:#000;border:4px solid #1a1a1a;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 0 50px #000000e6,0 0 20px #646cff1a}canvas{image-rendering:pixelated;display:block}.overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background:#000c;flex-direction:column;justify-content:center;align-items:center;animation:.4s cubic-bezier(.39,.575,.565,1) fadeIn;display:flex;position:absolute;inset:0}@keyframes fadeIn{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.overlay h2{color:#fff;text-transform:uppercase;text-shadow:0 0 20px var(--food);margin:0 0 30px;font-family:Orbitron,sans-serif;font-size:3.5rem}@keyframes text-shake{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}button{color:#000;text-transform:uppercase;cursor:pointer;clip-path:polygon(10% 0,100% 0,90% 100%,0% 100%);background:#fff;border:none;border-radius:4px;padding:15px 45px;font-family:Orbitron,sans-serif;font-size:1.2rem;font-weight:900;transition:all .2s}button:hover{background:var(--primary);color:#fff;box-shadow:0 0 20px var(--primary);transform:scale(1.1)}button:active{transform:scale(.95)}.overlay p{letter-spacing:5px;color:var(--primary);font-family:Orbitron,sans-serif;animation:1.5s infinite pulse-text}@keyframes pulse-text{0%,to{opacity:.3;transform:scale(.95)}50%{opacity:1;transform:scale(1)}}