@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700&family=ZCOOL+KuaiLe&display=swap";:root{--bg: #FFFFFF;--surface: #F7F7F7;--primary: #3DA000;--primary-dark: #2C7A00;--accent: #E51919;--text: #1F1F1F;--text-muted: #5C5C5C;--border: #E5E5E5;--success: #3DA000;--warning: #A87C00;--danger: #E51919;--radius: 20px;--shadow: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04)}body{margin:0;padding:0;font-family:Quicksand,ZCOOL KuaiLe,Nunito,sans-serif;background:radial-gradient(circle at 10% 20%,#E5191933 0%,transparent 40%),radial-gradient(circle at 90% 80%,#3DA00022 0%,transparent 40%),var(--bg);display:flex;justify-content:center;align-items:center;min-height:100vh;color:var(--text);overflow:hidden}.app-container{position:relative;width:100%;max-width:450px;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--surface);background-size:cover;background-position:center;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;padding:20px;box-sizing:border-box}.cloud-status{position:absolute;top:10px;right:10px;font-size:.8em;color:var(--text-muted);background-color:#ffffffb3;padding:5px 10px;border-radius:10px;z-index:10}.cloud-toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background-color:#000000b3;color:#fff;padding:10px 20px;border-radius:var(--radius);font-size:.9em;z-index:1000;box-shadow:var(--shadow)}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;text-align:center;font-size:1.2em;color:var(--text-muted)}.spinner{border:none;color:var(--primary);animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.start-screen,.game-screen,.game-over-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:20px;box-sizing:border-box;text-align:center;background-color:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);min-height:400px}.game-title{font-family:ZCOOL KuaiLe,sans-serif;font-size:3.5em;color:var(--primary);margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.high-score-display{display:flex;align-items:center;gap:8px;font-size:1.4em;color:var(--text-muted);margin-bottom:30px;background-color:var(--bg);padding:10px 20px;border-radius:var(--radius);box-shadow:var(--shadow)}.start-button,.play-again-button,.restart-button{background:linear-gradient(145deg,var(--primary),var(--primary-dark));color:#fff;border:none;border-radius:var(--radius);padding:15px 30px;font-size:1.5em;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:10px;box-shadow:var(--shadow);transition:all .2s ease;margin-top:20px}.start-button:hover,.play-again-button:hover,.restart-button:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.start-button:active,.play-again-button:active,.restart-button:active{transform:translateY(0);box-shadow:inset 0 2px 4px #0003}.game-intro{font-size:1em;color:var(--text-muted);margin-top:30px;line-height:1.5}.keyboard-hint{font-size:.9em;color:var(--text-muted);margin-top:15px;opacity:.8}.game-header{display:flex;justify-content:space-around;width:100%;margin-bottom:20px;font-size:1.5em;font-weight:700;color:var(--text)}.score-info,.moves-info{background-color:var(--bg);padding:10px 20px;border-radius:var(--radius);box-shadow:var(--shadow);display:flex;align-items:center;gap:5px}.score-info .label,.moves-info .label{font-size:.8em;color:var(--text-muted)}.score-info .value,.moves-info .value{color:var(--primary);font-size:1.2em}.game-board-container{width:100%;max-width:360px;aspect-ratio:1 / 1;background-color:var(--bg);border-radius:var(--radius);box-shadow:var(--shadow);padding:10px;margin-bottom:20px;display:flex;justify-content:center;align-items:center}.game-board{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:5px;width:100%;height:100%}.board-row{display:contents}.grid-cell{width:100%;height:100%;background-color:var(--surface);border-radius:15px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background-color .2s ease,transform .1s ease;box-shadow:inset 0 2px 4px #0000000d;position:relative;overflow:hidden}.grid-cell:hover{background-color:var(--border)}.selected-overlay{position:absolute;top:0;left:0;width:100%;height:100%;border:3px solid var(--accent);border-radius:15px;box-shadow:0 0 15px var(--accent);pointer-events:none}.fruit-image{width:80%;height:80%;object-fit:contain;pointer-events:none}.fruit-emoji{font-size:2.5em;pointer-events:none}.restart-button{background:linear-gradient(145deg,var(--accent),var(--danger));font-size:1.2em;padding:10px 20px}.game-over-screen{background-color:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:30px}.game-over-title{font-family:ZCOOL KuaiLe,sans-serif;font-size:3em;color:var(--accent);margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.final-score{font-size:1.8em;color:var(--text);margin-bottom:10px}.final-score .score-value{color:var(--primary);font-weight:700}.new-high-score-message{font-size:1.2em;color:var(--warning);font-weight:700;margin-top:15px}.play-again-button{margin-top:30px;background:linear-gradient(145deg,var(--primary),var(--primary-dark))}.background-particles{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(white 1px,transparent 1px),radial-gradient(white 1px,transparent 1px);background-size:20px 20px;background-position:0 0,10px 10px;opacity:.3;animation:move-background 60s linear infinite;z-index:-1}@keyframes move-background{0%{background-position:0 0,10px 10px}to{background-position:1000px 1000px,1010px 1010px}}@media (max-width: 600px){.app-container{min-height:100vh;border-radius:0;box-shadow:none;padding:10px}.game-title{font-size:2.8em}.high-score-display,.score-info,.moves-info{font-size:1.2em;padding:8px 15px}.start-button,.play-again-button{font-size:1.3em;padding:12px 25px}.game-board-container{max-width:320px;padding:8px}.fruit-emoji{font-size:2em}}