: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:#0a0a0a;color:#fafafa;overflow:hidden}.game-container{position:relative;width:100vw;height:100vh;overflow:hidden;background:linear-gradient(180deg,#1a1a2e,#16213e,#0f3460)}.game-hud{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10}.game-title{font-size:1.25rem;font-weight:700;letter-spacing:-.02em}.game-stats{display:flex;gap:1.5rem;font-size:.9rem}.stat{display:flex;align-items:center;gap:.4rem}.stat-label{color:#fff9}.stat-value{font-weight:600;font-variant-numeric:tabular-nums}.game-area{position:absolute;top:60px;right:0;bottom:0;left:0;display:flex;flex-direction:column}.landfill{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(180deg,#5d4e37,#3d3225,#2d251a);border-top:3px solid #6b5b45;transition:height .5s ease-out;z-index:2}.landfill-inner{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.landfill-texture{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.3;background-image:radial-gradient(circle at 20% 30%,#8b7355 1px,transparent 1px),radial-gradient(circle at 60% 70%,#6b5b45 1px,transparent 1px),radial-gradient(circle at 80% 20%,#7a6b55 1px,transparent 1px);background-size:20px 20px,30px 30px,25px 25px}.landfill-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.1rem;font-weight:600;color:#ffffffb3;text-shadow:0 1px 3px rgba(0,0,0,.5);white-space:nowrap}.bins-container{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:1rem;padding:0 1rem 1rem;z-index:5}.bin{width:100px;height:120px;border-radius:0 0 12px 12px;border:3px solid;border-top:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:.5rem;cursor:pointer;transition:transform .15s,box-shadow .15s;position:relative}.bin:hover{transform:translateY(-4px)}.bin.flash{animation:bin-flash .3s ease-out}@keyframes bin-flash{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}.bin-glass{background:linear-gradient(180deg,#4caf5026,#4caf504d);border-color:#4caf50;box-shadow:0 0 15px #4caf5033}.bin-plastic{background:linear-gradient(180deg,#2196f326,#2196f34d);border-color:#2196f3;box-shadow:0 0 15px #2196f333}.bin-paper{background:linear-gradient(180deg,#ffeb3b26,#ffeb3b4d);border-color:#ffeb3b;box-shadow:0 0 15px #ffeb3b33}.bin-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.bin-icon{font-size:2rem;margin-bottom:.25rem}.bin-count{font-size:.7rem;opacity:.7}.falling-item{position:absolute;width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;cursor:grab;z-index:8;-webkit-user-select:none;user-select:none;transition:box-shadow .2s;box-shadow:0 4px 12px #0006}.falling-item:active{cursor:grabbing}.falling-item.glass{background:linear-gradient(135deg,#66bb6a,#43a047);border:2px solid #81c784}.falling-item.plastic{background:linear-gradient(135deg,#42a5f5,#1e88e5);border:2px solid #64b5f6}.falling-item.paper{background:linear-gradient(135deg,#ffee58,#fdd835);border:2px solid #fff176;color:#333}.conveyor{position:absolute;bottom:125px;left:0;right:0;height:8px;background:repeating-linear-gradient(90deg,#333,#333 10px,#444 10px,#444 20px);z-index:3}.conveyor:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);animation:conveyor-shine 2s linear infinite}@keyframes conveyor-shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.start-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000000d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;gap:1.5rem}.start-screen h1{font-size:2.5rem;font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg,#4caf50,#2196f3,#ffeb3b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.start-screen p{color:#ffffffb3;font-size:1rem;max-width:320px;text-align:center;line-height:1.6}.start-btn{padding:.8rem 2.5rem;font-size:1.1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff;box-shadow:0 4px 15px #4caf5066;transition:transform .15s,box-shadow .15s}.start-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4caf5080}.instructions{display:flex;gap:1rem;margin-top:.5rem}.instruction-item{display:flex;flex-direction:column;align-items:center;gap:.3rem;font-size:.8rem;color:#fff9}.instruction-icon{font-size:1.8rem}.game-over{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000000e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;gap:1rem}.game-over h1{font-size:2.5rem;font-weight:800;color:#ef5350}.game-over .final-score{font-size:3rem;font-weight:700}.game-over .score-breakdown{display:flex;gap:1.5rem;font-size:.9rem;color:#ffffffb3}.restart-btn{padding:.8rem 2.5rem;font-size:1.1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;background:linear-gradient(135deg,#ef5350,#c62828);color:#fff;box-shadow:0 4px 15px #ef535066;transition:transform .15s;margin-top:.5rem}.restart-btn:hover{transform:translateY(-2px)}.particle{position:absolute;pointer-events:none;z-index:9;border-radius:50%;animation:particle-fade .6s ease-out forwards}@keyframes particle-fade{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}.combo-text{position:absolute;font-size:1.5rem;font-weight:800;pointer-events:none;z-index:20;animation:combo-rise .8s ease-out forwards;text-shadow:0 2px 8px rgba(0,0,0,.5)}@keyframes combo-rise{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-60px) scale(1.3)}}.miss-indicator{position:absolute;font-size:1rem;font-weight:700;color:#ef5350;pointer-events:none;z-index:20;animation:miss-float 1s ease-out forwards}@keyframes miss-float{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-40px)}}