:root{font-family:Segoe UI,Comic Sans MS,Trebuchet MS,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:1.5rem 1rem 2rem;transition:background-color .5s ease;position:relative;overflow:hidden}.confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100;overflow:hidden}.confetti-dot{position:absolute;top:-10px;width:10px;height:10px;border-radius:50%;animation:confetti-fall linear forwards}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0) scale(1);opacity:1}to{transform:translateY(100vh) rotate(720deg) scale(.3);opacity:0}}.header{text-align:center;margin-bottom:1rem}.title{font-size:2.5rem;font-weight:800;color:#333;text-shadow:2px 2px 0 rgba(255,255,255,.5);letter-spacing:-.02em;margin-bottom:.25rem}.subtitle{font-size:1.1rem;color:#555;font-weight:500}.puzzle-selector{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1.25rem;max-width:600px}.selector-btn{border:2px solid rgba(0,0,0,.1);border-radius:2rem;padding:.5rem 1rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;color:#333;font-family:inherit}.selector-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #0000001a}.selector-btn.active{border-color:#0000004d;box-shadow:0 2px 8px #00000026}.game-area{display:flex;flex-direction:column;align-items:center;gap:1rem}.stats-bar{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;justify-content:center}.moves{font-size:1.1rem;font-weight:700;color:#333;background:#fff9;padding:.4rem 1rem;border-radius:2rem}.hint-btn,.reset-btn{border:2px solid rgba(0,0,0,.1);border-radius:2rem;padding:.4rem 1rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;background:#ffffff80;color:#333;font-family:inherit}.hint-btn:hover,.reset-btn:hover{transform:scale(1.05);background:#fffc}.hint-grid{text-align:center;animation:fadeIn .3s ease}.hint-label{font-weight:600;color:#555;margin-bottom:.5rem;font-size:.95rem}.hint-board{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;background:#00000014;padding:6px;border-radius:12px;width:fit-content;margin:0 auto}.hint-cell{width:50px;height:50px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;background:#ffffffb3;border-radius:8px}.board{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:#0000001a;padding:10px;border-radius:16px;box-shadow:0 8px 32px #0000001a}.tile{width:90px;height:90px;border:3px solid rgba(255,255,255,.7);border-radius:14px;background:#ffffffd9;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1);position:relative;font-family:inherit;box-shadow:0 4px 8px #00000014}.tile:hover:not(:disabled){transform:scale(1.08);box-shadow:0 6px 16px #00000026;border-color:#0003}.tile:active:not(:disabled){transform:scale(.95)}.tile.selected{border-color:#ff6b6b;background:#fff0f0;box-shadow:0 0 0 4px #ff6b6b4d,0 6px 16px #ff6b6b33;animation:pulse .8s ease-in-out infinite}.tile.correct{border-color:#6bcb77}.tile.won-tile{animation:celebrate .6s ease forwards}.tile-emoji{font-size:2.8rem;transition:transform .2s ease;-webkit-user-select:none;user-select:none}.tile:hover:not(:disabled) .tile-emoji{transform:scale(1.1)}.tile-sparkle{position:absolute;top:2px;right:4px;font-size:.9rem;animation:sparkle .6s ease-in-out infinite alternate}.win-banner{text-align:center;animation:slideUp .5s cubic-bezier(.34,1.56,.64,1);margin-top:.5rem}.win-text{font-size:1.4rem;font-weight:800;color:#333;margin-bottom:.75rem;text-shadow:1px 1px 0 rgba(255,255,255,.5)}.play-again-btn{background:linear-gradient(135deg,#ff6b6b,#ff8e53);color:#fff;border:none;border-radius:2rem;padding:.75rem 2rem;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 16px #ff6b6b4d;font-family:inherit}.play-again-btn:hover{transform:scale(1.08);box-shadow:0 6px 20px #ff6b6b66}.instruction{font-size:.95rem;color:#555;font-weight:500;background:#ffffff80;padding:.5rem 1rem;border-radius:1rem;animation:fadeIn .3s ease}.footer{margin-top:auto;padding-top:1.5rem;text-align:center}.footer p{font-size:.85rem;color:#666;font-weight:500}@keyframes pulse{0%,to{box-shadow:0 0 0 4px #ff6b6b4d,0 6px 16px #ff6b6b33}50%{box-shadow:0 0 0 8px #ff6b6b26,0 6px 16px #ff6b6b4d}}@keyframes celebrate{0%{transform:scale(1)}50%{transform:scale(1.15) rotate(5deg)}to{transform:scale(1) rotate(0)}}@keyframes sparkle{0%{transform:scale(.8) rotate(-10deg);opacity:.7}to{transform:scale(1.2) rotate(10deg);opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:480px){.title{font-size:2rem}.tile{width:72px;height:72px}.tile-emoji{font-size:2.2rem}.hint-cell{width:40px;height:40px;font-size:1.4rem}.board{gap:6px;padding:8px}}