:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#000;overflow:hidden}h1{color:#fff;font-size:2.5rem;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.5);text-align:center}#app{width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}#gameContainer{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background:transparent}#gameCanvas{background:#87ceeb;display:block;margin:0 auto 20px;max-width:100%;max-height:calc(100vh - 200px);width:auto;height:auto}#gameUI{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px;width:100%;max-width:1000px;padding:0 20px}#score{font-size:1.5rem;font-weight:700;color:#fff;background:#0000004d;padding:10px 20px;border-radius:25px}#instructions{font-size:1rem;color:#fff;flex:1;text-align:center;opacity:.9}#startBtn{background:linear-gradient(45deg,#ff6b6b,#ee5a24);color:#fff;border:none;padding:12px 24px;font-size:1.1rem;font-weight:700;border-radius:25px;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #ff6b6b66}#startBtn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b99}#startBtn:active{transform:translateY(0)}#startBtn:disabled{background:#666;cursor:not-allowed;transform:none;box-shadow:none}#infoBtn{position:fixed;top:20px;right:20px;width:50px;height:50px;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:50%;color:#fff;font-size:1.5rem;cursor:pointer;z-index:1001;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 15px #0000004d}#infoBtn:hover{background:#000000e6;transform:scale(1.1);box-shadow:0 6px 20px #0006}#infoBtn:active{transform:scale(.95)}#infoDialog{position:fixed;top:80px;right:20px;width:280px;max-height:calc(100vh - 100px);background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:15px;padding:20px;color:#fff;font-size:.85rem;z-index:1000;overflow-y:auto;box-shadow:0 8px 32px #00000080;opacity:1;transform:translateY(0);transition:all .3s ease}#infoDialog.hidden{opacity:0;transform:translateY(-20px);pointer-events:none;visibility:hidden}#infoDialog h3{color:#fff;font-size:1.2rem;margin:0 0 15px;text-align:center;border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:10px}#infoDialog h4{color:#fff;font-size:1rem;margin:0 0 10px;display:flex;align-items:center;gap:8px}.info-section{margin-bottom:20px}.info-section:last-child{margin-bottom:0}.info-item{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px;padding:8px;background:#ffffff0d;border-radius:8px;border-left:3px solid rgba(255,255,255,.3)}.info-item:last-child{margin-bottom:0}.enemy-icon,.powerup-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:6px;font-weight:700;font-size:1rem;flex-shrink:0}.enemy-icon.rock{background:#8b4513;color:#fff}.enemy-icon.rock-moving{background:sienna;color:#fff;animation:bounce 1s infinite}.enemy-icon.flying{background:#9a4eae;color:#fff}.enemy-icon.plant{background:#228b22;color:#fff}.powerup-icon.speed{background:linear-gradient(45deg,#0f0,#32cd32);color:#000}.powerup-icon.invincible{background:linear-gradient(45deg,gold,#ff0);color:#000}.powerup-icon.jump{background:linear-gradient(45deg,#00bfff,#87ceeb);color:#000}.powerup-icon.multiplier{background:linear-gradient(45deg,#ff69b4,#ff1493);color:#fff}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.info-item strong{color:#fff;font-size:.9rem}.info-item div{flex:1;line-height:1.3}.info-section p{margin:0;padding:8px;background:#ffffff0d;border-radius:8px;border-left:3px solid rgba(255,255,255,.3);line-height:1.4}@media (max-width: 768px){h1{font-size:2rem;margin-bottom:15px}#gameContainer{padding:10px}#gameCanvas{max-height:calc(100vh - 280px)}#mobileControls{display:none}#gameUI{flex-direction:column;text-align:center;gap:10px;padding:0 10px}#score{font-size:1.2rem;padding:8px 16px}#instructions{font-size:.9rem;order:-1}#startBtn{padding:14px 28px;font-size:1.2rem}#infoBtn{width:45px;height:45px;font-size:1.3rem;top:10px;right:10px}#infoDialog{width:260px;top:65px;right:10px;padding:15px;font-size:.8rem}#infoDialog h3{font-size:1.1rem}#infoDialog h4{font-size:.95rem}.enemy-icon,.powerup-icon{width:25px;height:25px;font-size:.9rem}.info-item strong{font-size:.85rem}}@media (max-width: 480px){h1{font-size:1.8rem;margin-bottom:10px}#gameCanvas{max-height:calc(100vh - 260px)}.game-running #mobileControls{gap:15px;margin:15px 0}.control-btn{width:60px;height:60px;font-size:1.3rem}.control-btn.jump-btn{width:85px;height:60px;font-size:1.1rem}#score{font-size:1.1rem;padding:6px 14px}#instructions{font-size:.8rem}#startBtn{padding:12px 24px;font-size:1.1rem}#infoBtn{width:40px;height:40px;font-size:1.2rem}#infoDialog{width:240px;top:55px;padding:12px;font-size:.75rem}#infoDialog h3{font-size:1rem}#infoDialog h4{font-size:.9rem}.enemy-icon,.powerup-icon{width:22px;height:22px;font-size:.8rem}.info-item strong{font-size:.8rem}}@media (max-height: 600px) and (orientation: landscape){h1{font-size:1.5rem;margin-bottom:5px}#gameContainer{padding:5px}#gameCanvas{max-height:calc(100vh - 200px)}.game-running #mobileControls{gap:15px;margin:10px 0}.control-btn{width:50px;height:50px;font-size:1.2rem}.control-btn.jump-btn{width:70px;height:50px;font-size:1rem}#gameUI{gap:8px}#score{font-size:1rem;padding:6px 12px}#instructions{font-size:.8rem}#startBtn{padding:8px 16px;font-size:1rem}#infoBtn{width:35px;height:35px;font-size:1.1rem;top:5px;right:5px}#infoDialog{width:220px;max-height:calc(100vh - 50px);top:45px;right:5px;padding:10px;font-size:.7rem}#infoDialog h3{font-size:.95rem;margin-bottom:10px}#infoDialog h4{font-size:.85rem}.info-section{margin-bottom:12px}.info-item{margin-bottom:8px;padding:6px}.enemy-icon,.powerup-icon{width:20px;height:20px;font-size:.75rem}.info-item strong{font-size:.75rem}}#mobileControls{display:none;justify-content:center;align-items:center;gap:20px;margin:20px 0;width:100%;max-width:400px}@media (max-width: 768px){.game-running #mobileControls{display:flex}}.control-btn{background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);border-radius:50%;color:#fff;font-size:1.5rem;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #0000004d;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;width:70px;height:70px;display:flex;align-items:center;justify-content:center}.control-btn.jump-btn{width:100px;height:70px;border-radius:35px;font-size:1.2rem;background:linear-gradient(45deg,#ff6b6b,#ee5a24);border:2px solid rgba(255,255,255,.4)}.control-btn:active{transform:scale(.95);background:#fff3;box-shadow:0 2px 8px #0006}.control-btn.jump-btn:active{background:linear-gradient(45deg,#e55555,#d14a1f)}.control-btn:hover{background:#ffffff1a;border-color:#ffffff80}.control-btn.jump-btn:hover{box-shadow:0 6px 20px #ff6b6b99}@media (min-width: 769px){#mobileControls{display:none}}