body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-image:url(/static/media/background.62fb48656d25ab8153af.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh;margin:0;overflow:hidden;padding:0;width:100vw}.game-container{align-items:flex-start;display:flex;height:100vh;justify-content:center;position:relative}.canvas-container{height:800px;position:relative;width:800px}button{font-size:16px;margin-top:10px;padding:10px}@media (max-width:768px){body{height:100%;width:100%}}.game-info{background-color:#00000080;border-radius:5px;color:#fff;font-family:Press Start\ 2P,sans-serif;font-size:16px;padding:10px;position:absolute;right:20px;top:10px;z-index:10}.sound-button{align-items:center;background-color:#fff;border:none;border-radius:5px;color:#000;cursor:pointer;display:flex;margin-top:10px;padding:10px}.sound-button:hover{background-color:#f0f0f0}.sound-icon{margin-right:5px}.game-over{padding:20px;text-align:center}.game-over h1{font-size:2.5em;margin-bottom:20px}.game-over p{font-size:1.5em;margin:10px 0}.home-link{background-color:#007bff;border-radius:5px;color:#fff;display:inline-block;margin-top:20px;padding:10px 20px;text-decoration:none}.home-link:hover{background-color:#0056b3}.progress-bar{background-color:#f3f3f3;border-radius:5px;height:10px;margin:20px auto 0;overflow:hidden;width:400px}.progress{background-color:#007bff;height:100%;transition:width 1s linear}.home-container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center}button{cursor:pointer;font-size:1.2em;margin:10px;padding:10px 20px}.join-panel{background:#fff;border-left:1px solid #ddd;box-shadow:-2px 0 5px #0000001a;height:100%;padding:20px;position:absolute;right:0;top:0;width:300px}.join-panel ul{list-style:none;padding:0}.join-panel li{border-bottom:1px solid #ddd;cursor:pointer;padding:10px}.join-panel li:hover{background:#f0f0f0}.duration-selection{margin:20px 0}.duration-selection label{font-size:1.2em;margin:0 10px}.intro-container{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center}.intro-snake{font-size:5em}