@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700&family=ZCOOL+KuaiLe&display=swap";:root{--bg: #1A4A78;--surface: #0F3358;--primary: #FFD600;--primary-dark: #E5BC00;--accent: #FF8C00;--text: #FFFFFF;--text-muted: #A8C8E0;--border: #2A5A88;--success: #7FC242;--warning: #FF8C00;--danger: #FFAA33;--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%,#FF8C0033 0%,transparent 40%),radial-gradient(circle at 90% 80%,#FFD60022 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;position:relative}.app-container{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;display:flex;flex-direction:column;align-items:center;gap:20px;position:relative;overflow:hidden;max-width:90vw;width:800px}.cloud-status{position:absolute;top:10px;right:10px;background:var(--primary);color:var(--surface);padding:5px 10px;border-radius:10px;font-size:.8em;z-index:1000;box-shadow:var(--shadow)}.cloud-status.loading{background:var(--accent)}.cloud-status.error{background:var(--danger)}.game-header{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px}.game-title{font-family:ZCOOL KuaiLe,Quicksand,sans-serif;color:var(--primary);font-size:2.5em;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.score-board{display:flex;gap:20px;background:var(--border);padding:8px 15px;border-radius:var(--radius);box-shadow:inset 0 1px 3px #0000001a;font-size:1.1em}.score-item{display:flex;align-items:center;gap:5px;color:var(--text-muted)}.score-item svg{stroke-width:2.5px}.game-area{position:relative;width:100%;height:400px;border-radius:var(--radius);overflow:hidden;background:linear-gradient(to bottom,#87ceeb,#b0e0e6);box-shadow:inset 0 0 10px #0003}.game-canvas{display:block;width:100%;height:100%;background:transparent}.game-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0f3358e6;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;border-radius:var(--radius);text-align:center;padding:20px;box-sizing:border-box}.start-screen h2,.game-over-screen h2{font-family:ZCOOL KuaiLe,Quicksand,sans-serif;color:var(--primary);font-size:2.2em;margin-bottom:10px}.start-screen p,.game-over-screen p{color:var(--text-muted);font-size:1.1em;margin:5px 0}.action-button{background:var(--primary);color:var(--surface);border:none;padding:12px 25px;border-radius:var(--radius);font-size:1.2em;font-weight:700;cursor:pointer;box-shadow:0 4px 6px #0000001a;transition:background .3s ease,transform .2s ease}.action-button:hover{background:var(--primary-dark);transform:translateY(-2px)}.action-button:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.loading-text{color:var(--accent);font-style:italic;margin-top:15px}.image-previews{display:flex;gap:15px;margin-top:20px}.preview-img{width:50px;height:50px;object-fit:contain;border-radius:10px;background:#ffffff1a;padding:5px;box-shadow:var(--shadow)}.image-previews span{font-size:3em;line-height:1}@media (max-width: 600px){.game-title{font-size:2em}.score-board{flex-direction:column;gap:10px;padding:10px}.start-screen h2,.game-over-screen h2{font-size:1.8em}.action-button{padding:10px 20px;font-size:1em}}