.game-container{max-width:1200px;margin:0 auto;background:white;border-radius:20px;padding:30px;box-shadow:0 20px 40px rgba(0,0,0,.1)}.header{text-align:center;margin-bottom:30px}.header h1{color:#4a5568;margin:0 0 10px;font-size:2.5rem}.progress-bar{background:#e2e8f0;height:20px;border-radius:10px;overflow:hidden;margin:20px 0}.progress-fill{background:linear-gradient(90deg,#48bb78,#38a169);height:100%;width:0;transition:width .5s ease;border-radius:10px}.score-board{display:flex;justify-content:space-between;margin-bottom:20px;font-weight:700;font-size:1.1rem}.game-area{display:grid;grid-template-columns:1fr 2fr;grid-gap:30px;gap:30px;margin-bottom:30px}.items-container{background:#f7fafc;border-radius:15px;padding:20px;border:2px dashed #cbd5e0}.items-container h3{margin:0 0 15px;color:#4a5568;text-align:center}.items-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-gap:15px;gap:15px}.item{background:white;border:2px solid #e2e8f0;border-radius:12px;padding:15px;text-align:center;cursor:-webkit-grab;cursor:grab;transition:all .3s ease;box-shadow:0 4px 6px rgba(0,0,0,.1)}.item:hover{transform:translateY(-2px);box-shadow:0 8px 15px rgba(0,0,0,.15);border-color:#4299e1}.item.dragging{opacity:.5;transform:rotate(5deg);cursor:-webkit-grabbing;cursor:grabbing}.item.correct{background:#c6f6d5;border-color:#48bb78;animation:correctPulse .6s ease}.item.incorrect{background:#fed7d7;border-color:#f56565;animation:shake .5s ease}@keyframes correctPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.categories-container{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}.category{background:#f7fafc;border:3px dashed #cbd5e0;border-radius:15px;padding:20px;min-height:200px;transition:all .3s ease}.category.drag-over{background:#e6fffa;border-color:#4fd1c7;transform:scale(1.02)}.category h3{margin:0 0 15px;text-align:center;color:#4a5568;font-size:1.2rem}.category-items{display:flex;flex-direction:column;gap:10px}.feedback{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:20px 30px;border-radius:15px;font-size:1.2rem;font-weight:700;z-index:1000;opacity:0;transition:opacity .3s ease}.feedback.correct{background:#c6f6d5;color:#22543d;border:2px solid #48bb78}.feedback.incorrect{background:#fed7d7;color:#742a2a;border:2px solid #f56565}.feedback.show{opacity:1}.reset-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:white;border:none;padding:12px 24px;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .2s ease;margin:0 auto;display:block}.reset-btn:hover{transform:translateY(-2px)}.completion-message{text-align:center;background:linear-gradient(135deg,#48bb78,#38a169);color:white;padding:20px;border-radius:15px;margin:20px 0;font-size:1.2rem;font-weight:700;display:none}@media (max-width:768px){.categories-container,.game-area{grid-template-columns:1fr}.items-grid{grid-template-columns:repeat(2,1fr)}}