@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;background:radial-gradient(circle at 10% 20%,#E5191933 0%,transparent 40%),radial-gradient(circle at 90% 80%,#3DA00022 0%,transparent 40%),var(--bg);color:var(--text);font-family:Quicksand,ZCOOL KuaiLe,Nunito,sans-serif;display:flex;justify-content:center;align-items:center;min-height:100vh;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.game-container{background-color:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;display:flex;flex-direction:column;align-items:center;gap:20px;position:relative;max-width:840px;width:100%}.header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:0 10px}h1{font-family:ZCOOL KuaiLe,Quicksand,sans-serif;color:var(--primary-dark);font-size:2.2em;margin:0;display:flex;align-items:center;gap:8px}.icon-sparkles{color:var(--accent)}.cloud-sync-badge{background-color:var(--primary);color:var(--bg);font-size:.7em;padding:4px 8px;border-radius:10px;margin-left:10px;font-weight:700}.score-board{display:flex;gap:15px;font-size:1.1em;font-weight:500;color:var(--text-muted)}.high-score{display:flex;align-items:center;gap:5px;color:var(--text);font-weight:600}.game-canvas{background-color:#f0f8ff;border:2px solid var(--border);border-radius:10px;display:block}.canvas-wrapper{position:relative;width:800px;height:400px;border-radius:10px;overflow:hidden}.game-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0009;color:var(--bg);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;border-radius:10px;text-align:center;font-family:Quicksand,sans-serif;padding:20px;box-sizing:border-box}.game-overlay h2{font-family:ZCOOL KuaiLe,sans-serif;font-size:2.5em;margin-bottom:10px;color:var(--primary);text-shadow:2px 2px 4px rgba(0,0,0,.3)}.game-overlay p{font-size:1.2em;margin:5px 0;color:var(--surface)}.game-button{background-color:var(--primary);color:var(--bg);border:none;border-radius:var(--radius);padding:12px 25px;font-size:1.2em;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background-color .3s ease,transform .2s ease;box-shadow:var(--shadow)}.game-button:hover{background-color:var(--primary-dark)}.game-button:active{transform:scale(.98)}.cloud-toast{position:absolute;top:20px;right:20px;background-color:var(--primary);color:var(--bg);padding:10px 15px;border-radius:var(--radius);box-shadow:var(--shadow);font-size:.9em;font-weight:500;z-index:1000}@media (max-width: 860px){.game-container{margin:10px;padding:15px}.canvas-wrapper{width:100%;height:auto;aspect-ratio:800 / 400}.game-canvas{width:100%;height:100%}h1{font-size:1.8em}.score-board{font-size:1em}.game-overlay h2{font-size:2em}.game-overlay p{font-size:1em}.game-button{padding:10px 20px;font-size:1.1em}}@media (max-width: 500px){.header{flex-direction:column;gap:10px}h1{font-size:1.5em;text-align:center}.cloud-sync-badge{margin-left:0;margin-top:5px}.score-board{flex-direction:column;align-items:center}}