*{margin:0;padding:0;box-sizing:border-box}body{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);font-family:Arial,sans-serif}.container{position:relative;background:#fff;border-radius:10px;box-shadow:0 10px 30px #0000004d;padding:20px}.game-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:18px;color:#333}.score{font-weight:700;color:#667eea}#score,#finalScore{color:#ff6b6b;font-weight:700}.title{color:#666;font-size:14px}#gameCanvas{display:block;border:3px solid #333;background:linear-gradient(to bottom,#87ceeb,#e0f6ff);border-radius:5px}.game-over{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000e6;color:#fff;padding:40px;border-radius:10px;text-align:center;z-index:100;display:none;min-width:300px}.game-over.show{display:block}.game-over-content h1{font-size:36px;margin-bottom:20px;color:#ff6b6b}.game-over-content p{font-size:24px;margin-bottom:30px}.game-over-content #restartBtn{padding:12px 30px;font-size:18px;background:#667eea;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background .3s}.game-over-content #restartBtn:hover{background:#764ba2}.start-screen{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000f2;color:#fff;padding:50px;border-radius:10px;text-align:center;z-index:100;min-width:500px;display:flex;justify-content:center;align-items:center;animation:fadeIn .5s ease-in}.start-screen.hide{display:none;animation:fadeOut .5s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.start-content h1{font-size:48px;margin-bottom:30px;color:#667eea;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.game-rules{text-align:left;margin-bottom:30px;background:#ffffff1a;padding:20px;border-radius:5px}.game-rules h2{font-size:24px;margin-bottom:15px;color:#667eea}.game-rules p{font-size:16px;margin-bottom:10px;line-height:1.6}.platform-icon{color:#4ecdc4;font-weight:700;margin-right:10px}.danger-icon{color:#ff4500;font-weight:700;margin-right:10px}.pitfall-icon{color:#999;font-weight:700;margin-right:10px}#startBtn{padding:15px 40px;font-size:20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:5px;cursor:pointer;transition:transform .3s,box-shadow .3s;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.3)}#startBtn:hover{transform:scale(1.1);box-shadow:0 5px 20px #667eea66}#startBtn:active{transform:scale(.95)}