*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background-color:#fff;overflow:hidden;position:relative}#gameCanvas{position:absolute;top:0;left:0;background-color:#fff;display:block}#snakeSVG{position:absolute;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:5}.snake-head{fill:url(#headGradient);stroke:#000;stroke-width:1;filter:drop-shadow(0 0 8px rgba(0,0,0,.3))}.snake-path{fill:#000;stroke:none}.screen{position:absolute;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;z-index:10}.screen.hidden{display:none}#blankScreen.slide-out{transform:translateY(-100%)!important}#blankScreen.slide-in{transform:translateY(0)!important}#splashScreen{background-color:#fdfdfd;color:#333}.splash-content{text-align:center}.splash-content h1{font-size:5rem;letter-spacing:-.05em;margin-bottom:5rem;color:#333}#blankScreen{background-color:#fbfbfa!important;z-index:20!important;transform:translateY(100%)!important;display:flex!important;position:absolute!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;transition:transform .5s ease-in-out!important;justify-content:center!important;align-items:center!important}.blank-content{width:100%;height:100%}.game-button{background-color:#588157;color:#fff;border:none;padding:16px 32px;font-size:1.2rem;border-radius:32px;cursor:pointer;transition:background-color .3s ease}.game-button:hover{background-color:#588157}.game-button:active{transform:translateY(2px)}@media (max-width: 768px){.splash-content h1{font-size:2rem}.game-button{padding:12px 24px;font-size:1rem}}@media (max-width: 480px){.splash-content h1{font-size:1.5rem}.game-button{padding:10px 20px;font-size:.9rem}}