*{box-sizing:border-box}:root{font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background:#f0f4f8}#root{min-height:100vh}.welcome-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.welcome-content{background:#fff;border-radius:24px;padding:40px;max-width:400px;width:100%;box-shadow:0 10px 40px #0000001a;text-align:center}.welcome-bins{font-size:3rem;margin-bottom:20px;display:flex;justify-content:center;gap:10px}.bin-emoji{animation:bounce 1s ease-in-out infinite}.bin-emoji:nth-child(2){animation-delay:.2s}.bin-emoji:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.welcome-title{font-size:2.5rem;color:#2d3748;margin:0 0 10px}.welcome-subtitle{color:#718096;font-size:1.1rem;margin:0 0 30px}.name-form{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.name-label{font-size:1.1rem;color:#4a5568;font-weight:500}.name-input{padding:15px 20px;font-size:1.2rem;border:3px solid #e2e8f0;border-radius:12px;text-align:center;transition:border-color .2s}.name-input:focus{outline:none;border-color:#4169e1}.name-input::placeholder{color:#a0aec0}.start-button{padding:15px 30px;font-size:1.3rem;font-weight:700;background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;border:none;border-radius:12px;cursor:pointer;transition:transform .2s,box-shadow .2s}.start-button:hover:not(:disabled){transform:scale(1.05);box-shadow:0 5px 20px #48bb7866}.start-button:disabled{background:#cbd5e0;cursor:not-allowed}.leaderboard-button{padding:12px 25px;font-size:1rem;background:transparent;color:#4169e1;border:2px solid #4169E1;border-radius:10px;cursor:pointer;transition:all .2s;margin-bottom:30px}.leaderboard-button:hover{background:#4169e1;color:#fff}.instructions{background:#f7fafc;border-radius:12px;padding:20px;text-align:left}.instructions h3{margin:0 0 10px;color:#2d3748;font-size:1.1rem}.instructions p{margin:0 0 10px;color:#4a5568}.instructions ul{list-style:none;padding:0;margin:0}.instructions li{display:flex;align-items:center;gap:10px;padding:5px 0;color:#4a5568}.color-dot{width:20px;height:20px;border-radius:50%}.color-dot.yellow{background:gold}.color-dot.blue{background:#4169e1}.color-dot.green{background:#228b22}.trash-bin{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:transform .2s;background:none;border:none;padding:0}.trash-bin:hover:not(.disabled){transform:scale(1.05)}.trash-bin.drag-over{transform:scale(1.1)}.trash-bin.disabled{opacity:.5;cursor:not-allowed}.bin-body{display:flex;flex-direction:column;align-items:center}.bin-lid{width:100px;height:15px;background:var(--bin-color);border-radius:5px 5px 0 0;position:relative;transition:transform .2s}.trash-bin:hover:not(.disabled) .bin-lid,.trash-bin.drag-over .bin-lid{transform:rotate(-15deg) translate(-5px)}.bin-handle{width:30px;height:8px;background:var(--bin-color);filter:brightness(.8);border-radius:5px 5px 0 0;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.bin-container{width:90px;height:120px;background:var(--bin-color);border-radius:5px 5px 10px 10px;display:flex;align-items:center;justify-content:center;box-shadow:0 5px 15px #0003}.bin-label{color:#fff;font-weight:700;font-size:1rem;text-shadow:1px 1px 2px rgba(0,0,0,.3);writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);letter-spacing:2px}@media(min-width:500px){.bin-lid{width:120px;height:18px}.bin-handle{width:40px;height:10px;top:-10px}.bin-container{width:110px;height:150px}.bin-label{font-size:1.2rem}}.waste-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:25px 35px;background:#fff;border-radius:20px;box-shadow:0 8px 25px #00000026;cursor:grab;transition:transform .2s,box-shadow .2s;position:relative;-webkit-user-select:none;user-select:none}.waste-item:hover{transform:scale(1.05);box-shadow:0 12px 35px #0003}.waste-item:active{cursor:grabbing;transform:scale(1.1)}.item-emoji{font-size:4rem;line-height:1}.item-name{font-size:1.2rem;font-weight:600;color:#2d3748;text-align:center}.waste-item.feedback-correct{animation:correctPulse .5s ease-out;background:linear-gradient(135deg,#c6f6d5,#9ae6b4);cursor:default}.waste-item.feedback-wrong{animation:wrongShake .5s ease-out;background:linear-gradient(135deg,#fed7d7,#fc8181);cursor:default}.feedback-icon{position:absolute;top:10px;right:10px;font-size:1.5rem;font-weight:700}.feedback-correct .feedback-icon{color:#22543d}.feedback-wrong .feedback-icon{color:#742a2a}@keyframes correctPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes wrongShake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.game-screen{min-height:100vh;display:flex;flex-direction:column;padding:20px}.game-header{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:15px 25px;border-radius:16px;box-shadow:0 4px 15px #0000001a;margin-bottom:20px}.player-info{display:flex;align-items:center;gap:8px}.player-name{font-weight:600;color:#2d3748;font-size:1.1rem}.score-display{display:flex;align-items:center;gap:8px}.score-label{color:#718096}.game-header .score-value{font-size:1.5rem;font-weight:700;color:#48bb78}.progress{background:#e2e8f0;padding:8px 16px;border-radius:20px;font-weight:500;color:#4a5568}.game-area{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:space-around;gap:20px}.item-area{text-align:center}.instruction{font-size:1.3rem;color:#4a5568;margin:0 0 20px}.bins-area{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}.hint{color:#a0aec0;font-size:.9rem;margin:0}.game-over-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.game-over-content{background:#fff;border-radius:24px;padding:40px;max-width:400px;width:100%;box-shadow:0 10px 40px #0000001a;text-align:center}.game-over-title{font-size:2rem;color:#2d3748;margin:0 0 25px}.final-score{background:linear-gradient(135deg,#48bb78,#38a169);border-radius:20px;padding:30px;margin-bottom:25px;color:#fff}.final-score-label{display:block;font-size:1rem;opacity:.9}.final-score-value{display:block;font-size:4rem;font-weight:700;line-height:1.2}.stats{display:flex;gap:20px;justify-content:center;margin-bottom:25px}.stat{padding:20px 30px;border-radius:16px;text-align:center}.stat.correct{background:#c6f6d5}.stat.wrong{background:#fed7d7}.stat-value{display:block;font-size:2rem;font-weight:700}.stat.correct .stat-value{color:#22543d}.stat.wrong .stat-value{color:#742a2a}.stat-label{font-size:.9rem;color:#4a5568}.game-over-buttons{display:flex;flex-direction:column;gap:12px}.play-again-button{padding:15px;font-size:1.2rem;font-weight:600;background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;border:none;border-radius:12px;cursor:pointer;transition:transform .2s,box-shadow .2s}.play-again-button:hover{transform:scale(1.02);box-shadow:0 5px 20px #48bb7866}.view-leaderboard-button{padding:15px;font-size:1rem;font-weight:600;background:transparent;color:#4169e1;border:2px solid #4169E1;border-radius:12px;cursor:pointer;transition:all .2s}.view-leaderboard-button:hover{background:#4169e1;color:#fff}@media(max-width:500px){.game-header{flex-wrap:wrap;gap:10px}.bins-area{gap:15px}.instruction{font-size:1.1rem}}.leaderboard-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.leaderboard-content{background:#fff;border-radius:24px;padding:40px;max-width:450px;width:100%;box-shadow:0 10px 40px #0000001a}.leaderboard-title{text-align:center;font-size:2rem;color:#2d3748;margin:0 0 25px}.current-score{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;padding:20px;text-align:center;margin-bottom:25px;color:#fff}.score-label{display:block;font-size:1rem;margin-bottom:5px}.score-value{display:block;font-size:2rem;font-weight:700}.empty-leaderboard{text-align:center;padding:40px 20px;color:#718096}.empty-icon{font-size:4rem;display:block;margin-bottom:15px}.empty-leaderboard p{margin:5px 0}.leaderboard-list{display:flex;flex-direction:column;gap:10px;margin-bottom:25px}.leaderboard-item{display:flex;align-items:center;gap:15px;padding:15px 20px;background:#f7fafc;border-radius:12px;transition:transform .2s}.leaderboard-item:hover{transform:translate(5px)}.leaderboard-item.top-1{background:linear-gradient(135deg,#ffecd2,#fcb69f)}.leaderboard-item.top-2{background:linear-gradient(135deg,#e2e8f0,#cbd5e0)}.leaderboard-item.top-3{background:linear-gradient(135deg,#ffeaa7,#fdcb6e)}.rank{font-size:1.3rem;min-width:35px}.player-name{flex:1;font-weight:500;color:#2d3748}.player-score{font-weight:700;color:#4a5568;font-size:1.1rem}.back-button{width:100%;padding:15px;font-size:1.1rem;font-weight:600;background:linear-gradient(135deg,#4169e1,#5a7dee);color:#fff;border:none;border-radius:12px;cursor:pointer;transition:transform .2s,box-shadow .2s}.back-button:hover{transform:scale(1.02);box-shadow:0 5px 20px #4169e166}.app{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}