body{margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#282c34;color:#fff}.game-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}h1{text-align:center;margin-bottom:20px;color:#61dafb}.board{position:relative;width:400px;height:400px;border:3px solid #61dafb;background-color:#21252b;border-radius:4px}.snake-segment{position:absolute;width:20px;height:20px;background-color:#4caf50;border-radius:2px}.snake-segment:first-child{background-color:#8bc34a}.food{position:absolute;width:20px;height:20px;background-color:#f44336;border-radius:50%}.score{position:absolute;top:10px;right:10px;padding:5px 10px;background-color:#00000080;border-radius:4px}.game-over{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;background-color:#000c;padding:20px;border-radius:8px;width:80%}.instructions{margin-top:20px;text-align:center;background-color:#00000080;padding:10px;border-radius:4px}.control-switcher{margin-top:15px;display:flex;align-items:center;justify-content:center}.control-switcher label{margin-right:10px}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#61dafb}input:focus+.slider{box-shadow:0 0 1px #61dafb}input:checked+.slider:before{transform:translate(26px)}.active-control{margin-left:10px;padding:3px 8px;background-color:#61dffb33;border-radius:4px;font-size:.9em}