@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@400;700;800&display=swap";:root{--color-primary: #FFD93D;--color-secondary: #4ECDC4;--color-accent: #FF6B9D;--color-text-dark: #2C3E50;--color-background-light: #FFF8E7;--color-blue: #5B9BD5;--border-radius-large: 20px;--border-radius-medium: 12px;--box-shadow-3d: 0 6px 0 rgba(0,0,0,.15), 0 4px 20px rgba(0,0,0,.1);--box-shadow-inset: inset 0 2px 4px rgba(0,0,0,.1)}body{font-family:Quicksand,PingFang SC,system-ui,sans-serif;background-color:var(--color-background-light);display:flex;justify-content:center;align-items:center;min-height:100vh;margin:0;padding:20px;box-sizing:border-box;color:var(--color-text-dark);overflow:auto}.snake-game-container{background-color:#fff;border-radius:var(--border-radius-large);box-shadow:var(--box-shadow-3d);padding:30px;display:flex;flex-direction:column;align-items:center;gap:25px;position:relative;max-width:500px;width:100%}.cloud-status-badge{position:absolute;top:15px;right:15px;background-color:var(--color-blue);color:#fff;padding:5px 10px;border-radius:var(--border-radius-medium);font-size:.85em;font-weight:700;box-shadow:var(--box-shadow-inset)}.game-title{font-size:2.5em;font-weight:800;color:var(--color-text-dark);text-shadow:2px 2px 0px rgba(0,0,0,.1);margin-bottom:10px;transform:rotate(-1deg)}.game-board-wrapper{display:flex;flex-direction:column;align-items:center;gap:15px;position:relative;width:100%}.game-info-panel{display:flex;justify-content:space-between;width:100%;padding:10px 0}.score-display{display:flex;align-items:center;gap:8px;background-color:var(--color-secondary);color:#fff;padding:8px 15px;border-radius:var(--border-radius-medium);font-weight:700;font-size:1.1em;box-shadow:var(--box-shadow-inset)}.score-display svg{color:var(--color-text-dark)}.pause-button{background-color:var(--color-blue);color:#fff;border:none;padding:8px 15px;border-radius:var(--border-radius-medium);font-weight:700;font-size:1.1em;cursor:pointer;box-shadow:var(--box-shadow-3d);display:flex;align-items:center;gap:5px;transition:all .1s ease-out}.pause-button:active{transform:translateY(2px);box-shadow:0 2px #00000026,0 1px 5px #0000001a}.game-canvas{background-color:var(--color-background-light);border:4px solid var(--color-text-dark);border-radius:var(--border-radius-medium);box-shadow:inset 0 0 10px #0003;display:block}.start-screen,.game-over-screen,.pause-screen{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fffffff2;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:var(--border-radius-large);gap:15px;text-align:center;padding:20px;box-sizing:border-box}.start-title,.game-over-title,.pause-title{font-size:2.2em;font-weight:800;color:var(--color-text-dark);text-shadow:2px 2px 0px rgba(0,0,0,.1);margin-bottom:10px}.start-instruction,.final-score,.high-score,.pause-instruction{font-size:1.2em;font-weight:700;color:var(--color-text-dark)}.high-score-start{background-color:var(--color-primary);color:var(--color-text-dark);padding:10px 20px;border-radius:var(--border-radius-medium);box-shadow:var(--box-shadow-inset)}.replay-button,.resume-button{background-color:var(--color-accent);color:#fff;border:none;padding:12px 25px;border-radius:999px;font-weight:700;font-size:1.2em;cursor:pointer;box-shadow:var(--box-shadow-3d);display:flex;align-items:center;gap:8px;transition:all .1s ease-out}.replay-button:active,.resume-button:active{transform:translateY(2px);box-shadow:0 2px #00000026,0 1px 5px #0000001a}.controls-panel{display:flex;flex-direction:column;gap:10px;width:200px;margin-top:20px}.dpad-row{display:flex;justify-content:center;gap:10px}.dpad-button{background-color:var(--color-blue);color:#fff;border:none;width:60px;height:60px;border-radius:var(--border-radius-medium);font-size:1.5em;cursor:pointer;box-shadow:var(--box-shadow-3d);display:flex;justify-content:center;align-items:center;transition:all .1s ease-out}.dpad-button:active{transform:translateY(2px);box-shadow:0 2px #00000026,0 1px 5px #0000001a}.dpad-center-placeholder{width:60px;height:60px;background-color:transparent}@media (max-width: 600px){.snake-game-container{padding:20px;gap:15px}.game-title{font-size:2em}.score-display,.pause-button{font-size:1em;padding:6px 12px}.start-title,.game-over-title,.pause-title{font-size:1.8em}.start-instruction,.final-score,.high-score,.pause-instruction{font-size:1em}.replay-button,.resume-button{padding:10px 20px;font-size:1em}.controls-panel{width:180px}.dpad-button,.dpad-center-placeholder{width:50px;height:50px}}