@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;min-height:100vh}.app-container{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;box-sizing:border-box}.screen{width:100%;max-width:480px;display:flex;flex-direction:column;align-items:center;gap:1rem}.btn{display:inline-flex;align-items:center;gap:6px;border:none;border-radius:var(--radius);padding:.75rem 1.5rem;font-family:inherit;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:var(--shadow)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:#1a1a1a}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn-sm{padding:.4rem .8rem;font-size:.85rem}.btn-hint{background:var(--warning);color:#1a1a1a}.btn-start{font-size:1.3rem;padding:1rem 2.5rem;margin-top:1rem}.cloud-badge{font-size:.8rem;color:var(--text-muted);margin-top:.5rem}.start-content{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.game-title{font-family:ZCOOL KuaiLe,Quicksand,sans-serif;font-size:2.8rem;margin:0;color:var(--primary);text-shadow:2px 2px 0 rgba(0,0,0,.3)}.hero-image{width:160px;height:160px;border-radius:50%;background:var(--surface);display:flex;align-items:center;justify-content:center;overflow:hidden;border:4px solid var(--primary)}.hero-img{width:100%;height:100%;object-fit:cover}.hero-placeholder{font-size:4rem}.start-sub{font-size:1rem;color:var(--text-muted);max-width:300px}.section-title{font-family:ZCOOL KuaiLe,Quicksand,sans-serif;font-size:2rem;margin:0;color:var(--primary)}.level-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;width:100%}.level-card{background:var(--surface);border-radius:var(--radius);padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.4rem;cursor:pointer;position:relative;border:2px solid transparent;transition:border-color .2s}.level-card:hover{border-color:var(--primary)}.level-card.locked{opacity:.5;cursor:default}.level-card.locked:hover{border-color:transparent}.level-emoji{font-size:2.5rem}.level-name{font-weight:600;font-size:1rem}.level-desc{font-size:.85rem;color:var(--text-muted);text-align:center}.level-stars{display:flex;gap:2px}.lock-icon{position:absolute;top:.5rem;right:.5rem;font-size:1.2rem}.check-icon{position:absolute;top:.5rem;left:.5rem;background:var(--success);border-radius:50%;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center}.score-bar-bottom{display:flex;justify-content:space-between;width:100%;font-size:.9rem;color:var(--text-muted);padding-top:1rem;border-top:1px solid var(--border)}.play-screen{position:relative}.play-header{display:flex;align-items:center;justify-content:space-between;width:100%;background:var(--surface);padding:.6rem 1rem;border-radius:var(--radius);box-sizing:border-box}.play-stats{display:flex;gap:1rem;align-items:center}.stat-item{display:flex;align-items:center;gap:4px;font-weight:600;font-size:.95rem}.play-actions{display:flex;gap:.4rem}.scene-area{background:var(--surface);border-radius:var(--radius);padding:1.5rem;width:100%;min-height:300px;box-sizing:border-box}.item-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}.item-btn{display:flex;flex-direction:column;align-items:center;gap:4px;background:var(--bg);border:2px solid var(--border);border-radius:12px;padding:.6rem .4rem;cursor:pointer;transition:all .2s;position:relative;color:var(--text)}.item-btn:hover{border-color:var(--primary)}.item-btn.found{opacity:.4;border-color:var(--success);pointer-events:none}.item-btn.wrong{opacity:.3;border-color:var(--danger);pointer-events:none}.item-emoji{font-size:2rem;line-height:1}.item-img{width:48px;height:48px;object-fit:contain}.item-label{font-size:.7rem;color:var(--text-muted);max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-check{position:absolute;top:4px;right:4px;background:var(--success);border-radius:50%;padding:2px;color:#fff}.story-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100}.story-card{background:var(--surface);border-radius:var(--radius);padding:2rem;max-width:380px;text-align:center;box-shadow:0 8px 30px #00000080}.story-card h3{font-family:ZCOOL KuaiLe,Quicksand,sans-serif;color:var(--primary);margin:0 0 .8rem}.story-card p{color:var(--text-muted);line-height:1.6}.story-actions{margin-top:1.5rem}.feedback-toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%);padding:.6rem 1.2rem;border-radius:12px;font-weight:600;z-index:50;white-space:nowrap;box-shadow:0 4px 12px #0000004d}.feedback-toast.ok{background:var(--success);color:#1a1a1a}.feedback-toast.fail{background:var(--danger);color:#1a1a1a}.progress-bar{width:100%;height:12px;background:var(--surface);border-radius:10px;overflow:hidden;position:relative;margin-top:.5rem}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:10px;transition:width .4s ease}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.7rem;font-weight:700;color:#1a1a1a}.gameover-screen{text-align:center}.gameover-title{font-family:ZCOOL KuaiLe,Quicksand,sans-serif;font-size:2.5rem;color:var(--accent);margin:0}.gameover-banner{width:140px;height:140px;border-radius:50%;overflow:hidden;background:var(--surface);border:4px solid var(--primary);display:flex;align-items:center;justify-content:center}.gameover-stats p{margin:.3rem 0;font-size:1rem;color:var(--text-muted)}.gameover-stats strong{color:var(--primary)}.gameover-actions{display:flex;gap:1rem;margin-top:1.5rem}@media (max-width: 420px){.item-grid{grid-template-columns:repeat(3,1fr)}.game-title{font-size:2rem}.level-grid{grid-template-columns:1fr}.play-header{flex-direction:column;gap:.5rem}}