*{box-sizing:border-box;margin:0;padding:0}body{color:#e0e0e0;background:#0d0d1a;min-height:100vh;font-family:system-ui,-apple-system,sans-serif;line-height:1.5;overflow-x:hidden}.game-page{justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.snake-wrapper{-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:.75rem;width:100%;max-width:400px;display:flex}.snake-score-top{flex-direction:column;align-items:center;gap:0;line-height:1;display:flex}.snake-score-label{text-transform:uppercase;letter-spacing:.15em;color:#888;font-size:.75rem}.snake-score-value{color:#fff;text-align:center;min-width:2ch;font-size:5rem;font-weight:800;line-height:1.1}.snake-header{justify-content:center;align-items:center;width:100%;display:flex}.snake-title{letter-spacing:.05em;color:#0f5;text-transform:uppercase;font-size:1.5rem;font-weight:800}.snake-canvas-container{border:2px solid #16213e;border-radius:4px;width:100%;overflow:hidden;box-shadow:0 0 40px #00ff5514}.snake-canvas{width:100%;height:auto;display:block}.snake-footer{justify-content:space-between;align-items:center;gap:1rem;width:100%;display:flex}.snake-status{color:#aaa;overflow-wrap:break-word;flex:1;min-width:0;font-size:.85rem}.snake-restart-btn{color:#0f5;cursor:pointer;white-space:nowrap;background:#16213e;border:1px solid #53c28b;border-radius:4px;padding:.35rem 1rem;font-size:.85rem;font-weight:600;transition:background .15s}.snake-restart-btn:hover{background:#1e3a5f}.snake-restart-btn:active{background:#0d2137}.snake-dpad{touch-action:none;grid-template-columns:repeat(3,1fr);grid-template-areas:".up.""left.right"".down.";gap:6px;width:clamp(150px,40vw,180px);display:grid}.dpad-btn{color:#0f5;cursor:pointer;aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#16213e;border:1px solid #53c28b;border-radius:6px;justify-content:center;align-items:center;min-width:44px;min-height:44px;font-size:1.25rem;transition:background .1s;display:flex}.dpad-btn:hover{background:#1e3a5f}.dpad-btn:active{background:#0d2137}.dpad-up{grid-area:up}.dpad-left{grid-area:left}.dpad-right{grid-area:right}.dpad-down{grid-area:down}