.snake-game-container{color:#fff;background-color:#2d3436;flex-direction:column;align-items:center;min-height:100vh;padding:2rem;font-family:"Press Start 2P",Courier New,monospace;display:flex}.snake-header{text-align:center;margin-bottom:1rem}.snake-title{color:#55efc4;text-shadow:2px 2px #000;margin-bottom:.5rem;font-size:2.5rem}.score-board{background:#0000004d;border-radius:15px;gap:2rem;margin-bottom:1rem;padding:1rem 2rem;font-size:1.2rem;display:flex}.score-item{flex-direction:column;align-items:center;gap:.5rem;display:flex}.score-label{color:#b2bec3;font-size:.8rem}.score-value{color:#ffeaa7;font-size:1.5rem;font-weight:700}.game-area{background:#636e72;border-radius:10px;padding:10px;position:relative;box-shadow:0 10px 30px #00000080}.game-board{background-color:#000;border:2px solid #b2bec3;display:grid}.cell{box-sizing:border-box;border:1px solid #ffffff0d;width:20px;height:20px}.cell.snake{background-color:#55efc4;border:1px solid #00b894;border-radius:2px}.cell.snake-head{z-index:10;background-color:#00b894}.cell.food{background-color:#ff7675;border-radius:50%;animation:1s infinite alternate pulse;transform:scale(.8);box-shadow:0 0 10px #ff7675}.game-overlay{text-align:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100;background:#000000d9;border:2px solid #55efc4;border-radius:15px;width:80%;max-width:400px;padding:2rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.overlay-title{color:#ff7675;margin-bottom:1rem;font-size:2rem}.overlay-score{color:#dfe6e9;margin-bottom:2rem;font-size:1.2rem}.start-btn{color:#2d3436;cursor:pointer;background-color:#55efc4;border:none;border-radius:5px;padding:1rem 2rem;font-family:inherit;font-size:1.2rem;font-weight:700;transition:transform .1s,background-color .2s;box-shadow:0 4px #00b894}.start-btn:hover{background-color:#2ecc71;transform:translateY(-2px);box-shadow:0 6px #27ae60}.start-btn:active{box-shadow:none;transform:translateY(4px)}.controls-hint{color:#b2bec3;flex-direction:column;align-items:center;gap:5px;margin-top:1rem;font-size:.8rem;display:flex}.key-badge{color:#fff;background:#636e72;border-bottom:2px solid #2d3436;border-radius:4px;padding:4px 8px;font-weight:700;display:inline-block}@keyframes pulse{0%{opacity:.8;transform:scale(.8)}to{opacity:1;transform:scale(1.1)}}.back-btn-wrapper{position:absolute;top:2rem;left:2rem}.back-btn{color:#b2bec3;cursor:pointer;background:0 0;border:2px solid #b2bec3;border-radius:30px;padding:10px 20px;font-family:inherit;transition:all .2s}.back-btn:hover{color:#fff;border-color:#fff}