: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}html,body,#root{margin:0;min-height:100vh;background:#0a0a0a;color:#fafafa;overflow:hidden;user-select:none;-webkit-user-select:none}.game-container{width:100vw;height:100vh;position:relative;overflow:hidden;background:linear-gradient(180deg,#1a2a1a,#0d1f0d 60%,#2a1a0a);cursor:none}.bg-dot{position:absolute;border-radius:50%;background:#ffffff14;pointer-events:none}.ground{position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(180deg,#3a5a2a,#2a4a1a);border-top:3px solid #4a7a3a}.crate{position:absolute;bottom:60px;width:80px;height:50px;transition:left .04s linear;z-index:10}.crate-body{width:80px;height:45px;background:linear-gradient(135deg,#8b6914,#a0782c,#8b6914);border:3px solid #6B4F10;border-radius:4px;position:relative;box-shadow:inset 0 0 10px #0000004d,0 4px 8px #0006}.crate-body:before,.crate-body:after{content:"";position:absolute;left:50%;transform:translate(-50%);height:3px;background:#6b4f10}.crate-body:before{top:10px;width:60px}.crate-body:after{bottom:10px;width:60px}.crate-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:10px;font-weight:700;color:#0006;letter-spacing:.1em;text-transform:uppercase}.falling-item{position:absolute;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:28px;z-index:5;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));pointer-events:none}.hud{position:absolute;top:0;left:0;right:0;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;z-index:20;background:linear-gradient(180deg,rgba(0,0,0,.6) 0%,transparent 100%)}.hud-score{font-size:1.5rem;font-weight:700;color:#7cfc00;text-shadow:0 0 10px rgba(124,252,0,.5)}.hud-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;color:#ffffff80;margin-bottom:2px}.hud-level{font-size:1rem;font-weight:600;color:gold;text-shadow:0 0 8px rgba(255,215,0,.4)}.hud-progress{width:180px;height:10px;background:#ffffff1a;border-radius:5px;overflow:hidden;margin-top:4px;border:1px solid rgba(255,255,255,.15)}.hud-progress-fill{height:100%;background:linear-gradient(90deg,#7cfc00,#32cd32);border-radius:5px;transition:width .3s ease}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000c;z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.overlay-title{font-size:2.5rem;font-weight:800;color:#7cfc00;text-shadow:0 0 20px rgba(124,252,0,.6);margin-bottom:.5rem}.overlay-subtitle{font-size:1rem;color:#fff9;margin-bottom:2rem;text-align:center;line-height:1.6}.overlay-score{font-size:3rem;font-weight:800;color:gold;text-shadow:0 0 20px rgba(255,215,0,.6);margin-bottom:.25rem}.overlay-score-label{font-size:.8rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.15em;margin-bottom:2rem}.start-btn{padding:14px 48px;font-size:1.1rem;font-weight:700;border:none;border-radius:8px;background:linear-gradient(135deg,#7cfc00,#32cd32);color:#0a0a0a;cursor:pointer;text-transform:uppercase;letter-spacing:.1em;transition:transform .1s,box-shadow .1s;box-shadow:0 4px 20px #7cfc0066}.start-btn:hover{transform:scale(1.05);box-shadow:0 6px 30px #7cfc0099}.start-btn:active{transform:scale(.97)}.catch-flash{position:absolute;width:50px;height:50px;border-radius:50%;pointer-events:none;z-index:15;animation:flash-pop .4s ease-out forwards}@keyframes flash-pop{0%{transform:scale(.5);opacity:1}to{transform:scale(2);opacity:0}}.controls-hint{position:absolute;bottom:80px;left:50%;transform:translate(-50%);font-size:.75rem;color:#ffffff59;letter-spacing:.1em;z-index:20;text-align:center;pointer-events:none}@media(max-width:600px){.overlay-title{font-size:1.8rem}.overlay-score{font-size:2.2rem}.hud-score{font-size:1.2rem}.hud-progress{width:120px}}