function displayError(msg, url, lineNo, columnNo, error) {

window.onerror = displayError;

window.addEventListener('unhandledrejection', function(event) {

displayError('Unhandled Promise Rejection: ' + event.reason, null, null, null, event.reason);

const canvas = document.getElementById("game");

const ctx = canvas.getContext("2d");

let audioCtx = null;

let soundEnabled = true;

function initAudio() {

function playTone(frequency, duration, type = "square", volume = 0.15, ramp = true) {

function playJumpSound() {

function playPunchSound() {

function playOrbSound() {

function playHurtSound() {

function playLevelCompleteSound() {

function playGameOverSound() {

let musicEnabled = true;

let musicPlaying = false;

let musicGain = null;

let musicInterval = null;

const musicPatterns = {

// Bass line (root notes)

bass: [

{ note: 110, duration: 0.2 }, // A2

{ note: 110, duration: 0.2 },

{ note: 147, duration: 0.2 }, // D3

{ note: 147, duration: 0.2 },

{ note: 165, duration: 0.2 }, // E3

{ note: 165, duration: 0.2 },

{ note: 147, duration: 0.2 }, // D3

{ note: 131, duration: 0.2 }, // C3

],

// Melody (higher notes)

melody: [

{ note: 440, duration: 0.1 }, // A4

{ note: 0, duration: 0.1 }, // rest

{ note: 523, duration: 0.1 }, // C5

{ note: 0, duration: 0.1 },

{ note: 587, duration: 0.2 }, // D5

{ note: 523, duration: 0.1 }, // C5

{ note: 440, duration: 0.1 }, // A4

{ note: 392, duration: 0.2 }, // G4

{ note: 440, duration: 0.1 }, // A4

{ note: 0, duration: 0.1 },

{ note: 523, duration: 0.2 }, // C5

{ note: 587, duration: 0.1 }, // D5

{ note: 659, duration: 0.1 }, // E5

{ note: 587, duration: 0.2 }, // D5

{ note: 523, duration: 0.1 }, // C5

{ note: 440, duration: 0.1 }, // A4

],

let musicBassIndex = 0;

let musicMelodyIndex = 0;

let musicBeatTime = 0;

function playMusicNote(frequency, duration, type, volume) {

function musicTick() {

function startMusic() {

function stopMusic() {

function toggleMusic() {

function updateMusicButton() {

const startMenu = document.getElementById("startMenu");

const pauseMenu = document.getElementById("pauseMenu");

const gameOverMenu = document.getElementById("gameOverMenu");

const levelComplete = document.getElementById("levelComplete");

const hud = document.getElementById("hud");

const mobileControls = document.getElementById("mobileControls");

const pcControls = document.getElementById("pcControls");

const pcModeBtn = document.getElementById("pcModeBtn");

const mobileModeBtn = document.getElementById("mobileModeBtn");

const pcTutorialHints = document.getElementById("pcTutorialHints");

const mobileTutorialHints = document.getElementById("mobileTutorialHints");

let gameMode = 'pc'; // 'pc' or 'mobile'

const playBtn = document.getElementById("playBtn");

const resumeBtn = document.getElementById("resumeBtn");

const quitBtn = document.getElementById("quitBtn");

const retryBtn = document.getElementById("retryBtn");

const nextLevelBtn = document.getElementById("nextLevelBtn");

const toast = document.getElementById("toast");

const mobileJump = document.getElementById("mobileJump");

const mobilePunch = document.getElementById("mobilePunch");

const mobilePause = document.getElementById("mobilePause");

const scoreEl = document.getElementById("score");

const comboEl = document.getElementById("combo");

const comboDisplay = document.getElementById("comboDisplay");

const levelEl = document.getElementById("level");

const livesDisplay = document.getElementById("livesDisplay");

const menuBest = document.getElementById("menuBest");

const finalScore = document.getElementById("finalScore");

const finalBest = document.getElementById("finalBest");

const gameOverTitle = document.getElementById("gameOverTitle");

const levelTitle = document.getElementById("levelTitle");

const levelScore = document.getElementById("levelScore");

const levelProgressBar = document.getElementById("levelProgressBar");

const levelProgressText = document.getElementById("levelProgressText");

const levelNameEl = document.getElementById("levelName");

const BASE_WIDTH = 960;

const BASE_HEIGHT = 540;

const groundY = BASE_HEIGHT - 70;

const spriteSets = {

idle: ["sprites/mac_idle.png", "sprites/mac_idle_blink.png"],

run: [

"sprites/mac_run_1.png",

"sprites/mac_run_2.png",

"sprites/mac_run_3.png",

"sprites/mac_run_4.png"

],

jump: ["sprites/mac_jump_1.png", "sprites/mac_jump_2.png", "sprites/mac_jump_3.png"],

attack: ["sprites/mac_attack_1.png", "sprites/mac_attack_2.png"],

hurt: ["sprites/mac_hurt.png"],

victory: ["sprites/mac_victory.png"],

super: ["sprites/mac_super.png"],

defeated: ["sprites/mac_defeated.jpg"],

magnus_idle: ["sprites/magnus/magnus_idle.png"],

magnus_run: [

"sprites/magnus/magnus_run_1.png",

"sprites/magnus/magnus_run_2.png",

"sprites/magnus/magnus_run_3.png",

"sprites/magnus/magnus_run_4.png"

],

magnus_jump: ["sprites/magnus/magnus_jump_1.png", "sprites/magnus/magnus_jump_2.png"],

magnus_tired: ["sprites/magnus/magnus_tired.png"],

const sprites = {};

let spritesReady = false;

const LEVEL_BASE_LENGTH = 2500;

const LEVEL_LENGTH_STEP = 400;

const LEVEL_NAMES = [

"Donovan's Landing",

"Magnus's Chase",

"Neon Harbor",

"Skyline Bounce",

"Turbo Plaza",

"Starlight Circuit",

const segmentTemplates = [

// Easy patterns - single obstacles with generous spacing

{

difficulty: 1,

length: 550,

obstacles: [{ at: 250, type: "ground" }],

orbs: [{ at: 350, height: 140 }, { at: 420, height: 140 }, { at: 490, height: 140 }],

},

{

difficulty: 1,

length: 600,

obstacles: [{ at: 280, type: "ground", width: 60, height: 80 }],

orbs: [{ at: 400, height: 180 }, { at: 500, height: 120 }],

},

// Medium patterns - two obstacles, varied heights

{

difficulty: 1,

length: 700,

obstacles: [{ at: 250, type: "ground" }, { at: 500, type: "ground" }],

orbs: [{ at: 375, height: 200 }],

},

{

difficulty: 2,

length: 750,

obstacles: [

{ at: 280, type: "air", y: groundY - 180 },

{ at: 550, type: "ground" },

],

orbs: [{ at: 400, height: 100 }, { at: 650, height: 180 }],

},

{

difficulty: 2,

length: 800,

obstacles: [

{ at: 300, type: "ground", width: 80, height: 100 },

{ at: 580, type: "air", y: groundY - 200 },

],

orbs: [{ at: 440, height: 200 }, { at: 700, height: 140 }],

},

// Hard patterns - three obstacles, require skill

{

difficulty: 3,

length: 900,

obstacles: [

{ at: 250, type: "ground" },

{ at: 480, type: "air", y: groundY - 190 },

{ at: 720, type: "ground" },

],

orbs: [{ at: 360, height: 200 }, { at: 600, height: 100 }, { at: 820, height: 180 }],

},

{

difficulty: 3,

length: 950,

obstacles: [

{ at: 280, type: "ground", width: 70, height: 90 },

{ at: 520, type: "ground" },

{ at: 760, type: "air", y: groundY - 210 },

],

orbs: [{ at: 400, height: 220 }, { at: 640, height: 180 }],

},

// Orb bonanza - fewer obstacles, lots of orbs

{

difficulty: 1,

length: 650,

obstacles: [{ at: 320, type: "ground" }],

orbs: [

{ at: 180, height: 120 },

{ at: 240, height: 160 },

{ at: 420, height: 140 },

{ at: 480, height: 180 },

{ at: 540, height: 200 },

],

},

const state = {

running: false,

paused: false,

gameOver: false,

gameOverTime: 0,

score: 0,

best: Number(localStorage.getItem("macgame_best")) || 0,

bestBefore: 0,

combo: 1,

comboTimer: 0, // Timer for combo decay visual

fun: 0,

health: 3,

time: 0,

animTime: 0,

speed: 260,

shake: 0,

hitFlash: 0, // Red flash on hit

toastTimer: 0,

level: 1,

distance: 0,

levelTarget: LEVEL_BASE_LENGTH,

spawnPlan: [],

spawnIndex: 0,

awaitingNextLevel: false,

showTutorial: !localStorage.getItem("macgame_played"), // First time player

pendingUpdate: false, // PWA update pending

const player = {

x: 170,

y: groundY,

vy: 0,

width: 170,

height: 240,

jumpPower: 820,

gravity: 1800,

onGround: true,

attackTimer: 0,

attackCooldown: 0,

hurtTimer: 0,

invincible: 0,

jumpBuffer: 0,

coyoteTimer: 0,

const JUMP_BUFFER_TIME = 0.12;

const COYOTE_TIME = 0.12;

const ATTACK_DURATION = 0.35;

const obstacles = [];

const orbs = [];

const particles = [];

const floatingTexts = []; // Floating score popups

const confetti = []; // Celebration confetti

const magnus = {

x: -200,

y: groundY - 45,

width: 160,

height: 120,

active: false,

state: 'idle', // idle, chasing, tired, happy

chaseTimer: 0,

tiredTimer: 0,

happyTimer: 0,

frame: 0,

frameTimer: 0,

velocity: 0,

acceleration: 400,

maxSpeed: 280, // Slightly faster max speed

barkTimer: 0,

visible: false,

hasLicked: false,

let canvasScale = 1;

let canvasOffsetX = 0;

let canvasOffsetY = 0;

function resizeCanvas() {

window.addEventListener("resize", resizeCanvas);

function loadSprites() {

function computeSpriteMeta(img) {

function configureOverlay({ title, text, showStart = false, showResume = false, resumeLabel = "Resume" }) {

// Legacy function - kept for compatibility but now using new menus

function showMenu(menuElement) {

hideAllMenus();

if (menuElement) menuElement.classList.remove("hidden");

function hideAllMenus() {

function showHUD() {

function hideHUD() {

function updateLivesDisplay() {

function resetGame() {

function hideOverlay() {

hideAllMenus();

function maxDifficultyForLevel(level) {

function pickSegmentTemplate(level) {

function buildLevelPlan(level) {