:root{color-scheme:light;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:linear-gradient(160deg,#e8f5e9,#c8e6c9,#a5d6a7 60%,#81c784);color:#2e3b2e}.garden{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:1.5rem 1rem 2rem}.garden-header{text-align:center;margin-bottom:1rem}.garden-header h1{font-size:2rem;font-weight:700;color:#1b5e20;letter-spacing:-.02em}.subtitle{color:#4a7c4f;font-size:.95rem;margin-top:.25rem}.level-bar{display:flex;gap:.5rem;margin-bottom:1rem}.level-dot{width:2.2rem;height:2.2rem;border-radius:50%;border:2px solid #66bb6a;background:#fff;color:#388e3c;font-weight:700;font-size:.85rem;cursor:pointer;transition:all .25s ease}.level-dot:hover{background:#c8e6c9}.level-dot.active{background:#43a047;color:#fff;border-color:#2e7d32;transform:scale(1.1)}.level-dot.completed{background:#66bb6a;color:#fff;border-color:#43a047}.level-info{display:flex;gap:1.5rem;align-items:center;background:#ffffffb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.5rem 1.25rem;border-radius:2rem;font-size:.9rem;margin-bottom:1.25rem;box-shadow:0 2px 8px #0000000f}.level-name{font-weight:700;color:#2e7d32}.move-count,.pairs-found{color:#4a6b4f}.match-toast{display:flex;align-items:center;gap:.5rem;background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.5rem 1rem;border-radius:1rem;font-size:.85rem;color:#2e7d32;box-shadow:0 4px 12px #0000001a;margin-bottom:1rem;animation:toast-in .35s ease}.match-emoji{font-size:1.3rem}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.card-grid{display:grid;gap:.75rem;width:100%;max-width:36rem;perspective:800px}.memory-card{aspect-ratio:1;border:none;background:none;cursor:pointer;padding:0;outline:none}.memory-card:disabled{cursor:default}.card-inner{width:100%;height:100%;position:relative;transition:transform .5s ease;transform-style:preserve-3d}.memory-card.flipped .card-inner,.memory-card.matched .card-inner{transform:rotateY(180deg)}.card-front,.card-back{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:.85rem;display:flex;flex-direction:column;align-items:center;justify-content:center;backface-visibility:hidden;-webkit-backface-visibility:hidden}.card-front{background:linear-gradient(135deg,#a5d6a7,#81c784);border:2px solid #66bb6a;box-shadow:0 4px 12px #388e3c33;transition:box-shadow .2s}.memory-card:not(.flipped):not(.matched):not(:disabled):hover .card-front{box-shadow:0 6px 20px #388e3c59}.card-back-icon{font-size:1.8rem;opacity:.6}.card-back{background:linear-gradient(135deg,#fff9c4,#fff8e1);border:2px solid #ffcc80;transform:rotateY(180deg);box-shadow:0 4px 12px #ff980026}.card-emoji{font-size:2.2rem;margin-bottom:.15rem}.card-stage{font-size:.7rem;font-weight:600;color:#795548;text-align:center;line-height:1.2}.memory-card.matched .card-inner{animation:match-pop .4s ease}.memory-card.matched .card-back{background:linear-gradient(135deg,#c8e6c9,#a5d6a7);border-color:#66bb6a}@keyframes match-pop{0%{transform:rotateY(180deg) scale(1)}50%{transform:rotateY(180deg) scale(1.12)}to{transform:rotateY(180deg) scale(1)}}.btn{padding:.65rem 1.5rem;border:none;border-radius:2rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,#43a047,#2e7d32);color:#fff;box-shadow:0 4px 12px #2e7d324d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #2e7d3266}.level-complete-banner{margin-top:1.25rem;background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:1.25rem 2rem;border-radius:1rem;text-align:center;box-shadow:0 4px 16px #00000014;animation:banner-in .4s ease}.level-complete-banner h2{color:#2e7d32;font-size:1.3rem;margin-bottom:.25rem}.level-complete-banner p{color:#5a7a5f;margin-bottom:.75rem;font-size:.9rem}@keyframes banner-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.completion-screen{background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:2.5rem 2rem;border-radius:1.25rem;text-align:center;max-width:24rem;box-shadow:0 8px 32px #00000014;animation:banner-in .5s ease}.completion-emoji{font-size:3.5rem;margin-bottom:.75rem}.completion-screen h1{color:#2e7d32;font-size:1.75rem;margin-bottom:.5rem}.completion-text{color:#4a6b4f;font-size:.95rem;margin-bottom:1.25rem}.scores-summary{background:#c8e6c980;border-radius:.75rem;padding:.75rem 1rem;margin-bottom:1.25rem}.score-row{display:flex;justify-content:space-between;padding:.35rem 0;font-size:.9rem;color:#3e5e43}.score-row+.score-row{border-top:1px solid rgba(102,187,106,.2)}@media(max-width:480px){.card-grid{gap:.5rem}.card-emoji{font-size:1.6rem}.card-stage{font-size:.6rem}.card-back-icon{font-size:1.3rem}.level-info{gap:.75rem;font-size:.8rem;padding:.4rem 1rem}.garden-header h1{font-size:1.5rem}}