:root{color-scheme:dark;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:#0d0612;color:#f0e6f6}.app{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.btn{border:none;border-radius:.6rem;font-family:inherit;font-weight:600;cursor:pointer;transition:all .2s;padding:.75rem 1.5rem;font-size:1rem}.btn-primary{background:linear-gradient(135deg,#9b4dca,#6b1d6e);color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#b06ce0,#7b2d7e)}.btn-secondary{background:#ffffff14;color:#d4b8e8;border:1px solid rgba(255,255,255,.1)}.btn-secondary:hover{background:#ffffff24}.btn-garden{background:linear-gradient(135deg,#2d6b3e,#1a4a28);color:#a8f0bc;border:1px solid rgba(168,240,188,.2)}.btn-garden:hover{background:linear-gradient(135deg,#3d8b50,#2a6a38)}.btn-small{padding:.4rem .8rem;font-size:.85rem}.btn-back{background:#ffffff0f;color:#c4a8d8;border:1px solid rgba(255,255,255,.08);margin-top:1.5rem}.menu-container{max-width:520px;width:100%;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.game-logo{text-align:center}.logo-tiles{display:flex;gap:.4rem;justify-content:center;margin-bottom:.75rem}.logo-tile{width:1.8rem;height:1.8rem;border-radius:.4rem;box-shadow:0 0 12px #9b4dca66}.game-logo h1{font-size:2.2rem;background:linear-gradient(135deg,#c77dff,#9b4dca,#6b1d6e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.03em}.subtitle{color:#c8aadcb3;font-size:.95rem;margin-top:.25rem}.menu-stats{display:flex;gap:1.5rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:.8rem;padding:.8rem 1.5rem}.stat{display:flex;flex-direction:column;align-items:center;gap:.15rem}.stat-value{font-size:1.3rem;font-weight:700;color:#c77dff}.stat-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:#c8aadc80}.level-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;width:100%}.level-btn{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.7rem .4rem;border:1px solid rgba(255,255,255,.08);border-radius:.7rem;background:#ffffff08;color:#d4b8e8;cursor:pointer;transition:all .2s;font-family:inherit;position:relative}.level-btn.unlocked:hover{background:#9b4dca33;border-color:#9b4dca66;transform:translateY(-2px)}.level-btn.locked{opacity:.4;cursor:not-allowed}.level-btn.next{border-color:#9b4dca80;box-shadow:0 0 16px #9b4dca33}.level-num{font-size:1.4rem;font-weight:700;color:#c77dff}.level-btn.locked .level-num{color:#c8aadc4d}.level-name{font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;color:#c8aadc99}.level-target{font-size:.65rem;color:#c8aadc66}.level-star{position:absolute;top:.3rem;right:.4rem;font-size:.7rem;color:gold}.level-lock{position:absolute;top:.3rem;right:.4rem;font-size:.65rem}.menu-actions{width:100%;display:flex;justify-content:center}.how-to-play{width:100%;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:.8rem;padding:1rem 1.25rem}.how-to-play h3{font-size:.85rem;color:#c77dff;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.08em}.how-to-play ul{list-style:none;display:flex;flex-direction:column;gap:.35rem}.how-to-play li{font-size:.8rem;color:#c8aadc99;padding-left:1rem;position:relative}.how-to-play li:before{content:"•";position:absolute;left:0;color:#9b4dca}.game-container{display:flex;flex-direction:column;align-items:center;gap:.75rem;max-width:100%}.game-header{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:500px;gap:.75rem;padding:.5rem 0}.game-info{flex:1}.game-level-name{font-size:1rem;font-weight:700;color:#c77dff}.game-pattern{font-size:.7rem;color:#c8aadc80;text-transform:uppercase;letter-spacing:.08em}.game-stats{display:flex;gap:1rem}.game-stat{display:flex;flex-direction:column;align-items:center;gap:.1rem}.game-stat-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;color:#c8aadc80}.game-stat-value{font-size:1.3rem;font-weight:700;color:#c77dff;line-height:1}.game-stat-value.low{color:#ff6b8a}.game-stat-target{font-size:.65rem;color:#c8aadc66}.progress-bar{width:60px;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#9b4dca,#c77dff);border-radius:2px;transition:width .3s}.board{display:grid;gap:.25rem;padding:.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:.8rem;max-width:min(90vw,500px);max-height:min(90vw,500px);aspect-ratio:1;width:100%}.tile{border:2px solid transparent;border-radius:.45rem;cursor:pointer;transition:all .2s;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;aspect-ratio:1;padding:0;font-size:0}.tile:hover:not(:disabled){transform:scale(1.08);z-index:1;box-shadow:0 0 12px #9b4dca80}.tile:disabled{cursor:default}.tile-inner{width:50%;height:50%;border-radius:50%;background:#ffffff26;pointer-events:none}.tile.selected{border-color:#c77dff;box-shadow:0 0 16px #c77dff99,inset 0 0 8px #c77dff4d;transform:scale(1.1);z-index:2}.tile.matched{animation:matchPop .35s ease-out forwards}@keyframes matchPop{0%{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.8}to{transform:scale(0);opacity:0}}.game-footer{padding:.25rem}.footer-hint{font-size:.75rem;color:#c8aadc66}.combo-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;font-weight:800;color:gold;text-shadow:0 0 20px rgba(255,215,0,.5);animation:comboAnim .8s ease-out forwards;z-index:100;pointer-events:none}@keyframes comboAnim{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}30%{transform:translate(-50%,-50%) scale(1.2);opacity:1}to{transform:translate(-50%,-70%) scale(1);opacity:0}}.result-screen{display:flex;flex-direction:column;align-items:center;gap:1rem;max-width:400px;width:100%;text-align:center}.result-icon{font-size:3rem}.result-screen h1{font-size:1.8rem;background:linear-gradient(135deg,#c77dff,#9b4dca);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.result-level{color:#c8aadc99;font-size:.9rem}.result-stats{display:flex;gap:2rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:.8rem;padding:1rem 1.5rem}.result-stat{display:flex;flex-direction:column;align-items:center;gap:.2rem}.result-stat-value{font-size:1.6rem;font-weight:700;color:#c77dff}.result-stat-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:#c8aadc80}.reward-card{display:flex;flex-direction:column;align-items:center;gap:.3rem;background:#9b4dca1a;border:1px solid rgba(155,77,202,.3);border-radius:.8rem;padding:1rem 1.5rem}.reward-icon{font-size:2rem}.reward-name{font-weight:700;color:#c77dff}.reward-desc{font-size:.8rem;color:#c8aadc99}.result-pattern{font-size:.85rem;color:#c8aadc99}.result-pattern strong{color:#c77dff}.result-actions{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center}.garden-container{max-width:520px;width:100%;display:flex;flex-direction:column;align-items:center;gap:1.25rem}.garden-container h1{font-size:1.8rem;background:linear-gradient(135deg,#7dff9b,#3dbb5e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.garden-subtitle{color:#c8aadc80;font-size:.85rem}.garden-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;width:100%}.garden-item{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.8rem .4rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:.7rem;text-align:center}.garden-item.earned{border-color:#7dff9b33;background:#7dff9b0d}.garden-item.locked{opacity:.4}.garden-icon{font-size:1.6rem}.garden-name{font-size:.65rem;font-weight:600;color:#a8f0bc}.garden-item.locked .garden-name{color:#c8aadc66}.garden-desc{font-size:.55rem;color:#c8aadc66}.garden-patterns{width:100%;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:.8rem;padding:1rem}.garden-patterns h2{font-size:.85rem;color:#c77dff;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.08em}.pattern-list{display:flex;flex-wrap:wrap;gap:.5rem}.pattern-item{display:flex;align-items:center;gap:.4rem;font-size:.75rem;padding:.3rem .6rem;border-radius:.4rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);color:#c8aadcb3}.pattern-item.locked{opacity:.3}.pattern-preview{width:.8rem;height:.8rem;border-radius:.2rem}@media(max-width:480px){.level-grid,.garden-grid{grid-template-columns:repeat(4,1fr);gap:.4rem}.game-logo h1{font-size:1.8rem}.board{gap:.15rem;padding:.35rem}.tile{border-radius:.3rem}}