body{margin:0;padding:20px;display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);font-family:Arial,sans-serif}#gameContainer{text-align:center;background:#fffffff2;padding:20px;border-radius:20px;box-shadow:0 20px 60px #0000004d}canvas{border:3px solid #333;border-radius:10px;background:linear-gradient(to bottom,#87ceeb 0% 70%,#98d8e8 70% 100%);display:block;margin:0 auto}#cinematicCanvas{display:block}#gameCanvas,#gameUI{display:none}#cinematicUI{margin-top:20px}#skipButton{background:#95a5a6;color:#fff;border:none;padding:10px 20px;font-size:16px;border-radius:5px;cursor:pointer;transition:all .3s}#skipButton:hover{background:#7f8c8d;transform:scale(1.05)}#score{font-size:24px;font-weight:700;margin:10px 0;color:#333}#lives{font-size:20px;color:#e74c3c;margin:5px 0}#levelDisplay{font-size:22px;color:#3498db;margin:5px 0;font-weight:700}#gameOver{display:none;font-size:28px;color:#e74c3c;font-weight:700;margin:10px 0;animation:pulse 1s infinite}#victory{display:none;font-size:32px;color:#27ae60;font-weight:700;margin:10px 0;animation:pulse 1s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}#instructions{margin-top:15px;padding:15px;background:#f0f0f0;border-radius:10px;color:#555}.controls{display:flex;justify-content:center;gap:20px;margin-top:10px}.control-key{background:#fff;border:2px solid #333;padding:5px 10px;border-radius:5px;font-weight:700}.button-container{display:flex;justify-content:center;gap:10px;margin-top:10px}button{background:#4caf50;color:#fff;border:none;padding:10px 20px;font-size:18px;border-radius:5px;cursor:pointer;transition:all .3s}button:hover{background:#45a049;transform:scale(1.05)}#storyButton{background:#9b59b6}#storyButton:hover{background:#8e44ad}#goHomeButton{display:none;background:linear-gradient(45deg,gold,orange);color:#fff;border:none;padding:15px 30px;font-size:24px;border-radius:10px;cursor:pointer;margin:20px auto;animation:pulse 2s infinite;box-shadow:0 4px 15px #ffd7004d}#goHomeButton:hover{transform:scale(1.1);box-shadow:0 6px 20px #ffd70080}h1{color:#333;margin:10px 0;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.subtitle{color:#666;font-size:16px;font-style:italic;margin:5px 0}#cinematicText{position:absolute;width:100%;text-align:center;color:#fff;font-size:24px;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.8);pointer-events:none;opacity:0;transition:opacity 1s}#levelComplete{display:none;font-size:28px;color:#27ae60;font-weight:700;margin:20px 0}#level4Message{display:none;font-size:24px;color:gold;font-weight:700;margin:20px 0;text-shadow:2px 2px 4px rgba(0,0,0,.3);animation:glow 2s ease-in-out infinite}@keyframes glow{0%,to{text-shadow:2px 2px 4px rgba(0,0,0,.3),0 0 10px #FFD700}50%{text-shadow:2px 2px 4px rgba(0,0,0,.3),0 0 20px #FFD700,0 0 30px #FFD700}}