@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.animate-fade-in-up{animation:fadeInUp .5s ease-out}.animate-pulse-custom{animation:pulse 2s infinite}.animate-shake{animation:shake .5s ease-in-out}.animate-slide-in{animation:slideIn .3s ease-out}.puzzle-piece{transition:all .2s ease-in-out}.puzzle-piece:hover{transform:scale(1.05);box-shadow:0 4px 8px #0003}.puzzle-piece.selected{transform:scale(1.1);box-shadow:0 0 0 3px #3b82f680}.puzzle-slot{transition:all .2s ease-in-out}.puzzle-slot:hover{background-color:#3b82f61a;border-color:#3b82f680}.puzzle-slot.focused{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f64d}.error-message{animation:shake .5s ease-in-out}.success-animation{animation:pulse .6s ease-in-out}.loading-spinner{border:4px solid #f3f4f6;border-top:4px solid #3b82f6;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-color-scheme: dark){.puzzle-piece:hover{box-shadow:0 4px 8px #ffffff1a}.puzzle-slot:hover{background-color:#3b82f633}}@media (max-width: 768px){.puzzle-piece:hover{transform:scale(1.02)}.puzzle-piece.selected{transform:scale(1.05)}}.puzzle-piece:focus,.puzzle-slot:focus{outline:2px solid #3b82f6;outline-offset:2px}*{transition:background-color .2s ease,border-color .2s ease,color .2s ease}