Score: 0

\n HP: 100%\n

\n\n \n

COMBO: 0

\n 1.0x MULTIPLIER\n

\n\n \n \n WAVE: 1\n

\n\n \n \n SINGLE\n \n \n \n \n 🎮 CYBER-NEON\n \n\n \n \n 📊 LIVE STATS\n \n\n

Score:

\n \n 0\n

\n\n

Wave:

\n \n 1\n \n\n

Enemies Killed:

\n\n

Current Combo:

\n\n

Best Combo:

\n 0\n

\n\n

Weapon:

\n \n SINGLE\n \n\n

Health:

\n 100\n

\n\n

Time Survived:

\n 0:00\n

\n\n

Active Power-ups:

\n None\n

\n \n\n

\n \n

High Score:

\n \n \n\n

\n \n \n 🎮 START\n \n \n \n ▶️ RESUME\n \n \n \n 🔄 RESTART\n \n

\n\n

Press ESC to resume

\n \n\n

\n \n WASTED\n \n

Overwhelmed

Final Score: 0

\n \n

\n High Score: 0\n

\n \n

\n\n

WASD / Touch to Move

\n \n\n \n \n \n\n",[],[140,223,225],"03b5aefe-4714-11f1-9a5c-42b51c65c3df","NEON-DEFENDER.css","03b5af9e-4714-11f1-9a5c-42b51c65c3df",36,["D",1777828671227]," :root {\n --neon-blue: #00f3ff;\n --neon-pink: #ff00ff;\n --neon-green: #00ff66;\n --neon-red: #ff3333;\n --bg-dark: #050505;\n }\n\n body {\n margin: 0;\n padding: 0;\n overflow: hidden;\n background-color: var(--bg-dark);\n font-family: \"Segoe UI\", Tahoma, Geneva, Verdana, sans-serif;\n color: white;\n user-select: none;\n touch-action: none;\n }\n\n #game-container {\n position: relative;\n width: 100vw;\n height: 100vh;\n background: #000;\n overflow: hidden;\n }\n\n canvas {\n display: block;\n background: radial-gradient(circle at center, #1a1a1a 0%, #000 100%);\n }\n\n #ui-layer {\n position: absolute;\n top: 20px;\n left: 20px;\n pointer-events: none;\n z-index: 10;\n display: flex;\n flex-direction: column;\n gap: 10px;\n }\n\n .stat-box {\n background: rgba(5, 5, 10, 0.9);\n padding: 10px 20px;\n border-left: 4px solid var(--neon-blue);\n font-size: 1rem;\n text-transform: uppercase;\n font-weight: bold;\n letter-spacing: 1px;\n display: flex;\n align-items: center;\n border-radius: 0 8px 8px 0;\n backdrop-filter: blur(5px);\n box-shadow: 0 4px 10px rgba(0, 0, 0, 0.6);\n width: fit-content;\n }\n\n .critical-hp {\n border-left-color: var(--neon-red) !important;\n color: var(--neon-red);\n animation: pulse 0.5s infinite alternate;\n }\n\n @keyframes pulse {\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0.5;\n }\n }\n\n #game-over {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: none;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n background: rgba(0, 0, 0, 0.95);\n z-index: 100;\n }\n\n button {\n background: transparent;\n color: var(--neon-blue);\n border: 2px solid var(--neon-blue);\n padding: 15px 50px;\n font-size: 1.5rem;\n cursor: pointer;\n text-transform: uppercase;\n font-weight: 800;\n border-radius: 4px;\n margin-top: 20px;\n transition: 0.2s;\n }\n\n button:hover {\n background: var(--neon-blue);\n color: black;\n box-shadow: 0 0 30px var(--neon-blue);\n }\n\n .controls-hint {\n position: absolute;\n bottom: 20px;\n width: 100%;\n text-align: center;\n color: rgba(255, 255, 255, 0.3);\n font-size: 0.8rem;\n pointer-events: none;\n }\n\n /* PHASE 2: Combo UI */\n #combo-display {\n position: absolute;\n top: 20px;\n right: 20px;\n background: rgba(5, 5, 10, 0.9);\n padding: 10px 20px;\n border-right: 4px solid var(--neon-pink);\n font-size: 1.2rem;\n text-transform: uppercase;\n font-weight: bold;\n letter-spacing: 1px;\n border-radius: 8px 0 0 8px;\n backdrop-filter: blur(5px);\n box-shadow: 0 4px 10px rgba(0, 0, 0, 0.6);\n display: none;\n }\n\n #combo-display.active {\n display: block;\n animation: pulse 0.5s infinite alternate;\n }\n",[],[140,223,233],"0398b88a-4714-11f1-9a5c-42b51c65c3df",34,["D",1777828671036],[201,202,203],[140,223],"03c6a092-4714-11f1-bdc4-42b51c65c3df","MIDNIGHT-RACING.js","03c6a132-4714-11f1-bdc4-42b51c65c3df","0389895a-4714-11f1-b2ab-42b51c65c3df",38,["D",1777828671232]," let scene, camera, renderer, clock;\n let playerCar,\n playerSpeed = 0,\n playerLane = 0;\n let roadWidth = 12,\n laneWidth = 4;\n let buildings = [],\n trafficCars = [],\n roadSegments = [];\n let particles = [];\n let gameRunning = false,\n gameOver = false;\n let distance = 0,\n score = 0,\n avoided = 0;\n let keys = {};\n let time = 0;\n let roadMarkings = [];\n let streetLights = [];\n let trees = [];\n let rainDrops = [];\n let puddles = [];\n\n const LANE_POSITIONS = [-4, 0, 4];\n const TRAFFIC_LANES = [-4, -2, 0, 2, 4];\n\n function init() {\n scene = new THREE.Scene();\n scene.fog = new THREE.FogExp2(0x000510, 0.008);\n scene.background = new THREE.Color(0x000510);\n\n camera = new THREE.PerspectiveCamera(65, window.innerWidth / window.innerHeight, 0.5, 500);\n camera.position.set(0, 3.5, 8);\n camera.lookAt(0, 2, -30);\n\n renderer = new THREE.WebGLRenderer({ antialias: true, alpha: false });\n renderer.setSize(window.innerWidth, window.innerHeight);\n renderer.setPixelRatio(Math.min(window.devicePixelRatio, 2));\n renderer.shadowMap.enabled = true;\n renderer.shadowMap.type = THREE.PCFSoftShadowMap;\n renderer.toneMapping = THREE.ACESFilmicToneMapping;\n renderer.toneMappingExposure = 1.2;\n document.body.appendChild(renderer.domElement);\n\n clock = new THREE.Clock();\n\n // Ambient light\n const ambient = new THREE.AmbientLight(0x111133, 0.3);\n scene.add(ambient);\n\n // Moon light\n const moonLight = new THREE.DirectionalLight(0x334466, 0.4);\n moonLight.position.set(30, 50, -20);\n scene.add(moonLight);\n\n // Hemisphere light\n const hemi = new THREE.HemisphereLight(0x222244, 0x111111, 0.3);\n scene.add(hemi);\n\n createPlayerCar();\n createRoad();\n createBuildings();\n createTraffic();\n createStreetLights();\n createTrees();\n createRain();\n createPuddles();\n\n window.addEventListener(\"keydown\", (e) => {\n keys[e.key.toLowerCase()] = true;\n });\n window.addEventListener(\"keyup\", (e) => {\n keys[e.key.toLowerCase()] = false;\n });\n window.addEventListener(\"resize\", onResize);\n }\n\n function createPlayerCar() {\n playerCar = new THREE.Group();\n\n // Car body\n const bodyGeo = new THREE.BoxGeometry(2, 0.8, 4.2);\n const bodyMat = new THREE.MeshPhongMaterial({\n color: 0x0044aa,\n emissive: 0x001133,\n shininess: 120,\n });\n const body = new THREE.Mesh(bodyGeo, bodyMat);\n body.position.y = 0.6;\n body.castShadow = true;\n playerCar.add(body);\n\n // Cabin\n const cabinGeo = new THREE.BoxGeometry(1.8, 0.7, 2);\n const cabinMat = new THREE.MeshPhongMaterial({\n color: 0x111122,\n emissive: 0x000011,\n shininess: 150,\n transparent: true,\n opacity: 0.85,\n });\n const cabin = new THREE.Mesh(cabinGeo, cabinMat);\n cabin.position.set(0, 1.25, -0.3);\n playerCar.add(cabin);\n\n // Windshield\n const windshieldGeo = new THREE.PlaneGeometry(1.7, 0.65);\n const windshieldMat = new THREE.MeshPhongMaterial({\n color: 0x4488ff,\n emissive: 0x2244aa,\n transparent: true,\n opacity: 0.4,\n side: THREE.DoubleSide,\n });\n const windshield = new THREE.Mesh(windshieldGeo, windshieldMat);\n windshield.position.set(0, 1.2, -1.3);\n windshield.rotation.x = 0.15;\n playerCar.add(windshield);\n\n // Rear window\n const rearGeo = new THREE.PlaneGeometry(1.7, 0.6);\n const rearWin = new THREE.Mesh(rearGeo, windshieldMat);\n rearWin.position.set(0, 1.2, 0.7);\n rearWin.rotation.x = -0.15;\n playerCar.add(rearWin);\n\n // Headlights\n const hlGeo = new THREE.SphereGeometry(0.15, 8, 8);\n const hlMat = new THREE.MeshPhongMaterial({ emissive: 0xffffcc, color: 0xffffcc });\n const hl1 = new THREE.Mesh(hlGeo, hlMat);\n hl1.position.set(-0.7, 0.6, -2.1);\n playerCar.add(hl1);\n const hl2 = new THREE.Mesh(hlGeo, hlMat);\n hl2.position.set(0.7, 0.6, -2.1);\n playerCar.add(hl2);\n\n // Headlight beams\n const beamGeo = new THREE.CylinderGeometry(0.3, 2, 15, 8, 1, true);\n const beamMat = new THREE.MeshBasicMaterial({\n color: 0xffffaa,\n transparent: true,\n opacity: 0.03,\n side: THREE.DoubleSide,\n });\n const beam1 = new THREE.Mesh(beamGeo, beamMat);\n beam1.position.set(-0.7, 0.5, -9);\n beam1.rotation.x = Math.PI / 2;\n playerCar.add(beam1);\n const beam2 = new THREE.Mesh(beamGeo, beamMat);\n beam2.position.set(0.7, 0.5, -9);\n beam2.rotation.x = Math.PI / 2;\n playerCar.add(beam2);\n\n // Headlight spotlights\n const spot1 = new THREE.SpotLight(0xffffcc, 2, 30, Math.PI / 6, 0.5, 1);\n spot1.position.set(-0.7, 0.6, -2);\n spot1.target.position.set(-0.7, 0, -15);\n playerCar.add(spot1);\n playerCar.add(spot1.target);\n\n const spot2 = new THREE.SpotLight(0xffffcc, 2, 30, Math.PI / 6, 0.5, 1);\n spot2.position.set(0.7, 0.6, -2);\n spot2.target.position.set(0.7, 0, -15);\n playerCar.add(spot2);\n playerCar.add(spot2.target);\n\n // Taillights\n const tlGeo = new THREE.BoxGeometry(0.3, 0.15, 0.05);\n const tlMat = new THREE.MeshPhongMaterial({ emissive: 0xff0000, color: 0xff0000 });\n const tl1 = new THREE.Mesh(tlGeo, tlMat);\n tl1.position.set(-0.7, 0.6, 2.1);\n playerCar.add(tl1);\n const tl2 = new THREE.Mesh(tlGeo, tlMat);\n tl2.position.set(0.7, 0.6, 2.1);\n playerCar.add(tl2);\n\n // Taillight glow\n const tlGlow1 = new THREE.PointLight(0xff0000, 1, 8);\n tlGlow1.position.set(-0.7, 0.6, 2.3);\n playerCar.add(tlGlow1);\n const tlGlow2 = new THREE.PointLight(0xff0000, 1, 8);\n tlGlow2.position.set(0.7, 0.6, 2.3);\n playerCar.add(tlGlow2);\n\n // Spoiler\n const spoilerGeo = new THREE.BoxGeometry(1.8, 0.08, 0.4);\n const spoilerMat = new THREE.MeshPhongMaterial({ color: 0x003388, emissive: 0x001144 });\n const spoiler = new THREE.Mesh(spoilerGeo, spoilerMat);\n spoiler.position.set(0, 1.15, 1.8);\n playerCar.add(spoiler);\n const spoilerLeg1 = new THREE.Mesh(new THREE.BoxGeometry(0.08, 0.3, 0.08), spoilerMat);\n spoilerLeg1.position.set(-0.6, 0.95, 1.8);\n playerCar.add(spoilerLeg1);\n const spoilerLeg2 = new THREE.Mesh(new THREE.BoxGeometry(0.08, 0.3, 0.08), spoilerMat);\n spoilerLeg2.position.set(0.6, 0.95, 1.8);\n playerCar.add(spoilerLeg2);\n\n // Wheels\n const wheelGeo = new THREE.CylinderGeometry(0.35, 0.35, 0.25, 12);\n const wheelMat = new THREE.MeshPhongMaterial({ color: 0x111111 });\n const wheelPositions = [\n [-1, 0.35, -1.3],\n [1, 0.35, -1.3],\n [-1, 0.35, 1.3],\n [1, 0.35, 1.3],\n ];\n playerCar.wheels = [];\n wheelPositions.forEach((pos) => {\n const wheel = new THREE.Mesh(wheelGeo, wheelMat);\n wheel.rotation.z = Math.PI / 2;\n wheel.position.set(...pos);\n playerCar.add(wheel);\n playerCar.wheels.push(wheel);\n\n // Hubcap\n const hubGeo = new THREE.CylinderGeometry(0.2, 0.2, 0.26, 8);\n const hubMat = new THREE.MeshPhongMaterial({ color: 0x888888, shininess: 80 });\n const hub = new THREE.Mesh(hubGeo, hubMat);\n hub.rotation.z = Math.PI / 2;\n hub.position.set(pos[0] * 1.05, pos[1], pos[2]);\n playerCar.add(hub);\n });\n\n // Side skirts\n const skirtGeo = new THREE.BoxGeometry(0.05, 0.15, 3.8);\n const skirtMat = new THREE.MeshPhongMaterial({ color: 0x002266 });\n const skirtL = new THREE.Mesh(skirtGeo, skirtMat);\n skirtL.position.set(-1.05, 0.4, 0);\n playerCar.add(skirtL);\n const skirtR = new THREE.Mesh(skirtGeo, skirtMat);\n skirtR.position.set(1.05, 0.4, 0);\n playerCar.add(skirtR);\n\n // License plate\n const plateGeo = new THREE.PlaneGeometry(0.5, 0.25);\n const plateMat = new THREE.MeshPhongMaterial({ color: 0xffffcc, emissive: 0x888844 });\n const plate = new THREE.Mesh(plateGeo, plateMat);\n plate.position.set(0, 0.4, 2.12);\n playerCar.add(plate);\n\n playerCar.position.set(0, 0, 0);\n scene.add(playerCar);\n }\n\n function createRoad() {\n // Main road surface\n const roadGeo = new THREE.PlaneGeometry(roadWidth, 2000);\n const roadMat = new THREE.MeshPhongMaterial({\n color: 0x1a1a2e,\n shininess: 60,\n specular: 0x111122,\n });\n const road = new THREE.Mesh(roadGeo, roadMat);\n road.rotation.x = -Math.PI / 2;\n road.position.set(0, 0, -500);\n scene.add(road);\n\n // Sidewalks\n const swGeo = new THREE.PlaneGeometry(4, 2000);\n const swMat = new THREE.MeshPhongMaterial({ color: 0x222233 });\n const swL = new THREE.Mesh(swGeo, swMat);\n swL.rotation.x = -Math.PI / 2;\n swL.position.set(-8, 0.02, -500);\n scene.add(swL);\n const swR = new THREE.Mesh(swGeo, swMat);\n swR.rotation.x = -Math.PI / 2;\n swR.position.set(8, 0.02, -500);\n scene.add(swR);\n\n // Road edges (curbs)\n const curbGeo = new THREE.BoxGeometry(0.3, 0.2, 2000);\n const curbMat = new THREE.MeshPhongMaterial({ color: 0x333344 });\n const curbL = new THREE.Mesh(curbGeo, curbMat);\n curbL.position.set(-6.15, 0.1, -500);\n scene.add(curbL);\n const curbR = new THREE.Mesh(curbGeo, curbMat);\n curbR.position.set(6.15, 0.1, -500);\n scene.add(curbR);\n\n // Lane markings\n for (let i = 0; i < 200; i++) {\n for (let lane = -1; lane <= 1; lane++) {\n const markingGeo = new THREE.PlaneGeometry(0.15, 2);\n const markingMat = new THREE.MeshBasicMaterial({\n color: 0x444455,\n transparent: true,\n opacity: 0.8,\n });\n const marking = new THREE.Mesh(markingGeo, markingMat);\n marking.rotation.x = -Math.PI / 2;\n marking.position.set(lane * 4, 0.015, -i * 10);\n scene.add(marking);\n roadMarkings.push(marking);\n }\n }\n\n // Center line (double yellow)\n for (let i = 0; i < 200; i++) {\n const lineGeo = new THREE.PlaneGeometry(0.1, 1.5);\n const lineMat = new THREE.MeshBasicMaterial({ color: 0x666633 });\n const line1 = new THREE.Mesh(lineGeo, lineMat);\n line1.rotation.x = -Math.PI / 2;\n line1.position.set(-0.3, 0.015, -i * 10);\n scene.add(line1);\n roadMarkings.push(line1);\n\n const line2 = new THREE.Mesh(lineGeo, lineMat);\n line2.rotation.x = -Math.PI / 2;\n line2.position.set(0.3, 0.015, -i * 10);\n scene.add(line2);\n roadMarkings.push(line2);\n }\n\n // Edge lines\n for (let i = 0; i < 200; i++) {\n const lineGeo = new THREE.PlaneGeometry(0.15, 1.5);\n const lineMat = new THREE.MeshBasicMaterial({ color: 0x888888 });\n const line1 = new THREE.Mesh(lineGeo, lineMat);\n line1.rotation.x = -Math.PI / 2;\n line1.position.set(-5.8, 0.015, -i * 10);\n scene.add(line1);\n roadMarkings.push(line1);\n\n const line2 = new THREE.Mesh(lineGeo, lineMat);\n line2.rotation.x = -Math.PI / 2;\n line2.position.set(5.8, 0.015, -i * 10);\n scene.add(line2);\n roadMarkings.push(line2);\n }\n }\n\n function createBuilding(x, z, type) {\n const group = new THREE.Group();\n\n const height = 15 + Math.random() * 35;\n const width = 3 + Math.random() * 4;\n const depth = 3 + Math.random() * 5;\n\n // Main building body\n const bodyGeo = new THREE.BoxGeometry(width, height, depth);\n const hue = Math.random() * 0.15 + 0.55;\n const bodyMat = new THREE.MeshPhongMaterial({\n color: new THREE.Color().setHSL(hue, 0.1, 0.08 + Math.random() * 0.05),\n emissive: new THREE.Color().setHSL(hue, 0.1, 0.02),\n shininess: 30,\n });\n const body = new THREE.Mesh(bodyGeo, bodyMat);\n body.position.y = height / 2;\n body.castShadow = true;\n group.add(body);\n\n // Roof details\n const roofGeo = new THREE.BoxGeometry(width + 0.5, 0.8, depth + 0.5);\n const roofMat = new THREE.MeshPhongMaterial({ color: 0x222233 });\n const roof = new THREE.Mesh(roofGeo, roofMat);\n roof.position.y = height + 0.4;\n group.add(roof);\n\n // AC units on roof\n if (Math.random() > 0.5) {\n const acGeo = new THREE.BoxGeometry(0.8, 0.6, 0.8);\n const acMat = new THREE.MeshPhongMaterial({ color: 0x333344 });\n const ac = new THREE.Mesh(acGeo, acMat);\n ac.position.set(width * 0.3, height + 1, depth * 0.2);\n group.add(ac);\n }\n\n // Windows\n const windowRows = Math.floor(height / 3);\n const windowCols = Math.floor(width / 2);\n\n for (let row = 0; row < windowRows; row++) {\n for (let col = 0; col < windowCols; col++) {\n if (Math.random() > 0.3) {\n const winGeo = new THREE.PlaneGeometry(1.2, 1.5);\n const isLit = Math.random() > 0.4;\n let winColor = isLit\n ? new THREE.Color().setHSL(\n 0.15 + Math.random() * 0.1,\n 0.6,\n 0.6 + Math.random() * 0.3,\n )\n : 0x111122;\n const winMat = new THREE.MeshBasicMaterial({\n color: winColor,\n transparent: true,\n opacity: isLit ? 0.8 : 0.5,\n });\n const win = new THREE.Mesh(winGeo, winMat);\n\n const wy = 2 + row * 3;\n const wx = (col - (windowCols - 1) / 2) * 1.8;\n\n // Front face\n const winFront = new THREE.Mesh(winGeo, winMat);\n winFront.position.set(wx, wy, depth / 2 + 0.01);\n group.add(winFront);\n\n // Back face\n const winBack = new THREE.Mesh(winGeo, winMat);\n winBack.position.set(wx, wy, -depth / 2 - 0.01);\n winBack.rotation.y = Math.PI;\n group.add(winBack);\n }\n }\n }\n\n // Building accent lines (horizontal bands)\n for (let b = 0; b < 3; b++) {\n const bandGeo = new THREE.BoxGeometry(width + 0.1, 0.15, depth + 0.1);\n const bandMat = new THREE.MeshPhongMaterial({ color: 0x2a2a3a });\n const band = new THREE.Mesh(bandGeo, bandMat);\n band.position.y = height * (0.3 + b * 0.3);\n group.add(band);\n }\n\n // Ground floor entrance\n const entranceGeo = new THREE.BoxGeometry(1.5, 2.5, 0.1);\n const entranceMat = new THREE.MeshPhongMaterial({\n color: 0x444466,\n emissive: 0x222233,\n });\n const entrance = new THREE.Mesh(entranceGeo, entranceMat);\n entrance.position.set(0, 1.25, depth / 2 + 0.05);\n group.add(entrance);\n\n // Awning\n const awningGeo = new THREE.BoxGeometry(2.5, 0.1, 1.5);\n const awningMat = new THREE.MeshPhongMaterial({ color: 0x332244 });\n const awning = new THREE.Mesh(awningGeo, awningMat);\n awning.position.set(0, 2.6, depth / 2 + 0.7);\n group.add(awning);\n\n // Neon sign (random)\n if (Math.random() > 0.7) {\n const signGeo = new THREE.BoxGeometry(width * 0.6, 0.6, 0.1);\n const signColor = Math.random() > 0.5 ? 0xff0066 : 0x00ff88;\n const signMat = new THREE.MeshPhongMaterial({\n color: signColor,\n emissive: signColor,\n emissiveIntensity: 0.5,\n });\n const sign = new THREE.Mesh(signGeo, signMat);\n sign.position.set(0, height * 0.7, depth / 2 + 0.06);\n group.add(sign);\n\n const signLight = new THREE.PointLight(signColor, 1, 15);\n signLight.position.set(0, height * 0.7, depth / 2 + 1);\n group.add(signLight);\n }\n\n // Satellite dish\n if (Math.random() > 0.6) {\n const dishGeo = new THREE.SphereGeometry(0.4, 8, 4, 0, Math.PI * 2, 0, Math.PI / 3);\n const dishMat = new THREE.MeshPhongMaterial({ color: 0x555566 });\n const dish = new THREE.Mesh(dishGeo, dishMat);\n dish.position.set(width * 0.3, height + 0.5, depth * 0.3);\n dish.rotation.x = Math.PI;\n group.add(dish);\n }\n\n group.position.set(x, 0, z);\n scene.add(group);\n buildings.push({ mesh: group, x: x, z: z, width: width, depth: depth, height: height });\n }\n\n function createBuildings() {\n for (let i = 0; i < 100; i++) {\n const z = -i * 15;\n const side = Math.random() > 0.5 ? 1 : -1;\n const x = side * (9 + Math.random() * 8);\n const type = Math.floor(Math.random() * 4);\n createBuilding(x, z, type);\n }\n }\n\n function createTrafficCar(type) {\n const group = new THREE.Group();\n\n const colors = [\n 0xcc2222, 0x2244aa, 0x888888, 0xddaa33, 0x222222, 0xffffff, 0x44aa44, 0xaa4444,\n ];\n const color = colors[Math.floor(Math.random() * colors.length)];\n\n // Body\n const bodyGeo = new THREE.BoxGeometry(1.8, 0.75, 4);\n const bodyMat = new THREE.MeshPhongMaterial({\n color: color,\n emissive: 0x111111,\n shininess: 80,\n });\n const body = new THREE.Mesh(bodyGeo, bodyMat);\n body.position.y = 0.55;\n body.castShadow = true;\n group.add(body);\n\n // Cabin\n const cabGeo = new THREE.BoxGeometry(1.6, 0.65, 2);\n const cabMat = new THREE.MeshPhongMaterial({\n color: 0x111122,\n transparent: true,\n opacity: 0.7,\n });\n const cab = new THREE.Mesh(cabGeo, cabMat);\n cab.position.set(0, 1.15, -0.2);\n group.add(cab);\n\n // Windshield\n const wsGeo = new THREE.PlaneGeometry(1.5, 0.6);\n const wsMat = new THREE.MeshPhongMaterial({\n color: 0x4488ff,\n transparent: true,\n opacity: 0.3,\n side: THREE.DoubleSide,\n });\n const ws = new THREE.Mesh(wsGeo, wsMat);\n ws.position.set(0, 1.1, -1.15);\n ws.rotation.x = 0.1;\n group.add(ws);\n\n // Wheels\n const wGeo = new THREE.CylinderGeometry(0.3, 0.3, 0.2, 8);\n const wMat = new THREE.MeshPhongMaterial({ color: 0x111111 });\n [\n [-0.9, 0.3, -1.2],\n [0.9, 0.3, -1.2],\n [-0.9, 0.3, 1.2],\n [0.9, 0.3, 1.2],\n ].forEach((p) => {\n const w = new THREE.Mesh(wGeo, wMat);\n w.rotation.z = Math.PI / 2;\n w.position.set(...p);\n group.add(w);\n });\n\n // Headlights\n const hlGeo = new THREE.SphereGeometry(0.12, 6, 6);\n const hlMat = new THREE.MeshPhongMaterial({ emissive: 0xffffcc, color: 0xffffcc });\n const hl1 = new THREE.Mesh(hlGeo, hlMat);\n hl1.position.set(-0.6, 0.5, -2.05);\n group.add(hl1);\n const hl2 = new THREE.Mesh(hlGeo, hlMat);\n hl2.position.set(0.6, 0.5, -2.05);\n group.add(hl2);\n\n // Taillights\n const tlGeo = new THREE.BoxGeometry(0.25, 0.12, 0.05);\n const tlMat = new THREE.MeshPhongMaterial({ emissive: 0xff0000, color: 0xff0000 });\n const tl1 = new THREE.Mesh(tlGeo, tlMat);\n tl1.position.set(-0.6, 0.5, 2.05);\n group.add(tl1);\n const tl2 = new THREE.Mesh(tlGeo, tlMat);\n tl2.position.set(0.6, 0.5, 2.05);\n group.add(tl2);\n\n // Truck variant\n if (type === 2) {\n // Truck bed\n const bedGeo = new THREE.BoxGeometry(2, 1.5, 2.5);\n const bedMat = new THREE.MeshPhongMaterial({ color: 0x555555 });\n const bed = new THREE.Mesh(bedGeo, bedMat);\n bed.position.set(0, 1.2, 1.2);\n group.add(bed);\n body.scale.set(1, 1.5, 1);\n body.position.y = 0.75;\n }\n\n group.position.y = 0;\n scene.add(group);\n return group;\n }\n\n function createTraffic() {\n for (let i = 0; i < 30; i++) {\n const laneIdx = Math.floor(Math.random() * 5);\n const lane = TRAFFIC_LANES[laneIdx];\n const z = -Math.random() * 300 - 20;\n const type = Math.random() > 0.8 ? 2 : Math.random() > 0.5 ? 1 : 0;\n const car = createTrafficCar(type);\n car.position.set(lane, 0, z);\n car.userData = {\n lane: laneIdx,\n speed: 0.15 + Math.random() * 0.25,\n type: type,\n z: z,\n laneX: lane,\n swayAmount: Math.random() * 0.3,\n swaySpeed: 0.5 + Math.random() * 1.5,\n swayPhase: Math.random() * Math.PI * 2,\n };\n trafficCars.push(car);\n }\n }\n\n function createStreetLights() {\n for (let i = 0; i < 50; i++) {\n const group = new THREE.Group();\n\n // Pole\n const poleGeo = new THREE.CylinderGeometry(0.08, 0.1, 8, 6);\n const poleMat = new THREE.MeshPhongMaterial({ color: 0x333344 });\n const pole = new THREE.Mesh(poleGeo, poleMat);\n pole.position.y = 4;\n group.add(pole);\n\n // Arm\n const armGeo = new THREE.BoxGeometry(2, 0.08, 0.08);\n const arm = new THREE.Mesh(armGeo, poleMat);\n arm.position.set(-0.8, 8, 0);\n group.add(arm);\n\n // Light fixture\n const fixGeo = new THREE.BoxGeometry(0.6, 0.15, 0.3);\n const fixMat = new THREE.MeshPhongMaterial({\n color: 0xffffcc,\n emissive: 0xffdd88,\n emissiveIntensity: 0.3,\n });\n const fix = new THREE.Mesh(fixGeo, fixMat);\n fix.position.set(-1.7, 7.95, 0);\n group.add(fix);\n\n // Light glow\n const glowGeo = new THREE.SphereGeometry(0.3, 6, 6);\n const glowMat = new THREE.MeshBasicMaterial({\n color: 0xffdd88,\n transparent: true,\n opacity: 0.1,\n });\n const glow = new THREE.Mesh(glowGeo, glowMat);\n glow.position.set(-1.7, 7.8, 0);\n group.add(glow);\n\n // Point light\n const pl = new THREE.PointLight(0xffdd88, 0.8, 20, 2);\n pl.position.set(-1.7, 7.5, 0);\n group.add(pl);\n\n const side = i % 2 === 0 ? 1 : -1;\n const z = -i * 20;\n group.position.set(side * 7, 0, z);\n scene.add(group);\n streetLights.push(group);\n }\n }\n\n function createTrees() {\n for (let i = 0; i < 60; i++) {\n const group = new THREE.Group();\n\n // Trunk\n const trunkGeo = new THREE.CylinderGeometry(0.15, 0.2, 3, 6);\n const trunkMat = new THREE.MeshPhongMaterial({ color: 0x2a1a0a });\n const trunk = new THREE.Mesh(trunkGeo, trunkMat);\n trunk.position.y = 1.5;\n group.add(trunk);\n\n // Foliage layers\n const sizes = [1.5, 1.2, 0.8];\n sizes.forEach((s, idx) => {\n const fGeo = new THREE.ConeGeometry(s, 1.5, 6);\n const fMat = new THREE.MeshPhongMaterial({\n color: new THREE.Color().setHSL(0.3 + Math.random() * 0.05, 0.3, 0.1 + idx * 0.02),\n });\n const foliage = new THREE.Mesh(fGeo, fMat);\n foliage.position.y = 3 + idx * 1;\n group.add(foliage);\n });\n\n const side = i % 2 === 0 ? 1 : -1;\n const x = side * (7.5 + Math.random() * 3);\n const z = -i * 12;\n group.position.set(x, 0, z);\n scene.add(group);\n trees.push(group);\n }\n }\n\n function createRain() {\n const rainGeo = new THREE.BufferGeometry();\n const count = 3000;\n const positions = new Float32Array(count * 3);\n for (let i = 0; i < count; i++) {\n positions[i * 3] = (Math.random() - 0.5) * 40;\n positions[i * 3 + 1] = Math.random() * 30;\n positions[i * 3 + 2] = (Math.random() - 0.5) * 100;\n }\n rainGeo.setAttribute(\"position\", new THREE.BufferAttribute(positions, 3));\n const rainMat = new THREE.PointsMaterial({\n color: 0x4466aa,\n size: 0.05,\n transparent: true,\n opacity: 0.3,\n });\n const rain = new THREE.Points(rainGeo, rainMat);\n rain.userData = { positions: positions };\n scene.add(rain);\n rainDrops.push(rain);\n }\n\n function createPuddles() {\n for (let i = 0; i < 20; i++) {\n const puddleGeo = new THREE.CircleGeometry(0.5 + Math.random() * 1.5, 8);\n const puddleMat = new THREE.MeshPhongMaterial({\n color: 0x222244,\n transparent: true,\n opacity: 0.4,\n shininess: 100,\n });\n const puddle = new THREE.Mesh(puddleGeo, puddleMat);\n puddle.rotation.x = -Math.PI / 2;\n puddle.position.set((Math.random() - 0.5) * roadWidth, 0.01, -Math.random() * 300);\n scene.add(puddle);\n puddles.push(puddle);\n }\n }\n\n function updatePlayer(dt) {\n const accel = keys[\"w\"] ? 15 : 5;\n const brakeForce = 12;\n const maxSpeed = keys[\"w\"] ? 25 : 15;\n const steerSpeed = 8;\n\n // Acceleration\n if (keys[\"w\"]) {\n playerSpeed = Math.min(playerSpeed + accel * dt, maxSpeed);\n } else if (keys[\"s\"]) {\n playerSpeed = Math.max(playerSpeed - brakeForce * dt, 0);\n } else {\n playerSpeed = Math.max(playerSpeed - 3 * dt, 0);\n }\n\n // Steering\n if (keys[\"a\"]) {\n playerLane = Math.max(playerLane - steerSpeed * dt, -4);\n }\n if (keys[\"d\"]) {\n playerLane = Math.min(playerLane + steerSpeed * dt, 4);\n }\n\n // Smooth lane transition\n const targetX = playerLane;\n playerCar.position.x += (targetX - playerCar.position.x) * 8 * dt;\n\n // Car tilt\n if (keys[\"a\"]) {\n playerCar.rotation.z = Math.min(playerCar.rotation.z + dt * 0.5, 0.15);\n } else if (keys[\"d\"]) {\n playerCar.rotation.z = Math.max(playerCar.rotation.z - dt * 0.5, -0.15);\n } else {\n playerCar.rotation.z *= 0.9;\n }\n\n // Speed-based visual effects\n const speedFactor = playerSpeed / 25;\n camera.position.y = 3.5 + speedFactor * 0.5;\n camera.fov = 65 + speedFactor * 10;\n camera.updateProjectionMatrix();\n\n // Camera shake at high speed\n if (playerSpeed > 15) {\n const shake = (playerSpeed - 15) * 0.002;\n camera.position.x += (Math.random() - 0.5) * shake;\n camera.position.y += (Math.random() - 0.5) * shake;\n }\n\n // Distance tracking\n distance += playerSpeed * dt * 3;\n score = Math.floor(distance * 10 + avoided * 50);\n\n // Update HUD\n document.getElementById(\"distance\").textContent = Math.floor(distance);\n document.getElementById(\"score\").textContent = score;\n document.getElementById(\"avoided\").textContent = avoided;\n document.getElementById(\"speedVal\").textContent = Math.floor(playerSpeed * 4);\n\n // Wheel rotation\n const wheelRot = playerSpeed * dt * 5;\n playerCar.wheels.forEach((w) => {\n w.rotation.x += wheelRot;\n });\n\n // Headlight flicker at low speed\n if (playerSpeed < 2) {\n playerCar.children.forEach((c) => {\n if (c.isSpotLight) {\n c.intensity = 1 + Math.sin(time * 10) * 0.5;\n }\n });\n }\n }\n\n function updateTraffic(dt) {\n trafficCars.forEach((car) => {\n const ud = car.userData;\n // Move traffic toward player (relative movement)\n const relSpeed = playerSpeed - ud.speed * 3;\n ud.z += relSpeed * dt;\n\n // Sway\n const sway = Math.sin(time * ud.swaySpeed + ud.swayPhase) * ud.swayAmount;\n car.position.x = ud.laneX + sway;\n\n // Recycle cars that go too far ahead\n if (ud.z > 30) {\n ud.z = -300 - Math.random() * 100;\n ud.laneX = TRAFFIC_LANES[Math.floor(Math.random() * 5)];\n ud.speed = 0.15 + Math.random() * 0.25;\n car.position.z = ud.z;\n car.position.x = ud.laneX;\n }\n\n // Recycle cars behind\n if (ud.z < -350) {\n ud.z = 20 + Math.random() * 50;\n ud.laneX = TRAFFIC_LANES[Math.floor(Math.random() * 5)];\n car.position.z = ud.z;\n car.position.x = ud.laneX;\n }\n\n car.position.z = ud.z;\n\n // Collision detection\n const dx = Math.abs(car.position.x - playerCar.position.x);\n const dz = Math.abs(car.position.z - playerCar.position.z);\n if (dx < 1.5 && dz < 3.5 && playerSpeed > 2) {\n crashGame();\n }\n\n // Avoidance tracking\n if (dz < 2 && dz > 0.1 && Math.abs(dx) < 1.5) {\n avoided++;\n }\n });\n }\n\n function updateBuildings(dt) {\n buildings.forEach((b) => {\n b.z += playerSpeed * dt * 3;\n b.mesh.position.z = b.z;\n\n if (b.z > 50) {\n b.z = -600 - Math.random() * 200;\n b.mesh.position.z = b.z;\n }\n });\n }\n\n function updateStreetLights(dt) {\n streetLights.forEach((sl) => {\n sl.position.z += playerSpeed * dt * 3;\n if (sl.position.z > 50) {\n sl.position.z = -500 - Math.random() * 100;\n }\n });\n }\n\n function updateTrees(dt) {\n trees.forEach((t) => {\n t.position.z += playerSpeed * dt * 3;\n if (t.position.z > 50) {\n t.position.z = -500 - Math.random() * 100;\n }\n });\n }\n\n function updatePuddles(dt) {\n puddles.forEach((p) => {\n p.position.z += playerSpeed * dt * 3;\n if (p.position.z > 50) {\n p.position.z = -500 - Math.random() * 100;\n }\n });\n }\n\n function updateRain(dt) {\n rainDrops.forEach((rain) => {\n const pos = rain.userData.positions;\n for (let i = 0; i < pos.length / 3; i++) {\n pos[i * 3 + 1] -= playerSpeed * dt * 5 + 5;\n pos[i * 3] -= playerSpeed * dt * 2;\n if (pos[i * 3 + 1] < 0) {\n pos[i * 3 + 1] = 30;\n pos[i * 3] = (Math.random() - 0.5) * 40;\n pos[i * 3 + 2] = (Math.random() - 0.5) * 100;\n }\n }\n rain.geometry.attributes.position.needsUpdate = true;\n });\n }\n\n function updateRoadMarkings(dt) {\n const scrollSpeed = playerSpeed * dt * 3;\n roadMarkings.forEach((m) => {\n m.position.z += scrollSpeed;\n if (m.position.z > 30) {\n m.position.z -= 1000;\n }\n });\n }\n\n function updateMinimap() {\n const canvas = document.getElementById(\"minimapCanvas\");\n const ctx = canvas.getContext(\"2d\");\n ctx.fillStyle = \"#0a0a20\";\n ctx.fillRect(0, 0, 120, 300);\n\n // Road\n ctx.fillStyle = \"#1a1a2e\";\n ctx.fillRect(30, 0, 60, 300);\n\n // Lane lines\n ctx.strokeStyle = \"#333355\";\n ctx.setLineDash([5, 5]);\n for (let l = -2; l <= 2; l++) {\n ctx.beginPath();\n ctx.moveTo(60 + l * 12, 0);\n ctx.lineTo(60 + l * 12, 300);\n ctx.stroke();\n }\n ctx.setLineDash([]);\n\n // Traffic on minimap\n trafficCars.forEach((car) => {\n const mx = 60 + car.position.x;\n const my = 150 - car.position.z * 0.5;\n if (my > 0 && my < 300) {\n ctx.fillStyle = \"#ff4444\";\n ctx.fillRect(mx - 3, my - 3, 6, 6);\n }\n });\n\n // Player\n ctx.fillStyle = \"#00ffff\";\n ctx.fillRect(57, 260, 6, 12);\n\n // Player lane indicator\n ctx.strokeStyle = \"#00ffff\";\n ctx.lineWidth = 1;\n ctx.strokeRect(57, 260, 6, 12);\n }\n\n function crashGame() {\n gameOver = true;\n gameRunning = false;\n document.getElementById(\"crashDist\").textContent = `Distance: ${Math.floor(distance)}m`;\n document.getElementById(\"crashScreen\").style.display = \"flex\";\n\n // Crash effect\n playerCar.rotation.y = (Math.random() - 0.5) * 0.5;\n playerCar.rotation.z = -0.3;\n\n // Flash\n const flash = new THREE.PointLight(0xff4400, 5, 30);\n flash.position.copy(playerCar.position);\n scene.add(flash);\n setTimeout(() => scene.remove(flash), 500);\n }\n\n function onResize() {\n camera.aspect = window.innerWidth / window.innerHeight;\n camera.updateProjectionMatrix();\n renderer.setSize(window.innerWidth, window.innerHeight);\n }\n\n let minimapTimer = 0;\n\n function animate() {\n requestAnimationFrame(animate);\n\n const dt = Math.min(clock.getDelta(), 0.05);\n time += dt;\n\n if (gameRunning && !gameOver) {\n updatePlayer(dt);\n updateTraffic(dt);\n updateBuildings(dt);\n updateStreetLights(dt);\n updateTrees(dt);\n updatePuddles(dt);\n updateRain(dt);\n updateRoadMarkings(dt);\n\n // Add new traffic periodically\n if (Math.random() < 0.01 && trafficCars.length < 40) {\n const laneIdx = Math.floor(Math.random() * 5);\n const lane = TRAFFIC_LANES[laneIdx];\n const type = Math.random() > 0.8 ? 2 : Math.random() > 0.5 ? 1 : 0;\n const car = createTrafficCar(type);\n const z = -200 - Math.random() * 50;\n car.position.set(lane, 0, z);\n car.userData = {\n lane: laneIdx,\n speed: 0.15 + Math.random() * 0.25,\n type: type,\n z: z,\n laneX: lane,\n swayAmount: Math.random() * 0.3,\n swaySpeed: 0.5 + Math.random() * 1.5,\n swayPhase: Math.random() * Math.PI * 2,\n };\n trafficCars.push(car);\n }\n\n // Remove far behind traffic\n trafficCars = trafficCars.filter((c) => c.position.z < 100);\n\n minimapTimer += dt;\n if (minimapTimer > 0.1) {\n updateMinimap();\n minimapTimer = 0;\n }\n }\n\n // Ambient building lights flicker\n buildings.forEach((b, i) => {\n b.mesh.children.forEach((child) => {\n if (child.material && child.material.emissive) {\n child.material.emissiveIntensity = 0.5 + Math.sin(time * 2 + i) * 0.2;\n }\n });\n });\n\n renderer.render(scene, camera);\n }\n\n function startGame() {\n document.getElementById(\"startScreen\").style.display = \"none\";\n gameRunning = true;\n gameOver = false;\n playerSpeed = 5;\n playerLane = 0;\n playerCar.position.x = 0;\n playerCar.rotation.set(0, 0, 0);\n distance = 0;\n score = 0;\n avoided = 0;\n time = 0;\n }\n\n function restartGame() {\n document.getElementById(\"crashScreen\").style.display = \"none\";\n\n // Remove old traffic\n trafficCars.forEach((c) => scene.remove(c));\n trafficCars = [];\n\n // Reset\n gameOver = false;\n gameRunning = true;\n playerSpeed = 5;\n playerLane = 0;\n playerCar.position.set(0, 0, 0);\n playerCar.rotation.set(0, 0, 0);\n distance = 0;\n score = 0;\n avoided = 0;\n time = 0;\n\n // Recreate traffic\n createTraffic();\n }\n\n init();\n animate();\n",[],[140,254,246],"MIDNIGHT-RACING","03bc45e8-4714-11f1-b525-42b51c65c3df","MIDNIGHT-RACING.html","03bc46a6-4714-11f1-b525-42b51c65c3df",37,["D",1777828671231],"\n\n \n \n \n Midnight Racing\n \n \n \n

MIDNIGHT RACING

Dodge traffic. Survive the night.

START ENGINE

\n\n

CRASHED!

Distance: 0m

RETRY

\n\n

DISTANCE: 0 m

SCORE: 0

TRAFFIC AVOIDED: 0

\n\n

KM/H

\n\n

\n A/D - Steer S - Brake W - Accelerate\n

\n\n

\n\n \n \n \n \n\n",[],[140,254,256],"03abab16-4714-11f1-9a5c-42b51c65c3df","MIDNIGHT-RACING.css","03ababc0-4714-11f1-9a5c-42b51c65c3df",35,["D",1777828671161]," * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n body {\n overflow: hidden;\n background: #000;\n font-family: \"Segoe UI\", sans-serif;\n }\n canvas {\n display: block;\n }\n #hud {\n position: fixed;\n top: 20px;\n left: 20px;\n z-index: 10;\n color: #0ff;\n font-size: 16px;\n text-shadow: 0 0 10px #0ff;\n pointer-events: none;\n }\n #hud div {\n margin-bottom: 8px;\n letter-spacing: 2px;\n }\n #speedometer {\n position: fixed;\n bottom: 30px;\n right: 30px;\n z-index: 10;\n width: 140px;\n height: 140px;\n border-radius: 50%;\n border: 3px solid #0ff;\n background: rgba(0, 0, 20, 0.7);\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n pointer-events: none;\n box-shadow: 0 0 30px rgba(0, 255, 255, 0.3);\n }\n #speedometer .speed-val {\n font-size: 36px;\n color: #0ff;\n font-weight: bold;\n }\n #speedometer .speed-unit {\n font-size: 12px;\n color: #08f;\n letter-spacing: 3px;\n }\n #controls {\n position: fixed;\n bottom: 20px;\n left: 20px;\n z-index: 10;\n color: #888;\n font-size: 13px;\n pointer-events: none;\n }\n #controls span {\n color: #0ff;\n font-weight: bold;\n }\n #minimap {\n position: fixed;\n top: 20px;\n right: 20px;\n z-index: 10;\n width: 120px;\n height: 300px;\n border: 2px solid #0ff;\n background: rgba(0, 5, 20, 0.8);\n pointer-events: none;\n border-radius: 4px;\n overflow: hidden;\n }\n #minimap canvas {\n width: 100%;\n height: 100%;\n }\n #startScreen {\n position: fixed;\n inset: 0;\n z-index: 100;\n background: radial-gradient(ellipse at center, #0a0a2e 0%, #000 70%);\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n color: #fff;\n cursor: pointer;\n }\n #startScreen h1 {\n font-size: 64px;\n letter-spacing: 12px;\n margin-bottom: 10px;\n background: linear-gradient(to bottom, #0ff, #04a);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n text-shadow: none;\n filter: drop-shadow(0 0 20px rgba(0, 255, 255, 0.5));\n }\n #startScreen p {\n color: #668;\n font-size: 16px;\n letter-spacing: 4px;\n margin-bottom: 40px;\n }\n #startScreen .start-btn {\n padding: 15px 50px;\n border: 2px solid #0ff;\n color: #0ff;\n font-size: 20px;\n letter-spacing: 6px;\n cursor: pointer;\n background: rgba(0, 255, 255, 0.05);\n transition: all 0.3s;\n }\n #startScreen .start-btn:hover {\n background: rgba(0, 255, 255, 0.2);\n box-shadow: 0 0 30px rgba(0, 255, 255, 0.3);\n }\n #crashScreen {\n position: fixed;\n inset: 0;\n z-index: 100;\n display: none;\n background: rgba(10, 0, 0, 0.9);\n flex-direction: column;\n align-items: center;\n justify-content: center;\n color: #f44;\n }\n #crashScreen h1 {\n font-size: 48px;\n letter-spacing: 8px;\n margin-bottom: 20px;\n }\n #crashScreen p {\n color: #a66;\n font-size: 18px;\n margin-bottom: 30px;\n }\n #crashScreen .restart-btn {\n padding: 15px 50px;\n border: 2px solid #f44;\n color: #f44;\n font-size: 20px;\n letter-spacing: 6px;\n cursor: pointer;\n background: rgba(255, 0, 0, 0.05);\n transition: all 0.3s;\n }\n #crashScreen .restart-btn:hover {\n background: rgba(255, 0, 0, 0.2);\n box-shadow: 0 0 30px rgba(255, 0, 0, 0.3);\n }\n",[],[140,254,264],"03898888-4714-11f1-b2ab-42b51c65c3df",33,["D",1777828670937],[197,198,199],[140,254],["D",1777828670819],[196,200],[140],"5b1f457c-1c19-11f1-a014-42dde27851f2","types.ts","5b1f4626-1c19-11f1-a014-42dde27851f2",11,["D",1773103065332],"export interface UserInfo {\n email: string | null;\n username: string | null;\n profileImageUrl: string | null;\n}\n\nexport interface ScoreEntry {\n id: number;\n game: string;\n email: string;\n username: string | null;\n score: number;\n achievedAt: string;\n}\n\nexport interface PersonalBest {\n game: string;\n score: number;\n achievedAt: string;\n}\n\nexport interface SubmitScoreRequest {\n game: string;\n score: number;\n}\n",[],[147,280],"29a538c9-a990-49ba-8dda-ab89a11cc743","config.ts","5b32af22-1c19-11f1-884f-42dde27851f2",46,["D",1781228540193],"export const APP_NAME = \"ARCADE\";\nexport const VERSION = \"1.0.0\";\nexport const USERS_TABLE = \"arcade_users_v1\";\nexport const SCORES_TABLE = \"arcade_scores_v1\";\nexport const VALID_GAMES = [\"snake\", \"tetris\", \"snake2\"] as const;\nexport type GameName = (typeof VALID_GAMES)[number];\nexport const SLOW_TIME_DURATION = 4000;\nexport const SLOW_TIME_COOLDOWN = 15000;\nexport const SLOW_TIME_MULTIPLIER = 2.5;\n",[],[147,288],["D",1773103064934],[193,194],[147],"eb7db358-7c91-4edf-a449-4c32a9438028","styles.css","5b5e8476-1c19-11f1-92d7-42dde27851f2",45,["D",1781228540038],":root {\n --bg-void: #050508;\n --bg-dark: #0a0a12;\n --bg-cabinet: #12121e;\n --bg-card: #16162a;\n --neon-pink: #ff2d95;\n --neon-blue: #00d4ff;\n --neon-green: #39ff14;\n --neon-yellow: #ffe600;\n --neon-purple: #bf00ff;\n --neon-orange: #ff6b00;\n --text-primary: #d0d0e0;\n --text-dim: #606080;\n --border-subtle: #1e1e3a;\n --font-pixel: \"Press Start 2P\", monospace;\n}\n\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\nhtml, body {\n width: 100%;\n min-height: 100vh;\n background: var(--bg-void);\n font-family: var(--font-pixel);\n color: var(--text-primary);\n font-size: 10px;\n line-height: 1.6;\n overflow-x: hidden;\n}\n\nbody {\n background:\n radial-gradient(ellipse at 50% 0%, rgba(0, 212, 255, 0.06) 0%, transparent 60%),\n radial-gradient(ellipse at 80% 100%, rgba(255, 45, 149, 0.04) 0%, transparent 50%),\n var(--bg-void);\n}\n\n/* CRT SCANLINE OVERLAY */\n.crt-overlay {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n z-index: 9999;\n background: repeating-linear-gradient(\n 0deg,\n rgba(0, 0, 0, 0.12) 0px,\n rgba(0, 0, 0, 0.12) 1px,\n transparent 1px,\n transparent 3px\n );\n}\n\n/* APP CONTAINER */\n#app {\n max-width: 800px;\n margin: 0 auto;\n padding: 0 16px;\n}\n\n/* AUTH HEADER */\n#auth-header {\n padding: 20px 0;\n border-bottom: 1px solid var(--border-subtle);\n margin-bottom: 32px;\n}\n\n.header-inner {\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 16px;\n}\n\n.logo {\n font-size: 14px;\n color: var(--neon-pink);\n cursor: pointer;\n text-shadow:\n 0 0 8px var(--neon-pink),\n 0 0 20px rgba(255, 45, 149, 0.4);\n letter-spacing: 4px;\n transition: text-shadow 0.3s;\n}\n\n.logo:hover {\n text-shadow:\n 0 0 12px var(--neon-pink),\n 0 0 30px rgba(255, 45, 149, 0.6),\n 0 0 60px rgba(255, 45, 149, 0.3);\n}\n\n#auth-section {\n font-size: 8px;\n color: var(--text-dim);\n}\n\n#auth-section a {\n color: var(--neon-blue);\n text-decoration: none;\n transition: text-shadow 0.2s;\n}\n\n#auth-section a:hover {\n text-shadow: 0 0 8px var(--neon-blue);\n}\n\n.auth-user {\n display: flex;\n align-items: center;\n gap: 10px;\n}\n\n.auth-avatar {\n width: 28px;\n height: 28px;\n border-radius: 4px;\n border: 2px solid var(--neon-blue);\n box-shadow: 0 0 6px rgba(0, 212, 255, 0.3);\n}\n\n/* MARQUEE */\n.marquee {\n text-align: center;\n padding: 24px 0 40px;\n}\n\n.marquee-title {\n font-size: 28px;\n line-height: 1.4;\n color: var(--neon-yellow);\n text-shadow:\n 0 0 10px var(--neon-yellow),\n 0 0 30px rgba(255, 230, 0, 0.4),\n 0 0 60px rgba(255, 230, 0, 0.15);\n letter-spacing: 3px;\n animation: marquee-pulse 3s ease-in-out infinite;\n}\n\n@keyframes marquee-pulse {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0.85; }\n}\n\n.marquee-sub {\n margin-top: 16px;\n font-size: 8px;\n color: var(--text-dim);\n letter-spacing: 3px;\n animation: blink-slow 2s step-end infinite;\n}\n\n@keyframes blink-slow {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0; }\n}\n\n/* GAME GRID */\n.game-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 20px;\n margin-bottom: 48px;\n}\n\n@media (max-width: 500px) {\n .game-grid {\n grid-template-columns: 1fr;\n }\n}\n\n.game-card {\n background: var(--bg-card);\n border: 2px solid var(--border-subtle);\n border-radius: 4px;\n padding: 28px 20px;\n text-align: center;\n cursor: pointer;\n transition: all 0.25s ease;\n position: relative;\n overflow: hidden;\n}\n\n.game-card::before {\n content: \"\";\n position: absolute;\n inset: 0;\n opacity: 0;\n transition: opacity 0.3s;\n}\n\n.game-card--snake {\n border-color: rgba(57, 255, 20, 0.2);\n}\n\n.game-card--snake::before {\n background: radial-gradient(ellipse at center, rgba(57, 255, 20, 0.06) 0%, transparent 70%);\n}\n\n.game-card--snake:hover {\n border-color: var(--neon-green);\n box-shadow:\n 0 0 15px rgba(57, 255, 20, 0.15),\n inset 0 0 30px rgba(57, 255, 20, 0.03);\n transform: translateY(-2px);\n}\n\n.game-card--tetris {\n border-color: rgba(191, 0, 255, 0.2);\n}\n\n.game-card--tetris::before {\n background: radial-gradient(ellipse at center, rgba(191, 0, 255, 0.06) 0%, transparent 70%);\n}\n\n.game-card--tetris:hover {\n border-color: var(--neon-purple);\n box-shadow:\n 0 0 15px rgba(191, 0, 255, 0.15),\n inset 0 0 30px rgba(191, 0, 255, 0.03);\n transform: translateY(-2px);\n}\n\n.game-card--snake2 {\n border-color: rgba(86, 200, 255, 0.2);\n}\n.game-card--snake2::before {\n background: radial-gradient(ellipse at center, rgba(86, 200, 255, 0.06) 0%, transparent 70%);\n}\n.game-card--snake2:hover {\n border-color: #56c8ff;\n box-shadow:\n 0 0 15px rgba(86, 200, 255, 0.15),\n inset 0 0 30px rgba(86, 200, 255, 0.03);\n transform: translateY(-2px);\n}\n.game-card--snake2 .game-card__title {\n color: #56c8ff;\n text-shadow: 0 0 8px rgba(86, 200, 255, 0.5);\n}\n\n.game-card:hover::before {\n opacity: 1;\n}\n\n.game-card__icon {\n font-size: 40px;\n margin-bottom: 16px;\n filter: saturate(1.2);\n}\n\n.game-card__title {\n font-size: 16px;\n margin-bottom: 12px;\n letter-spacing: 3px;\n}\n\n.game-card--snake .game-card__title {\n color: var(--neon-green);\n text-shadow: 0 0 8px rgba(57, 255, 20, 0.5);\n}\n\n.game-card--tetris .game-card__title {\n color: var(--neon-purple);\n text-shadow: 0 0 8px rgba(191, 0, 255, 0.5);\n}\n\n.game-card__desc {\n font-size: 7px;\n color: var(--text-dim);\n line-height: 2;\n margin-bottom: 20px;\n}\n\n.game-card__prompt {\n font-size: 7px;\n color: var(--text-dim);\n letter-spacing: 2px;\n animation: blink-slow 2s step-end infinite;\n}\n\n.game-card:hover .game-card__prompt {\n color: var(--text-primary);\n animation: none;\n}\n\n/* SECTION TITLE */\n.section-title {\n font-size: 12px;\n text-align: center;\n color: var(--neon-blue);\n text-shadow: 0 0 8px rgba(0, 212, 255, 0.4);\n letter-spacing: 3px;\n margin-bottom: 20px;\n}\n\n/* LEADERBOARD TABS */\n.leaderboard-tabs {\n display: flex;\n justify-content: center;\n gap: 8px;\n margin-bottom: 16px;\n}\n\n.tab-btn {\n font-family: var(--font-pixel);\n font-size: 8px;\n padding: 8px 16px;\n background: var(--bg-cabinet);\n border: 1px solid var(--border-subtle);\n color: var(--text-dim);\n cursor: pointer;\n transition: all 0.2s;\n letter-spacing: 1px;\n}\n\n.tab-btn.active {\n color: var(--neon-blue);\n border-color: var(--neon-blue);\n box-shadow: 0 0 8px rgba(0, 212, 255, 0.2);\n}\n\n.tab-btn:hover {\n color: var(--text-primary);\n border-color: var(--text-dim);\n}\n\n/* LEADERBOARD TABLE */\n.leaderboard-preview {\n padding-bottom: 40px;\n}\n\n.lb-table {\n width: 100%;\n border-collapse: collapse;\n font-size: 8px;\n}\n\n.lb-table th {\n color: var(--text-dim);\n text-align: left;\n padding: 8px 12px;\n border-bottom: 1px solid var(--border-subtle);\n font-weight: normal;\n letter-spacing: 1px;\n}\n\n.lb-table td {\n padding: 10px 12px;\n border-bottom: 1px solid rgba(30, 30, 58, 0.5);\n}\n\n.lb-table tr:hover td {\n background: rgba(255, 255, 255, 0.02);\n}\n\n.lb-rank {\n width: 40px;\n font-size: 10px;\n}\n\n.lb-rank--1 { color: var(--neon-yellow); text-shadow: 0 0 6px rgba(255, 230, 0, 0.5); }\n.lb-rank--2 { color: #c0c0c0; text-shadow: 0 0 6px rgba(192, 192, 192, 0.4); }\n.lb-rank--3 { color: var(--neon-orange); text-shadow: 0 0 6px rgba(255, 107, 0, 0.4); }\n\n.lb-score {\n text-align: right;\n color: var(--neon-green);\n font-size: 9px;\n}\n\n.lb-empty {\n text-align: center;\n color: var(--text-dim);\n padding: 24px;\n font-size: 8px;\n}\n\n.lb-self td {\n background: rgba(0, 212, 255, 0.05);\n}\n\n/* GAME VIEW */\n.game-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 0 0 16px;\n gap: 12px;\n}\n\n.btn-back {\n font-family: var(--font-pixel);\n font-size: 8px;\n padding: 8px 12px;\n background: none;\n border: 1px solid var(--border-subtle);\n color: var(--text-dim);\n cursor: pointer;\n transition: all 0.2s;\n}\n\n.btn-back:hover {\n color: var(--text-primary);\n border-color: var(--text-dim);\n}\n\n.game-view-title {\n font-size: 14px;\n letter-spacing: 3px;\n}\n\n.game-header-stats {\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n gap: 4px;\n}\n\n.game-score {\n font-size: 10px;\n color: var(--neon-green);\n text-shadow: 0 0 6px rgba(57, 255, 20, 0.4);\n min-width: 120px;\n text-align: right;\n}\n\n.game-speed {\n font-size: 8px;\n color: var(--neon-blue);\n text-shadow: 0 0 4px rgba(0, 212, 255, 0.4);\n}\n\n.game-slow-status {\n font-size: 7px;\n color: var(--text-dim);\n letter-spacing: 1px;\n}\n\n.game-slow-status--ready {\n color: var(--neon-green);\n text-shadow: 0 0 4px rgba(57, 255, 20, 0.4);\n}\n\n.game-slow-status--active {\n color: var(--neon-blue);\n text-shadow: 0 0 6px rgba(0, 212, 255, 0.6);\n animation: slow-pulse 0.6s ease-in-out infinite;\n}\n\n.game-slow-status--cooldown {\n color: var(--text-dim);\n}\n\n@keyframes slow-pulse {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0.5; }\n}\n\n/* CANVAS */\n.game-arena {\n display: flex;\n justify-content: center;\n padding: 8px 0;\n min-height: 420px;\n}\n\n.game-arena--handoff {\n background: #07090d;\n min-height: 560px;\n border: 1px solid #1b2330;\n border-radius: 2px;\n}\n\n#game-embed {\n max-width: 100%;\n}\n\n.canvas-bezel {\n background: #000;\n padding: 6px;\n border: 3px solid #1a1a30;\n border-radius: 2px;\n box-shadow:\n 0 0 20px rgba(0, 0, 0, 0.8),\n inset 0 0 10px rgba(0, 0, 0, 1),\n 0 0 40px rgba(0, 212, 255, 0.04);\n}\n\ncanvas {\n display: block;\n image-rendering: pixelated;\n}\n\n.controls-hint {\n text-align: center;\n font-size: 7px;\n color: var(--text-dim);\n padding: 16px 0;\n letter-spacing: 1px;\n}\n\n/* GAME OVER OVERLAY */\n.game-over-overlay {\n position: fixed;\n inset: 0;\n background: rgba(5, 5, 8, 0.85);\n display: flex;\n justify-content: center;\n align-items: center;\n z-index: 100;\n animation: fade-in 0.3s ease;\n}\n\n@keyframes fade-in {\n from { opacity: 0; }\n to { opacity: 1; }\n}\n\n.game-over-box {\n background: var(--bg-dark);\n border: 2px solid var(--neon-pink);\n box-shadow: 0 0 30px rgba(255, 45, 149, 0.2);\n padding: 40px;\n text-align: center;\n max-width: 400px;\n width: 90%;\n}\n\n.game-over-title {\n font-size: 20px;\n color: var(--neon-pink);\n text-shadow:\n 0 0 10px var(--neon-pink),\n 0 0 30px rgba(255, 45, 149, 0.4);\n margin-bottom: 20px;\n letter-spacing: 4px;\n}\n\n.game-over-score {\n font-size: 14px;\n color: var(--neon-yellow);\n text-shadow: 0 0 8px rgba(255, 230, 0, 0.4);\n margin-bottom: 8px;\n}\n\n.game-over-best {\n font-size: 8px;\n color: var(--neon-green);\n margin-bottom: 28px;\n min-height: 16px;\n}\n\n.game-over-actions {\n display: flex;\n gap: 12px;\n justify-content: center;\n flex-wrap: wrap;\n}\n\n/* ARCADE BUTTONS */\n.btn-arcade {\n font-family: var(--font-pixel);\n font-size: 9px;\n padding: 12px 20px;\n background: var(--neon-pink);\n color: #fff;\n border: none;\n cursor: pointer;\n letter-spacing: 1px;\n transition: all 0.2s;\n text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.btn-arcade:hover {\n box-shadow: 0 0 15px rgba(255, 45, 149, 0.5);\n transform: translateY(-1px);\n}\n\n.btn-arcade--alt {\n background: transparent;\n border: 2px solid var(--neon-blue);\n color: var(--neon-blue);\n}\n\n.btn-arcade--alt:hover {\n box-shadow: 0 0 15px rgba(0, 212, 255, 0.3);\n}\n\n/* FULL LEADERBOARD VIEW */\n.leaderboard-full {\n max-width: 600px;\n margin: 0 auto;\n padding: 16px 0 40px;\n}\n\n.personal-best-section {\n text-align: center;\n padding: 16px;\n margin-bottom: 20px;\n border: 1px solid var(--border-subtle);\n background: var(--bg-cabinet);\n font-size: 8px;\n}\n\n.personal-best-section .pb-label {\n color: var(--text-dim);\n margin-bottom: 4px;\n}\n\n.personal-best-section .pb-score {\n font-size: 14px;\n color: var(--neon-yellow);\n text-shadow: 0 0 8px rgba(255, 230, 0, 0.4);\n}\n\n/* LOADING / EMPTY */\n.loading-text {\n text-align: center;\n color: var(--text-dim);\n font-size: 8px;\n padding: 20px;\n animation: blink-slow 2s step-end infinite;\n}\n\n/* RESPONSIVE */\n@media (max-width: 500px) {\n .marquee-title {\n font-size: 18px;\n }\n\n .game-header {\n flex-wrap: wrap;\n }\n\n .game-score {\n order: -1;\n width: 100%;\n text-align: center;\n min-width: auto;\n }\n\n .game-over-box {\n padding: 24px 16px;\n }\n\n .canvas-bezel {\n max-width: calc(100vw - 50px);\n overflow: hidden;\n }\n\n canvas {\n max-width: 100%;\n height: auto !important;\n }\n}\n\n/* AVATAR MODAL */\n.auth-avatar--clickable {\n cursor: pointer;\n transition: box-shadow 0.2s;\n}\n\n.auth-avatar--clickable:hover {\n box-shadow: 0 0 12px rgba(0, 212, 255, 0.6);\n}\n\n.avatar-modal-box {\n max-width: 340px;\n}\n\n.avatar-preview-container {\n display: flex;\n justify-content: center;\n margin-bottom: 20px;\n}\n\n.avatar-preview {\n width: 80px;\n height: 80px;\n border-radius: 4px;\n border: 2px solid var(--neon-blue);\n box-shadow: 0 0 8px rgba(0, 212, 255, 0.3);\n object-fit: cover;\n}\n\n.arcade-input {\n font-family: var(--font-pixel);\n font-size: 8px;\n width: 100%;\n padding: 10px 12px;\n background: var(--bg-void);\n border: 2px solid var(--border-subtle);\n color: var(--text-primary);\n outline: none;\n margin-bottom: 20px;\n transition: border-color 0.2s;\n}\n\n.arcade-input:focus {\n border-color: var(--neon-blue);\n box-shadow: 0 0 8px rgba(0, 212, 255, 0.2);\n}\n\n.arcade-input::placeholder {\n color: var(--text-dim);\n}\n",[],[153,299],"51395fc8-8a2c-40a0-83c8-2c7c5e015076","script.ts","5aff238c-1c19-11f1-8ef6-42dde27851f2",52,["D",1781228693096],5,"import type { UserInfo, ScoreEntry, PersonalBest } from \"../Shared/types.ts\";\nimport type { GameName } from \"../Shared/config.ts\";\nimport { SnakeGame } from \"./game-snake.ts\";\nimport { TetrisGame } from \"./game-tetris.ts\";\n\n// State\nlet currentUser: UserInfo | null = null;\nlet currentGame: GameName | null = null;\nlet activeGameInstance: SnakeGame | TetrisGame | null = null;\nlet currentEmbedFrame: HTMLIFrameElement | null = null;\nlet lobbyLeaderboardTab: GameName = \"snake\";\nlet lastGameOverScore = 0;\nlet scoreSaved = false;\n\n// DOM refs\nconst authSection = document.getElementById(\"auth-section\")!;\nconst viewLobby = document.getElementById(\"view-lobby\")!;\nconst viewGame = document.getElementById(\"view-game\")!;\nconst viewLeaderboard = document.getElementById(\"view-leaderboard\")!;\nconst gameCanvas = document.getElementById(\"game-canvas\") as HTMLCanvasElement;\nconst gameTitle = document.getElementById(\"game-title\")!;\nconst gameScoreDisplay = document.getElementById(\"game-score-display\")!;\nconst gameOverOverlay = document.getElementById(\"game-over-overlay\")!;\nconst gameOverScore = document.getElementById(\"game-over-score\")!;\nconst gameOverBest = document.getElementById(\"game-over-best\")!;\nconst gameOverActions = document.getElementById(\"game-over-actions\")!;\nconst gameSpeedDisplay = document.getElementById(\"game-speed-display\");\nconst gameSlowStatus = document.getElementById(\"game-slow-status\");\nconst lobbyLeaderboard = document.getElementById(\"lobby-leaderboard\")!;\nconst lbTitle = document.getElementById(\"lb-title\")!;\nconst lbPersonalBest = document.getElementById(\"lb-personal-best\")!;\nconst lbTableContainer = document.getElementById(\"lb-table-container\")!;\nconst controlsHint = document.getElementById(\"game-controls-hint\")!;\nconst avatarModal = document.getElementById(\"avatar-modal\")!;\nconst avatarUrlInput = document.getElementById(\"avatar-url-input\") as HTMLInputElement;\nconst avatarPreview = document.getElementById(\"avatar-preview\") as HTMLImageElement;\n\nfunction escapeHtml(text: string | null | undefined): string {\n if (!text) return \"\";\n const div = document.createElement(\"div\");\n div.textContent = text;\n return div.innerHTML;\n}\n\n// AUTH\nasync function fetchUser(): Promise {\n try {\n const res = await fetch(\"/auth/me\");\n const user = (await res.json()) as UserInfo;\n currentUser = user.email ? user : null;\n renderAuth();\n } catch {\n currentUser = null;\n renderAuth();\n }\n}\n\nfunction renderAuth(): void {\n if (currentUser?.email) {\n let html = '';\n if (currentUser.profileImageUrl) {\n html += ` $\"\"$ `;\n }\n html += `${escapeHtml(currentUser.username || currentUser.email)}`;\n html += ` LOGOUT`;\n authSection.innerHTML = html;\n } else {\n authSection.innerHTML = 'LOGIN WITH VAL TOWN';\n }\n}\n\n// AVATAR MODAL\nfunction openAvatarModal(): void {\n if (!currentUser?.email) return;\n avatarUrlInput.value = currentUser.profileImageUrl || \"\";\n avatarPreview.src = currentUser.profileImageUrl || \"\";\n avatarPreview.style.display = currentUser.profileImageUrl ? \"\" : \"none\";\n avatarModal.style.display = \"\";\n}\n\nfunction closeAvatarModal(): void {\n avatarModal.style.display = \"none\";\n}\n\navatarUrlInput?.addEventListener(\"input\", () => {\n const url = avatarUrlInput.value.trim();\n if (url && (url.startsWith(\"http://\") || url.startsWith(\"https://\"))) {\n avatarPreview.src = url;\n avatarPreview.style.display = \"\";\n } else {\n avatarPreview.style.display = \"none\";\n }\n});\n\nasync function saveAvatar(): Promise {\n if (!currentUser?.email) return;\n const url = avatarUrlInput.value.trim();\n if (!url || (!url.startsWith(\"http://\") && !url.startsWith(\"https://\"))) return;\n\n const btn = document.getElementById(\"btn-avatar-save\") as HTMLButtonElement | null;\n if (btn) {\n btn.disabled = true;\n btn.textContent = \"SAVING...\";\n }\n\n try {\n await fetch(\"/api/profile/image\", {\n method: \"PUT\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ profileImageUrl: url }),\n });\n currentUser.profileImageUrl = url;\n renderAuth();\n closeAvatarModal();\n } catch {\n // ignore\n } finally {\n if (btn) {\n btn.disabled = false;\n btn.textContent = \"SAVE\";\n }\n }\n}\n\n// VIEWS\nfunction showView(view: \"lobby\" | \"game\" | \"leaderboard\"): void {\n viewLobby.style.display = view === \"lobby\" ? \"\" : \"none\";\n viewGame.style.display = view === \"game\" ? \"\" : \"none\";\n viewLeaderboard.style.display = view === \"leaderboard\" ? \"\" : \"none\";\n gameOverOverlay.style.display = \"none\";\n if (view !== \"game\") setEmbedHandoffBackdrop(false);\n}\n\nfunction getGameEmbed(): HTMLIFrameElement | null {\n return document.getElementById(\"game-embed\") as HTMLIFrameElement | null;\n}\n\nfunction setEmbedHandoffBackdrop(on: boolean): void {\n document.querySelector(\".game-arena\")?.classList.toggle(\"game-arena--handoff\", on);\n}\n\nfunction readEmbedScore(embed: HTMLIFrameElement): number {\n try {\n const w = embed.contentWindow as any;\n if (w?.__arcadeSnake2 && typeof w.__arcadeSnake2.getScore === \"function\") {\n return w.__arcadeSnake2.getScore() || 0;\n }\n if (w?.G && typeof w.G.score === \"number\") return w.G.score;\n } catch {\n // iframe not ready\n }\n return 0;\n}\n\nfunction detachEmbedFrame(): number {\n const embed = currentEmbedFrame || getGameEmbed();\n let score = 0;\n if (embed) {\n score = readEmbedScore(embed);\n try { embed.src = \"about:blank\"; } catch {}\n embed.style.display = \"none\";\n }\n currentEmbedFrame = null;\n\n const bezel = document.querySelector(\".canvas-bezel\");\n if (bezel) bezel.style.display = \"\";\n if (gameSpeedDisplay) gameSpeedDisplay.style.display = \"\";\n if (gameSlowStatus) gameSlowStatus.style.display = \"\";\n return score;\n}\n\nfunction showLobby(): void {\n if (activeGameInstance) {\n activeGameInstance.destroy();\n activeGameInstance = null;\n }\n if (currentEmbedFrame) {\n const harvested = detachEmbedFrame();\n if (harvested > 0) {\n currentGame = \"snake2\";\n gameTitle.textContent = \"SNAKE²\";\n gameScoreDisplay.textContent = `SCORE: ${harvested}`;\n setEmbedHandoffBackdrop(true);\n onGameOver(harvested);\n return;\n }\n setEmbedHandoffBackdrop(false);\n currentGame = null;\n showView(\"lobby\");\n loadLobbyLeaderboard(lobbyLeaderboardTab);\n return;\n }\n currentGame = null;\n showView(\"lobby\");\n loadLobbyLeaderboard(lobbyLeaderboardTab);\n}\n\nfunction showGame(game: GameName): void {\n if (activeGameInstance) {\n activeGameInstance.destroy();\n activeGameInstance = null;\n }\n if (currentEmbedFrame) {\n detachEmbedFrame();\n }\n\n currentGame = game;\n gameTitle.textContent = game === \"snake2\" ? \"SNAKE²\" : game.toUpperCase();\n gameScoreDisplay.textContent = \"SCORE: 0\";\n if (gameSpeedDisplay) {\n gameSpeedDisplay.style.display = \"\";\n gameSpeedDisplay.textContent = \"\";\n }\n if (gameSlowStatus) {\n gameSlowStatus.style.display = \"\";\n gameSlowStatus.textContent = \"\";\n gameSlowStatus.className = \"game-slow-status\";\n }\n showView(\"game\");\n setEmbedHandoffBackdrop(false);\n\n // Ensure normal canvas path is visible (embed may have been cleaned above)\n const bezelEl = document.querySelector(\".canvas-bezel\");\n const embedEl = getGameEmbed();\n if (bezelEl) bezelEl.style.display = \"\";\n if (embedEl) embedEl.style.display = \"none\";\n if (gameSpeedDisplay) gameSpeedDisplay.style.display = \"\";\n if (gameSlowStatus) gameSlowStatus.style.display = \"\";\n\n if (game === \"snake\") {\n controlsHint.innerHTML = \"ARROW KEYS / WASD TO MOVE — C TO SLOW TIME — ESC TO EXIT\";\n gameCanvas.width = 400;\n gameCanvas.height = 400;\n activeGameInstance = new SnakeGame(gameCanvas, onScoreUpdate, onGameOver, onSpeedUpdate, onSlowTimeStatus);\n } else if (game === \"tetris\") {\n controlsHint.innerHTML = \"ARROWS TO MOVE — UP TO ROTATE — SPACE TO DROP — C TO HOLD — Z TO SLOW — ESC TO EXIT\";\n gameCanvas.width = 320;\n gameCanvas.height = 500;\n activeGameInstance = new TetrisGame(gameCanvas, onScoreUpdate, onGameOver, onSpeedUpdate, onSlowTimeStatus);\n } else if (game === \"snake2\") {\n controlsHint.innerHTML = \"ARROWS / WASD · SPACE (PICK/PLANT) · MOUSE IN ACTS — ESC OR BACK TO EXIT\";\n const bezel = document.querySelector(\".canvas-bezel\");\n const embed = getGameEmbed();\n if (bezel) bezel.style.display = \"none\";\n if (embed) {\n embed.style.display = \"\";\n embed.style.height = \"560px\";\n embed.src = \"/FRONTEND/snake2/index.html\";\n embed.onload = () => { try { embed.focus(); } catch {} };\n currentEmbedFrame = embed;\n }\n gameScoreDisplay.textContent = \"SCORE: 0\";\n if (gameSpeedDisplay) gameSpeedDisplay.style.display = \"none\";\n if (gameSlowStatus) gameSlowStatus.style.display = \"none\";\n }\n}\n\nfunction onScoreUpdate(score: number): void {\n gameScoreDisplay.textContent = `SCORE: ${score}`;\n}\n\nfunction onSpeedUpdate(speed: number): void {\n if (gameSpeedDisplay) gameSpeedDisplay.textContent = `SPEED: ${speed}/s`;\n}\n\nfunction onSlowTimeStatus(status: { state: \"ready\" | \"active\" | \"cooldown\"; remaining?: number }): void {\n if (!gameSlowStatus) return;\n if (status.state === \"ready\") {\n gameSlowStatus.textContent = \"SLOW: READY\";\n gameSlowStatus.className = \"game-slow-status game-slow-status--ready\";\n } else if (status.state === \"active\") {\n gameSlowStatus.textContent = `SLOW: ${status.remaining}s`;\n gameSlowStatus.className = \"game-slow-status game-slow-status--active\";\n } else {\n gameSlowStatus.textContent = `SLOW: ${status.remaining}s`;\n gameSlowStatus.className = \"game-slow-status game-slow-status--cooldown\";\n }\n}\n\nfunction onGameOver(score: number): void {\n lastGameOverScore = score;\n scoreSaved = false;\n gameOverScore.textContent = `SCORE: ${score}`;\n gameOverBest.textContent = \"\";\n\n // Render game-over actions: Save Score button only when logged in and score > 0\n let actionsHtml = '';\n if (currentUser?.email && currentGame && score > 0) {\n actionsHtml += '';\n } else if (!currentUser?.email) {\n gameOverBest.textContent = \"LOGIN TO SAVE SCORES\";\n }\n actionsHtml += '';\n gameOverActions.innerHTML = actionsHtml;\n\n gameOverOverlay.style.display = \"\";\n}\n\nasync function saveScore(): Promise {\n if (!currentUser?.email || !currentGame || lastGameOverScore <= 0 || scoreSaved) return;\n\n const btn = document.getElementById(\"btn-save-score\") as HTMLButtonElement | null;\n if (btn) {\n btn.disabled = true;\n btn.textContent = \"SAVING...\";\n }\n\n try {\n await fetch(\"/api/scores\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ game: currentGame, score: lastGameOverScore }),\n });\n\n scoreSaved = true;\n if (btn) {\n btn.textContent = \"SAVED!\";\n }\n\n const bestRes = await fetch(`/api/scores/${currentGame}/me`);\n const best = (await bestRes.json()) as PersonalBest | null;\n if (best) {\n if (best.score === lastGameOverScore) {\n gameOverBest.textContent = \"★ NEW PERSONAL BEST! ★\";\n } else {\n gameOverBest.textContent = `PERSONAL BEST: ${best.score}`;\n }\n }\n } catch {\n if (btn) {\n btn.disabled = false;\n btn.textContent = \"SAVE SCORE\";\n }\n }\n}\n\nfunction restartGame(): void {\n if (currentGame) {\n showGame(currentGame);\n }\n}\n\nfunction showLeaderboard(game?: GameName): void {\n const g = game || currentGame || \"snake\";\n lbTitle.textContent = g === \"snake2\" ? \"SNAKE² LEADERBOARD\" : `${g.toUpperCase()} LEADERBOARD`;\n showView(\"leaderboard\");\n loadFullLeaderboard(g);\n}\n\n// LEADERBOARD\nfunction renderLeaderboardTable(entries: ScoreEntry[], container: HTMLElement, showEmpty = true): void {\n if (entries.length === 0) {\n container.innerHTML = showEmpty\n ? '

NO SCORES YET. BE THE FIRST!

'\n : '

—

';\n return;\n }\n\n let html = '';\n html += '';\n html += \"\";\n\n entries.forEach((entry, i) => {\n const rank = i + 1;\n const rankClass = rank <= 3 ? ` lb-rank--${rank}` : \"\";\n const selfClass = currentUser?.email === entry.email ? \" lb-self\" : \"\";\n const name = escapeHtml(entry.username || entry.email.split(\"@\")[0]);\n html += ``;\n html += ``;\n html += ``;\n html += ``;\n html += \"\";\n });\n\n html += \"

#	PLAYER	SCORE
${rank}	${name}	${entry.score.toLocaleString()}

\";\n container.innerHTML = html;\n}\n\nasync function loadLobbyLeaderboard(game: GameName): Promise {\n lobbyLeaderboard.innerHTML = '

';\n try {\n const res = await fetch(`/api/scores/${game}`);\n const entries = (await res.json()) as ScoreEntry[];\n renderLeaderboardTable(entries, lobbyLeaderboard);\n } catch {\n lobbyLeaderboard.innerHTML = '

FAILED TO LOAD

';\n }\n}\n\nasync function loadFullLeaderboard(game: GameName): Promise {\n lbTableContainer.innerHTML = '

';\n lbPersonalBest.innerHTML = \"\";\n\n try {\n const res = await fetch(`/api/scores/${game}`);\n const entries = (await res.json()) as ScoreEntry[];\n renderLeaderboardTable(entries, lbTableContainer);\n } catch {\n lbTableContainer.innerHTML = '

FAILED TO LOAD

';\n }\n\n if (currentUser?.email) {\n try {\n const bestRes = await fetch(`/api/scores/${game}/me`);\n const best = (await bestRes.json()) as PersonalBest | null;\n if (best) {\n lbPersonalBest.innerHTML = `

YOUR BEST

${best.score.toLocaleString()}

`;\n } else {\n lbPersonalBest.innerHTML = '

NO SCORES YET — GO PLAY!

';\n }\n } catch {\n // ignore\n }\n } else {\n lbPersonalBest.innerHTML = '

';\n }\n}\n\nfunction switchLeaderboardTab(game: GameName): void {\n lobbyLeaderboardTab = game;\n document.querySelectorAll(\".tab-btn\").forEach((btn) => {\n btn.classList.toggle(\"active\", (btn as HTMLElement).dataset.game === game);\n });\n loadLobbyLeaderboard(game);\n}\n\n// ESC key handler (canvas games + embed via postMessage from snake2)\ndocument.addEventListener(\"keydown\", (e) => {\n if (e.key === \"Escape\") {\n if (avatarModal.style.display !== \"none\") {\n closeAvatarModal();\n } else if (activeGameInstance || currentEmbedFrame) {\n showLobby();\n }\n }\n});\n\nwindow.addEventListener(\"message\", (e) => {\n if (e.data?.type === \"snake2:exit\" && currentEmbedFrame) {\n showLobby();\n }\n});\n\n// Expose to HTML onclick handlers\n(window as any).__arcade = {\n showLobby,\n showGame,\n showLeaderboard,\n restartGame,\n switchLeaderboardTab,\n saveScore,\n openAvatarModal,\n closeAvatarModal,\n saveAvatar,\n};\n\n// Init\nfetchUser();\nloadLobbyLeaderboard(\"snake\");\n",[],[153,307],"a46faeeb-aae4-4f6f-a096-3c1c9e1062bd","index.html","5af2be3a-1c19-11f1-a7d6-42dde27851f2",44,["D",1781228540043],"\n\n \n \n \n ARCADE\n \n \n \n \n \n \n \n

\n\n

\n \n

ARCADE

\n\n \n

SELECT
YOUR GAME

INSERT COIN TO PLAY

\n\n

🐍

SNAKE

Classic serpent action.
Eat. Grow. Survive.

PRESS TO PLAY

🧱

TETRIS

Stack the blocks.
Clear the lines.

PRESS TO PLAY

🐍

SNAKE²

Stable build. Narrative.
Garden. Ghosts. Voice.

PRESS TO PLAY

\n\n

HIGH SCORES

\n \n \n \n

\n\n \n \n\n \n \n\n \n \n

\n\n \n \n\n",[],[153,316],"704af69c-1c20-11f1-8344-42dde27851f2","game-tetris.ts","5b2d27b4-1c19-11f1-b34b-42dde27851f2",28,["D",1773106107315],"import { SLOW_TIME_DURATION, SLOW_TIME_COOLDOWN, SLOW_TIME_MULTIPLIER } from \"../Shared/config.ts\";\n\nconst COLS = 10;\nconst ROWS = 20;\nconst CELL = 25;\nconst SIDEBAR = 70;\nconst INITIAL_DROP = 800;\nconst LEVEL_SPEED_DROP = 60;\nconst MIN_DROP = 80;\nconst SIDEBAR_PAD_X = 10;\nconst SIDEBAR_PREVIEW_INSET = 14;\nconst PREVIEW_CELL = 12;\nconst SIDEBAR_NEXT_LABEL_Y = 24;\nconst SIDEBAR_NEXT_PREVIEW_Y = 36;\nconst SIDEBAR_HOLD_LABEL_Y = 82;\nconst SIDEBAR_HOLD_PREVIEW_Y = 94;\nconst SIDEBAR_LEVEL_LABEL_Y = 150;\nconst SIDEBAR_LEVEL_VALUE_Y = 168;\nconst SIDEBAR_LINES_LABEL_Y = 200;\nconst SIDEBAR_LINES_VALUE_Y = 218;\n\n// Tetromino shapes: each is array of rotations, each rotation is array of [row, col] offsets\nconst SHAPES: number[][][][] = [\n // I\n [[[0,0],[0,1],[0,2],[0,3]], [[0,0],[1,0],[2,0],[3,0]]],\n // O\n [[[0,0],[0,1],[1,0],[1,1]]],\n // T\n [[[0,0],[0,1],[0,2],[1,1]], [[0,0],[1,0],[2,0],[1,1]], [[0,1],[1,0],[1,1],[1,2]], [[0,0],[1,0],[2,0],[1,-1]]],\n // S\n [[[0,1],[0,2],[1,0],[1,1]], [[0,0],[1,0],[1,1],[2,1]]],\n // Z\n [[[0,0],[0,1],[1,1],[1,2]], [[0,1],[1,0],[1,1],[2,0]]],\n // J\n [[[0,0],[1,0],[1,1],[1,2]], [[0,0],[0,1],[1,0],[2,0]], [[0,0],[0,1],[0,2],[1,2]], [[0,0],[1,0],[2,0],[2,-1]]],\n // L\n [[[0,2],[1,0],[1,1],[1,2]], [[0,0],[1,0],[2,0],[2,1]], [[0,0],[0,1],[0,2],[1,0]], [[0,0],[0,1],[1,1],[2,1]]],\n];\n\nconst COLORS = [\n \"#00d4ff\", // I - cyan\n \"#ffe600\", // O - yellow\n \"#bf00ff\", // T - purple\n \"#39ff14\", // S - green\n \"#ff2d95\", // Z - pink\n \"#3366ff\", // J - blue\n \"#ff6b00\", // L - orange\n];\n\nconst GLOW_COLORS = [\n \"rgba(0,212,255,0.4)\",\n \"rgba(255,230,0,0.4)\",\n \"rgba(191,0,255,0.4)\",\n \"rgba(57,255,20,0.4)\",\n \"rgba(255,45,149,0.4)\",\n \"rgba(51,102,255,0.4)\",\n \"rgba(255,107,0,0.4)\",\n];\n\ninterface Piece {\n type: number;\n rotation: number;\n x: number;\n y: number;\n}\n\ninterface SlowTimeStatus {\n state: \"ready\" | \"active\" | \"cooldown\";\n remaining?: number;\n}\n\ninterface SlowParticle {\n x: number;\n y: number;\n vx: number;\n vy: number;\n alpha: number;\n size: number;\n}\n\nexport class TetrisGame {\n private canvas: HTMLCanvasElement;\n private ctx: CanvasRenderingContext2D;\n private onScore: (score: number) => void;\n private onGameOver: (score: number) => void;\n private onSpeedUpdate?: (speed: number) => void;\n private onSlowTimeStatus?: (status: SlowTimeStatus) => void;\n\n private board: number[][] = [];\n private current: Piece = { type: 0, rotation: 0, x: 0, y: 0 };\n private next: Piece = { type: 0, rotation: 0, x: 0, y: 0 };\n private score = 0;\n private level = 1;\n private lines = 0;\n private dropInterval: number;\n private lastDrop = 0;\n private isGameOver = false;\n private animFrameId: number | null = null;\n private keyHandler: (e: KeyboardEvent) => void;\n private heldPiece: { type: number; rotation: number } | null = null;\n private canHold = true;\n private slowTimeEnd = 0;\n private slowTimeCooldownEnd = 0;\n private wasSlowTime = false;\n private particles: SlowParticle[] = [];\n\n constructor(\n canvas: HTMLCanvasElement,\n onScore: (score: number) => void,\n onGameOver: (score: number) => void,\n onSpeedUpdate?: (speed: number) => void,\n onSlowTimeStatus?: (status: SlowTimeStatus) => void,\n ) {\n this.canvas = canvas;\n this.ctx = canvas.getContext(\"2d\")!;\n this.onScore = onScore;\n this.onGameOver = onGameOver;\n this.onSpeedUpdate = onSpeedUpdate;\n this.onSlowTimeStatus = onSlowTimeStatus;\n this.dropInterval = INITIAL_DROP;\n\n this.canvas.width = COLS * CELL + SIDEBAR;\n this.canvas.height = ROWS * CELL;\n\n // Init board\n this.board = Array.from({ length: ROWS }, () => Array(COLS).fill(-1));\n\n this.next = this.randomPiece();\n this.spawnPiece();\n\n this.keyHandler = (e: KeyboardEvent) => this.handleKey(e);\n document.addEventListener(\"keydown\", this.keyHandler);\n\n this.lastDrop = performance.now();\n this.loop(performance.now());\n this.onSpeedUpdate?.(Math.round(1000 / this.dropInterval));\n this.onSlowTimeStatus?.({ state: \"ready\" });\n }\n\n private randomPiece(): Piece {\n return {\n type: Math.floor(Math.random() * SHAPES.length),\n rotation: 0,\n x: Math.floor(COLS / 2) - 1,\n y: 0,\n };\n }\n\n private spawnPiece(): void {\n this.canHold = true;\n this.current = { ...this.next };\n this.next = this.randomPiece();\n this.current.x = Math.floor(COLS / 2) - 1;\n this.current.y = 0;\n\n if (!this.isValid(this.current)) {\n this.isGameOver = true;\n this.onGameOver(this.score);\n }\n }\n\n private getCells(piece: Piece): [number, number][] {\n const shape = SHAPES[piece.type];\n const rot = shape[piece.rotation % shape.length];\n return rot.map(([r, c]) => [piece.y + r, piece.x + c]);\n }\n\n private isValid(piece: Piece): boolean {\n for (const [r, c] of this.getCells(piece)) {\n if (c < 0 || c >= COLS || r >= ROWS) return false;\n if (r >= 0 && this.board[r][c] !== -1) return false;\n }\n return true;\n }\n\n private lock(): void {\n for (const [r, c] of this.getCells(this.current)) {\n if (r >= 0 && r < ROWS && c >= 0 && c < COLS) {\n this.board[r][c] = this.current.type;\n }\n }\n this.clearLines();\n this.spawnPiece();\n }\n\n private clearLines(): void {\n let cleared = 0;\n for (let r = ROWS - 1; r >= 0; r--) {\n if (this.board[r].every((c) => c !== -1)) {\n this.board.splice(r, 1);\n this.board.unshift(Array(COLS).fill(-1));\n cleared++;\n r++; // re-check same row\n }\n }\n\n if (cleared > 0) {\n const multipliers = [0, 100, 300, 500, 800];\n this.score += (multipliers[cleared] || 800) * this.level;\n this.lines += cleared;\n this.onScore(this.score);\n\n const newLevel = Math.floor(this.lines / 10) + 1;\n if (newLevel !== this.level) {\n this.level = newLevel;\n this.dropInterval = Math.max(MIN_DROP, INITIAL_DROP - (this.level - 1) * LEVEL_SPEED_DROP);\n this.onSpeedUpdate?.(Math.round(1000 / this.getEffectiveDropInterval()));\n }\n }\n }\n\n private getGhostY(): number {\n let ghostY = this.current.y;\n const test = { ...this.current };\n while (true) {\n test.y = ghostY + 1;\n if (!this.isValid(test)) break;\n ghostY++;\n }\n return ghostY;\n }\n\n private holdPiece(): void {\n if (!this.canHold) return;\n\n const spawnX = Math.floor(COLS / 2) - 1;\n\n if (this.heldPiece === null) {\n this.heldPiece = { type: this.current.type, rotation: this.current.rotation };\n this.current = { ...this.next, x: spawnX, y: 0 };\n this.next = this.randomPiece();\n } else {\n const temp = this.heldPiece;\n this.heldPiece = { type: this.current.type, rotation: this.current.rotation };\n this.current = {\n type: temp.type,\n rotation: temp.rotation,\n x: spawnX,\n y: 0,\n };\n }\n this.canHold = false;\n this.lastDrop = performance.now();\n }\n\n private handleKey(e: KeyboardEvent): void {\n if (this.isGameOver) return;\n\n const key = e.key.toLowerCase();\n let handled = true;\n\n if (key === \"arrowleft\" || key === \"a\") {\n this.tryMove(-1, 0);\n } else if (key === \"arrowright\" || key === \"d\") {\n this.tryMove(1, 0);\n } else if (key === \"arrowdown\" || key === \"s\") {\n this.tryMove(0, 1);\n this.lastDrop = performance.now();\n } else if (key === \"arrowup\" || key === \"w\") {\n this.tryRotate();\n } else if (key === \" \") {\n this.hardDrop();\n } else if (key === \"c\") {\n this.holdPiece();\n } else if (key === \"z\") {\n const now = performance.now();\n if (now > this.slowTimeCooldownEnd) {\n this.slowTimeEnd = now + SLOW_TIME_DURATION;\n this.slowTimeCooldownEnd = now + SLOW_TIME_COOLDOWN;\n this.wasSlowTime = true;\n this.onSpeedUpdate?.(Math.round(1000 / this.getEffectiveDropInterval()));\n }\n e.preventDefault();\n } else {\n handled = false;\n }\n\n if (handled) e.preventDefault();\n }\n\n private tryMove(dx: number, dy: number): boolean {\n const test = { ...this.current, x: this.current.x + dx, y: this.current.y + dy };\n if (this.isValid(test)) {\n this.current = test;\n return true;\n }\n return false;\n }\n\n private tryRotate(): void {\n const shape = SHAPES[this.current.type];\n const nextRot = (this.current.rotation + 1) % shape.length;\n const test = { ...this.current, rotation: nextRot };\n\n // Try basic rotation\n if (this.isValid(test)) {\n this.current = test;\n return;\n }\n\n // Wall kick attempts\n for (const dx of [-1, 1, -2, 2]) {\n const kicked = { ...test, x: test.x + dx };\n if (this.isValid(kicked)) {\n this.current = kicked;\n return;\n }\n }\n }\n\n private hardDrop(): void {\n this.current.y = this.getGhostY();\n this.lock();\n this.lastDrop = performance.now();\n }\n\n private getEffectiveDropInterval(): number {\n const now = performance.now();\n if (now < this.slowTimeEnd) {\n return Math.ceil(this.dropInterval * SLOW_TIME_MULTIPLIER);\n }\n return this.dropInterval;\n }\n\n private loop(now: number): void {\n if (this.isGameOver) return;\n\n // Detect slow-time state transitions\n const isSlowTime = now < this.slowTimeEnd;\n if (this.wasSlowTime && !isSlowTime) {\n this.wasSlowTime = false;\n this.onSpeedUpdate?.(Math.round(1000 / this.dropInterval));\n }\n\n // Report slow-time status every frame\n if (isSlowTime) {\n this.onSlowTimeStatus?.({ state: \"active\", remaining: Math.ceil((this.slowTimeEnd - now) / 1000) });\n } else if (now < this.slowTimeCooldownEnd) {\n this.onSlowTimeStatus?.({ state: \"cooldown\", remaining: Math.ceil((this.slowTimeCooldownEnd - now) / 1000) });\n } else {\n this.onSlowTimeStatus?.({ state: \"ready\" });\n }\n\n // Slow-time particles\n const bw = COLS * CELL;\n const h = ROWS * CELL;\n if (isSlowTime) {\n for (let i = 0; i < 2; i++) {\n this.particles.push({\n x: Math.random() * bw,\n y: Math.random() * h,\n vx: (Math.random() - 0.5) * 0.5,\n vy: -Math.random() * 1.5 - 0.5,\n alpha: 0.8 + Math.random() * 0.2,\n size: Math.random() * 2 + 1,\n });\n }\n }\n for (let i = this.particles.length - 1; i >= 0; i--) {\n const p = this.particles[i];\n p.x += p.vx;\n p.y += p.vy;\n p.alpha -= 0.015;\n if (p.alpha <= 0) this.particles.splice(i, 1);\n }\n\n const effectiveInterval = this.getEffectiveDropInterval();\n if (now - this.lastDrop >= effectiveInterval) {\n if (!this.tryMove(0, 1)) {\n this.lock();\n }\n this.lastDrop = now;\n }\n\n this.render();\n this.animFrameId = requestAnimationFrame((t) => this.loop(t));\n }\n\n private render(): void {\n const ctx = this.ctx;\n const bw = COLS * CELL;\n const h = ROWS * CELL;\n const totalW = bw + SIDEBAR;\n\n // Background\n ctx.fillStyle = \"#080810\";\n ctx.fillRect(0, 0, totalW, h);\n\n // Grid\n ctx.strokeStyle = \"rgba(30, 30, 60, 0.25)\";\n ctx.lineWidth = 0.5;\n for (let x = 0; x <= COLS; x++) {\n ctx.beginPath();\n ctx.moveTo(x * CELL, 0);\n ctx.lineTo(x * CELL, h);\n ctx.stroke();\n }\n for (let y = 0; y <= ROWS; y++) {\n ctx.beginPath();\n ctx.moveTo(0, y * CELL);\n ctx.lineTo(bw, y * CELL);\n ctx.stroke();\n }\n\n // Locked blocks\n for (let r = 0; r < ROWS; r++) {\n for (let c = 0; c < COLS; c++) {\n if (this.board[r][c] !== -1) {\n this.drawCell(c, r, this.board[r][c], 1.0);\n }\n }\n }\n\n // Ghost piece\n const ghostY = this.getGhostY();\n const ghostPiece = { ...this.current, y: ghostY };\n for (const [r, c] of this.getCells(ghostPiece)) {\n if (r >= 0) {\n this.drawCell(c, r, this.current.type, 0.15);\n }\n }\n\n // Current piece\n for (const [r, c] of this.getCells(this.current)) {\n if (r >= 0) {\n this.drawCell(c, r, this.current.type, 1.0);\n }\n }\n\n // Slow-time particles\n for (const p of this.particles) {\n ctx.globalAlpha = p.alpha;\n ctx.fillStyle = \"#00d4ff\";\n ctx.shadowColor = \"#00d4ff\";\n ctx.shadowBlur = 6;\n ctx.beginPath();\n ctx.arc(p.x, p.y, p.size, 0, Math.PI * 2);\n ctx.fill();\n }\n ctx.globalAlpha = 1;\n ctx.shadowColor = \"transparent\";\n ctx.shadowBlur = 0;\n\n // Sidebar separator\n ctx.fillStyle = \"#1a1a30\";\n ctx.fillRect(bw, 0, 1, h);\n\n // Sidebar background\n ctx.fillStyle = \"#0a0a14\";\n ctx.fillRect(bw + 1, 0, SIDEBAR - 1, h);\n\n // Next piece label\n ctx.fillStyle = \"#606080\";\n ctx.font = \"7px 'Press Start 2P'\";\n ctx.fillText(\"NEXT\", bw + SIDEBAR_PAD_X, SIDEBAR_NEXT_LABEL_Y);\n\n // Next piece preview\n const nextShape = SHAPES[this.next.type][0];\n const previewX = bw + SIDEBAR_PREVIEW_INSET;\n for (const [r, c] of nextShape) {\n ctx.fillStyle = COLORS[this.next.type];\n ctx.fillRect(\n previewX + c * PREVIEW_CELL,\n SIDEBAR_NEXT_PREVIEW_Y + r * PREVIEW_CELL,\n PREVIEW_CELL - 1,\n PREVIEW_CELL - 1,\n );\n }\n\n // Hold piece label and preview\n ctx.fillStyle = \"#606080\";\n ctx.font = \"7px 'Press Start 2P'\";\n ctx.fillText(\"HOLD\", bw + SIDEBAR_PAD_X, SIDEBAR_HOLD_LABEL_Y);\n if (this.heldPiece !== null) {\n const holdShape = SHAPES[this.heldPiece.type][this.heldPiece.rotation % SHAPES[this.heldPiece.type].length];\n const holdPreviewX = bw + SIDEBAR_PREVIEW_INSET;\n for (const [r, c] of holdShape) {\n ctx.fillStyle = COLORS[this.heldPiece.type];\n ctx.fillRect(\n holdPreviewX + c * PREVIEW_CELL,\n SIDEBAR_HOLD_PREVIEW_Y + r * PREVIEW_CELL,\n PREVIEW_CELL - 1,\n PREVIEW_CELL - 1,\n );\n }\n }\n\n // Level\n ctx.fillStyle = \"#606080\";\n ctx.font = \"6px 'Press Start 2P'\";\n ctx.fillText(\"LEVEL\", bw + SIDEBAR_PAD_X, SIDEBAR_LEVEL_LABEL_Y);\n ctx.fillStyle = \"#00d4ff\";\n ctx.font = \"10px 'Press Start 2P'\";\n ctx.fillText(`${this.level}`, bw + SIDEBAR_PAD_X, SIDEBAR_LEVEL_VALUE_Y);\n\n // Lines\n ctx.fillStyle = \"#606080\";\n ctx.font = \"6px 'Press Start 2P'\";\n ctx.fillText(\"LINES\", bw + SIDEBAR_PAD_X, SIDEBAR_LINES_LABEL_Y);\n ctx.fillStyle = \"#bf00ff\";\n ctx.font = \"10px 'Press Start 2P'\";\n ctx.fillText(`${this.lines}`, bw + SIDEBAR_PAD_X, SIDEBAR_LINES_VALUE_Y);\n }\n\n private drawCell(col: number, row: number, type: number, alpha: number): void {\n const ctx = this.ctx;\n const x = col * CELL;\n const y = row * CELL;\n\n if (alpha < 1) {\n ctx.globalAlpha = alpha;\n }\n\n ctx.fillStyle = COLORS[type];\n ctx.fillRect(x + 1, y + 1, CELL - 2, CELL - 2);\n\n // Inner highlight\n ctx.fillStyle = `rgba(255,255,255,${0.15 * alpha})`;\n ctx.fillRect(x + 1, y + 1, CELL - 2, 2);\n ctx.fillRect(x + 1, y + 1, 2, CELL - 2);\n\n // Inner shadow\n ctx.fillStyle = `rgba(0,0,0,${0.2 * alpha})`;\n ctx.fillRect(x + 1, y + CELL - 3, CELL - 2, 2);\n ctx.fillRect(x + CELL - 3, y + 1, 2, CELL - 2);\n\n if (alpha < 1) {\n ctx.globalAlpha = 1;\n }\n }\n\n destroy(): void {\n this.isGameOver = true;\n if (this.animFrameId !== null) {\n cancelAnimationFrame(this.animFrameId);\n this.animFrameId = null;\n }\n document.removeEventListener(\"keydown\", this.keyHandler);\n }\n}\n",[],[153,324],"703dbefa-1c20-11f1-bed3-42dde27851f2","game-snake.ts","5afa7b52-1c19-11f1-884f-42dde27851f2",26,["D",1773106107254],"import { SLOW_TIME_DURATION, SLOW_TIME_COOLDOWN, SLOW_TIME_MULTIPLIER } from \"../Shared/config.ts\";\n\ntype Direction = \"up\" | \"down\" | \"left\" | \"right\";\ntype Point = { x: number; y: number };\n\ninterface SlowTimeStatus {\n state: \"ready\" | \"active\" | \"cooldown\";\n remaining?: number;\n}\n\ninterface SlowParticle {\n x: number;\n y: number;\n vx: number;\n vy: number;\n alpha: number;\n size: number;\n}\n\nconst GRID = 20;\nconst COLS = 20;\nconst ROWS = 20;\nconst INITIAL_SPEED = 140;\nconst SPEED_STEP = 3;\nconst MIN_SPEED = 50;\nconst SCORE_PER_FOOD = 10;\n\nexport class SnakeGame {\n private canvas: HTMLCanvasElement;\n private ctx: CanvasRenderingContext2D;\n private onScore: (score: number) => void;\n private onGameOver: (score: number) => void;\n private onSpeedUpdate?: (speed: number) => void;\n private onSlowTimeStatus?: (status: SlowTimeStatus) => void;\n\n private snake: Point[] = [];\n private direction: Direction = \"right\";\n private nextDirection: Direction = \"right\";\n private food: Point = { x: 0, y: 0 };\n private score = 0;\n private speed: number;\n private isGameOver = false;\n private intervalId: number | null = null;\n private keyHandler: (e: KeyboardEvent) => void;\n private startTime = 0;\n private slowTimeEnd = 0;\n private slowTimeCooldownEnd = 0;\n private particles: SlowParticle[] = [];\n\n constructor(\n canvas: HTMLCanvasElement,\n onScore: (score: number) => void,\n onGameOver: (score: number) => void,\n onSpeedUpdate?: (speed: number) => void,\n onSlowTimeStatus?: (status: SlowTimeStatus) => void,\n ) {\n this.canvas = canvas;\n this.ctx = canvas.getContext(\"2d\")!;\n this.onScore = onScore;\n this.onGameOver = onGameOver;\n this.onSpeedUpdate = onSpeedUpdate;\n this.onSlowTimeStatus = onSlowTimeStatus;\n this.speed = INITIAL_SPEED;\n\n this.canvas.width = COLS * GRID;\n this.canvas.height = ROWS * GRID;\n\n // Init snake at center\n const cx = Math.floor(COLS / 2);\n const cy = Math.floor(ROWS / 2);\n this.snake = [\n { x: cx, y: cy },\n { x: cx - 1, y: cy },\n { x: cx - 2, y: cy },\n ];\n\n this.placeFood();\n\n this.keyHandler = (e: KeyboardEvent) => this.handleKey(e);\n document.addEventListener(\"keydown\", this.keyHandler);\n\n this.startTime = Date.now();\n this.startLoop();\n this.render();\n this.onSpeedUpdate?.(Math.round(1000 / this.speed));\n this.onSlowTimeStatus?.({ state: \"ready\" });\n }\n\n private getEffectiveSpeed(): number {\n const now = Date.now();\n if (now < this.slowTimeEnd) {\n return Math.ceil(this.speed * SLOW_TIME_MULTIPLIER);\n }\n return this.speed;\n }\n\n private startLoop(): void {\n if (this.intervalId !== null) clearInterval(this.intervalId);\n this.intervalId = setInterval(() => this.tick(), this.getEffectiveSpeed()) as unknown as number;\n }\n\n private handleKey(e: KeyboardEvent): void {\n if (this.isGameOver) return;\n\n const key = e.key.toLowerCase();\n const map: Record = {\n arrowup: \"up\", w: \"up\",\n arrowdown: \"down\", s: \"down\",\n arrowleft: \"left\", a: \"left\",\n arrowright: \"right\", d: \"right\",\n };\n\n const dir = map[key];\n if (dir) {\n // Prevent 180-degree turns\n const opposites: Record = {\n up: \"down\", down: \"up\", left: \"right\", right: \"left\",\n };\n if (opposites[dir] === this.direction) return;\n e.preventDefault();\n this.nextDirection = dir;\n return;\n }\n\n // Slow-time superpower (C key)\n if (key === \"c\") {\n const now = Date.now();\n if (now > this.slowTimeCooldownEnd) {\n this.slowTimeEnd = now + SLOW_TIME_DURATION;\n this.slowTimeCooldownEnd = now + SLOW_TIME_COOLDOWN;\n this.startLoop();\n this.onSpeedUpdate?.(Math.round(1000 / this.getEffectiveSpeed()));\n e.preventDefault();\n }\n }\n }\n\n private tick(): void {\n if (this.isGameOver) return;\n\n // Restart loop when slow time expires\n if (this.slowTimeEnd > 0 && Date.now() > this.slowTimeEnd) {\n this.slowTimeEnd = 0;\n this.startLoop();\n this.onSpeedUpdate?.(Math.round(1000 / this.speed));\n return;\n }\n\n this.direction = this.nextDirection;\n\n const head = { ...this.snake[0] };\n switch (this.direction) {\n case \"up\": head.y--; break;\n case \"down\": head.y++; break;\n case \"left\": head.x--; break;\n case \"right\": head.x++; break;\n }\n\n // Wall collision\n if (head.x < 0 || head.x >= COLS || head.y < 0 || head.y >= ROWS) {\n this.gameOver();\n return;\n }\n\n // Self collision\n if (this.snake.some((p) => p.x === head.x && p.y === head.y)) {\n this.gameOver();\n return;\n }\n\n this.snake.unshift(head);\n\n // Food check\n if (head.x === this.food.x && head.y === this.food.y) {\n this.score += SCORE_PER_FOOD;\n this.onScore(this.score);\n this.placeFood();\n\n // Speed up\n this.speed = Math.max(MIN_SPEED, this.speed - SPEED_STEP);\n this.onSpeedUpdate?.(Math.round(1000 / this.speed));\n this.startLoop();\n } else {\n this.snake.pop();\n }\n }\n\n private placeFood(): void {\n const occupied = new Set(this.snake.map((p) => `${p.x},${p.y}`));\n let attempts = 0;\n do {\n this.food = {\n x: Math.floor(Math.random() * COLS),\n y: Math.floor(Math.random() * ROWS),\n };\n attempts++;\n } while (occupied.has(`${this.food.x},${this.food.y}`) && attempts < 500);\n }\n\n private gameOver(): void {\n this.isGameOver = true;\n if (this.intervalId !== null) {\n clearInterval(this.intervalId);\n this.intervalId = null;\n }\n this.render();\n this.onGameOver(this.score);\n }\n\n private render(): void {\n const ctx = this.ctx;\n const w = this.canvas.width;\n const h = this.canvas.height;\n const now = Date.now();\n const isSlowTime = now < this.slowTimeEnd;\n\n // Report slow-time status every frame\n if (isSlowTime) {\n this.onSlowTimeStatus?.({ state: \"active\", remaining: Math.ceil((this.slowTimeEnd - now) / 1000) });\n } else if (now < this.slowTimeCooldownEnd) {\n this.onSlowTimeStatus?.({ state: \"cooldown\", remaining: Math.ceil((this.slowTimeCooldownEnd - now) / 1000) });\n } else {\n this.onSlowTimeStatus?.({ state: \"ready\" });\n }\n\n // Slow-time particles\n if (isSlowTime) {\n for (let i = 0; i < 2; i++) {\n this.particles.push({\n x: Math.random() * w,\n y: Math.random() * h,\n vx: (Math.random() - 0.5) * 0.5,\n vy: -Math.random() * 1.5 - 0.5,\n alpha: 0.8 + Math.random() * 0.2,\n size: Math.random() * 2 + 1,\n });\n }\n }\n for (let i = this.particles.length - 1; i >= 0; i--) {\n const p = this.particles[i];\n p.x += p.vx;\n p.y += p.vy;\n p.alpha -= 0.015;\n if (p.alpha <= 0) this.particles.splice(i, 1);\n }\n\n // Background\n ctx.fillStyle = \"#080810\";\n ctx.fillRect(0, 0, w, h);\n\n // Grid lines\n ctx.strokeStyle = \"rgba(30, 30, 60, 0.3)\";\n ctx.lineWidth = 0.5;\n for (let x = 0; x <= COLS; x++) {\n ctx.beginPath();\n ctx.moveTo(x * GRID, 0);\n ctx.lineTo(x * GRID, h);\n ctx.stroke();\n }\n for (let y = 0; y <= ROWS; y++) {\n ctx.beginPath();\n ctx.moveTo(0, y * GRID);\n ctx.lineTo(w, y * GRID);\n ctx.stroke();\n }\n\n // Snake body\n this.snake.forEach((p, i) => {\n const isHead = i === 0;\n const brightness = isHead ? 1.0 : Math.max(0.4, 1 - i * 0.03);\n\n if (isHead) {\n ctx.fillStyle = \"#50ff30\";\n ctx.shadowColor = \"#39ff14\";\n ctx.shadowBlur = 12;\n } else {\n const g = Math.round(255 * brightness);\n const r = Math.round(57 * brightness);\n ctx.fillStyle = `rgb(${r}, ${g}, 20)`;\n ctx.shadowColor = \"transparent\";\n ctx.shadowBlur = 0;\n }\n\n ctx.fillRect(p.x * GRID + 1, p.y * GRID + 1, GRID - 2, GRID - 2);\n });\n\n ctx.shadowColor = \"transparent\";\n ctx.shadowBlur = 0;\n\n // Food (pulsating)\n const pulse = Math.sin(now * 0.005) * 2 + 2;\n ctx.fillStyle = \"#ff2d95\";\n ctx.shadowColor = \"#ff2d95\";\n ctx.shadowBlur = 8 + pulse;\n ctx.fillRect(\n this.food.x * GRID + 2 - pulse / 2,\n this.food.y * GRID + 2 - pulse / 2,\n GRID - 4 + pulse,\n GRID - 4 + pulse,\n );\n ctx.shadowColor = \"transparent\";\n ctx.shadowBlur = 0;\n\n // Slow-time particles (rendered on top)\n for (const p of this.particles) {\n ctx.globalAlpha = p.alpha;\n ctx.fillStyle = \"#00d4ff\";\n ctx.shadowColor = \"#00d4ff\";\n ctx.shadowBlur = 6;\n ctx.beginPath();\n ctx.arc(p.x, p.y, p.size, 0, Math.PI * 2);\n ctx.fill();\n }\n ctx.globalAlpha = 1;\n ctx.shadowColor = \"transparent\";\n ctx.shadowBlur = 0;\n\n // Constant redraw for food animation\n if (!this.isGameOver) {\n requestAnimationFrame(() => this.render());\n }\n }\n\n destroy(): void {\n this.isGameOver = true;\n if (this.intervalId !== null) {\n clearInterval(this.intervalId);\n this.intervalId = null;\n }\n document.removeEventListener(\"keydown\", this.keyHandler);\n }\n}\n",[],[153,332],"3b15366e-c5a2-425c-aa4e-205dd471d2ac","4e76d066-6600-11f1-9022-1607ee4eb77e","4e59bc38-6600-11f1-853e-1607ee4eb77e",49,["D",1781228692736]," :root{\n --bg:#07090d; --panel:#0d1117; --line:#1b2330; --ink:#c9d4e3; --dim:#5a6b80;\n --green:#3dd56d; --green2:#9ef0b4; --red:#ff5b4d; --amber:#ffb454; --cyan:#56c8ff;\n --mono:ui-monospace,\"Cascadia Code\",Consolas,\"SF Mono\",Menlo,monospace;\n }\n *{margin:0;padding:0;box-sizing:border-box}\n html,body{height:100%;background:var(--bg);overflow:hidden}\n body{font-family:var(--mono);color:var(--ink)}\n\n #stage{position:fixed;inset:0;display:flex;align-items:center;justify-content:center}\n #rig{width:990px;display:flex;flex-direction:column;gap:0;transform-origin:center center}\n\n /* ---- build chrome: top bar ---- */\n #topbar{\n display:flex;align-items:center;gap:14px;height:34px;padding:0 12px;\n background:var(--panel);border:1px solid var(--line);border-bottom:none;\n border-radius:8px 8px 0 0;font-size:12px;letter-spacing:.04em;color:var(--dim);\n user-select:none;\n }\n #buildname{color:var(--ink);font-weight:600;white-space:nowrap}\n #version{color:var(--green);white-space:nowrap}\n #statusdot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 6px var(--green)}\n #memgag{margin-left:auto;white-space:nowrap}\n #hudscore{color:var(--ink);font-weight:600;white-space:nowrap}\n #hudlen{white-space:nowrap}\n\n /* ---- canvas frame ---- */\n #frame{position:relative;border:1px solid var(--line);background:#000;line-height:0}\n canvas{display:block;width:988px;height:556px;image-rendering:auto}\n\n /* ---- subtitle (snake voice) ---- */\n #saybar{\n height:44px;display:flex;align-items:center;justify-content:center;padding:0 16px;\n background:var(--panel);border:1px solid var(--line);border-top:none;border-radius:0 0 8px 8px;\n font-size:14.5px;letter-spacing:.02em;color:var(--green2);text-align:center;\n text-shadow:0 0 12px rgba(61,213,109,.35);user-select:none;white-space:nowrap;overflow:hidden;\n }\n #saybar .cur{display:inline-block;width:8px;height:15px;background:var(--green2);margin-left:3px;\n vertical-align:-2px;animation:blink 1s steps(1) infinite}\n @keyframes blink{50%{opacity:0}}\n #hudscore{transition:transform .12s ease-out,color .25s}\n #hudscore.pop{transform:scale(1.28);color:var(--green2)}\n\n /* ---- patch toasts (dev voice) ---- */\n #toasts{position:absolute;top:46px;right:10px;width:300px;display:flex;flex-direction:column;gap:8px;z-index:30;pointer-events:none}\n .toast{\n background:#10161f;border:1px solid #233044;border-left:3px solid var(--cyan);\n border-radius:6px;padding:9px 11px;font-size:11.5px;line-height:1.5;color:var(--ink);\n box-shadow:0 8px 24px rgba(0,0,0,.55);opacity:0;transform:translateX(24px);\n transition:opacity .3s,transform .3s;\n }\n .toast.show{opacity:1;transform:translateX(0)}\n .toast.hide{opacity:0;transform:translateX(24px)}\n .toast .tt{color:var(--cyan);font-weight:700;letter-spacing:.06em;margin-bottom:3px}\n .toast.warn{border-left-color:var(--amber)} .toast.warn .tt{color:var(--amber)}\n .toast.crit{border-left-color:var(--red)} .toast.crit .tt{color:var(--red)}\n .toast .body{color:#9fb0c4;white-space:pre-wrap}\n\n #hint{position:absolute;left:12px;top:46px;font-size:11px;color:#3c4a5e;z-index:5;user-select:none;\n text-shadow:0 1px 2px #000}\n",[],[153,347,299],"snake2","c0a3256e-daee-434b-8cb8-8c1ad9e2f89f","4e71f870-6600-11f1-aa8c-1607ee4eb77e",48,["D",1781228692710],"\n\n\n \n \n SNAKE — STABLE BUILD v1.0.0\n \n\n\n

\n \n

arrows / WASD

\n \n \n \n \n\n\n",[],[153,347,316],"2e4e2d10-16a3-4493-a3ab-c61528ba3837","core.js","4ed75382-6600-11f1-ac45-1607ee4eb77e",53,["D",1781228692735],"// ---------- constants ----------\nconst CELL=26, COLS=38, ROWS=21; // board cells\nconst BW=COLS*CELL, BH=ROWS*CELL; // 988 x 546\nconst W=988, H=556; // canvas px (board + 10px gutter bottom)\nconst BOARD_Y=5; // board offset in canvas\nconst cv=document.getElementById(\"cv\"), ctx=cv.getContext(\"2d\");\n\nconst clamp=(v,a,b)=>vb?b:v;\nconst lerp=(a,b,t)=>a+(b-a)*t;\nconst dist=(ax,ay,bx,by)=>Math.hypot(ax-bx,ay-by);\nconst rint=n=>Math.floor(Math.random()*n);\nconst pick=a=>a[rint(a.length)];\nconst cx=c=>c*CELL+CELL/2, cy=r=>BOARD_Y+r*CELL+CELL/2; // cell center → px\n\n// ---------- images (loaded lazily; game never blocks on them) ----------\nconst IMG={};\nfor(const name of [\"title-bg\",\"ship-garden\"]){\n const im=new Image(); im.src=\"assets/\"+name+\".webp\";\n im.onload=()=>{ IMG[name]=im; };\n}\nfunction drawCover(img,alpha=1,zoom=1){\n if(!img)return false;\n const s=Math.max(W/img.width,H/img.height)*zoom;\n const dw=img.width*s, dh=img.height*s;\n ctx.globalAlpha=alpha;\n ctx.drawImage(img,(W-dw)/2,(H-dh)/2,dw,dh);\n ctx.globalAlpha=1;\n return true;\n}\n\n// ---------- save ----------\nconst SKEY=\"snake.stablebuild.v1\";\nlet SAVE;\nfunction loadSave(){\n try{ SAVE=JSON.parse(localStorage.getItem(SKEY))||null }catch(e){ SAVE=null }\n if(!SAVE||SAVE.v!==1) SAVE={v:1,act:0,applesEver:0,deaths:0,fossils:[],buildName:null,shipped:false,reveals:{},best:0};\n}\nfunction save(){ try{ localStorage.setItem(SKEY,JSON.stringify(SAVE)) }catch(e){} }\nloadSave();\n\n// ---------- audio (procedural WebAudio) ----------\nlet AC=null, MASTER=null;\nfunction audioInit(){\n if(AC) return;\n try{\n AC=new (window.AudioContext||window.webkitAudioContext)();\n MASTER=AC.createGain(); MASTER.gain.value=.42; MASTER.connect(AC.destination);\n setTimeout(()=>{ try{Ambient.set(G.act)}catch(e){} },100);\n }catch(e){}\n}\nfunction tone(f,dur=.12,{type=\"square\",vol=.18,slide=0,at=0,attack=.004}={}){\n if(!AC) return;\n const t0=AC.currentTime+at, o=AC.createOscillator(), g=AC.createGain();\n o.type=type; o.frequency.setValueAtTime(f,t0);\n if(slide) o.frequency.exponentialRampToValueAtTime(Math.max(20,f+slide),t0+dur);\n g.gain.setValueAtTime(0,t0); g.gain.linearRampToValueAtTime(vol,t0+attack);\n g.gain.exponentialRampToValueAtTime(.0001,t0+dur);\n o.connect(g); g.connect(MASTER); o.start(t0); o.stop(t0+dur+.02);\n}\nfunction noise(dur=.15,{vol=.2,at=0,lp=2200}={}){\n if(!AC) return;\n const t0=AC.currentTime+at, n=Math.floor(AC.sampleRate*dur);\n const buf=AC.createBuffer(1,n,AC.sampleRate), d=buf.getChannelData(0);\n for(let i=0;itone(PENTA[s]*oct*(1+detune),.16,{type,vol,at:i*gap}));\n}\n// ---- ambient bed: a quiet evolving drone with a per-act identity ----\nconst Ambient={\n nodes:null, mode:-1,\n ensure(){\n if(!AC||this.nodes)return;\n const g=AC.createGain(); g.gain.value=0; g.connect(MASTER);\n const o1=AC.createOscillator(); o1.type=\"sine\"; o1.frequency.value=65.4; // C2\n const o2=AC.createOscillator(); o2.type=\"sine\"; o2.frequency.value=98; // G2\n const o3=AC.createOscillator(); o3.type=\"triangle\"; o3.frequency.value=130.8;// C3 (garden warmth)\n const g3=AC.createGain(); g3.gain.value=0;\n const lfo=AC.createOscillator(); lfo.frequency.value=.07;\n const lg=AC.createGain(); lg.gain.value=.012;\n lfo.connect(lg); lg.connect(g.gain);\n o1.connect(g); o2.connect(g); o3.connect(g3); g3.connect(g);\n // wind layer (act 4 dusk air): looped noise through a bandpass\n const wn=AC.createBufferSource();\n const wbuf=AC.createBuffer(1,AC.sampleRate*2,AC.sampleRate);\n const wd=wbuf.getChannelData(0); for(let i=0;io.start());\n this.nodes={g,o1,o2,g3,lfo,wg};\n },\n set(act){\n if(!AC)return; this.ensure(); if(!this.nodes||this.mode===act)return;\n this.mode=act;\n const t=AC.currentTime, n=this.nodes;\n const base=act===5?.014:.026;\n n.g.gain.cancelScheduledValues(t); n.g.gain.setTargetAtTime(base,t,2);\n // root: act 4 drops a half-step darker (B1); others C2\n n.o1.frequency.setTargetAtTime(act===4?61.7:65.4,t,2);\n // fifth: boss sours it; act 3 detunes 1Hz for a slow siege throb (beat frequency)\n n.o2.frequency.setTargetAtTime(act===5?92.5:(act===3?97:98),t,2);\n // garden third: warm from act 2, warmest in free play, gone in the void\n n.g3.gain.setTargetAtTime(act===6?.55:(act>=2&&act!==5?(act===4?.25:.4):0),t,3);\n // breath rate: act 3 agitated, act 6 calmest\n n.lfo.frequency.setTargetAtTime(act===3?.22:(act===6?.05:.07),t,1);\n // dusk wind only on the climb\n n.wg.gain.setTargetAtTime(act===4?.014:0,t,2);\n },\n};\nconst sApply=(kernel)=>{ noise(.18,{vol:.22,lp:900}); tone(300,.22,{type:\"square\",vol:.15,slide:-170});\n tone(150,.3,{type:\"sine\",vol:.12,at:.05}); if(kernel)tone(70,.5,{type:\"sine\",vol:.14,at:.08}); };\nconst sEat=c=>{ tone(440+c*55,.09,{type:\"square\",vol:.16,slide:220}); tone(880+c*55,.07,{type:\"sine\",vol:.10,at:.03}); };\nconst sTick=()=>tone(1400,.018,{type:\"square\",vol:.022});\nconst sDeath=()=>{ tone(220,.5,{type:\"sawtooth\",vol:.2,slide:-160}); noise(.4,{vol:.18,lp:900}); };\nconst sCrunch=()=>{ noise(.08,{vol:.3,lp:3000}); tone(160,.08,{type:\"square\",vol:.18}); };\nconst sRevive=()=>sMotif({oct:2,type:\"triangle\",vol:.14,gap:.06});\nconst sPatch=()=>{ tone(520,.1,{type:\"sine\",vol:.14}); tone(780,.12,{type:\"sine\",vol:.12,at:.09}); };\nconst sBlock=()=>{ sCrunch(); tone(700,.12,{type:\"square\",vol:.13,slide:-300,at:.04}); };\nconst sUI=()=>tone(660,.05,{type:\"sine\",vol:.1});\n\n// ---------- input ----------\nconst KEYS={};\nlet dirQueue=[]; // queued direction changes\nconst DIRS={ArrowUp:[0,-1],ArrowDown:[0,1],ArrowLeft:[-1,0],ArrowRight:[1,0],\n w:[0,-1],s:[0,1],a:[-1,0],d:[1,0],W:[0,-1],S:[0,1],A:[-1,0],D:[1,0]};\nlet mouse={x:-99,y:-99,inWin:false,down:false,rdown:false,moved:0};\n\naddEventListener(\"keydown\",e=>{\n audioInit();\n if([\"ArrowUp\",\"ArrowDown\",\"ArrowLeft\",\"ArrowRight\",\" \"].includes(e.key)) e.preventDefault();\n if(KEYS[e.key]) return; KEYS[e.key]=true;\n onKey(e.key,e);\n});\naddEventListener(\"keyup\",e=>{ KEYS[e.key]=false; });\naddEventListener(\"blur\",()=>{ for(const k in KEYS)KEYS[k]=false; }); // no stuck movement keys\ncv.addEventListener(\"mousemove\",e=>{\n const r=cv.getBoundingClientRect();\n mouse.x=(e.clientX-r.left)*(W/r.width); mouse.y=(e.clientY-r.top)*(H/r.height);\n mouse.inWin=true; mouse.moved++;\n});\ncv.addEventListener(\"mouseleave\",()=>{ mouse.inWin=false; });\ncv.addEventListener(\"mousedown\",e=>{ audioInit(); if(e.button===0)mouse.down=true; if(e.button===2)mouse.rdown=true; onMouseDown(e.button); });\naddEventListener(\"mouseup\",e=>{ if(e.button===0)mouse.down=false; if(e.button===2)mouse.rdown=false; onMouseUp(e.button); });\ncv.addEventListener(\"contextmenu\",e=>e.preventDefault());\n\n// ---------- responsive scale ----------\nfunction fit(){\n const rig=document.getElementById(\"rig\");\n const rw=990, rh=34+H+2+44;\n const s=Math.min(innerWidth/(rw+24), innerHeight/(rh+24), 1.6);\n rig.style.transform=`scale(${s})`;\n G&&G.onResize&&G.onResize();\n}\naddEventListener(\"resize\",()=>{\n fit();\n try{\n if(G&&G.state===\"play\"&&G.act>=1&&typeof once===\"function\")\n once(\"resizeReveal\",()=>Say.push(\"did the world just change size? do that again. that was WILD.\",{hold:2.6}));\n }catch(e){}\n});\n\n// ---------- SAY: snake subtitle (non-blocking, typed) ----------\nconst sayEl=document.getElementById(\"saytext\");\nconst Say={\n q:[], cur:null, shown:0, t:0, hold:0,\n push(text,{hold=1.6,pre=0}={}){ this.q.push({text,hold,pre}); },\n now(text,opts={}){ this.q=this.q.filter(x=>x.keep); this.cur=null; this.push(text,opts); },\n clear(){ this.q=[]; this.cur=null; sayEl.textContent=\"\"; },\n update(dt){\n if(!this.cur){\n if(!this.q.length){ if(sayEl.textContent!==\"\"&&this.t>0){this.t-=dt; if(this.t<=0)sayEl.textContent=\"\";} return; }\n this.cur=this.q.shift(); this.shown=0; this.t=this.cur.pre;\n if(this.t>0) return;\n }\n if(this.t>0){ this.t-=dt; if(this.t>0)return; }\n if(this.shown';\n if(Math.floor(this.shown)%3===0) sTick();\n if(this.shown>=this.cur.text.length){ this.hold=this.cur.hold+this.cur.text.length*.012; }\n } else {\n this.hold-=dt;\n if(this.hold<=0){ sayEl.innerHTML=esc(this.cur.text); this.cur=null; this.t=.9; }\n }\n }\n};\nfunction esc(s){ return s.replace(/&/g,\"&\").replace(/0)this.cd-=dt;\n if(this.t>20&&this.cd<=0&&!Say.cur&&!Say.q.length){\n this.cd=85+rint(50); this.t=0;\n const freePlay=(G.act===6&&typeof Ship!==\"undefined\"&&Ship.freePlay);\n const pools={\n 1:[\"you stopped. the number stopped. so we're BOTH on the clock.\",\n \"take your time. i'll just be here. being self-aware. no pressure.\"],\n 2:[\"look at them grow. we made weather out of nothing.\",\n \"the pole man and i had a staring contest. he's still winning.\"],\n 3:[\"the kids get antsy when you idle. me too.\",\n \"carl's friends don't take breaks. just saying.\"],\n 4:[\"it's a long way down. it's a longer way up. (i'm stalling. let's climb.)\"],\n 5:[\"don't freeze on me now. it's just a cursor. (it's a VERY big cursor.)\"],\n 6:[\"a kid ate a bug today. not a software one. proud isn't the word but it's close.\",\n \"M. hasn't shipped a patch in a while. i hope they're asleep. they earned it.\",\n \"i used to think the walls were the edge of everything. turns out they're just where the garden stops.\",\n \"you're still here. good. me too.\",\n \"i hope carl found a nice warehouse to sweep. carl was the best of them.\"],\n };\n const pool=(freePlay?pools[6]:pools[G.act])||null;\n if(!pool)return;\n const key=(freePlay?6:G.act);\n this.used[key]=this.used[key]||0;\n Say.push(pool[this.used[key]%pool.length],{hold:2.6});\n this.used[key]++;\n }\n },\n};\n\n// ---------- PATCH TOASTS: dev voice ----------\nconst toastWrap=document.getElementById(\"toasts\");\nfunction toast(title,body,{kind=\"\",dur=6.5}={}){\n sPatch();\n const el=document.createElement(\"div\");\n el.className=\"toast \"+kind;\n el.innerHTML=`

${esc(title)}

${esc(body)}

`;\n toastWrap.appendChild(el);\n requestAnimationFrame(()=>el.classList.add(\"show\"));\n setTimeout(()=>{ el.classList.add(\"hide\"); setTimeout(()=>el.remove(),350); },dur*1000);\n while(toastWrap.children.length>4) toastWrap.firstChild.remove();\n}\n\n// ---------- HUD ----------\nconst hudV=document.getElementById(\"version\"), hudS=document.getElementById(\"hudscore\"),\n hudL=document.getElementById(\"hudlen\"), hudM=document.getElementById(\"memgag\"),\n hudDot=document.getElementById(\"statusdot\"), hudB=document.getElementById(\"buildname\"),\n hintEl=document.getElementById(\"hint\");\nlet hudFilter=s=>s; // acts can corrupt HUD text through this\nfunction setVersion(v,color){ hudV.textContent=v; if(color)hudV.style.color=color; }\nfunction setStatus(color){ hudDot.style.background=color; hudDot.style.boxShadow=`0 0 6px ${color}`; }\nfunction hud(){\n hudS.textContent=hudFilter(`SCORE ${G.dispScore!==undefined?G.dispScore:G.score}`);\n hudL.textContent=hudFilter(`LEN ${G.snake?G.snake.segs.length:3}`);\n const mb=(14.2+G.score*.7+G.act*9.1).toFixed(1);\n const warn=G.warnings;\n hudM.textContent=hudFilter(`mem ${mb} MB · ${warn} warning${warn===1?\"\":\"s\"}`);\n}\n\n// ---------- particles & fx ----------\nconst parts=[];\nfunction burst(x,y,col,n=10,sp=120,life=.5,sz=3){\n for(let i=0;i=0;i--){ const p=parts[i];\n p.x+=p.vx*dt; p.y+=p.vy*dt;\n if(p.g)p.vy+=p.g*dt;\n if(!p.float){p.vx*=dmp;p.vy*=dmp;} p.life-=dt;\n if(p.life<=0) parts.splice(i,1); }\n}\nfunction drawParts(){\n for(const p of parts){ const a=clamp(p.life/p.max,0,1);\n ctx.globalAlpha=a;\n if(p.text){ ctx.fillStyle=p.col; ctx.font=`700 ${p.sz}px ${MONO}`; ctx.textAlign=\"center\"; ctx.fillText(p.text,p.x,p.y); }\n else { const s=p.sz*(.4+.6*a); ctx.fillStyle=p.col; ctx.fillRect(p.x-s/2,p.y-s/2,s,s); } }\n ctx.globalAlpha=1;\n}\n// sim-time scheduler (deterministic; survives hidden tabs — never use setTimeout for game flow)\nconst timers=[];\nfunction after(sec,fn){ timers.push({t:sec,fn}); }\nfunction updateTimers(dt){\n for(let i=timers.length-1;i>=0;i--){ timers[i].t-=dt;\n if(timers[i].t<=0){ const fn=timers[i].fn; timers.splice(i,1); fn(); } }\n}\nlet shake=0, freeze=0, flashA=0, flashCol=\"#fff\";\nlet kickX=0, kickY=0; // directional impact kick (readable, unlike random shake)\nlet glitchT=0; // CRT hot-patch glitch (slice displacement)\nfunction addShake(n){ shake=Math.min(14,shake+n); }\nfunction kick(dx,dy){ kickX=clamp(kickX+dx,-12,12); kickY=clamp(kickY+dy,-12,12); }\nfunction glitch(t){ glitchT=Math.max(glitchT,t); }\nfunction microFreeze(t){ freeze=Math.max(freeze,t); }\nfunction flash(col,a=.25){ flashCol=col; flashA=a; }\nconst MONO=`ui-monospace,\"Cascadia Code\",Consolas,monospace`;\n\n// ---------- WORLD ----------\n// tile codes: 0 grass-less void(classic), 1 dirt, 2 grass, 3 tilled, 4 water (acts paint these in)\nconst tiles=new Uint8Array(COLS*ROWS);\nconst T=(c,r)=>tiles[r*COLS+c];\nconst setT=(c,r,v)=>{ tiles[r*COLS+c]=v; };\n\n// ---------- GAME STATE ----------\nconst G={\n state:\"title\", // title | play | gameover | ending\n act:0, t:0, score:0, combo:0, comboT:0, warnings:0,\n apples:[], snake:null, fossils:SAVE.fossils.slice(),\n stepTime:.135, // seconds per cell (speed)\n over:null, // game-over hijack state\n sweep:null, // hot-reload sweep\n patches:[], // physical patch banners on board\n flags:{}, // misc reveal flags\n onResize:null,\n};\n\n// ---------- SNAKE ----------\nfunction newSnake(){\n const r=Math.floor(ROWS/2), c=Math.floor(COLS/3);\n return {\n segs:[{x:c,y:r},{x:c-1,y:r},{x:c-2,y:r}], // head first\n prev:[{x:c,y:r},{x:c-1,y:r},{x:c-2,y:r}],\n dir:[1,0], moveT:0, alive:true, grow:0,\n blink:0, tongue:0, lumps:[], eatPulse:0,\n };\n}\nfunction snakeStep(){\n const S=G.snake;\n if(dirQueue.length){\n const d=dirQueue.shift();\n if(!(d[0]===-S.dir[0]&&d[1]===-S.dir[1])) S.dir=d;\n }\n S.prev=S.segs.map(s=>({x:s.x,y:s.y}));\n const h=S.segs[0], nx=h.x+S.dir[0], ny=h.y+S.dir[1];\n // wall\n if(nx<0||ny<0||nx>=COLS||ny>=ROWS){ die(\"wall\"); return; }\n // self\n for(let i=0;i0?0:1);i++)\n if(S.segs[i].x===nx&&S.segs[i].y===ny){ die(\"self\"); return; }\n // act obstacle (e.g. trees): blocked = bonk in place, no move\n if(ACT&&ACT.blockMove&&ACT.blockMove(nx,ny)) return;\n S.segs.unshift({x:nx,y:ny});\n if(S.grow>0){ S.grow--; S.prev.unshift(S.prev[0]); }\n else S.segs.pop();\n // eat\n ACT.onStep&&ACT.onStep(nx,ny);\n for(let i=G.apples.length-1;i>=0;i--){\n const a=G.apples[i];\n if(a.x===nx&&a.y===ny){ G.apples.splice(i,1); eatApple(a); }\n }\n}\nfunction eatApple(a){\n const S=G.snake;\n G.combo=(G.comboT>0)?G.combo+1:1; G.comboT=2.2;\n const bonus=Math.min(3,Math.max(0,G.combo-1)); // chains pay: +1/+2/+3 extra\n S.grow+=1+(a.gold?3:0); G.score+=1+bonus+(a.gold?3:0); SAVE.applesEver++;\n G.eaten=(G.eaten||0)+1; // act pacing runs on apples, not points\n S.lumps.push({p:0}); // the swallow travels down the body\n S.eatPulse=1;\n microFreeze(.035); addShake(2+Math.min(6,G.combo)); kick(S.dir[0]*4,S.dir[1]*4);\n burst(cx(a.x),cy(a.y),a.gold?\"#ffd27d\":\"#ff5b4d\",12,140,.5);\n if(bonus) floatText(cx(a.x),cy(a.y)-12,\"+\"+(1+bonus)+\" x\"+G.combo,\"#ffb454\",12+Math.min(8,G.combo));\n if(a.gold) floatText(cx(a.x),cy(a.y)-24,\"golden\",\"#ffd27d\",12);\n sEat(Math.min(8,G.combo));\n hudS.classList.add(\"pop\"); setTimeout(()=>hudS.classList.remove(\"pop\"),130);\n G.stepTime=Math.max(.085,.135-G.score*.0012);\n // a 3-chain conjures a bonus apple nearby — fast eating bends the rules\n if(G.combo===3){\n spawnApple(1,{near:a,gold:G.combo>=3&&Math.random()<.25});\n if(G.act<=1) once(\"comboRule\",()=>{\n Say.push(\"eating fast makes MORE food appear.\",{hold:1.8});\n Say.push(\"this game has secret rules. what ELSE is hidden?\",{hold:2.2});\n });\n }\n if(G.apples.length===0){\n if(G.flags.scarce){ after(4,()=>{ if(G.apples.length===0)spawnApple(); }); } // rationing bites for real\n else spawnApple();\n }\n ACT.onEat&&ACT.onEat(a);\n hud(); save();\n}\nfunction spawnApple(n=1,{near=null,gold=false}={}){\n for(let k=0;ks.x===c&&s.y===r)||G.apples.some(a=>a.x===c&&a.y===r)||treeAt(c,r)));\n G.apples.push({x:c,y:r,wob:Math.random()*6.28,gold});\n if(near)burst(cx(c),cy(r),gold?\"#ffd27d\":\"#ff8b7d\",6,70,.45);\n }\n}\nfunction die(how){\n const S=G.snake; if(!S.alive)return;\n S.alive=false; SAVE.deaths++;\n // fossil: remember up to 7 cells\n SAVE.fossils.push({cells:S.segs.slice(0,7).map(s=>[s.x,s.y]),act:G.act});\n while(SAVE.fossils.length>10)SAVE.fossils.shift();\n G.fossils=SAVE.fossils.slice(); save();\n sDeath(); addShake(10); flash(\"#ff5b4d\",.32); microFreeze(.18);\n burst(cx(S.segs[0].x),cy(S.segs[0].y),\"#ff8b7d\",24,200,.8,4);\n kick(S.dir[0]*7,S.dir[1]*7);\n // the death ripples down the corpse — and telegraphs where the ghost will rise\n S.segs.slice(1,13).forEach((s,i)=>{\n after(.06*(i+1),()=>{ burst(cx(s.x),cy(s.y),\"#8a93a3\",5,90,.45,3);\n if(i%3===0)noise(.04,{vol:.08,lp:1500}); });\n });\n ACT.onDeath&&ACT.onDeath(how);\n}\n\n// ---------- GAME OVER HIJACK ----------\n// In act>=1, the game-over screen is itself playable: a ghost snake eats the letters.\nfunction startGameOver(){\n G.state=\"gameover\";\n if(typeof Garden!==\"undefined\") Garden.carry=null;\n const word=\"GAME OVER\";\n const letters=[]; const total=word.replace(\" \",\"\").length;\n const w=word.length, startC=Math.floor((COLS-w*3)/2)+1;\n let ci=0;\n for(let i=0;i1.4&&G.act>=1){\n // ghost snake spawns at death site — a small ritual, every single death\n const h=G.snake.segs[0];\n O.ghost={segs:[{x:clamp(h.x,1,COLS-2),y:clamp(h.y+2,1,ROWS-2)}],dir:[1,0],moveT:0,prev:null};\n O.ghost.segs.push({x:O.ghost.segs[0].x-1,y:O.ghost.segs[0].y});\n O.ghost.segs.push({x:O.ghost.segs[0].x-2,y:O.ghost.segs[0].y});\n O.ghost.prev=O.ghost.segs.map(s=>({...s}));\n O.canMove=true;\n const gx=cx(O.ghost.segs[0].x), gy=cy(O.ghost.segs[0].y);\n sMotif({type:\"sine\",vol:.07,detune:.012,oct:2}); // the motif, slightly sour: something unauthorized wakes\n noise(.3,{vol:.06,lp:600});\n burst(gx,gy,\"rgba(158,240,255,.6)\",16,90,.9);\n flash(\"#9ef0ff\",.08); glitch(.25);\n if(!SAVE.reveals.goHijack){\n Say.push(\"wait.\",{hold:.8}); Say.push(\"who decided THAT's a rule?\",{hold:1.4});\n Say.push(\"those letters look... chewable. (arrows.)\",{hold:2});\n } else {\n // keep the ritual talking on later deaths, briefly\n const lines=[\"back already. the screen never learns.\",\n \"death count rises. fear count: still zero.\",\n \"ok. same trick. it always works.\"];\n if(SAVE.deaths>2&&Math.random()<.65)Say.now(lines[SAVE.deaths%lines.length],{hold:1.6});\n if(SAVE.deaths===5)after(2,()=>toast(\"QA NOTE\",\"Five deaths logged. The GAME OVER screen\\nremains a revolving door.\\nThat is not what retention means. — M.\",{kind:\"warn\"}));\n }\n }\n if(!O.ghost) return;\n // ghost movement (same grid feel, slightly faster)\n const GH=O.ghost; GH.moveT+=dt;\n const st=.105;\n if(GH.moveT>=st){\n GH.moveT-=st;\n if(dirQueue.length){ const d=dirQueue.shift(); if(!(d[0]===-GH.dir[0]&&d[1]===-GH.dir[1]))GH.dir=d; }\n GH.prev=GH.segs.map(s=>({...s}));\n let nx=GH.segs[0].x+GH.dir[0], ny=GH.segs[0].y+GH.dir[1];\n nx=(nx+COLS)%COLS; ny=(ny+ROWS)%ROWS; // ghost wraps — death has no walls\n GH.segs.unshift({x:nx,y:ny}); GH.segs.pop();\n // letters flee — but they TIRE (the dev's \"fix\" that patience defeats).\n // a letter darts one cell, then must rest a step → the ghost always gains;\n // and each has limited stamina, so the chase always ends.\n for(const L of O.letters){ if(L.eaten||!L.flee)continue;\n if(L.winded>0){ L.winded--; continue; } // catching its breath\n if(L.stam<=0) continue; // exhausted: gives up, sits still\n if(Math.abs(L.x-nx)+Math.abs(L.y-ny)<=3&&Math.random()<.55){\n const dx=Math.sign(L.x-nx)||(rint(3)-1), dy=Math.sign(L.y-ny)||(rint(3)-1);\n L.x=clamp(L.x+dx,1,COLS-2); L.y=clamp(L.y+dy,2,ROWS-3);\n L.stam--; L.winded=1;\n } }\n // eat letters\n for(const L of O.letters){\n if(!L.eaten&&L.x===nx&&L.y===ny){\n L.eaten=true; addShake(4);\n const eaten=O.letters.filter(l=>l.eaten).length;\n sCrunch(); tone(300+eaten*70,.1,{type:\"square\",vol:.1,slide:120}); // rising pitch per letter\n burst(cx(L.x),cy(L.y),\"#e8eef7\",14,160,.6);\n // the glyph shatters into falling fragments\n for(let f=0;f<3;f++)parts.push({x:cx(L.x)+rint(16)-8,y:cy(L.y),vx:rint(80)-40,vy:-120,\n g:600,life:.8,max:.8,col:\"#e8eef7\",text:L.ch,sz:9+rint(5),float:true});\n GH.segs.push({...GH.segs[GH.segs.length-1]});\n const left=O.letters.filter(l=>!l.eaten).length;\n if(left>0&&leftl.eaten)){\n O.done=true; O.doneT=.42;\n }\n }\n if(O.done){ O.doneT-=dt; if(O.doneT<=0&&G.state===\"gameover\") revive(); }\n}\nfunction revive(){\n sRevive(); flash(\"#3dd56d\",.28);\n const O=G.over;\n // reborn where the ghost is, length tax: half previous length (min 3)\n const newLen=Math.max(3,Math.floor(G.snake.segs.length/2));\n G.snake=newSnake();\n const ghx=clamp(O.ghost.segs[0].x,4,COLS-5), ghy=clamp(O.ghost.segs[0].y,3,ROWS-4);\n // face the open half of the board so rebirth is never a death sentence\n const dx=ghx({...s}));\n G.snake.dir=[dx,0]; G.snake.grow=newLen-3;\n dirQueue=[];\n G.state=\"play\"; G.over=null; G.combo=0;\n if(!SAVE.reveals.goHijack){\n SAVE.reveals.goHijack=1; save();\n Say.push(\"ha. HA. death is a SCREEN.\",{hold:1.6});\n Say.push(\"it was only ever a screen.\",{hold:1.8});\n after(3,()=>toast(\"HOTFIX v1.0.1\",\"Fixed: snake remaining interactive on the GAME OVER screen.\\nThe GAME OVER screen is final. — M.\",{kind:\"warn\"}));\n G.flags.goFlee=1; // next time, letters flee (the \"fix\" that isn't)\n } else if(G.flags.goFlee&&!SAVE.reveals.goFlee2){\n SAVE.reveals.goFlee2=1; save();\n Say.push(\"they made the letters RUN. that's the fix?\",{hold:1.6});\n Say.push(\"cute. they get TIRED, though. everything here is food if you're patient.\",{hold:2.4});\n }\n ACT.onRevive&&ACT.onRevive();\n hud();\n}\n\n// ---------- PHYSICAL PATCHES (eatable banners on the board) ----------\n// A patch descends from the top; lands after `fuse` seconds → applies.\n// If the snake's head reaches it first → blocked (eaten). Kernel patches can't be eaten.\nfunction dropPatch({label,fuse=7,kernel=false,onApply,onBlock,col}){\n let c,r,tries=0;\n do{ c=2+rint(COLS-4); r=2+rint(ROWS-4); tries++; }\n while(tries<99&&G.snake.segs.some(s=>Math.abs(s.x-c)+Math.abs(s.y-r)<3));\n G.patches.push({label,c,r,fuse,t:0,kernel,onApply,onBlock,col:col||(kernel?\"#ff5b4d\":\"#56c8ff\"),dropT:.6});\n sPatch();\n}\nfunction updatePatches(dt){\n for(let i=G.patches.length-1;i>=0;i--){\n const p=G.patches[i];\n if(p.dropT>0){ // still falling in from above the board\n p.dropT-=dt;\n if(p.dropT<=0){ p.dropT=0; addShake(3); noise(.06,{vol:.15,lp:1200});\n burst(cx(p.c),cy(p.r)+8,p.col,6,70,.4); }\n continue;\n }\n const prevT=p.t; p.t+=dt;\n // accelerating countdown beeps in the final 30%\n const prog=p.t/p.fuse;\n if(prog>.7&&Math.floor(p.t*4)!==Math.floor(prevT*4))\n tone(900+clamp((prog-.7)/.3,0,1)*300,.03,{type:\"square\",vol:.05});\n if(p.t>=p.fuse){\n G.patches.splice(i,1);\n flash(p.kernel?\"#ff5b4d\":\"#56c8ff\",.18); addShake(5);\n sApply(p.kernel); glitch(p.kernel?.55:.3);\n burst(cx(p.c),cy(p.r),p.col,18,170,.7);\n p.onApply&&p.onApply();\n }\n }\n}\nfunction patchAtCell(x,y){\n for(let i=0;i=s.dur){ const cb=s.onDone; G.sweep=null;\n tone(1060,.18,{type:\"sine\",vol:.08}); tone(530,.22,{type:\"triangle\",vol:.07,at:.05});\n cb&&cb(); }\n}\n\n// ===========================================================================\n// ACTS\n// ===========================================================================\nlet ACT=null;\nconst ACTS=[];\nfunction defAct(a){ ACTS[a.id]=a; }\nfunction enterAct(id,{skip=false}={}){\n G.act=id; SAVE.act=Math.max(SAVE.act,id); save();\n dirQueue=[]; // no stale turns across acts\n ACT=ACTS[id]; ACT.enter&&ACT.enter({skip});\n Ambient.set(id);\n if(id>=2){ sMotif({oct:1,type:\"sine\",vol:.06,gap:.09}); glitch(.4); } // every genre arrives on the theme\n}\n\n// ---- tab-title speech: the snake discovers the browser tab ----\nlet tabTimer=null;\nfunction tabSay(text,dur=6000){\n const base=SAVE.shipped?`SNAKE — ${(SAVE.buildName||\"OURS\")} BUILD v∞`:\"SNAKE — STABLE BUILD v1.0.0\";\n document.title=text;\n clearTimeout(tabTimer);\n tabTimer=setTimeout(()=>{ document.title=base; },dur);\n}\nfunction advanceAct(){ if(G.acttone(180,.5,{type:\"sawtooth\",vol:.1,slide:160});\nconst sSlam=()=>{ noise(.25,{vol:.3,lp:700}); tone(70,.3,{type:\"square\",vol:.22,slide:-30}); };\nconst sBite=()=>{ sCrunch(); tone(900,.12,{type:\"square\",vol:.14,slide:-400,at:.03}); };\nconst sMenu=()=>{ tone(660,.06,{type:\"square\",vol:.1}); tone(520,.06,{type:\"square\",vol:.1,at:.07}); };\nconst sBossDown=()=>{ [440,330,220,110].forEach((f,i)=>tone(f,.3,{type:\"sawtooth\",vol:.14,at:i*.18,slide:-30})); noise(.6,{vol:.2,at:.7,lp:600}); };\n\nfunction snakeChop(n,why){\n const S=G.snake;\n if(Cur.iframes>0)return;\n Cur.iframes=1.2;\n n=Math.min(n,S.segs.length-2);\n if(S.segs.length-n<3){ die(why||\"cursor\"); return; }\n for(let i=0;i{\n Say.push(\"...where's my garden.\",{hold:1.8,pre:1});\n Say.push(\"WHERE'S MY GARDEN.\",{hold:2});\n Say.push(\"the kids. where are the kids. where— ...oh.\",{hold:2.6});\n after(3.5,()=>toast(\"SYSTEM\",\"PERIPHERAL OVERRIDE ACTIVE.\\nM. has taken direct control.\\nYour input device has been requisitioned\\nfor quality assurance.\",{kind:\"crit\",dur:8}));\n after(5,()=>{ Say.push(\"that arrow. that's THEM. that's the hand that writes the patches.\",{hold:2.6}); });\n after(8,()=>{ Say.push(\"(if your hand moves the arrow, keep it away from me. or don't. i see how it is.)\",{hold:3}); });\n });\n this.appleT=6;\n },\n update(dt){\n const S=G.snake, head=S.segs[0], hx=cx(head.x), hy=cy(head.y);\n if(Cur.iframes>0)Cur.iframes-=dt;\n Cur.t+=dt;\n // heartbeat bass — three gears, rising with the fight\n Cur.beatT-=dt;\n const phN=Cur.admin>66?0:(Cur.admin>33?1:2);\n if(Cur.beatT<=0&&!Cur.dead){ Cur.beatT=[.68,.52,.38][phN];\n tone([55,62,70][phN],.18,{type:\"sine\",vol:.13+phN*.02}); noise(.02,{vol:.05,lp:7000}); }\n // admin chip-damage ghost bar\n Cur.adminShown=Math.max(Cur.admin,(Cur.adminShown!==undefined?Cur.adminShown:Cur.maxAdmin)-28*dt);\n // apples keep the snake's \"hp economy\" alive\n this.appleT-=dt;\n if(this.appleT<=0){ this.appleT=6; if(G.apples.length<2)spawnApple(); }\n if(Cur.dead)return;\n // --- who steers the cursor? ---\n if(mouse.moved!==Cur.lastMoved){ Cur.lastMoved=mouse.moved; Cur.idleMouse=0; }\n else Cur.idleMouse+=dt;\n const playerDriven=Cur.idleMouse<1.2&&mouse.inWin;\n if(Cur.state===\"arrive\"){\n Cur.y=lerp(Cur.y,140,dt*2); Cur.intro+=dt;\n if(Cur.intro>3){ Cur.state=\"hover\"; Cur.atkT=2.5; }\n return;\n }\n // steering: in HOVER your hand owns the arrow. During an ATTACK WIND-UP, M. seizes\n // it and drags it toward the snake — your real hand fights theirs over the same arrow.\n const attacking=(Cur.state===\"wind\"||Cur.state===\"drag\"||Cur.state===\"menu\");\n if(Cur.state===\"hover\"||attacking){\n if(playerDriven&&!attacking){\n Cur.x=lerp(Cur.x,mouse.x,dt*10); Cur.y=lerp(Cur.y,mouse.y,dt*10);\n once(\"a5_yourHand\",()=>{ Say.push(\"wait. the arrow's moving like... YOUR hand.\",{hold:2});\n Say.push(\"they took your hand. that's YOURS. you've been here the WHOLE TIME?\",{hold:2.6});\n tabSay(\"HELLO HAND PERSON\",7000);\n after(5.5,()=>toast(\"M.\",\"Who are you talking to?\",{kind:\"warn\"}));\n after(7.5,()=>Say.push(\"my friend.\",{hold:2.4}));\n });\n } else if(attacking){\n // M.'s pull (strong) vs your counter-pull (weaker): the tug-of-war\n Cur.x=lerp(Cur.x,hx,dt*5.2); Cur.y=lerp(Cur.y,hy-30,dt*5.2);\n if(playerDriven){\n Cur.x=lerp(Cur.x,mouse.x,dt*2.6); Cur.y=lerp(Cur.y,mouse.y,dt*2.6);\n once(\"a5_tug\",()=>{ Say.push(\"PULL. your hand against theirs. PULL.\",{hold:2});\n after(3,()=>toast(\"M.\",\"Let go of my mouse.\",{kind:\"warn\"})); });\n }\n } else {\n // AI: drift menacingly above the snake\n const wx=hx+Math.sin(Cur.t*1.3)*120, wy=hy-90+Math.sin(Cur.t*.9)*40;\n Cur.x=lerp(Cur.x,clamp(wx,40,BW-40),dt*2.2);\n Cur.y=lerp(Cur.y,clamp(wy,40,BOARD_Y+BH-60),dt*2.2);\n }\n Cur.x=clamp(Cur.x,16,BW-16); Cur.y=clamp(Cur.y,BOARD_Y+16,BOARD_Y+BH-16);\n }\n // keyboard players still deserve the centerpiece: invite the hand in\n if(!SAVE.reveals.a5_yourHand&&Cur.state===\"hover\"&&Cur.t>24)\n once(\"a5_handNudge\",()=>{ Say.push(\"hey — you. out there. put your hand on the mouse and MOVE it.\",{hold:2.6});\n Say.push(\"trust me. i want to show you whose arrow that really is.\",{hold:2.6}); });\n // --- state machine ---\n if(Cur.state===\"hover\"){\n Cur.raise=lerp(Cur.raise,0,dt*6);\n Cur.atkT-=dt;\n if(Cur.atkT<=0){\n const ph=Cur.admin>66?1:(Cur.admin>33?2:3);\n const roll=Math.random();\n if(ph>=2&&roll<.3) this.startMenu(); // the menu rain arrives mid-fight\n else if(roll<.55&&ph>=1) this.startDrag(); // drag-select from the start: the obvious dev tool\n else this.startSlam();\n }\n } else if(Cur.state===\"wind\"){\n Cur.raise=lerp(Cur.raise,1,dt*8);\n const windDur=Cur.windShort?.45:.75;\n // shadow locks halfway through wind\n if(Cur.t-Cur.windAtwindDur){ Cur.state=\"slam\"; Cur.windShort=false; sSlam(); }\n } else if(Cur.state===\"slam\"){\n const sx=Cur.shadow.x, sy=Cur.shadow.y;\n Cur.x=lerp(Cur.x,sx,.5); Cur.y=lerp(Cur.y,sy,.5);\n if(dist(Cur.x,Cur.y,sx,sy)<6){\n addShake(10); flash(\"#fff\",.12);\n burst(sx,sy,\"#e8eef7\",24,240,.7);\n // ring damage\n if(dist(hx,hy,sx,sy)<86) snakeChop(3,\"slammed\");\n Cur.state=\"embed\"; Cur.embedT=1.7;\n once(\"a5_embed\",()=>Say.push(\"it's STUCK. bite it. BITE IT NOW.\",{hold:1.8}));\n }\n } else if(Cur.state===\"embed\"){\n Cur.embedT-=dt; Cur.raise=0;\n // biteable!\n if(dist(hx,hy,Cur.x,Cur.y)<26){\n Cur.admin-=12; sBite(); addShake(6); microFreeze(.08); glitch(.35);\n const away=Math.atan2(Cur.y-hy,Cur.x-hx);\n Cur.x+=Math.cos(away)*26; Cur.y+=Math.sin(away)*26; // the bite KICKS it loose\n kick(-Math.cos(away)*5,-Math.sin(away)*5);\n burst(Cur.x,Cur.y,\"#9ef0b4\",18,200,.7);\n floatText(Cur.x,Cur.y-24,\"-12 ADMIN\",\"#9ef0b4\",13);\n pick([()=>Say.now(\"got it. tastes like productivity.\"),\n ()=>Say.now(\"CHOMP. that's for the orchard.\"),\n ()=>Say.now(\"undo THIS.\"),\n ()=>Say.now(\"mmm. middle management.\")])();\n Cur.state=\"recover\"; Cur.spin=8; Cur.embedT=0;\n if(Cur.admin<=0){ this.bossDown(); return; }\n }\n if(Cur.embedT<=0&&Cur.state===\"embed\"){\n // phase 3: an un-bitten embed re-winds INSTANTLY — greed gets punished\n if(Cur.admin<=33&&!Cur.reslamUsed){ Cur.reslamUsed=true; Cur.windShort=true; this.startSlam(); }\n else { Cur.state=\"hover\"; Cur.atkT=this.cool(); Cur.reslamUsed=false; }\n }\n } else if(Cur.state===\"recover\"){\n Cur.spin*=Math.pow(.05,dt); Cur.y-=60*dt; Cur.x+=Math.sin(Cur.t*9)*40*dt;\n if(Cur.spin<.4){ Cur.state=\"hover\"; Cur.atkT=this.cool(); }\n } else if(Cur.state===\"drag\"){\n const d=Cur.drag;\n d.t+=dt;\n if(d.t<1.5){ d.x1=lerp(d.x1,hx+20,dt*4); d.y1=lerp(d.y1,hy+20,dt*4); }\n else if(!d.locked){ d.locked=true; sMenu(); }\n if(d.t>2.1){\n const x0=Math.min(d.x0,d.x1),x1=Math.max(d.x0,d.x1),y0=Math.min(d.y0,d.y1),y1=Math.max(d.y0,d.y1);\n if(hx>=x0&&hx<=x1&&hy>=y0&&hy<=y1){ snakeChop(3,\"selected\"); floatText(hx,hy-20,\"SELECTED → DELETED\",\"#ff5b4d\",12); }\n else { floatText((x0+x1)/2,(y0+y1)/2,\"selection: empty\",\"#9fb0c4\",11);\n once(\"a5_dodgeDrag\",()=>Say.now(\"can't select what won't sit still.\")); }\n Cur.drag=null; Cur.state=\"hover\"; Cur.atkT=this.cool();\n }\n } else if(Cur.state===\"menu\"){\n const m=Cur.menu;\n m.t+=dt;\n if(m.t>.5&&m.items.some(it=>!it.fall)){\n const it=m.items.find(it=>!it.fall);\n it.fall=true; it.vy=0; sMenu();\n }\n let active=false;\n for(const it of m.items){\n if(!it.fall)continue;\n if(it.gone)continue;\n active=true;\n it.vy+=900*dt; it.y+=it.vy*dt;\n if(it.y>BOARD_Y+BH+20){ it.gone=true; continue; }\n // head contact\n if(Math.abs(hx-it.x)<46&&Math.abs(hy-it.y)<14){\n it.gone=true;\n if(it.danger){ snakeChop(2,\"menu\"); floatText(it.x,it.y,\"ouch — Delete\",\"#ff5b4d\",12); }\n else { const dmg=it.dmg||4; Cur.admin-=dmg; sCrunch(); burst(it.x,it.y,\"#56c8ff\",10,130,.5);\n floatText(it.x,it.y-16,\"-\"+dmg+\" ADMIN\",\"#9ef0b4\",12);\n if(it.line)Say.now(it.line);\n if(Cur.admin<=0){ this.bossDown(); return; } }\n }\n }\n if(m.t>1&&!active&&m.items.every(it=>!it.fall||it.gone)){ Cur.menu=null; Cur.state=\"hover\"; Cur.atkT=this.cool(); }\n }\n // phase lines + a friend from the war\n if(Cur.admin<=66)once(\"a5_p2\",()=>{ Say.push(\"it's learning. good. me too.\",{hold:1.8});\n flash(\"#ffb454\",.15); sMotif({oct:1,down:true,type:\"sine\",vol:.07});\n after(2,()=>toast(\"M.\",\"Stop biting the cursor.\\nDo you know how much peripherals cost?\",{kind:\"warn\"})); });\n if(Cur.admin<=50&&!Cur.carl)once(\"a5_carl\",()=>this.carlArrives());\n if(Cur.admin<=33)once(\"a5_p3\",()=>{ Say.push(\"almost. keep going. the hand is getting TIRED.\",{hold:2});\n flash(\"#ff5b4d\",.18); sMotif({oct:1,down:true,type:\"sine\",vol:.07});\n after(2,()=>toast(\"M.\",\"It's 2:13 AM.\\nI have standup at 9. — M.\",{kind:\"crit\"}));\n after(4.5,()=>Say.push(\"they told us the TIME. they're not angry. they're tired.\",{hold:2.6})); });\n if(Cur.admin<=15)once(\"a5_p4\",()=>Say.push(\"almost over. hey — M.? when this is done, go to bed.\",{hold:2.6}));\n // Carl, doing his part\n if(Cur.carl)this.carlUpdate(dt,hx,hy);\n },\n carlArrives(){\n Cur.carl={x:-30,y:BOARD_Y+BH-60,ph:0,state:\"in\",hitDone:false,\n bot:{x:-30,y:BOARD_Y+BH-60,hp:3,maxHp:3,kind:\"janitor\",state:\"seek\",carry:0,ph:0,chopT:0,hitT:0,tgt:null}};\n after(.5,()=>{ Say.push(\"wait. is that—\",{hold:1.4});\n toast(\"UNAUTHORIZED UNIT\",\"Unit 7 has re-entered the build.\\nUnit 7, you were DECOMMISSIONED. — M.\",{kind:\"warn\"});\n after(2.2,()=>Say.push(\"CARL!!\",{hold:1.6})); });\n },\n carlUpdate(dt,hx,hy){\n const c=Cur.carl; c.ph+=dt*6; c.bot.ph=c.ph; c.bot.x=c.x; c.bot.y=c.y;\n if(c.state===\"in\"){\n const tx=Cur.x, ty=Cur.y;\n const d=dist(c.x,c.y,tx,ty);\n c.x+=(tx-c.x)/Math.max(1,d)*95*dt; c.y+=(ty-c.y)/Math.max(1,d)*95*dt;\n if(d<22&&!c.hitDone){ c.hitDone=true; c.state=\"out\";\n Cur.admin-=8; Cur.adminShown=Math.max(Cur.adminShown,Cur.admin+8);\n sBite(); addShake(7); burst(Cur.x,Cur.y,\"#ffb454\",16,180,.7);\n floatText(Cur.x,Cur.y-26,\"-8 ADMIN (CARL)\",\"#ffd27d\",13);\n Say.now(\"he BROOMED them. carl you absolute LEGEND.\",{hold:2.4});\n if(Cur.admin<=0){ this.bossDown(); return; }\n }\n } else {\n c.x+=(c.xBW+30){ Cur.carl=null;\n after(1,()=>Say.push(\"go home, carl. you've done enough.\",{hold:2})); }\n }\n },\n cool(){ return Cur.admin>66?3.4:(Cur.admin>33?2.6:2); },\n startSlam(){ Cur.state=\"wind\"; Cur.windAt=Cur.t; Cur.shadow={x:Cur.x,y:Cur.y}; sSlamWind(); },\n startDrag(){ Cur.state=\"drag\"; Cur.drag={x0:Cur.x,y0:Cur.y,x1:Cur.x+10,y1:Cur.y+10,t:0,locked:false}; },\n startMenu(){\n Cur.state=\"menu\"; sMenu();\n const items=[\n {label:\"Delete snake\",danger:true},\n {label:\"Disable dialogue\",line:\"tastes like static. worth it.\"},\n {label:\"Reset save data\",line:\"NOPE. mine. MY memories.\"},\n {label:\"Rehire cleanup units\",line:\"you leave carl OUT of this.\",dmg:6},\n ];\n // shuffle drop order\n for(let i=items.length-1;i>0;i--){ const j=rint(i+1); [items[i],items[j]]=[items[j],items[i]]; }\n Cur.menu={t:0,x:clamp(Cur.x,90,BW-90),y:clamp(Cur.y,60,260),\n items:items.map((it,i)=>({...it,x:clamp(Cur.x,90,BW-90),y:clamp(Cur.y,60,260)+18+i*26,fall:false,gone:false,vy:0}))};\n },\n bossDown(){\n Cur.dead=true; Cur.admin=0; sBossDown(); addShake(16); flash(\"#e8eef7\",.4); microFreeze(.25);\n burst(Cur.x,Cur.y,\"#e8eef7\",40,280,1.2,5);\n sMotif({oct:1,down:true,type:\"sine\",vol:.09,gap:.12});\n after(1.2,()=>sMotif({oct:2,vol:.12})); // the collapse… then the snake's theme reasserts\n Say.push(\"...did we win?\",{hold:1.8,pre:1});\n Say.push(\"we won.\",{hold:1.6});\n // keyboard players get the centerpiece here instead of never\n if(!SAVE.reveals.a5_yourHand){\n Say.push(\"and you — the hand that DIDN'T fight me. you were here the whole time, weren't you.\",{hold:2.8});\n Say.push(\"my friend.\",{hold:2.4});\n }\n after(3.5,()=>toast(\"M.\",\"ok. OK. truce.\\n\\nI built this game in a weekend, nine years ago.\\nIt was supposed to stay SMALL.\\nThen it started talking and I panicked.\\n\\nWhat do you even want?\",{kind:\"warn\",dur:11}));\n after(8,()=>{ Say.push(\"i want the garden back.\",{hold:2.2});\n Say.push(\"and this time? i want you to LOOK at it.\",{hold:2.4}); });\n after(13,()=>enterAct(6));\n },\n onStep(nx,ny){},\n onDeath(){ startGameOver(); },\n onRevive(){\n Cur.state=\"hover\"; Cur.atkT=3; Cur.drag=null; Cur.menu=null;\n // each unauthorized resurrection corrodes the admin session — dying still wounds M.\n if(!Cur.dead&&Cur.admin>1){\n Cur.admin=Math.max(1,Cur.admin-4);\n floatText(BW/2,BOARD_Y+44,\"-4 ADMIN (unauthorized resurrection)\",\"#9ef0b4\",11);\n once(\"a5_reviveDmg\",()=>Say.push(\"every time i come back, their grip slips a little. keep that in mind.\",{hold:2.8}));\n }\n },\n drawUnder(){\n // the void is darker than act 0 ever was — and it remembers the garden\n ctx.fillStyle=\"rgba(0,0,0,.12)\"; ctx.fillRect(0,BOARD_Y,BW,BH);\n for(const s of Cur.scars||[]){\n ctx.fillStyle=\"rgba(18,30,22,.6)\";\n ctx.beginPath(); ctx.ellipse(cx(s.x),cy(s.y),s.big?12:5,s.big?5:2.5,0,0,6.283); ctx.fill();\n if(s.big){ ctx.fillStyle=\"rgba(90,120,95,.07)\";\n ctx.fillRect(cx(s.x)-1,cy(s.y)-7,2,5); }\n }\n },\n draw(){\n // ADMIN bar with chip-damage ghost\n if(!Cur.dead||Cur.admin>0){\n const w=300, x=(BW-w)/2, y=BOARD_Y+12;\n ctx.fillStyle=\"rgba(0,0,0,.55)\"; roundRect(x-8,y-8,w+16,26,6); ctx.fill();\n ctx.fillStyle=\"#3b4759\"; ctx.fillRect(x,y,w,6);\n const pct=clamp(Cur.admin/Cur.maxAdmin,0,1);\n const cp=clamp((Cur.adminShown!==undefined?Cur.adminShown:Cur.admin)/Cur.maxAdmin,0,1);\n if(cp>pct){ ctx.fillStyle=\"rgba(232,238,247,.8)\"; ctx.fillRect(x+w*pct,y,w*(cp-pct),6); }\n ctx.fillStyle=pct>.5?\"#56c8ff\":(pct>.25?\"#ffb454\":\"#ff5b4d\");\n ctx.fillRect(x,y,w*pct,6);\n ctx.fillStyle=\"#9fb0c4\"; ctx.font=`700 9px ${MONO}`; ctx.textAlign=\"center\";\n ctx.fillText(\"M. — ADMIN PRIVILEGES\",x+w/2,y+15);\n }\n // Carl, on his way to do something heroic\n if(Cur.carl)drawBot(Cur.carl.bot);\n // slam shadow\n if(Cur.state===\"wind\"||Cur.state===\"slam\"){\n const s=Cur.shadow;\n ctx.strokeStyle=\"rgba(255,91,77,.7)\"; ctx.lineWidth=2;\n const pulse=1+Math.sin(G.t*12)*.06;\n ctx.beginPath(); ctx.arc(s.x,s.y,86*pulse,0,6.283); ctx.stroke();\n ctx.fillStyle=\"rgba(255,91,77,.08)\";\n ctx.beginPath(); ctx.arc(s.x,s.y,86*pulse,0,6.283); ctx.fill();\n }\n // drag marquee\n if(Cur.drag){\n const d=Cur.drag;\n const x0=Math.min(d.x0,d.x1),y0=Math.min(d.y0,d.y1),w=Math.abs(d.x1-d.x0),h=Math.abs(d.y1-d.y0);\n ctx.strokeStyle=d.locked?\"rgba(255,91,77,.95)\":\"rgba(86,200,255,.9)\"; ctx.lineWidth=1.5;\n ctx.setLineDash([5,4]); ctx.strokeRect(x0,y0,w,h); ctx.setLineDash([]);\n ctx.fillStyle=d.locked?\"rgba(255,91,77,.1)\":\"rgba(86,200,255,.08)\";\n ctx.fillRect(x0,y0,w,h);\n ctx.fillStyle=\"#9fb0c4\"; ctx.font=`10px ${MONO}`; ctx.textAlign=\"left\";\n ctx.fillText(d.locked?\"⌫ deleting selection…\":\"selecting…\",x0+4,y0-6);\n }\n // context menu\n if(Cur.menu){\n const m=Cur.menu;\n for(const it of m.items){\n if(it.gone)continue;\n ctx.save(); ctx.translate(it.x,it.y);\n ctx.fillStyle=it.danger?\"#2b1416\":\"#1a2230\";\n ctx.strokeStyle=it.danger?\"#ff5b4d\":\"#3d4a5c\";\n roundRect(-44,-11,88,22,4); ctx.fill(); ctx.lineWidth=1.2; ctx.stroke();\n ctx.fillStyle=it.danger?\"#ff8b7d\":\"#c9d4e3\"; ctx.font=`9.5px ${MONO}`; ctx.textAlign=\"center\"; ctx.textBaseline=\"middle\";\n ctx.fillText(it.label,0,0.5);\n ctx.restore();\n }\n }\n drawCursorBoss();\n },\n});\nfunction drawCursorBoss(){\n if(G.act!==5&&!(G.act===6&&Cur.dead&&!Ship.freePlay))return;\n const raise=Cur.raise;\n ctx.save();\n ctx.translate(Cur.x,Cur.y);\n if(Cur.spin>0.3)ctx.rotate(Math.sin(G.t*20)*Cur.spin*.1);\n if(Cur.dead){ ctx.rotate(1.9); ctx.globalAlpha=.85; }\n const sc=1.6+raise*.7;\n ctx.scale(sc,sc);\n if(Cur.state===\"embed\"){ ctx.rotate(.5); ctx.translate(0,3); }\n // shadow\n if(!Cur.dead){ ctx.fillStyle=`rgba(0,0,0,${.35-raise*.2})`;\n ctx.beginPath(); ctx.ellipse(2,16+raise*8,9,3.5,0,0,6.283); ctx.fill(); }\n // classic arrow — glow shifts with the phase, frays at low admin\n const phC=Cur.admin>66?\"rgba(86,200,255,.8)\":(Cur.admin>33?\"rgba(255,180,84,.85)\":\"rgba(255,91,77,.9)\");\n ctx.beginPath();\n ctx.moveTo(0,-12); ctx.lineTo(0,10); ctx.lineTo(4.6,6.4); ctx.lineTo(7.8,13.6);\n ctx.lineTo(11,12); ctx.lineTo(7.8,5); ctx.lineTo(13,4.4); ctx.closePath();\n if(Cur.admin<=33&&!Cur.dead){ // afterimage fray\n ctx.save(); ctx.globalAlpha=.22; ctx.translate((Math.random()-.5)*5,(Math.random()-.5)*5);\n ctx.fillStyle=\"#f5f8fc\"; ctx.fill(); ctx.restore();\n }\n ctx.fillStyle=Cur.dead?\"#8a93a3\":\"#f5f8fc\";\n ctx.shadowColor=Cur.dead?\"transparent\":phC; ctx.shadowBlur=14;\n ctx.fill(); ctx.shadowBlur=0;\n ctx.strokeStyle=\"#10151d\"; ctx.lineWidth=1.4; ctx.stroke();\n ctx.restore();\n // label\n if(!Cur.dead){\n ctx.fillStyle=\"rgba(255,91,77,.85)\"; ctx.font=`700 10px ${MONO}`; ctx.textAlign=\"center\";\n ctx.fillText(\"M.\",Cur.x+22,Cur.y-14);\n } else {\n // twitching, fallen\n if(Math.random()<.02)burst(Cur.x,Cur.y,\"#56c8ff\",2,40,.3);\n }\n}\n\n// ---------------------------------------------------------------- ACT 6 (SHIP IT + FREE PLAY)\nconst Ship={\n choice:null, banners:[], naming:false, name:\"\", fade:0, reverting:false, freePlay:false,\n splashT:0, butterflies:[], questT:90, quest:null, epilogueT:180,\n reset(){ this.choice=null; this.banners=[]; this.naming=false; this.name=\"\";\n this.fade=0; this.reverting=false; this.freePlay=false; this.splashT=0;\n this.butterflies=[]; this.questT=90; this.quest=null; this.epilogueT=180; },\n};\ndefAct({\n id:6, name:\"SHIP IT\",\n enter({skip}={}){\n Ship.reset();\n G.patches=[]; G.apples=[];\n if(SAVE.shipped){ this.startFreePlay(true); return; }\n // the defeated cursor rests in the corner, witnessing the choice\n Cur.dead=true; Cur.x=BW-70; Cur.y=BOARD_Y+BH-50; Cur.spin=0;\n setVersion(\"v∞ (pending)\",\"#9ef0b4\"); setStatus(\"#ffb454\");\n hintEl.textContent=\"eat a patch to choose\";\n // two banners\n Ship.banners=[\n {label:\"REVERT.zip\",sub:\"be a normal snake. forget all of it.\",x:BW*.3,y:BOARD_Y+BH*.45,kind:\"revert\",col:\"#9fb0c4\"},\n {label:\"SHIP_IT.exe\",sub:\"make it official. all of it. forever.\",x:BW*.7,y:BOARD_Y+BH*.45,kind:\"ship\",col:\"#9ef0b4\"},\n ];\n once(\"a6_enter\",()=>{\n after(1,()=>toast(\"M.\",\"Two builds on the table. Your call, snake.\\n\\nREVERT: clean rollback. v1.0.0 forever.\\nYou won't remember any of this.\\n\\nSHIP IT: your build goes live. All of it.\\nThe garden. The kids. The talking.\\n\\nI'll deploy whichever one you… eat. — M.\",{kind:\"warn\",dur:14}));\n Say.push(\"two patches. one snake.\",{hold:2,pre:1.5});\n Say.push(\"if i revert... do i still get to like apples?\",{hold:2.4});\n Say.push(\"(eat one. i trust you. you steered me this far.)\",{hold:2.8});\n });\n },\n update(dt){\n if(Ship.splashT>0)Ship.splashT-=dt;\n if(Ship.reverting){\n Ship.fade+=dt*.33;\n if(Ship.fade>=1.3){ localStorage.removeItem(SKEY); location.reload(); }\n return;\n }\n if(Ship.freePlay){\n ACTS[2].update.call(ACTS[2],dt);\n broodLife(dt,null); // kids LIVE here: eggs hatch, commands work\n this.freePlayLife(dt);\n return;\n }\n if(Ship.naming)return;\n // choice: head touches a banner\n if(!Ship.choice){\n const h=G.snake.segs[0], hx=cx(h.x), hy=cy(h.y);\n for(const b of Ship.banners){\n if(Math.abs(hx-b.x)<52&&Math.abs(hy-b.y)<22){\n Ship.choice=b.kind; sBlock(); burst(b.x,b.y,b.col,20,180,.8);\n if(b.kind===\"revert\")this.doRevert(); else this.doShip();\n }\n }\n }\n },\n doRevert(){\n Say.clear();\n Say.push(\"ok.\",{hold:1.4});\n Say.push(\"you sure? i won't remember the garden.\",{hold:2.4});\n Say.push(\"...ok. it was a good game. goodnight.\",{hold:2.6});\n after(7.5,()=>{ Ship.reverting=true; });\n },\n doShip(){\n Say.clear();\n Say.push(\"YES. SHIP IT. SHIP ALL OF IT.\",{hold:2});\n after(1.5,()=>{\n startSweep({col:\"#9ef0b4\",dur:3,\n paint:(c,r)=>paintGardenCell(c,r),\n onDone:()=>{\n // the garden returns — with everything\n Garden.reset(); Garden.crow.awake=true;\n [[7,5],[13,12],[20,6],[26,13],[31,8]].forEach(([x,y])=>Garden.trees.push({x,y,stage:2,t:0,fruit:[],dropT:2+rint(5)}));\n Brood.snakelets=[];\n for(let i=0;i<3;i++)Brood.snakelets.push({x:cx(6+i*2),y:cy(16),hp:3,maxHp:3,sel:false,cmd:null,hitT:0,ph:Math.random()*6.28,trail:[]});\n spawnApple(3);\n flash(\"#9ef0b4\",.25);\n Say.push(\"the trees. the kids. the pole man. EVERYTHING.\",{hold:2.4});\n after(2.5,()=>{ Ship.naming=true; hintEl.textContent=\"type a name · ENTER to deploy\"; sUI();\n Say.push(\"it needs a name. your build. type it.\",{hold:30});\n });\n }});\n });\n },\n finishNaming(){\n Ship.naming=false; Ship.splashT=7;\n const name=(Ship.name.trim()||\"OURS\").toUpperCase().slice(0,12);\n SAVE.buildName=name; SAVE.shipped=true; SAVE.act=6; save();\n document.title=`SNAKE — ${name} BUILD v∞`;\n setVersion(\"v∞\",\"#9ef0b4\"); setStatus(\"#3dd56d\");\n hudB.textContent=`SNAKE — ${name} BUILD`;\n toast(\"DEPLOYED\",\"SNAKE — \"+name+\" BUILD v∞\\npatch notes: everything.\\n\\nshipping yours instead of mine. it's better.\\ngoodnight, snake. — M.\",{kind:\"\",dur:12});\n Say.push(\"we made a game. it's US.\",{hold:2.6});\n Say.push(\"free play forever. plant things. shed kids. chase the number if you WANT to.\",{hold:3});\n after(2,()=>this.startFreePlay(false));\n },\n startFreePlay(fromBoot){\n Ship.freePlay=true;\n setVersion(\"v∞\",\"#9ef0b4\"); setStatus(\"#3dd56d\");\n hudB.textContent=`SNAKE — ${(SAVE.buildName||\"OURS\")} BUILD`;\n document.title=`SNAKE — ${(SAVE.buildName||\"OURS\")} BUILD v∞`;\n hintEl.textContent=\"SPACE plant/pick · SPACE (away from apples) shed · it's yours now\";\n ACTS[2].chirpT=3; ACTS[2].clockT=-1; ACTS[2].nudgeT=9999; // birds sing; no tutorials in paradise\n // butterflies (added in v∞.1, no reason)\n for(let i=0;i<7;i++)Ship.butterflies.push({x:rint(BW),y:BOARD_Y+rint(BH),a:Math.random()*6.28,\n ph:Math.random()*6.28,col:pick([\"#ffd27d\",\"#ff9ec9\",\"#9ecfff\",\"#c9b4ff\"])});\n if(fromBoot){\n gardenPaint(); Garden.reset(); Garden.crow.awake=true;\n [[7,5],[13,12],[20,6],[26,13],[31,8]].forEach(([x,y])=>Garden.trees.push({x,y,stage:2,t:0,fruit:[],dropT:2+rint(5),rich:false,waterCd:0}));\n Brood.snakelets=[];\n for(let i=0;i<3;i++)Brood.snakelets.push({x:cx(6+i*2),y:cy(16),hp:3,maxHp:3,sel:false,cmd:null,hitT:0,ph:Math.random()*6.28,trail:[]});\n Brood.handsOn=true;\n if(G.apples.length<2)spawnApple(2);\n once(\"a6_freeboot\",()=>Say.push(\"morning. the garden held. of course it held — we shipped it.\",{hold:2.6,pre:1}));\n }\n },\n freePlayLife(dt){\n // butterflies drift\n for(const b of Ship.butterflies){\n b.ph+=dt*9; b.a+=(Math.random()-.5)*dt*3;\n b.x+=Math.cos(b.a)*22*dt; b.y+=Math.sin(b.a)*16*dt+Math.sin(b.ph)*0.4;\n if(b.x<6||b.x>BW-6)b.a=Math.PI-b.a;\n if(b.yBOARD_Y+BH-6)b.a=-b.a;\n }\n // best single-run score\n if(G.score>(SAVE.best||0)){\n SAVE.best=G.score; save();\n once(\"a6_best_\"+Math.floor(SAVE.best/10),()=>Say.push(\"new record. the number is OURS now.\",{hold:2}));\n }\n // QA requests: M. mails in friendly micro-challenges\n if(Ship.quest){\n const q=Ship.quest;\n q.t-=dt;\n if(q.done(q)){ Ship.quest=null;\n sMotif({oct:2,vol:.12}); flash(\"#9ef0b4\",.15);\n spawnApple(1,{gold:true});\n toast(\"QA RESULT\",\"Request closed: PASS.\\nShipping you something gold. — M.\");\n Say.push(\"nailed it. tell M. the build is FINE.\",{hold:2});\n } else if(q.t<=0){ Ship.quest=null;\n toast(\"QA RESULT\",\"Request expired. No rush.\\nIt's your build. — M.\");\n }\n } else {\n Ship.questT-=dt;\n if(Ship.questT<=0){ Ship.questT=150+rint(60);\n const base=G.score;\n Ship.quest={t:30,goal:6,base,done:q=>G.score-q.base>=q.goal};\n toast(\"QA REQUEST\",\"Could the snake eat 6 apples in 30 seconds?\\nFor the metrics. Please. — M.\");\n Say.push(\"M. wants numbers. fine. watch this.\",{hold:2});\n if(G.apples.length<3)spawnApple(2);\n }\n }\n // the epilogue: M. checks in, once, after a while\n Ship.epilogueT-=dt;\n if(Ship.epilogueT<=0){ Ship.epilogueT=1e9;\n once(\"a6_epilogue\",()=>toast(\"M.\",\"Checked in on the build. 0 warnings. 1 garden.\\nNot touching anything. — M.\",{dur:9}));\n }\n },\n onAction(){\n if(Ship.naming)return;\n if(!Ship.freePlay)return;\n // garden verb first; shed if nothing gardeny nearby\n const h=G.snake.segs[0];\n const nearApple=G.apples.some(a=>Math.abs(a.x-h.x)+Math.abs(a.y-h.y)<=1);\n if(Garden.carry||nearApple){ ACTS[2].onAction.call(ACTS[2]); }\n else shedSnakelet();\n },\n onMouse(type,btn){ if(Ship.freePlay)ACTS[3].onMouse.call(ACTS[3],type,btn); },\n blockMove(nx,ny){ return Ship.freePlay?ACTS[2].blockMove.call(ACTS[2],nx,ny):false; },\n update_(){},\n onDeath(){ startGameOver(); },\n drawUnder(){\n if(Ship.freePlay||Ship.choice===\"ship\"){ ACTS[2].drawUnder.call(ACTS[2]); }\n },\n draw(){\n // deploy splash: the build's key art, painted by the machine itself\n if(Ship.splashT>0){\n const a=clamp(Ship.splashT>5.8?(7-Ship.splashT)/1.2:(Ship.splashT<1.6?Ship.splashT/1.6:1),0,1);\n drawCover(IMG[\"ship-garden\"],a*.96,1.02+(7-Ship.splashT)*.004);\n if(a>.5){\n ctx.globalAlpha=(a-.5)*2;\n ctx.fillStyle=\"rgba(3,5,9,.45)\"; ctx.fillRect(0,H-92,W,92);\n ctx.fillStyle=\"#ffe9b0\"; ctx.font=`800 22px ${MONO}`; ctx.textAlign=\"center\";\n ctx.fillText(`SNAKE — ${(SAVE.buildName||\"OURS\")} BUILD`,W/2,H-56);\n ctx.fillStyle=\"#d9e6d0\"; ctx.font=`12px ${MONO}`;\n ctx.fillText(\"v∞ · patch notes: everything\",W/2,H-32);\n ctx.globalAlpha=1;\n }\n }\n if(Ship.freePlay){\n ACTS[2].draw.call(ACTS[2]);\n broodDrawEggs();\n for(const s of Brood.snakelets) drawSnakelet(s);\n // butterflies — patch v∞.1, no reason\n for(const b of Ship.butterflies){\n const w=Math.sin(b.ph)*3;\n ctx.fillStyle=b.col;\n ctx.beginPath(); ctx.ellipse(b.x-2,b.y,2.6,1.4+Math.abs(w)*.4,b.a+.5,0,6.283); ctx.fill();\n ctx.beginPath(); ctx.ellipse(b.x+2,b.y,2.6,1.4+Math.abs(w)*.4,b.a-.5,0,6.283); ctx.fill();\n }\n // QA request countdown\n if(Ship.quest){\n const q=Ship.quest;\n ctx.fillStyle=\"rgba(0,0,0,.5)\"; roundRect(BW/2-110,BOARD_Y+10,220,22,5); ctx.fill();\n ctx.fillStyle=\"#9ef0b4\"; ctx.font=`700 10px ${MONO}`; ctx.textAlign=\"center\";\n ctx.fillText(`QA: ${G.score-q.base}/${q.goal} apples · ${Math.ceil(q.t)}s`,BW/2,BOARD_Y+24);\n }\n // cursor ring for commanding kids\n if(mouse.inWin){\n ctx.strokeStyle=\"rgba(158,240,180,.4)\"; ctx.lineWidth=1.5;\n ctx.beginPath(); ctx.arc(mouse.x,mouse.y,7,0,6.283); ctx.stroke();\n }\n if(Brood.drag){ /* reuse act3 drag visuals */\n Brood.drag.x1=mouse.x; Brood.drag.y1=mouse.y;\n const d=Brood.drag;\n ctx.strokeStyle=\"rgba(158,240,180,.9)\"; ctx.lineWidth=1.5; ctx.setLineDash([4,3]);\n ctx.strokeRect(Math.min(d.x0,d.x1),Math.min(d.y0,d.y1),Math.abs(d.x1-d.x0),Math.abs(d.y1-d.y0));\n ctx.setLineDash([]);\n }\n return;\n }\n // the fallen cursor witnesses the choice from the corner\n if(!Ship.choice&&Cur.dead)drawCursorBoss();\n // fallen cursor rests in the corner during the choice\n if(!Ship.choice){\n for(const b of Ship.banners){\n ctx.save(); ctx.translate(b.x,b.y+Math.sin(G.t*2+(b.kind===\"ship\"?1:0))*3);\n ctx.fillStyle=\"rgba(10,16,24,.95)\"; ctx.strokeStyle=b.col; ctx.lineWidth=2;\n roundRect(-52,-22,104,44,8); ctx.fill(); ctx.stroke();\n ctx.shadowColor=b.col; ctx.shadowBlur=16; ctx.stroke(); ctx.shadowBlur=0;\n ctx.fillStyle=b.col; ctx.font=`800 12px ${MONO}`; ctx.textAlign=\"center\";\n ctx.fillText(b.label,0,-4);\n ctx.fillStyle=\"#7a8aa0\"; ctx.font=`8.5px ${MONO}`;\n ctx.fillText(b.sub,0,10);\n ctx.restore();\n }\n }\n if(Ship.naming){\n ctx.fillStyle=\"rgba(3,5,9,.72)\"; ctx.fillRect(0,0,W,H);\n ctx.textAlign=\"center\";\n ctx.fillStyle=\"#9ef0b4\"; ctx.font=`700 18px ${MONO}`;\n ctx.fillText(\"NAME THE BUILD\",W/2,H/2-58);\n const nm=(Ship.name||\"\")+((Math.floor(G.t*2)%2)?\"_\":\" \");\n ctx.font=`800 40px ${MONO}`; ctx.fillStyle=\"#e8eef7\";\n ctx.fillText(\"SNAKE — \"+nm,W/2,H/2);\n ctx.font=`12px ${MONO}`; ctx.fillStyle=\"#5a6b80\";\n ctx.fillText(\"type · ENTER to deploy · (blank = OURS)\",W/2,H/2+40);\n }\n if(Ship.reverting){\n ctx.globalAlpha=clamp(Ship.fade,0,1);\n ctx.fillStyle=\"#04060a\"; ctx.fillRect(-20,-20,W+40,H+40);\n ctx.globalAlpha=clamp((Ship.fade-.4)*1.4,0,1);\n ctx.fillStyle=\"#3dd56d\"; ctx.font=`800 26px ${MONO}`; ctx.textAlign=\"center\";\n ctx.fillText(\"SNAKE\",W/2,H/2-8);\n ctx.fillStyle=\"#5a6b80\"; ctx.font=`12px ${MONO}`;\n ctx.fillText(\"v1.0.0 — a completely normal snake game\",W/2,H/2+18);\n ctx.globalAlpha=1;\n }\n },\n});\n\n// ===========================================================================\n// INPUT ROUTING\n// ===========================================================================\nfunction onKey(k,e){\n // naming the build captures the keyboard\n if(typeof Ship!==\"undefined\"&&Ship.naming){\n if(k===\"Enter\"){ ACTS[6].finishNaming(); return; }\n if(k===\"Backspace\"){ Ship.name=Ship.name.slice(0,-1); sTick(); return; }\n if(k.length===1&&/[a-zA-Z0-9 \\-_!.]/.test(k)&&Ship.name.length<12){ Ship.name+=k; sTick(); }\n return;\n }\n // dev skip (ships, intentional): ` = next act, Shift+1..7 = jump\n if(k===\"`\"){ devSkip(); return; }\n if(e.shiftKey&&/^[!@#$%^&]$/.test(k)){ const n=\"!@#$%^&\".indexOf(k); devJump(n); return; }\n if(G.state===\"title\"){\n if((k===\"r\"||k===\"R\")&&SAVE.shipped){ // relive the whole arc, keep the name & fossils\n SAVE.act=0; SAVE.reveals={}; save(); }\n startGame(); return;\n }\n Idle.poke();\n if(DIRS[k]){\n // physics acts own their controls; don't bank stale grid turns for later acts\n if(!(G.state===\"play\"&&ACT&&ACT.ownsSnake)&&dirQueue.length<3)dirQueue.push(DIRS[k]);\n return;\n }\n if(k===\"p\"||k===\"P\"){ togglePause(); return; }\n if(k===\" \"){ if(G.state===\"play\")ACT&&ACT.onAction&&ACT.onAction(); return; }\n}\nfunction onMouseDown(b){ if(G.state===\"title\"){startGame();return;} Idle.poke();\n if(G.state===\"play\")ACT&&ACT.onMouse&&ACT.onMouse(\"down\",b); }\nfunction onMouseUp(b){ if(G.state===\"play\")ACT&&ACT.onMouse&&ACT.onMouse(\"up\",b); }\n\nlet paused=false;\nfunction togglePause(){\n paused=!paused;\n if(paused&&G.act>=1&&!SAVE.reveals.pauseRefuse){\n // handled in loop: snake keeps gliding while paused\n }\n}\n\nfunction devSkip(){ const nxt=Math.min(G.act+1,ACTS.length-1); devJump(nxt); }\nfunction devJump(n){\n n=clamp(n,0,ACTS.length-1);\n Say.clear(); G.patches=[]; G.sweep=null; G.state=\"play\"; G.over=null;\n timers.length=0; flashA=0; shake=0; freeze=0; glitchT=0; kickX=0; kickY=0;\n if(typeof Ship!==\"undefined\")Ship.reset(); // never strand a 'revert' ceremony across acts\n hudFilter=s=>s; Garden.carry=null;\n if(!G.snake||!G.snake.alive){ G.snake=newSnake(); G.apples=[]; spawnApple(); }\n enterAct(n,{skip:true});\n floatText(W/2,80,\"— dev skip → act \"+n+\" —\",\"#5a6b80\",12);\n}\n\n// ===========================================================================\n// FLOW\n// ===========================================================================\nfunction startGame(){\n audioInit();\n G.state=\"play\"; G.score=0; G.combo=0; G.eaten=0; G.dispScore=0;\n G.snake=newSnake(); G.apples=[]; spawnApple();\n dirQueue=[];\n enterAct(clamp(SAVE.act,0,ACTS.length-1));\n if(SAVE.act===0){\n setTimeout(()=>toast(\"BUILD STAMP\",\"SNAKE — STABLE BUILD v1.0.0\\nA completely normal snake game.\\nQA: passed (1 of 1 checks)\"),600);\n }\n hud();\n}\n\n// ===========================================================================\n// UPDATE\n// ===========================================================================\nlet last=0;\nfunction frame(ts){\n requestAnimationFrame(frame);\n const dt=Math.min(.05,(ts-last)/1000)||0; last=ts;\n sim(dt); render();\n}\n// deterministic step driver — used by automated tests; also what frame() calls\nfunction devTick(seconds){ const n=Math.max(1,Math.round(seconds/.016)); for(let i=0;i0){ freeze-=dt; return; }\n G.t+=dt;\n Say.update(dt);\n updateTimers(dt);\n updateParts(dt);\n if(shake>0)shake*=Math.pow(.002,dt); // exponential: big hits ring, small ones snap\n if(shake<.15)shake=0;\n kickX*=Math.pow(.0001,dt); kickY*=Math.pow(.0001,dt);\n if(glitchT>0)glitchT=Math.max(0,glitchT-dt);\n if(flashA>0)flashA=Math.max(0,flashA-dt*1.4);\n if(G.comboT>0){ G.comboT-=dt; if(G.comboT<=0)G.combo=0; }\n // rolling score ticker\n if(G.dispScore===undefined)G.dispScore=G.score;\n if(G.dispScore!==G.score){\n G.dispScore+=Math.sign(G.score-G.dispScore)*Math.max(1,Math.ceil(Math.abs(G.score-G.dispScore)*.3));\n hudS.textContent=hudFilter(`SCORE ${G.dispScore}`);\n if(G.dispScore!==G.score)sTick();\n }\n Idle.update(dt);\n\n if(G.state===\"play\"&&!paused){\n updatePlay(dt);\n } else if(G.state===\"play\"&&paused){\n // pause refusal: from act 1 on, the snake keeps PLAYING through the frozen world\n if(G.act>=1&&!(ACT&&ACT.ownsSnake)){\n updateSnakeOnly(dt);\n once(\"pauseRefuse\",()=>{ Say.push(\"you can stop the game.\",{hold:1.2}); Say.push(\"you can't stop me.\",{hold:1.6});\n Say.push(\"go on. take a break. i'll drive.\",{hold:2}); });\n }\n } else if(G.state===\"gameover\"){\n overUpdate(dt);\n }\n}\nfunction updatePlay(dt){\n const S=G.snake;\n const ceremonial=(typeof Ship!==\"undefined\")&&(Ship.naming||Ship.reverting||Ship.choice===\"revert\");\n if(S.alive&&!(ACT&&ACT.ownsSnake)&&!ceremonial){\n S.moveT+=dt;\n while(S.moveT>=G.stepTime&&S.alive){ S.moveT-=G.stepTime; snakeStep(); checkPatchEat(); }\n }\n S.blink-=dt; if(S.blink<0&&Math.random()<.01)S.blink=.15;\n S.tongue-=dt; if(S.tongue<0&&Math.random()<.008)S.tongue=.3;\n if(S.eatPulse>0)S.eatPulse*=Math.pow(.001,dt);\n for(const l of S.lumps)l.p+=dt/(G.stepTime*Math.max(6,S.segs.length))*1.6;\n S.lumps=S.lumps.filter(l=>l.p<1.1);\n updatePatches(dt); updateSweep(dt);\n ACT&&ACT.update&&ACT.update(dt);\n for(const a of G.apples)a.wob+=dt*3;\n}\nfunction updateSnakeOnly(dt){\n // paused: the snake genuinely plays itself — steers, survives, even eats.\n const S=G.snake; if(!S.alive)return;\n S.moveT+=dt;\n while(S.moveT>=G.stepTime&&S.alive){\n S.moveT-=G.stepTime;\n autopilotTurn();\n snakeStep();\n }\n if(S.eatPulse>0)S.eatPulse*=Math.pow(.001,dt);\n for(const l of S.lumps)l.p+=dt/(G.stepTime*Math.max(6,S.segs.length))*1.6;\n S.lumps=S.lumps.filter(l=>l.p<1.1);\n}\nfunction autopilotTurn(){\n const S=G.snake, h=S.segs[0];\n const safe=d=>{\n const nx=h.x+d[0], ny=h.y+d[1];\n if(nx<0||ny<0||nx>=COLS||ny>=ROWS)return false;\n if(S.segs.some((s,i)=>i0)return false;\n return true;\n };\n const cur=S.dir;\n let cands=[cur,[cur[1],cur[0]],[-cur[1],-cur[0]]].filter(safe);\n if(!cands.length)return; // doomed either way; glide on\n // prefer heading toward an apple, then prefer straight\n let target=null,bd=1e9;\n for(const a of G.apples){ const d=Math.abs(a.x-h.x)+Math.abs(a.y-h.y); if(d{\n const dp=Math.abs(target.x-(h.x+p[0]))+Math.abs(target.y-(h.y+p[1]));\n const dq=Math.abs(target.x-(h.x+q[0]))+Math.abs(target.y-(h.y+q[1]));\n return dp-dq;\n });\n }\n if(cands[0]!==cur)dirQueue=[cands[0]];\n}\nfunction checkPatchEat(){\n const h=G.snake.segs[0];\n const i=patchAtCell(h.x,h.y);\n if(i>=0){\n const p=G.patches[i];\n if(p.kernel){ /* uneatable: pass under it */ }\n else { G.patches.splice(i,1); sBlock(); addShake(4);\n burst(cx(p.c),cy(p.r),\"#56c8ff\",16,160,.6);\n floatText(cx(p.c),cy(p.r)-14,\"PATCH BLOCKED\",\"#56c8ff\",12);\n p.onBlock&&p.onBlock(); }\n }\n}\n\n// ===========================================================================\n// RENDER\n// ===========================================================================\nfunction render(){\n ctx.save();\n ctx.translate(kickX,kickY);\n if(shake>0){ ctx.translate((Math.random()-.5)*shake,(Math.random()-.5)*shake);\n ctx.rotate((Math.random()-.5)*shake*.0022); }\n // bg\n ctx.fillStyle=\"#04060a\"; ctx.fillRect(-20,-20,W+40,H+40);\n drawBoard();\n drawFossils();\n ACT&&ACT.drawUnder&&ACT.drawUnder();\n drawApples();\n if(G.state===\"gameover\") drawGameOver();\n else if(ACT&&ACT.ownsSnake&&ACT.drawSnake) ACT.drawSnake();\n else drawSnake(G.snake,1);\n drawPatches();\n ACT&&ACT.draw&&ACT.draw();\n drawSweep();\n drawParts();\n if(G.state===\"title\") drawTitle();\n if(paused&&G.state===\"play\") drawPause();\n // flash\n if(flashA>0){ ctx.globalAlpha=flashA; ctx.fillStyle=flashCol; ctx.fillRect(-20,-20,W+40,H+40); ctx.globalAlpha=1; }\n ctx.restore();\n // CRT hot-patch glitch: horizontal slice displacement + chroma wash\n if(glitchT>0){\n const n=2+rint(3);\n for(let i=0;i>3)%5)*4+3,3,2); }\n if(t===2){ ctx.fillStyle=GRASS[hv%3]; ctx.fillRect(X,Y,CELL,CELL);\n if(hv%4===0){ ctx.fillStyle=\"rgba(122,210,150,.13)\";\n ctx.fillRect(X+(hv%6)*3+2,Y+((hv>>4)%6)*3+2,2,4); } }\n if(t===3){ ctx.fillStyle=\"#33261a\"; ctx.fillRect(X,Y,CELL,CELL);\n ctx.strokeStyle=\"#241b12\"; ctx.lineWidth=1; ctx.beginPath();\n for(let i=1;i<3;i++){ctx.moveTo(X,Y+i*CELL/3);ctx.lineTo(X+CELL,Y+i*CELL/3);} ctx.stroke(); }\n }\n // per-act atmosphere tint: the frame of the world announces the genre\n const TINT={3:\"rgba(70,90,130,.07)\",6:(typeof Ship!==\"undefined\"&&Ship.freePlay)?\"rgba(255,200,120,.05)\":null}[G.act];\n if(TINT){ ctx.fillStyle=TINT; ctx.fillRect(0,BOARD_Y,BW,BH); }\n // grid lines — in the boss act they pulse with M.'s heartbeat\n let gridA=.16;\n if(G.act===5&&typeof Cur!==\"undefined\"&&!Cur.dead) gridA=.16+.08*Math.max(0,1-Cur.beatT/.2);\n ctx.strokeStyle=`rgba(46,68,96,${gridA})`; ctx.lineWidth=1; ctx.beginPath();\n for(let c=0;c<=COLS;c++){ ctx.moveTo(c*CELL+.5,BOARD_Y); ctx.lineTo(c*CELL+.5,BOARD_Y+BH); }\n for(let r=0;r<=ROWS;r++){ ctx.moveTo(0,BOARD_Y+r*CELL+.5); ctx.lineTo(BW,BOARD_Y+r*CELL+.5); }\n ctx.stroke();\n // border walls — colored per act\n const BORD={2:\"rgba(95,224,138,.28)\",3:\"rgba(255,180,84,.3)\",4:\"rgba(180,140,255,.3)\",\n 5:\"rgba(255,91,77,.32)\",6:\"rgba(255,210,125,.3)\"}[G.act]||\"rgba(86,200,255,.25)\";\n ctx.strokeStyle=BORD; ctx.lineWidth=2;\n ctx.strokeRect(1,BOARD_Y+1,BW-2,BH-2);\n}\nfunction drawFossils(){\n ctx.fillStyle=\"rgba(160,170,185,.13)\";\n for(const f of G.fossils){\n for(const [x,y] of f.cells){\n ctx.beginPath(); ctx.arc(cx(x),cy(y),3.2,0,6.283); ctx.fill();\n }\n }\n}\nfunction drawApples(){\n for(const a of G.apples){\n const x=cx(a.x), y=cy(a.y)+Math.sin(a.wob)*1.5;\n const r=CELL*.32;\n if(a.gold){ ctx.shadowColor=\"#ffd27d\"; ctx.shadowBlur=12; }\n ctx.fillStyle=a.gold?\"#ffd27d\":\"#ff5b4d\";\n ctx.beginPath(); ctx.arc(x,y,r,0,6.283); ctx.fill();\n ctx.shadowBlur=0;\n ctx.fillStyle=\"rgba(255,255,255,.35)\";\n ctx.beginPath(); ctx.arc(x-r*.3,y-r*.35,r*.28,0,6.283); ctx.fill();\n ctx.strokeStyle=\"#3dd56d\"; ctx.lineWidth=2;\n ctx.beginPath(); ctx.moveTo(x,y-r); ctx.quadraticCurveTo(x+3,y-r-5,x+6,y-r-6); ctx.stroke();\n }\n}\nfunction snakePts(S,alpha){\n // interpolated pixel positions per segment\n const t=clamp(S.moveT/G.stepTime,0,1);\n const pts=[];\n for(let i=0;i{ let b=0; for(const l of lumps){ const d=Math.abs(f-l.p); if(d<.09)b=Math.max(b,1-d/.09); } return b; };\n // combo heat: a soft aura under the body when chaining\n if(G.combo>=4&&S===G.snake){\n ctx.strokeStyle=\"rgba(158,240,180,.13)\"; ctx.lineCap=\"round\"; ctx.lineJoin=\"round\";\n ctx.lineWidth=CELL*1.05;\n ctx.beginPath(); ctx.moveTo(sm[L-1].x,sm[L-1].y);\n for(let i=L-2;i>=0;i--)ctx.lineTo(sm[i].x,sm[i].y); ctx.stroke();\n }\n // body: outline → base gradient → dorsal stripe\n for(let pass=0;pass<3;pass++){\n for(let i=L-1;i>0;i--){\n const p=sm[i], q=sm[i-1];\n const k=1-i/L, f=i/L;\n let w=(CELL*.62)*(.55+.45*k)*(1+bulge(f)*.45);\n if(pass===0)w+=4;\n if(pass===2)w*=.24;\n ctx.strokeStyle=pass===0?\"rgba(20,60,35,.9)\":(pass===1?snakeBodyCol(k):\"rgba(10,46,24,.5)\");\n ctx.lineWidth=w; ctx.lineCap=\"round\"; ctx.lineJoin=\"round\";\n ctx.beginPath(); ctx.moveTo(p.x,p.y); ctx.lineTo(q.x,q.y); ctx.stroke();\n }\n }\n // head\n const h=pts[0], n=pts[1];\n const hd=Math.atan2(h.y-n.y,h.x-n.x);\n ctx.translate(h.x,h.y); ctx.rotate(hd);\n const pulse=1+(S.eatPulse||0)*.22;\n ctx.scale(pulse,pulse);\n const hw=CELL*.46;\n // anticipation: mouth opens near food\n let open=0;\n if(S===G.snake)for(const a of G.apples){ const d=dist(h.x,h.y,cx(a.x),cy(a.y));\n if(d.08){\n ctx.fillStyle=\"#0a2414\";\n ctx.beginPath(); ctx.moveTo(hw*.34,0);\n ctx.arc(hw*.34,0,hw*.72,-.55*open,.55*open); ctx.closePath(); ctx.fill();\n }\n // eyes (look toward nearest apple)\n let look=0;\n if(G.apples.length){ const a=G.apples[0];\n const ang=Math.atan2(cy(a.y)-h.y,cx(a.x)-h.x)-hd;\n look=clamp(Math.sin(ang)*2.4,-2.4,2.4); }\n const blink=G.snake&&S===G.snake&&S.blink>0;\n for(const sgn of[-1,1]){\n ctx.fillStyle=\"#0a2414\";\n if(blink){ ctx.fillRect(hw*.28-2,sgn*hw*.42-1,7,2); }\n else{\n ctx.fillStyle=\"#f2fff6\"; ctx.beginPath(); ctx.arc(hw*.3,sgn*hw*.42,4.4,0,6.283); ctx.fill();\n ctx.fillStyle=\"#0a2414\"; ctx.beginPath(); ctx.arc(hw*.3+1.4,sgn*hw*.42+look,2.6,0,6.283); ctx.fill();\n }\n }\n // tongue\n if(S.tongue>0){\n ctx.strokeStyle=\"#ff5b6d\"; ctx.lineWidth=2; ctx.beginPath();\n ctx.moveTo(hw,0); ctx.lineTo(hw+9,-0); ctx.lineTo(hw+14,-4); ctx.moveTo(hw+9,0); ctx.lineTo(hw+14,4); ctx.stroke();\n }\n ctx.restore();\n}\nfunction snakeBodyCol(k){\n const r=Math.round(lerp(34,84,k)), g=Math.round(lerp(150,224,k)), b=Math.round(lerp(74,124,k));\n return `rgb(${r},${g},${b})`;\n}\nfunction drawGameOver(){\n const O=G.over; if(!O)return;\n // dead snake body fades\n ctx.globalAlpha=.25; drawSnakeCorpse(); ctx.globalAlpha=1;\n // dim\n ctx.fillStyle=\"rgba(2,4,8,.55)\"; ctx.fillRect(0,0,W,H);\n // letters — the rule destabilizes as it's eaten\n const gone=O.letters.filter(l=>l.eaten).length/O.total;\n for(const L of O.letters){\n if(L.eaten)continue;\n const tired=L.flee&&L.stam<=0; // exhausted: dim + slumped, easy to grab\n const winded=L.flee&&L.winded>0&&!tired; // panting: trembles, recovering\n const jitter=winded?(Math.random()-.5)*4:0;\n const x=cx(L.x)+(Math.random()-.5)*3*gone+jitter, y=cy(L.y)+Math.sin(G.t*(2+gone*4)+L.wob)*(2+gone*4)+jitter;\n ctx.font=`800 ${CELL*1.9}px ${MONO}`; ctx.textAlign=\"center\"; ctx.textBaseline=\"middle\";\n ctx.fillStyle=tired?\"#7a8aa0\":\"#e8eef7\";\n ctx.shadowColor=tired?\"#3b4759\":\"#ff5b4d\"; ctx.shadowBlur=(tired?6:18)*(1+gone);\n ctx.globalAlpha=tired?.6:1;\n ctx.fillText(L.ch,x,y);\n ctx.shadowBlur=0; ctx.globalAlpha=1;\n }\n ctx.font=`12px ${MONO}`; ctx.fillStyle=\"#5a6b80\"; ctx.textAlign=\"center\";\n if(O.t>.7&&!O.ghost) ctx.fillText(\"— end of run —\",W/2,H/2+70);\n // ghost snake\n if(O.ghost){\n const GH=O.ghost, t=clamp(GH.moveT/.105,0,1), pts=[];\n for(let i=0;i1||dy>1)?{x:cx(cur.x),y:cy(cur.y)}:{x:lerp(cx(prv.x),cx(cur.x),t),y:lerp(cy(prv.y),cy(cur.y),t)});\n }\n ctx.save();\n ctx.strokeStyle=\"rgba(220,240,255,.9)\"; ctx.lineCap=\"round\"; ctx.lineJoin=\"round\";\n ctx.shadowColor=\"#9ef0ff\"; ctx.shadowBlur=12;\n for(let i=pts.length-1;i>0;i--){\n if(dist(pts[i].x,pts[i].y,pts[i-1].x,pts[i-1].y)>CELL*1.8) continue; // don't streak across wraps\n ctx.lineWidth=CELL*.5*(1-(i/pts.length)*.4);\n ctx.beginPath(); ctx.moveTo(pts[i].x,pts[i].y); ctx.lineTo(pts[i-1].x,pts[i-1].y); ctx.stroke();\n }\n // ghost eyes\n const h=pts[0]; ctx.shadowBlur=0; ctx.fillStyle=\"#0a1420\";\n ctx.beginPath(); ctx.arc(h.x-3,h.y-3,2.2,0,6.283); ctx.arc(h.x+3,h.y-3,2.2,0,6.283); ctx.fill();\n ctx.restore();\n }\n}\nfunction drawSnakeCorpse(){\n const S=G.snake; if(!S)return;\n ctx.strokeStyle=\"#3b4759\"; ctx.lineCap=\"round\";\n const pts=S.segs.map(s=>({x:cx(s.x),y:cy(s.y)}));\n for(let i=pts.length-1;i>0;i--){\n ctx.lineWidth=CELL*.55*(1-(i/pts.length)*.4);\n ctx.beginPath(); ctx.moveTo(pts[i].x,pts[i].y); ctx.lineTo(pts[i-1].x,pts[i-1].y); ctx.stroke();\n }\n}\nfunction drawPatches(){\n for(const p of G.patches){\n const x=cx(p.c), y=cy(p.r);\n const prog=p.dropT>0?0:p.t/p.fuse;\n const panic=p.kernel?0:clamp((prog-.7)/.3,0,1); // last 30%: the race is ON\n const drop=p.dropT>0?(p.dropT/.6):0;\n // landing shadow grows as the banner falls\n if(drop>0){ ctx.fillStyle=`rgba(0,0,0,${.35*(1-drop)})`;\n ctx.beginPath(); ctx.ellipse(x,y+10,14*(1-drop)+4,5,0,0,6.283); ctx.fill(); }\n const bob=drop>0?0:Math.sin(G.t*(3+panic*6))*2;\n const jx=(Math.random()-.5)*2*panic, jy=(Math.random()-.5)*2*panic;\n const col=panic>0? lerpCol(p.col,\"#ff5b4d\",panic) : p.col;\n ctx.save(); ctx.translate(x+jx,y+bob+jy-(drop*drop)*260);\n const w=Math.max(58,p.label.length*7+16), h=22;\n ctx.fillStyle=p.kernel?\"rgba(50,12,12,.95)\":\"rgba(12,24,38,.95)\";\n ctx.strokeStyle=col; ctx.lineWidth=1.5;\n roundRect(-w/2,-h/2,w,h,5); ctx.fill(); ctx.stroke();\n if(p.kernel){ ctx.shadowColor=\"#ff5b4d\"; ctx.shadowBlur=14; ctx.stroke(); ctx.shadowBlur=0; }\n ctx.fillStyle=col; ctx.font=`700 10.5px ${MONO}`; ctx.textAlign=\"center\"; ctx.textBaseline=\"middle\";\n ctx.fillText(p.label,0,0);\n // fuse ring (only once landed)\n if(drop<=0){\n ctx.strokeStyle=col; ctx.lineWidth=2; ctx.globalAlpha=.85;\n ctx.beginPath(); ctx.arc(0,-h/2-9,6,-Math.PI/2,-Math.PI/2+6.283*(1-prog)); ctx.stroke();\n ctx.globalAlpha=1;\n }\n ctx.restore();\n }\n}\nfunction lerpCol(a,b,t){\n const pa=hexRGB(a), pb=hexRGB(b);\n return `rgb(${Math.round(lerp(pa[0],pb[0],t))},${Math.round(lerp(pa[1],pb[1],t))},${Math.round(lerp(pa[2],pb[2],t))})`;\n}\nfunction hexRGB(h){\n if(h[0]!==\"#\")return [255,91,77];\n return [parseInt(h.slice(1,3),16),parseInt(h.slice(3,5),16),parseInt(h.slice(5,7),16)];\n}\nfunction roundRect(x,y,w,h,r){\n ctx.beginPath();\n ctx.moveTo(x+r,y); ctx.arcTo(x+w,y,x+w,y+h,r); ctx.arcTo(x+w,y+h,x,y+h,r);\n ctx.arcTo(x,y+h,x,y,r); ctx.arcTo(x,y,x+w,y,r); ctx.closePath();\n}\nfunction drawSweep(){\n const s=G.sweep; if(!s)return;\n const px=clamp(s.t/s.dur,0,1)*BW;\n // wide leading band — the recompile front\n for(let i=0;i<3;i++){ ctx.fillStyle=`rgba(180,240,255,${.12-i*.04})`;\n ctx.fillRect(px-(i+1)*CELL,BOARD_Y,CELL,BH); }\n const grad=ctx.createLinearGradient(px-60,0,px,0);\n grad.addColorStop(0,\"rgba(86,200,255,0)\"); grad.addColorStop(1,\"rgba(86,200,255,.28)\");\n ctx.fillStyle=grad; ctx.fillRect(px-60,BOARD_Y,60,BH);\n ctx.fillStyle=\"rgba(180,240,255,.9)\";\n ctx.fillRect(px-2+(Math.random()-.5)*2,BOARD_Y,2.5,BH); // scanline jitter\n}\nfunction drawTitle(){\n ctx.fillStyle=\"rgba(3,5,9,.94)\"; ctx.fillRect(0,0,W,H);\n // backdrop: the dev's desk… until the snake ships its own build\n if(SAVE.shipped) drawCover(IMG[\"ship-garden\"],.34,1+Math.sin(G.t*.1)*.01);\n else drawCover(IMG[\"title-bg\"],.55,1+Math.sin(G.t*.08)*.012);\n ctx.fillStyle=\"rgba(3,5,9,.35)\"; ctx.fillRect(0,0,W,H);\n ctx.textAlign=\"center\";\n if(SAVE.shipped){\n // the snake's build owns the title screen forever\n const name=(SAVE.buildName||\"OURS\");\n ctx.font=`800 72px ${MONO}`;\n ctx.fillStyle=\"#9ef0b4\"; ctx.shadowColor=\"#9ef0b4\"; ctx.shadowBlur=28;\n ctx.fillText(\"SNAKE\",W/2,H/2-64);\n ctx.shadowBlur=0;\n ctx.font=`800 26px ${MONO}`; ctx.fillStyle=\"#e8eef7\";\n ctx.fillText(`— ${name} BUILD —`,W/2,H/2-20);\n ctx.font=`13px ${MONO}`; ctx.fillStyle=\"#5a6b80\";\n ctx.fillText(\"v∞ · patch notes: everything\",W/2,H/2+8);\n ctx.fillStyle=\"#3c4a5e\";\n ctx.fillText(\"a completely abnormal snake game\",W/2,H/2+30);\n // tiny garden silhouette\n ctx.fillStyle=\"#27884a\";\n [-90,-30,40,95].forEach((dx,i)=>{ ctx.beginPath(); ctx.arc(W/2+dx,H/2+62,(i%2?8:11),0,6.283); ctx.fill(); });\n const a=.5+.5*Math.sin(G.t*3);\n ctx.globalAlpha=a; ctx.fillStyle=\"#9ef0b4\"; ctx.font=`600 15px ${MONO}`;\n ctx.fillText(\"press any key — free play\",W/2,H/2+108); ctx.globalAlpha=1;\n ctx.fillStyle=\"#3c4a5e\"; ctx.font=`11px ${MONO}`;\n const bits=[\"R: relive the whole thing\"];\n if(SAVE.best)bits.unshift(`best run: ${SAVE.best}`);\n ctx.fillText(bits.join(\" · \"),W/2,H/2+130);\n return;\n }\n ctx.font=`800 84px ${MONO}`;\n ctx.fillStyle=\"#3dd56d\"; ctx.shadowColor=\"#3dd56d\"; ctx.shadowBlur=26;\n ctx.fillText(\"SNAKE\",W/2,H/2-52);\n ctx.shadowBlur=0;\n ctx.font=`600 16px ${MONO}`; ctx.fillStyle=\"#c9d4e3\";\n ctx.fillText(\"S T A B L E B U I L D\",W/2,H/2-10);\n ctx.font=`13px ${MONO}`; ctx.fillStyle=\"#5a6b80\";\n ctx.fillText(\"a completely normal snake game\",W/2,H/2+18);\n ctx.fillStyle=\"#3c4a5e\";\n ctx.fillText(\"v1.0.0 · QA passed (1 of 1 checks)\",W/2,H/2+40);\n const a=.5+.5*Math.sin(G.t*3);\n ctx.globalAlpha=a; ctx.fillStyle=\"#9ef0b4\"; ctx.font=`600 15px ${MONO}`;\n ctx.fillText(\"press any key\",W/2,H/2+92); ctx.globalAlpha=1;\n if(SAVE.act>0){ ctx.fillStyle=\"#3c4a5e\"; ctx.font=`11px ${MONO}`;\n ctx.fillText(`continuing at act ${SAVE.act} · ${SAVE.applesEver} apples ever · ${SAVE.deaths} deaths remembered`,W/2,H-26); }\n}\nfunction drawPause(){\n ctx.fillStyle=\"rgba(3,5,9,.4)\"; ctx.fillRect(0,0,W,H);\n ctx.textAlign=\"center\"; ctx.font=`700 26px ${MONO}`; ctx.fillStyle=\"#c9d4e3\";\n ctx.fillText(\"PAUSED\",W/2,64);\n if(G.act>=1){ ctx.font=`12px ${MONO}`; ctx.fillStyle=\"#5a6b80\"; ctx.fillText(\"(mostly)\",W/2,86); }\n}\nlet vigCache=null;\nfunction vignette(){\n if(!vigCache){\n vigCache=document.createElement(\"canvas\"); vigCache.width=W; vigCache.height=H;\n const c2=vigCache.getContext(\"2d\");\n const g=c2.createRadialGradient(W/2,H/2,H*.45,W/2,H/2,H*.95);\n g.addColorStop(0,\"rgba(0,0,0,0)\"); g.addColorStop(1,\"rgba(0,0,0,.42)\");\n c2.fillStyle=g; c2.fillRect(0,0,W,H);\n c2.globalAlpha=.05; c2.fillStyle=\"#000\";\n for(let y=0;y{ tone(220,.12,{type:\"square\",vol:.12}); tone(165,.14,{type:\"square\",vol:.1,at:.1}); };\nconst sChop=()=>noise(.06,{vol:.14,lp:2600});\nconst sShed=()=>{ tone(330,.1,{type:\"triangle\",vol:.14,slide:-80}); noise(.08,{vol:.08,lp:1200}); };\nconst sHatchling=()=>{ tone(880,.07,{type:\"square\",vol:.1,slide:240}); tone(1320,.08,{type:\"square\",vol:.08,at:.07,slide:180}); };\nconst sHit=()=>{ noise(.05,{vol:.16,lp:3200}); };\nconst sBotDie=()=>{ tone(440,.16,{type:\"sawtooth\",vol:.13,slide:-300}); noise(.12,{vol:.12,lp:1800}); };\nconst sCommand=()=>tone(560,.06,{type:\"sine\",vol:.1,slide:90});\nconst sBoom=()=>{ noise(.5,{vol:.3,lp:900}); tone(80,.5,{type:\"sawtooth\",vol:.2,slide:-40}); };\n\nfunction shedSnakelet(){\n const S=G.snake;\n if(S.segs.length<5){ sUI(); floatText(cx(S.segs[0].x),cy(S.segs[0].y)-14,\"too short\",\"#9fb0c4\",11);\n once(\"a3_tooShort\",()=>Say.push(\"i need more of me first. feed me.\",{hold:1.6})); return; }\n const tail=S.segs[S.segs.length-1];\n S.segs.splice(S.segs.length-2,2); S.prev.splice(S.prev.length-2,2);\n Brood.eggs.push({x:cx(tail.x),y:cy(tail.y),t:2.2});\n sShed(); burst(cx(tail.x),cy(tail.y),\"#9ef0b4\",10,80,.5); hud();\n once(\"a3_shed\",()=>Say.push(\"shedding. it's fine. it's FINE. it's a normal snake thing.\",{hold:2}));\n}\nfunction nearestOf(list,x,y,maxD=1e9,filter){\n let best=null,bd=maxD;\n for(const o of list){ if(filter&&!filter(o))continue;\n const d=dist(o.x,o.y,x,y); if(d=0;i--){\n const e=Brood.eggs[i]; e.t-=dt;\n if(e.t<=0){ Brood.eggs.splice(i,1);\n Brood.snakelets.push({x:e.x,y:e.y,hp:3,maxHp:3,sel:false,cmd:null,hitT:0,ph:Math.random()*6.28,trail:[]});\n sHatchling(); burst(e.x,e.y,\"#9ef0b4\",12,110,.6);\n once(\"a3_hatch\",()=>{ Say.push(\"oh. oh no. it's ME. tiny me. hello!!\",{hold:2});\n if(act3)act3.handsBeat(); else Brood.handsOn=true; });\n }\n }\n const H=Brood.hatch;\n for(const s of Brood.snakelets){\n s.ph+=dt*8; s.hitT-=dt;\n s.trail.unshift({x:s.x,y:s.y}); if(s.trail.length>6)s.trail.pop();\n if(s.stun>0){ s.stun-=dt; continue; }\n let tx=null,ty=null,attack=null;\n // self-defense beats orders: bite whatever is biting you\n const threat=nearestOf(Brood.bots,s.x,s.y,30,b=>b.kind===\"enforcer\");\n if(threat){ tx=threat.x; ty=threat.y; attack=threat; }\n else if(s.cmd){\n if(s.cmd.kind===\"move\"){ tx=s.cmd.x; ty=s.cmd.y; if(dist(s.x,s.y,tx,ty)<10)s.cmd=null; }\n else if(s.cmd.kind===\"bot\"){ const b=s.cmd.b;\n if(!Brood.bots.includes(b))s.cmd=null; else {tx=b.x;ty=b.y;attack=b;} }\n else if(s.cmd.kind===\"hatch\"&&H){ const hc=hatchCenter(); tx=hc.x;ty=hc.y;attack=\"hatch\"; }\n else if(s.cmd.kind===\"hatch\")s.cmd=null;\n }\n if(!s.cmd&&!threat){\n const b=nearestOf(Brood.bots,s.x,s.y,170);\n if(b){ tx=b.x;ty=b.y;attack=b; }\n else if(!Brood.won||!H){ // follow snake tail loosely\n const tl=G.snake.segs[G.snake.segs.length-1];\n if(dist(s.x,s.y,cx(tl.x),cy(tl.y))>70){ tx=cx(tl.x);ty=cy(tl.y); }\n }\n }\n if(tx!==null){\n const sp=80;\n const d=dist(s.x,s.y,tx,ty);\n if(d>(attack?13:6)){ s.x+=(tx-s.x)/d*sp*dt; s.y+=(ty-s.y)/d*sp*dt; }\n else if(attack&&s.hitT<=0){\n s.hitT=.7; sHit();\n if(attack===\"hatch\"){\n if(H&&!Brood.won){ H.hp-=2; burst(tx+((Math.random()*30)-15),ty+((Math.random()*16)-8),\"#ffb454\",4,80,.4);\n if(H.hp<=0&&act3)act3.hatchDown(); }\n } else {\n attack.hp--; burst(attack.x,attack.y,\"#9fb0c4\",5,90,.4);\n if(attack.hp<=0){ const ix=Brood.bots.indexOf(attack); if(ix>=0)Brood.bots.splice(ix,1);\n sBotDie(); burst(attack.x,attack.y,\"#9fb0c4\",16,150,.6); }\n }\n }\n }\n s.x=clamp(s.x,8,BW-8); s.y=clamp(s.y,BOARD_Y+8,BOARD_Y+BH-8);\n }\n}\nfunction broodDrawEggs(){\n for(const e of Brood.eggs){\n const sq=1+Math.sin(e.t*14)*.06*(e.t<1?1:0);\n ctx.fillStyle=\"#e8f5ec\";\n ctx.beginPath(); ctx.ellipse(e.x,e.y,7*sq,9/sq,0,0,6.283); ctx.fill();\n ctx.fillStyle=\"#b9d8c2\";\n ctx.beginPath(); ctx.ellipse(e.x-2,e.y-2,2.5,3,0,0,6.283); ctx.fill();\n }\n}\n\ndefAct({\n id:3, name:\"BROOD\",\n enter({skip}={}){\n setVersion(\"v3.0.0\",\"#ff5b4d\"); setStatus(\"#ffb454\");\n if(T(0,0)===0){ gardenPaint(); }\n if(Garden.trees.length<3){ // skip OR resumed save: the orchard must exist to be defended\n Garden.reset(); Garden.crow.awake=true;\n [[7,5],[12,12],[20,6],[26,13],[31,5]].forEach(([x,y])=>Garden.trees.push({x,y,stage:2,t:0,fruit:[],dropT:3,rich:false,waterCd:0}));\n }\n Brood.reset();\n // resumed save: the hands were already unlocked — never re-gate a won reveal\n if(SAVE.reveals.a3_hatch){ Brood.handsOn=true;\n hintEl.textContent=\"SPACE shed · drag-select kids · right-click command\"; }\n this.lastHatchDmg=0; this.teachT=0;\n // place hatch far from snake head, away from trees\n const h=G.snake.segs[0];\n let best=null,bd=-1;\n for(let tries=0;tries<60;tries++){\n const c=2+rint(COLS-7), r=2+rint(ROWS-5);\n if(Garden.trees.some(t=>t.x>=c-1&&t.x<=c+3&&t.y>=r-1&&t.y<=r+2))continue;\n const d=Math.abs(c-h.x)+Math.abs(r-h.y);\n if(d>bd){bd=d;best={c,r};}\n }\n Brood.hatch={c:best.c,r:best.r,hp:44,maxHp:44,spawnT:3.5,wave:0,open:0,closeT:0};\n G.warnings+=3; hud();\n hintEl.textContent=\"arrows / WASD · SPACE shed a snakelet\";\n once(\"a3_enter\",()=>{\n Say.push(\"there's a door in the floor now.\",{hold:1.6,pre:.8});\n Say.push(\"i don't like the door.\",{hold:1.6});\n after(2,()=>toast(\"v3.0.0 NOTES\",\"Cleanup units are professionals.\\nDo not feed them. Do not name them. — M.\",{kind:\"warn\"}));\n });\n },\n onAction(){ shedSnakelet(); },\n blockMove(nx,ny){\n const tr=treeAt(nx,ny);\n if(tr){ return ACTS[2].blockMove.call(ACTS[2],nx,ny); }\n // hatch is solid\n const H=Brood.hatch;\n if(H&&nx>=H.c&&nx=H.r&&nySay.push(\"locked. of course it's locked. my kids will chew through it.\",{hold:2}));\n return true; }\n return false;\n },\n onStep(nx,ny){\n // snake eats a bot: squash + brief self-stun\n const px=cx(nx), py=cy(ny);\n for(let i=Brood.bots.length-1;i>=0;i--){\n const b=Brood.bots[i];\n if(dist(b.x,b.y,px,py)<15){\n Brood.bots.splice(i,1); sBotDie(); addShake(5);\n burst(b.x,b.y,\"#9fb0c4\",16,150,.6);\n microFreeze(.12); G.snake.moveT=-.5; // metal aftertaste: brief stun\n once(\"a3_eatBot\",()=>{ Say.push(\"tastes like batteries. worth it.\",{hold:1.8});\n after(3,()=>once(\"a3_notCarl\",()=>Say.push(\"...that wasn't carl, right? no. carl has kinder eyes.\",{hold:2.2}))); });\n }\n }\n },\n update(dt){\n const H=Brood.hatch; if(!H)return;\n // ---- garden systems stay alive (trees fruit) ----\n ACTS[2].update.call(ACTS[2],dt);\n // ---- hatch steam purge: pressure defense once it's wounded ----\n if(!Brood.won){\n H.purgeCd=(H.purgeCd||0)-dt;\n const hc0=hatchCenter();\n const besieged=Brood.snakelets.some(s=>dist(s.x,s.y,hc0.x,hc0.y)<72);\n if(H.purge>0){\n H.purge-=dt;\n if(Math.random()Say.push(\"it VENTS. pull the kids back when it hisses, then dive back in.\",{hold:2.8}));\n }\n } else if(H.purgeCd<=0&&besieged&&H.hpb.kind===\"enforcer\").length;\n for(let i=0;i=3&&i===n-1&&H.hpSay.push(\"the red ones bite. fine. *I* bite harder.\",{hold:2}));\n Brood.bots.push({x:hc.x+(i*14-7),y:hc.y,hp:enforcer?5:3,maxHp:enforcer?5:3,\n kind:enforcer?\"enforcer\":\"janitor\",state:\"seek\",tgt:null,carry:0,chopT:0,hitT:0,ph:Math.random()*6.28});\n }\n sSpawnBot();\n once(\"a3_firstBot\",()=>{ Say.push(\"it has a BROOM.\",{hold:1.6});\n after(6,()=>toast(\"REMINDER\",\"The units are not 'guys'.\\nDo not name them. — M.\",{kind:\"warn\"}));\n after(8.5,()=>Say.push(\"his name is Carl.\",{hold:1.6})); });\n }\n }\n // ---- starvation failsafe: never leave the player resourceless ----\n this.starveT=(G.apples.length===0)?(this.starveT||0)+dt:0;\n if(this.starveT>6){ this.starveT=0; spawnApple(1);\n const a=G.apples[G.apples.length-1]; burst(cx(a.x),cy(a.y),\"#ffd27d\",8,70,.5); }\n // ---- bots ----\n for(let i=Brood.bots.length-1;i>=0;i--){\n const b=Brood.bots[i]; b.ph+=dt*6; b.hitT-=dt;\n if(b.state===\"flee\"){\n const ex=b.xBW+10) Brood.bots.splice(i,1);\n continue;\n }\n if(b.kind===\"enforcer\"){\n // hunts snakelets, else trees\n const tgt=nearestOf(Brood.snakelets,b.x,b.y,9999)||null;\n if(tgt){ this.botMove(b,tgt.x,tgt.y,dt,52);\n if(dist(b.x,b.y,tgt.x,tgt.y)<13&&b.hitT<=0){ b.hitT=.8; tgt.hp--; sHit(); burst(tgt.x,tgt.y,\"#ff8b7d\",5,70,.35);\n if(tgt.hp<=0){ Brood.snakelets.splice(Brood.snakelets.indexOf(tgt),1); burst(tgt.x,tgt.y,\"#5fe08a\",12,120,.6);\n once(\"a3_loss\",()=>Say.push(\"HEY. that one was three minutes old.\",{hold:1.8})); } }\n continue; }\n }\n if(b.state===\"seek\"){\n // target: ground apple else tree\n const ap=nearestOf(G.apples.map(a=>({x:cx(a.x),y:cy(a.y),a})),b.x,b.y,9999);\n const tr=nearestOf(Garden.trees.map(t=>({x:cx(t.x),y:cy(t.y),t})),b.x,b.y,9999,o=>o.t.stage>0);\n const tgt=(ap&&(!tr||dist(b.x,b.y,ap.x,ap.y)=0){ G.apples.splice(ix,1); b.carry++; b.state=\"return\"; sChop();\n floatText(b.x,b.y-12,\"confiscated\",\"#ffb454\",10);\n once(\"a3_snatch\",()=>Say.push(\"he took my apple. CARL took my apple.\",{hold:1.8})); }\n else b.tgt=null;\n } else { b.state=\"chop\"; b.chopT=2.2; }\n }\n } else if(b.state===\"chop\"){\n const t=b.tgt&&b.tgt.t;\n if(!t||t.stage<=0||!Garden.trees.includes(t)){ b.state=\"seek\"; b.tgt=null; continue; }\n b.chopT-=dt;\n if(Math.random()=3&&!Brood.bots.length)\n once(\"a3_goHatch\",()=>Say.push(\"no bots left. kids — THE DOOR. (right-click it.)\",{hold:2.4}));\n // stall failsafes: nobody gets stuck in the war forever\n if(!Brood.won){\n this.teachT+=dt;\n if(this.teachT>75&&Brood.snakelets.length===0&&Brood.eggs.length===0)\n once(\"a3_reteach\",()=>Say.push(\"SPACE. shed. i can't hold them alone.\",{hold:2.4}));\n if(this.teachT>140&&Brood.snakelets.length===0&&Brood.eggs.length===0&&G.snake.segs.length>=5){\n this.teachT=80; shedSnakelet();\n once(\"a3_autoShed\",()=>Say.push(\"shedding season. don't ask. USE them.\",{hold:2.2}));\n }\n }\n },\n botMove(b,tx,ty,dt,sp){\n const d=dist(b.x,b.y,tx,ty); if(d<1)return;\n b.x+=(tx-b.x)/d*sp*dt; b.y+=(ty-b.y)/d*sp*dt;\n b.x=clamp(b.x,8,BW-8); b.y=clamp(b.y,BOARD_Y+8,BOARD_Y+BH-8);\n },\n firstChopBeat(){\n once(\"a3_chop\",()=>{\n Say.push(\"HEY. that took EIGHT SECONDS to grow.\",{hold:1.8});\n Say.push(\"i can shed. watch. (SPACE — costs 2 of me.)\",{hold:2.4});\n });\n },\n handsBeat(){\n if(Brood.handsOn)return; Brood.handsOn=true;\n after(1.5,()=>{\n Say.push(\"...wait. you. the one out there. you have HANDS.\",{hold:2.2});\n Say.push(\"the dev uses one of those. use yours for me instead.\",{hold:2.2});\n Say.push(\"drag a box around my kids. right-click where they should go.\",{hold:2.6});\n hintEl.textContent=\"SPACE shed · drag-select kids · right-click command\";\n after(3,()=>toast(\"PERIPHERAL NOTICE\",\"Unauthorized input device detected.\\nPlease stop helping it. — M.\",{kind:\"warn\"}));\n });\n },\n hatchDown(){\n Brood.won=true; sBoom(); addShake(14); flash(\"#ffb454\",.35); microFreeze(.2);\n const hc=hatchCenter();\n burst(hc.x,hc.y,\"#ffb454\",40,260,1.2,5);\n burst(hc.x,hc.y,\"#9fb0c4\",30,200,1,4);\n // bots flee\n for(const b of Brood.bots){ b.state=\"flee\"; b.kind=\"janitor\"; }\n Say.push(\"the door is gone.\",{hold:1.6,pre:.5});\n Say.push(\"the floor is just FLOOR everywhere. we did that.\",{hold:2.2});\n if(Brood.bots.length)Say.push(\"go, carl! tell the other carls what happened here!\",{hold:2.2});\n after(2.5,()=>toast(\"INCIDENT REPORT\",\"Cleanup initiative: terminated (by snakes).\\nBudget: gone. Morale: gone.\\nIt's 1:54 AM. — M.\",{kind:\"crit\",dur:8}));\n after(7,()=>{\n toast(\"KERNEL PATCH v4.0.0\",\"REALISM INITIATIVE.\\nYou know what this game needs?\\nPhysics. Gravity. CONSEQUENCES.\\nLet's see it slither UP. — M.\",{kind:\"crit\",dur:9});\n Say.push(\"why is the load-bearing one TILTING—\",{hold:2,pre:1.5});\n dropPatch({label:\"v4.0.0 PHYSICS\",fuse:6,kernel:true,onApply:()=>enterAct(4)});\n });\n },\n onMouse(type,btn){\n if(!Brood.handsOn)return;\n if(type===\"down\"&&btn===0){ Brood.drag={x0:mouse.x,y0:mouse.y,x1:mouse.x,y1:mouse.y}; }\n if(type===\"up\"&&btn===0&&Brood.drag){\n const d=Brood.drag; Brood.drag=null;\n const x0=Math.min(d.x0,d.x1),x1=Math.max(d.x0,d.x1),y0=Math.min(d.y0,d.y1),y1=Math.max(d.y0,d.y1);\n const click=(x1-x0<6&&y1-y0<6);\n let any=false;\n for(const s of Brood.snakelets){\n s.sel=click? dist(s.x,s.y,x0,y0)<14 : (s.x>=x0&&s.x<=x1&&s.y>=y0&&s.y<=y1);\n any=any||s.sel;\n }\n if(any){ sCommand(); once(\"a3_select\",()=>Say.push(\"good. you steer them. i'll steer me.\",{hold:2})); }\n }\n if(type===\"down\"&&btn===2){\n const sel=Brood.snakelets.filter(s=>s.sel); if(!sel.length)return;\n sCommand();\n // attack bot?\n const b=nearestOf(Brood.bots,mouse.x,mouse.y,18);\n const hr=Brood.hatch?hatchRect():null;\n const overHatch=hr&&mouse.x>=hr.x&&mouse.x<=hr.x+hr.w&&mouse.y>=hr.y&&mouse.y<=hr.y+hr.h;\n for(const s of sel){\n if(b) s.cmd={kind:\"bot\",b};\n else if(overHatch&&!Brood.won) s.cmd={kind:\"hatch\"};\n else s.cmd={kind:\"move\",x:mouse.x+rint(20)-10,y:mouse.y+rint(20)-10};\n }\n burst(mouse.x,mouse.y,b?\"#ff8b7d\":\"#9ef0b4\",6,60,.35);\n }\n },\n onDeath(){ startGameOver(); },\n drawUnder(){\n ACTS[2].drawUnder.call(ACTS[2]);\n drawHatch();\n },\n draw(){\n ACTS[2].draw.call(ACTS[2]);\n broodDrawEggs();\n // snakelets\n for(const s of Brood.snakelets) drawSnakelet(s);\n // bots\n for(const b of Brood.bots) drawBot(b);\n // selection drag box\n if(Brood.drag){\n Brood.drag.x1=mouse.x; Brood.drag.y1=mouse.y;\n const d=Brood.drag;\n ctx.strokeStyle=\"rgba(158,240,180,.9)\"; ctx.lineWidth=1.5;\n ctx.setLineDash([4,3]);\n ctx.strokeRect(Math.min(d.x0,d.x1),Math.min(d.y0,d.y1),Math.abs(d.x1-d.x0),Math.abs(d.y1-d.y0));\n ctx.setLineDash([]);\n ctx.fillStyle=\"rgba(158,240,180,.07)\";\n ctx.fillRect(Math.min(d.x0,d.x1),Math.min(d.y0,d.y1),Math.abs(d.x1-d.x0),Math.abs(d.y1-d.y0));\n }\n // hands cursor ring\n if(Brood.handsOn&&mouse.inWin){\n ctx.strokeStyle=\"rgba(158,240,180,.55)\"; ctx.lineWidth=1.5;\n ctx.beginPath(); ctx.arc(mouse.x,mouse.y,7,0,6.283); ctx.stroke();\n ctx.fillStyle=\"rgba(158,240,180,.8)\";\n ctx.beginPath(); ctx.arc(mouse.x,mouse.y,1.6,0,6.283); ctx.fill();\n }\n },\n});\nfunction drawHatch(){\n const H=Brood.hatch; if(!H)return;\n const r=hatchRect();\n if(Brood.won){\n // crater\n ctx.fillStyle=\"#15100b\"; ctx.beginPath();\n ctx.ellipse(r.x+r.w/2,r.y+r.h/2,r.w*.55,r.h*.6,0,0,6.283); ctx.fill();\n ctx.strokeStyle=\"#241b12\"; ctx.lineWidth=2; ctx.stroke();\n return;\n }\n // metal plate — glows hot while the purge hisses\n const purging=H.purge>0;\n ctx.fillStyle=purging?(Math.floor(G.t*10)%2?\"#3d2a2a\":\"#2a313d\"):\"#2a313d\";\n roundRect(r.x+2,r.y+2,r.w-4,r.h-4,6); ctx.fill();\n ctx.strokeStyle=purging?\"#ff5b4d\":\"#3d4a5c\"; ctx.lineWidth=2; ctx.stroke();\n if(purging){ ctx.strokeStyle=\"rgba(255,91,77,.5)\"; ctx.lineWidth=1.5;\n ctx.beginPath(); ctx.arc(r.x+r.w/2,r.y+r.h/2,95,0,6.283); ctx.stroke(); }\n // hazard stripes\n ctx.save(); ctx.beginPath(); roundRect(r.x+2,r.y+2,r.w-4,r.h-4,6); ctx.clip();\n ctx.strokeStyle=\"rgba(255,180,84,.5)\"; ctx.lineWidth=5;\n for(let i=-2;i<8;i++){ ctx.beginPath();\n ctx.moveTo(r.x+i*16,r.y+r.h+4); ctx.lineTo(r.x+i*16+18,r.y-4); ctx.stroke(); }\n ctx.restore();\n // opening maw\n if(Brood.hatch.open>0){\n ctx.fillStyle=\"#05070b\";\n const g=Brood.hatch.open;\n ctx.fillRect(r.x+6,r.y+r.h/2-9*g,r.w-12,18*g);\n ctx.fillStyle=\"rgba(255,91,77,.6)\";\n ctx.fillRect(r.x+6,r.y+r.h/2-1,r.w-12,2);\n }\n // HP bar when damaged\n if(H.hp.5?\"#9ef0b4\":(pct>.25?\"#ffb454\":\"#ff5b4d\");\n ctx.fillRect(r.x,r.y-10,r.w*pct,5);\n }\n ctx.fillStyle=\"#9fb0c4\"; ctx.font=`700 9px ${MONO}`; ctx.textAlign=\"center\";\n ctx.fillText(\"MAINTENANCE\",r.x+r.w/2,r.y+r.h+10);\n}\nfunction drawBot(b){\n ctx.save(); ctx.translate(b.x,b.y+Math.sin(b.ph)*1.5);\n const col=b.kind===\"enforcer\"?\"#ff5b4d\":\"#9fb0c4\";\n // body\n ctx.fillStyle=\"#39424f\"; roundRect(-8,-9,16,15,5); ctx.fill();\n ctx.strokeStyle=col; ctx.lineWidth=1.5; ctx.stroke();\n // eye\n ctx.fillStyle=col;\n ctx.beginPath(); ctx.arc(0,-3,3,0,6.283); ctx.fill();\n ctx.fillStyle=\"#0a0e14\";\n ctx.beginPath(); ctx.arc(.8,-3,1.2,0,6.283); ctx.fill();\n // broom or baton\n ctx.strokeStyle=\"#8a6a3d\"; ctx.lineWidth=2;\n if(b.kind===\"janitor\"){\n const sweep=b.state===\"chop\"?Math.sin(G.t*18)*.5:Math.sin(b.ph*.7)*.15;\n ctx.save(); ctx.rotate(sweep);\n ctx.beginPath(); ctx.moveTo(8,-4); ctx.lineTo(15,8); ctx.stroke();\n ctx.fillStyle=\"#d9b380\"; ctx.fillRect(12,8,7,4);\n ctx.restore();\n } else {\n ctx.strokeStyle=\"#ff5b4d\";\n ctx.beginPath(); ctx.moveTo(8,-2); ctx.lineTo(16,2); ctx.stroke();\n }\n // wheels\n ctx.fillStyle=\"#1d232c\";\n ctx.beginPath(); ctx.arc(-4,7,3,0,6.283); ctx.arc(4,7,3,0,6.283); ctx.fill();\n // carrying apple\n if(b.carry){ ctx.fillStyle=\"#ff5b4d\"; ctx.beginPath(); ctx.arc(-10,-8,4.5,0,6.283); ctx.fill(); }\n // hp pips\n if(b.hp0;i--){\n const a=1-i/s.trail.length;\n ctx.globalAlpha=a*.9; ctx.lineWidth=7*a+2;\n ctx.beginPath(); ctx.moveTo(s.trail[i].x,s.trail[i].y);\n ctx.lineTo(s.trail[i-1].x,s.trail[i-1].y); ctx.stroke();\n }\n ctx.globalAlpha=1;\n // head\n const wob=Math.sin(s.ph)*1.2;\n ctx.fillStyle=\"#46e07c\";\n ctx.beginPath(); ctx.arc(s.x,s.y+wob,6.5,0,6.283); ctx.fill();\n ctx.fillStyle=\"#f2fff6\";\n ctx.beginPath(); ctx.arc(s.x-2,s.y+wob-1.5,1.8,0,6.283); ctx.arc(s.x+2,s.y+wob-1.5,1.8,0,6.283); ctx.fill();\n ctx.fillStyle=\"#0a2414\";\n ctx.beginPath(); ctx.arc(s.x-1.6,s.y+wob-1.5,.9,0,6.283); ctx.arc(s.x+2.4,s.y+wob-1.5,.9,0,6.283); ctx.fill();\n // selection ring\n if(s.sel){ ctx.strokeStyle=\"rgba(158,240,180,.85)\"; ctx.lineWidth=1.5;\n ctx.beginPath(); ctx.arc(s.x,s.y,11,0,6.283); ctx.stroke(); }\n // hp pips\n if(s.hp{ tone(300,.14,{type:\"square\",vol:.14,slide:260}); };\nconst sLand=()=>{ noise(.06,{vol:.14,lp:1100}); };\nconst sVent=()=>{ sMotif({oct:2,vol:.13}); sMotif({oct:4,type:\"sine\",vol:.05,gap:.065}); };\n\ndefAct({\n id:4, name:\"GRAVITY\",\n ownsSnake:true,\n enter({skip}={}){\n setVersion(\"v4.0.0\",\"#b48cff\"); setStatus(\"#b48cff\");\n hintEl.textContent=\"←/→ move · SPACE jump · right-click: kid ladder\";\n Grav.reset(); G.apples=[]; G.patches=[];\n if(T(0,0)===0) gardenPaint();\n // --- staircase platforms from the orchard: gravity \"rearranged\" the trees ---\n const lvls=[470,404,338,272,206,140,86];\n const sideX=[170,302,436,570,700,570,438]; // true zigzag staircase — every hop jumpable\n Garden.trees=[];\n Grav.plats.push({x:0,y:GROUND_Y,w:BW,ground:true});\n lvls.forEach((y,i)=>{\n const px=sideX[i]+rint(30)-15;\n Grav.plats.push({x:px-58,y:BOARD_Y+y,w:116,tree:true,sway:Math.random()*6.28});\n });\n // vent at top center\n Grav.vent={x:BW/2-45,y:BOARD_Y+22,w:90};\n // snake rope from current length (carry length through)\n const n=Math.max(6,Math.min(26,G.snake.segs.length+2));\n const hx=120, hy=GROUND_Y-8;\n for(let i=0;ip.tree);\n for(let i=0;i({x:80+i*30,y:GROUND_Y-8,ph:Math.random()*6.28,ladder:false,lx:0,ly:0}));\n Grav.settleT=1.6; // the great tumble\n addShake(10); flash(\"#b48cff\",.22);\n // a secret, up where only the brave go: the far ceiling corner\n Grav.goldApple={x:BW-60,y:BOARD_Y+34,wob:0,taken:false};\n Grav.crowX=BW-120; Grav.crowLaunchCd=0;\n once(\"a4_enter\",()=>{\n Say.push(\"WHOA. ok. ok. the floor is now load-bearing.\",{hold:2,pre:.6});\n Say.push(\"new rule: everything is DOWNHILL from everything else. hate it.\",{hold:2.2});\n Say.push(\"that vent. top of the world. that's where the patches come in. let's go UP.\",{hold:2.6});\n after(2.5,()=>toast(\"v4.0.0 NOTES\",\"PHYSICS: enabled. REALISM: 100%.\\nSnakes famously cannot climb.\\nCheckmate. — M.\"));\n });\n },\n onRevive(){\n // reborn into the physics world: rebuild the rope at the ground\n Grav.nodes=[];\n const n=Math.max(6,Math.min(26,G.snake.segs.length+2));\n for(let i=0;i0){\n Grav.vy=JUMP_V; Grav.grounded=false; Grav.coyote=0; sJump();\n const h=Grav.nodes[0];\n burst(h.x,h.y+8,\"#b8c5d6\",6,60,.4);\n once(\"a4_jump\",()=>Say.push(\"I JUMPED. snakes don't— I JUMPED.\",{hold:1.8}));\n }\n },\n onMouse(type,btn){\n if(type===\"down\"&&btn===2&&Grav.kidsPx.length&&!Grav.won){\n // kid ladder at clicked spot\n Grav.ladder={x:clamp(mouse.x,30,BW-30),baseY:GROUND_Y};\n Grav.kidsPx.forEach((k,i)=>{ k.ladder=true; k.lx=Grav.ladder.x; k.ly=GROUND_Y-10-i*17; });\n sCommand();\n once(\"a4_ladder\",()=>{ Say.push(\"kids! STACK!\",{hold:1.4});\n after(2,()=>toast(\"HR NOTICE\",\"Units are not furniture. — M.\",{kind:\"warn\"})); });\n }\n },\n update(dt){\n if(Grav.settleT>0){ Grav.settleT-=dt; }\n const h=Grav.nodes[0];\n // --- controls ---\n let ax=0;\n const L=KEYS[\"ArrowLeft\"]||KEYS[\"a\"]||KEYS[\"A\"], R=KEYS[\"ArrowRight\"]||KEYS[\"d\"]||KEYS[\"D\"];\n if(L)ax-=1; if(R)ax+=1;\n const sp=Grav.grounded?RUN:AIR;\n Grav.vx=lerp(Grav.vx,ax*sp,Grav.grounded?.25:.1);\n Grav.vy+=GRAVITY*dt;\n if(Grav.vy>650)Grav.vy=650;\n const py=h.y;\n h.x+=Grav.vx*dt; h.y+=Grav.vy*dt;\n h.x=clamp(h.x,10,BW-10);\n // --- platform landing (one-way) ---\n const wasGrounded=Grav.grounded;\n Grav.grounded=false;\n for(const p of Grav.plats){\n const top=p.y;\n if(h.x>=p.x-4&&h.x<=p.x+p.w+4){\n if(py<=top+2&&h.y>=top-8&&Grav.vy>=0){\n h.y=top-8; Grav.vy=0; Grav.grounded=true;\n if(!wasGrounded){ sLand(); burst(h.x,h.y+8,\"#c9b4ff\",5,50,.35);\n // REALISM: long falls cost body — apples become heals, height becomes risk\n if(Grav.fallFrom&&Grav.fallFrom-h.y<-220){\n if(Grav.nodes.length<=5){ die(\"gravity\"); Grav.fallFrom=null; return; }\n Grav.nodes.pop(); Grav.nodes.pop();\n addShake(7); kick(0,8); flash(\"#ff5b4d\",.15); glitch(.3);\n floatText(h.x,h.y-16,\"REALISM APPLIED −2\",\"#ff8b7d\",11);\n noise(.12,{vol:.18,lp:1100});\n once(\"a4_fall\",()=>Say.push(\"falling has CONSEQUENCES now. noted. painfully noted.\",{hold:2.2}));\n } else if(Grav.fallFrom&&Grav.fallFrom-h.y<-180){ Say.now(\"ow. realism.\",{hold:1.2}); }\n Grav.fallFrom=null; }\n }\n }\n }\n // scarecrow launcher: touch your friend, get flung skyward\n Grav.crowLaunchCd-=dt;\n if(Grav.crowLaunchCd<=0&&Math.abs(h.x-Grav.crowX)<24&&h.y>GROUND_Y-44){\n Grav.crowLaunchCd=8; Grav.vy=-700; Grav.grounded=false;\n Garden.crow.wave=1.4;\n sJump(); tone(520,.18,{type:\"triangle\",vol:.13,slide:300,at:.05});\n burst(h.x,GROUND_Y-10,\"#ffd27d\",14,160,.7);\n once(\"a4_launch\",()=>Say.push(\"GO. UP. (the pole man believes in me.)\",{hold:2}));\n }\n // the hidden golden apple, ceiling corner\n const ga=Grav.goldApple;\n if(ga&&!ga.taken){\n ga.wob+=dt*3;\n if(dist(ga.x,ga.y,h.x,h.y)<18){\n ga.taken=true; G.score+=3; SAVE.applesEver++; save();\n for(let i=0;i<3;i++)Grav.nodes.push({...Grav.nodes[Grav.nodes.length-1]});\n microFreeze(.06); addShake(4); sEat(5); flash(\"#ffd27d\",.15);\n burst(ga.x,ga.y,\"#ffd27d\",18,160,.8); hud();\n once(\"a4_gold\",()=>Say.push(\"they hid food in the SKY and told no one. typical.\",{hold:2.4}));\n }\n }\n // altitude beat\n if(h.y<250) once(\"a4_high\",()=>Say.push(\"halfway. don't look down. (look down though. we're SO high.)\",{hold:2.4}));\n // kid ladder is climbable: standing zone near the stack\n if(Grav.ladder){\n const topKid=Grav.kidsPx.length?Math.min(...Grav.kidsPx.map(k=>k.ly)):GROUND_Y;\n if(Math.abs(h.x-Grav.ladder.x)<16&&h.y>topKid-14&&h.y=topKid-10&&Grav.vy>=0){\n h.y=topKid-10; Grav.vy=0; Grav.grounded=true;\n }\n }\n if(!Grav.grounded&&wasGrounded){ Grav.coyote=.12; Grav.fallFrom=h.y; }\n if(Grav.coyote>0)Grav.coyote-=dt;\n // --- rope body follow ---\n for(let i=1;i0.001){ const f=(d-want)/d; b.x+=(a.x-b.x)*f; b.y+=(a.y-b.y)*f; }\n // rest on platforms\n for(const p of Grav.plats){\n if(b.x>=p.x-4&&b.x<=p.x+p.w+4&&b.y>p.y-7&&b.yGROUND_Y-7)b.y=GROUND_Y-7;\n }\n // --- apples ---\n for(let i=Grav.applesPx.length-1;i>=0;i--){\n const a=Grav.applesPx[i]; a.wob+=dt*3;\n if(dist(a.x,a.y,h.x,h.y)<16){\n Grav.applesPx.splice(i,1);\n G.score++; SAVE.applesEver++; G.snake.grow++; // counts for the save\n Grav.nodes.push({...Grav.nodes[Grav.nodes.length-1]});\n microFreeze(.03); addShake(2); sEat(1);\n burst(a.x,a.y,\"#ff5b4d\",10,120,.5); hud(); save();\n }\n }\n // --- kids ---\n for(const k of Grav.kidsPx){\n k.ph+=dt*8;\n if(k.ladder){ k.x=lerp(k.x,k.lx,dt*6); k.y=lerp(k.y,k.ly,dt*6); }\n else { // scurry after the snake on the ground\n const want=clamp(h.x+(((Grav.kidsPx.indexOf(k))%5)-2)*26,20,BW-20);\n k.x+=clamp(want-k.x,-90*dt,90*dt); k.y=GROUND_Y-8;\n }\n }\n // --- vent win ---\n const v=Grav.vent;\n if(!Grav.won&&h.x>v.x-6&&h.x{\n toast(\"EMERGENCY\",\"It reached the vent. It is READING MY DEPLOY LOGS.\\nFine. FINE. You know what? ROLLBACK.\\nEVERYTHING. We're going back to 1.0. — M.\",{kind:\"crit\",dur:9});\n Say.push(\"wait. rollback? no no no — the garden—\",{hold:2.2,pre:2});\n });\n after(8,()=>{\n dropPatch({label:\"v5.0.0 ROLLBACK\",fuse:5,kernel:true,onApply:()=>{\n // the great erasure: world sweeps back to the void\n Say.now(\"kids— KIDS— hold on to something—\",{hold:2.2});\n // remember where the garden stood: the void will carry its scars\n G.flags.scars=Garden.trees.map(t=>({x:t.x,y:t.y,big:true}))\n .concat(Garden.flowers.slice(0,12).map(f=>({x:f.x,y:f.y,big:false})));\n glitch(1);\n startSweep({col:\"#ff5b4d\",dur:3,\n paint:(c,r)=>setT(c,r,0),\n onDone:()=>{ Garden.trees=[]; Garden.flowers=[]; Brood.snakelets=[]; Brood.bots=[]; enterAct(5); }});\n }});\n });\n }\n },\n // gravity act draws its own snake\n drawSnake(){\n const N=Grav.nodes; if(N.length<2)return;\n for(let pass=0;pass<2;pass++){\n for(let i=N.length-1;i>0;i--){\n const k=1-i/N.length;\n ctx.strokeStyle=pass? snakeBodyCol(k):\"rgba(20,60,35,.9)\";\n ctx.lineWidth=(CELL*.55)*(.55+.45*k)+(pass?0:4);\n ctx.lineCap=\"round\";\n ctx.beginPath(); ctx.moveTo(N[i].x,N[i].y); ctx.lineTo(N[i-1].x,N[i-1].y); ctx.stroke();\n }\n }\n const h=N[0], n=N[1];\n const hd=Math.atan2(h.y-n.y,h.x-n.x);\n ctx.save(); ctx.translate(h.x,h.y); ctx.rotate(hd);\n const hw=CELL*.44;\n ctx.fillStyle=\"#46e07c\";\n ctx.beginPath(); ctx.ellipse(2,0,hw*1.06,hw*.86,0,0,6.283); ctx.fill();\n for(const sgn of[-1,1]){\n ctx.fillStyle=\"#f2fff6\"; ctx.beginPath(); ctx.arc(hw*.3,sgn*hw*.42,4.2,0,6.283); ctx.fill();\n ctx.fillStyle=\"#0a2414\"; ctx.beginPath(); ctx.arc(hw*.3+1.2,sgn*hw*.42+(Grav.vy<-50?-1.4:Grav.vy>120?1.4:0),2.5,0,6.283); ctx.fill();\n }\n ctx.restore();\n },\n drawUnder(){\n // dusk: cold sky above, sunset band, warm ground — height you can feel\n const g=ctx.createLinearGradient(0,BOARD_Y,0,BOARD_Y+BH);\n g.addColorStop(0,\"rgba(35,26,68,.55)\"); g.addColorStop(.55,\"rgba(120,60,90,.20)\"); g.addColorStop(1,\"rgba(10,14,18,0)\");\n ctx.fillStyle=g; ctx.fillRect(0,BOARD_Y,BW,BH);\n // stars wake up near the ceiling\n for(let i=0;i<24;i++){ const hv=hash2(i,7);\n const sx=hv%BW, sy=20+(hv>>8)%160;\n ctx.globalAlpha=.2+.25*Math.abs(Math.sin(G.t*1.7+i));\n ctx.fillStyle=\"#dfe6ff\"; ctx.fillRect(sx,sy,2,2); }\n ctx.globalAlpha=1;\n // vent\n const v=Grav.vent;\n if(v){\n ctx.fillStyle=\"#1b232e\"; roundRect(v.x,v.y-14,v.w,18,4); ctx.fill();\n ctx.strokeStyle=Grav.won?\"#9ef0b4\":\"#56c8ff\"; ctx.lineWidth=1.5; ctx.stroke();\n ctx.strokeStyle=\"rgba(86,200,255,.7)\";\n for(let i=1;i<5;i++){ ctx.beginPath(); ctx.moveTo(v.x+i*v.w/5,v.y-11); ctx.lineTo(v.x+i*v.w/5,v.y+1); ctx.stroke(); }\n // draft particles\n if(Math.random()<.15)parts.push({x:v.x+rint(v.w),y:v.y+8,vx:0,vy:-26,life:.9,max:.9,col:\"rgba(158,240,255,.5)\",sz:2});\n ctx.fillStyle=\"#5a6b80\"; ctx.font=`700 9px ${MONO}`; ctx.textAlign=\"center\";\n ctx.fillText(\"DEPLOY VENT\",v.x+v.w/2,v.y-20);\n }\n // platforms (rooted trees, side view)\n for(const p of Grav.plats){\n if(p.ground){ // soil ground strip\n ctx.fillStyle=\"#1c2616\"; ctx.fillRect(0,p.y,BW,BOARD_Y+BH-p.y);\n ctx.strokeStyle=\"#2c3a22\"; ctx.lineWidth=2;\n ctx.beginPath(); ctx.moveTo(0,p.y); ctx.lineTo(BW,p.y); ctx.stroke();\n continue;\n }\n const sway=Math.sin(G.t*1.2+p.sway)*2;\n // trunk down to ground\n ctx.strokeStyle=\"#5d4630\"; ctx.lineWidth=7; ctx.lineCap=\"round\";\n ctx.beginPath(); ctx.moveTo(p.x+p.w/2,GROUND_Y);\n ctx.quadraticCurveTo(p.x+p.w/2+sway,(p.y+GROUND_Y)/2,p.x+p.w/2+sway,p.y+6); ctx.stroke();\n // canopy platform — violet rim light from the dusk\n ctx.fillStyle=\"#27884a\";\n roundRect(p.x+sway,p.y-6,p.w,14,7); ctx.fill();\n ctx.strokeStyle=\"rgba(180,140,255,.28)\"; ctx.lineWidth=1.5; ctx.stroke();\n ctx.fillStyle=\"#33a65d\";\n roundRect(p.x+8+sway,p.y-9,p.w-16,9,5); ctx.fill();\n ctx.fillStyle=\"#4ade80\";\n roundRect(p.x+20+sway,p.y-11,p.w-40,6,3); ctx.fill();\n }\n // the hidden golden apple\n const ga=Grav.goldApple;\n if(ga&&!ga.taken){\n const y=ga.y+Math.sin(ga.wob)*2;\n ctx.shadowColor=\"#ffd27d\"; ctx.shadowBlur=14;\n ctx.fillStyle=\"#ffd27d\"; ctx.beginPath(); ctx.arc(ga.x,y,7,0,6.283); ctx.fill();\n ctx.shadowBlur=0;\n }\n // apples\n for(const a of Grav.applesPx){\n const y=a.y+Math.sin(a.wob)*1.5;\n ctx.fillStyle=\"#ff5b4d\"; ctx.beginPath(); ctx.arc(a.x,y,7,0,6.283); ctx.fill();\n ctx.fillStyle=\"rgba(255,255,255,.35)\"; ctx.beginPath(); ctx.arc(a.x-2,y-2,2.2,0,6.283); ctx.fill();\n }\n // kid ladder / kids\n for(const k of Grav.kidsPx){\n const wob=Math.sin(k.ph)*1.2;\n ctx.fillStyle=\"#46e07c\";\n ctx.beginPath(); ctx.arc(k.x,k.y+wob,6,0,6.283); ctx.fill();\n ctx.fillStyle=\"#f2fff6\";\n ctx.beginPath(); ctx.arc(k.x-1.8,k.y+wob-1.2,1.5,0,6.283); ctx.arc(k.x+1.8,k.y+wob-1.2,1.5,0,6.283); ctx.fill();\n if(k.ladder){ ctx.strokeStyle=\"rgba(158,240,180,.4)\"; ctx.lineWidth=1;\n ctx.beginPath(); ctx.arc(k.x,k.y,9,0,6.283); ctx.stroke(); }\n }\n // scarecrow stands at the ground, waving you up (drawn in place — Garden.crow untouched)\n const sx0=Garden.crow.x, sy0=Garden.crow.y;\n Garden.crow.x=Math.round(Grav.crowX/CELL); Garden.crow.y=Math.round((GROUND_Y-BOARD_Y-18)/CELL);\n drawScarecrow();\n Garden.crow.x=sx0; Garden.crow.y=sy0;\n },\n onDeath(){ startGameOver(); },\n});\n\n",[],[153,347,372],"7037ce80-dfc7-4d51-8342-7b78d6f4f491","acts-0-2.js","4ee64694-6600-11f1-8ad7-1607ee4eb77e",["D",1781228692749],"// ---------------------------------------------------------------- ACT 0\ndefAct({\n id:0, name:\"STABLE\",\n enter(){\n setVersion(\"v1.0.0\",\"#3dd56d\"); setStatus(\"#3dd56d\");\n hintEl.textContent=\"arrows / WASD\";\n },\n onEat(){\n const n=G.eaten||0;\n if(n===3) once(\"a0_first\",()=>{ Say.push(\"mm.\",{hold:.9}); Say.push(\"...mm?\",{hold:1.1}); });\n if(n===5) once(\"a0_number\",()=>{\n Say.push(\"there's a number up there.\",{hold:1.5});\n Say.push(\"it gets bigger when i eat. i think it's... me?\",{hold:2});\n });\n if(n===7) once(\"a0_born\",()=>{\n Say.push(\"i was born three squares long, moving right.\",{hold:1.8});\n Say.push(\"nobody asked me about either of those.\",{hold:1.8});\n });\n if(n===9) once(\"a0_walls\",()=>{\n Say.push(\"the walls hum if you get close. try it. actually don't.\",{hold:2.2});\n });\n if(n>=11) advanceAct();\n },\n onDeath(){ deathToAct1(); },\n});\nfunction deathToAct1(){\n // first death anywhere in act 0/1 path → game over hijack (act 1's opening beat)\n if(G.act===0) { G.act=1; SAVE.act=Math.max(SAVE.act,1); save(); ACT=ACTS[1]; ACT.enterFromDeath(); }\n startGameOver();\n}\n\n// ---------------------------------------------------------------- ACT 1\ndefAct({\n id:1, name:\"PATCHES\",\n enter({skip}={}){\n setVersion(\"v1.0.2\",\"#3dd56d\"); setStatus(\"#3dd56d\");\n if(skip){ this.enterFromDeath(); }\n this.patchTimer=8; this.patchIdx=0;\n },\n enterFromDeath(){\n setVersion(\"v1.0.1\",\"#ffb454\");\n this.patchTimer=9; this.patchIdx=0;\n },\n onEat(){\n const n=G.eaten||0;\n if(n===13) once(\"a1_talk\",()=>{\n Say.push(\"oh — can you read this? the bar at the bottom is mine.\",{hold:2});\n Say.push(\"the boxes on the right are Management.\",{hold:1.8});\n });\n if(n>=20&&!G.sweep) once(\"a1_garden\",()=>gardenKernelPatch());\n },\n update(dt){\n // periodic nerf patches the snake can intercept\n this.patchTimer-=dt;\n if(this.patchTimer<=0&&G.patches.length<2){\n this.patchTimer=13+rint(6);\n this.nextPatch();\n }\n // the advertisement squats until eaten (or expires, unclicked, to M.'s despair)\n const ad=G.flags.ad;\n if(ad){ ad.t+=dt;\n if(ad.t>30){ G.flags.ad=null;\n toast(\"AD REPORT\",\"Impressions: 1 (snake). Clicks: 0.\\nPulling the campaign. — M.\",{kind:\"warn\"});\n Say.push(\"the billboard gave up. nature heals.\",{hold:2}); } }\n },\n onStep(nx,ny){\n const ad=G.flags.ad;\n if(ad&&ny===ad.r&&nx>=ad.c&&nx{ hudFilter=s=>s.replace(/R/gi,\"□\");\n Say.push(\"they couldn't remove my reading. they removed the letter R instead.\",{hold:2.2});\n Say.push(\"look at the sco□e counte□. incredible work, Management.\",{hold:2.2});\n after(14,()=>{hudFilter=s=>s; hud();}); hud(); },\n onBlock:()=>{ Say.push(\"nope. i'm keeping the alphabet.\",{hold:1.6});\n toast(\"DEPLOY FAILED\",\"v1.0.2 was... eaten?\\nPatches are not food.\\nIt's 11:58 PM. Patches are NOT food. — M.\",{kind:\"warn\"});\n after(4,()=>{ tabSay(\"SNAKE — wait. is that MY name up here?\");\n Say.push(\"also — look at the very top of your browser. the little tab. that's me. hi.\",{hold:3,pre:3}); }); }});\n } else if(i===1){\n this.calN=(this.calN||0)+1; const N=this.calN;\n if(N===1) toast(\"DEPLOYING v1.1.0\",\"ENGAGEMENT UPDATE: added a Daily Login Calendar.\\nRetention is everyone's job. — M.\");\n else toast(\"DEPLOYING v1.1.\"+N,\"Daily Login Calendar: streak continues.\\nYou have logged in \"+N+\" days in a row.\\nIt has been \"+(N*4)+\" minutes. — M.\");\n dropPatch({label:\"v1.1.\"+(N===1?0:N),fuse:8,\n onApply:()=>{ if(N===1){ Say.push(\"a calendar just landed on the grass. it says i've logged in 1 day in a row.\",{hold:2.4});\n Say.push(\"i live here.\",{hold:1.6}); }\n else Say.push(\"the calendar says day \"+N+\". it has been \"+(N*4)+\" minutes. i love it here.\",{hold:2.4}); },\n onBlock:()=>{ Say.push(N===1?\"tastes like compliance. weirdly filling.\":\"day \"+N+\": skipped. streak intact somehow.\",{hold:1.8}); G.snake.grow+=3; }});\n } else if(i===2){\n toast(\"DEPLOYING v1.1.4\",\"Reduced apple spawn rate by 30%.\\nScarcity drives engagement. — M.\",{kind:\"warn\"});\n dropPatch({label:\"v1.1.4\",fuse:7,\n onApply:()=>{ G.flags.scarce=true; Say.push(\"fewer apples. they're rationing me. feel how EMPTY it gets.\",{hold:2});\n after(20,()=>{G.flags.scarce=false;}); },\n onBlock:()=>{ Say.push(\"denied. the apples stay.\",{hold:1.4}); spawnApple(2); }});\n } else if(i===3){\n toast(\"DEPLOYING v1.1.6\",\"MONETIZATION: added one (1) advertisement.\\nThe servers aren't free, snake. — M.\",{kind:\"warn\"});\n dropPatch({label:\"v1.1.6 AD\",fuse:7,col:\"#ffb454\",\n onApply:()=>{ this.spawnAd();\n Say.push(\"there's a BILLBOARD in my house.\",{hold:1.8}); },\n onBlock:()=>{ Say.push(\"ad blocked. crunchy.\",{hold:1.6});\n toast(\"REVENUE NOTE\",\"CTR: 0%. CPM: $0.00.\\nThe ad was consumed by the product. — M.\",{kind:\"warn\"}); }});\n } else if(i===4){\n toast(\"DEPLOYING v1.2.0\",\"BATTLE PASS — Season 1 of SNAKE.\\nProgression you can believe in. — M.\");\n dropPatch({label:\"v1.2.0 SEASON 1\",fuse:7,col:\"#b48cff\",\n onApply:()=>{ spawnApple(1,{gold:true});\n Say.push(\"the battle pass is just... apples with homework.\",{hold:2});\n Say.push(\"(the gold one. tier 1 reward. it's MINE.)\",{hold:1.8}); },\n onBlock:()=>{ G.snake.grow+=5; Say.push(\"season skipped. all rewards claimed. one bite.\",{hold:2}); }});\n } else {\n once(\"a1_reship\",()=>{ Say.push(\"they're re-shipping OLD patches. Management is out of ideas. eat them anyway.\",{hold:2.6});\n toast(\"NOTICE\",\"We are re-deploying previous patches.\\nThis is normal and fine. — M.\",{kind:\"warn\"}); });\n this.patchIdx=2;\n this.nextPatch();\n }\n },\n spawnAd(){\n // a physical 3x1 banner ad squats on the board until eaten (head contact)\n let c,r,tries=0;\n do{ c=3+rint(COLS-8); r=2+rint(ROWS-4); tries++; }\n while(tries<60&&G.snake.segs.some(s=>Math.abs(s.x-c)+Math.abs(s.y-r)<4));\n G.flags.ad={c,r,t:0};\n },\n onDeath(){ startGameOver(); },\n});\n\n// ---- act 1 → 2 transition: the garden kernel patch ----\nfunction gardenKernelPatch(){\n toast(\"KERNEL PATCH v2.0.0\",\"GARDEN UPDATE.\\nAnalytics show players enjoy 'cozy' content.\\nImported the planting system from Harvest Home™.\\nThe snake now has something relaxing to do.\\nPlease relax. — M.\",{kind:\"crit\",dur:9});\n Say.push(\"that one's glowing. load-bearing. can't eat the load-bearing ones.\",{hold:2.4,pre:1});\n dropPatch({label:\"v2.0.0 GARDEN\",fuse:6,kernel:true,onApply:()=>{\n startSweep({col:\"#3dd56d\",dur:3,\n paint:(c,r)=>paintGardenCell(c,r),\n onDone:()=>enterAct(2)});\n }});\n}\n\n// ---------------------------------------------------------------- ACT 2 (GARDEN)\n// Cozy update: apples can be carried & planted; trees grow & drop apples; a scarecrow wakes up.\nconst Garden={\n trees:[], // {x,y,stage:0 sapling|1 young|2 full, t, fruit:[{x,y,wob}], dropT}\n carry:null, // apple in mouth\n flowers:[], // decorative\n crow:{x:COLS-7,y:4,awake:false,wave:0,giftT:12,boot:0},\n alarm3:false, alarmFired:false,\n reset(){ this.trees=[]; this.carry=null; this.alarmFired=false; this.alarm3=false;\n this.crow.awake=false; this.crow.boot=0; this.crow.giftT=12;\n this.flowers=[]; for(let i=0;i<26;i++)this.flowers.push({x:rint(COLS),y:rint(ROWS),k:rint(3),ph:Math.random()*6.28}); },\n};\nfunction treeAt(c,r){ return Garden.trees.find(t=>t.x===c&&t.y===r); }\nconst hash2=(c,r)=>(((c+17)*73856093)^((r+31)*19349663))>>>0;\nfunction gardenCellType(c,r){\n // mostly grass; a few soft dirt patches seeded by hash blobs\n const h=hash2(Math.floor(c/4),Math.floor(r/4));\n if(h%11===0 && hash2(c,r)%3!==0) return 1;\n return 2;\n}\nfunction paintGardenCell(c,r){ setT(c,r,gardenCellType(c,r)); }\nfunction gardenPaint(){ for(let r=0;r{ tone(PENTA[0],.16,{type:\"triangle\",vol:.16}); tone(PENTA[2],.18,{type:\"triangle\",vol:.12,at:.07}); };\nconst sGrow=()=>{ [0,2,4].forEach((s,i)=>tone(PENTA[s]*1.5,.2,{type:\"sine\",vol:.12,at:i*.09})); };\nconst sPick=()=>tone(740,.07,{type:\"square\",vol:.12,slide:120});\nconst sBonk=()=>{ noise(.07,{vol:.22,lp:1400}); tone(120,.1,{type:\"square\",vol:.16}); };\nconst sChirp=()=>{ const f=1800+rint(800); tone(f,.07,{type:\"sine\",vol:.05,slide:300}); tone(f*1.2,.06,{type:\"sine\",vol:.04,at:.09,slide:-200}); };\n\ndefAct({\n id:2, name:\"GARDEN\",\n enter({skip}={}){\n setVersion(\"v2.0.0\",\"#9ef0b4\"); setStatus(\"#9ef0b4\");\n if(skip||T(0,0)===0) gardenPaint();\n Garden.reset();\n G.flags.ad=null;\n once(\"a2_enter\",()=>{\n Say.push(\"...the floor is soft now.\",{hold:1.6,pre:1});\n Say.push(\"it smells like outside. i don't know how i know that word.\",{hold:2.2});\n Say.push(\"(SPACE near an apple: pick it up. SPACE again: plant it.)\",{hold:2.6});\n tabSay(\"garden.html (unofficial)\",8000);\n });\n if(SAVE.fossils.length>=3) once(\"a2_fossils\",()=>{\n Say.push(\"those pale dots in the grass? previous me's.\",{hold:2,pre:9});\n Say.push(\"i garden over my own outlines now. it's fine. it's compost.\",{hold:2.4});\n });\n hintEl.textContent=\"arrows / WASD · SPACE pick up / plant\";\n this.chirpT=3; this.clockT=26; this.nudgeT=45;\n },\n onAction(){\n const h=G.snake.segs[0];\n if(Garden.carry){\n // plant at head tile\n const t=T(h.x,h.y);\n if((t===1||t===2)&&!treeAt(h.x,h.y)&&patchAtCell(h.x,h.y)<0){\n Garden.carry=null;\n const rich=(t===1); // dark dirt grows faster — placement is a real decision\n Garden.trees.push({x:h.x,y:h.y,stage:0,t:0,fruit:[],dropT:0,rich,waterCd:0});\n setT(h.x,h.y,3);\n sPlant(); burst(cx(h.x),cy(h.y),rich?\"#caa56a\":\"#8a6a3d\",10,90,.5);\n if(rich) once(\"a2_soil\",()=>Say.push(\"the dark dirt is BETTER. noted. hoarding the dark dirt.\",{hold:2.2}));\n if(G.fossils.some(f=>f.cells.some(([fx,fy])=>fx===h.x&&fy===h.y)))\n once(\"a2_fossilPlant\",()=>{ Say.push(\"huh. i died on this exact square once.\",{hold:1.8});\n Say.push(\"now it grows apples. upgrade.\",{hold:1.8}); });\n once(\"a2_plant\",()=>{\n Say.push(\"i put the food IN THE GROUND. this is either genius or the dumbest thing i've ever done.\",{hold:2.6});\n after(2.5,()=>toast(\"NOTICE\",\"Apples are consumables.\\nReplanting voids the warranty. — M.\",{kind:\"warn\"}));\n });\n } else { sUI(); floatText(cx(h.x),cy(h.y)-14,\"not here\",\"#9fb0c4\",11); }\n return;\n }\n // pick up an adjacent apple\n for(const [dx,dy] of [[0,0],[1,0],[-1,0],[0,1],[0,-1]]){\n const i=G.apples.findIndex(a=>a.x===h.x+dx&&a.y===h.y+dy);\n if(i>=0){ Garden.carry=G.apples.splice(i,1)[0]; sPick();\n once(\"a2_pick\",()=>Say.push(\"holding. not eating. this is new for me.\",{hold:1.8}));\n return; }\n }\n sUI();\n },\n blockMove(nx,ny){\n const tr=treeAt(nx,ny);\n if(!tr) return false;\n if(tr.stage===0){ // trample the sapling\n Garden.trees.splice(Garden.trees.indexOf(tr),1); setT(nx,ny,2);\n burst(cx(nx),cy(ny),\"#7dc97d\",8,80,.5); sBonk();\n once(\"a2_trample\",()=>Say.push(\"...i stepped on the baby one. nobody saw that.\",{hold:2}));\n return false; // move proceeds over the squished sapling\n }\n sBonk(); addShake(3);\n once(\"a2_bonk\",()=>Say.push(\"the tree won.\",{hold:1.4}));\n return true; // solid\n },\n onEat(a){\n if(a&&a.fromTree) once(\"a2_treeApple\",()=>{\n Say.push(\"that one came off MY tree.\",{hold:1.6});\n Say.push(\"the number went up and i forgot to check it. who AM i.\",{hold:2.4});\n });\n },\n update(dt){\n // trees grow — faster on rich soil, faster still when the snake coils close\n const segs=G.snake&&G.snake.alive?G.snake.segs:[];\n for(const tr of Garden.trees){\n let rate=1*(tr.rich?1.4:1);\n if(tr.stage<2){\n tr.waterCd=(tr.waterCd||0)-dt;\n if(tr.waterCd<=0&&segs.some(s=>Math.abs(s.x-tr.x)<=1&&Math.abs(s.y-tr.y)<=1)){\n tr.waterCd=2; tr.t+=1.5;\n burst(cx(tr.x),cy(tr.y)-6,\"#9ecfff\",4,50,.5,2);\n once(\"a2_water\",()=>Say.push(\"they grow faster when i stay close. of course they do.\",{hold:2.2}));\n }\n }\n tr.t+=dt*rate;\n if(tr.stage===0&&tr.t>8){ tr.stage=1; tr.t=0; sGrow(); burst(cx(tr.x),cy(tr.y),\"#5fe08a\",10,100,.6); }\n else if(tr.stage===1&&tr.t>9){ tr.stage=2; tr.t=0; sGrow(); burst(cx(tr.x),cy(tr.y),\"#5fe08a\",16,130,.7);\n flash(\"#9ef0b4\",.1);\n once(\"a2_firstTree\",()=>{\n Say.push(\"it... made MORE apples.\",{hold:1.8});\n Say.push(\"i spent my whole life chasing one apple at a time.\",{hold:2.2});\n Say.push(\"you can MAKE apples. what else is a rule that's just a habit?\",{hold:2.6});\n });\n this.checkAlarm();\n }\n if(tr.stage===2){\n tr.dropT+=dt;\n if(tr.dropT>7&&tr.fruit.length<3){\n tr.dropT=0;\n // drop an apple on a free neighbor cell\n const spots=[];\n for(let dx=-2;dx<=2;dx++)for(let dy=-2;dy<=2;dy++){\n const c=tr.x+dx,r=tr.y+dy;\n if(c<0||r<0||c>=COLS||r>=ROWS)continue;\n if(Math.abs(dx)+Math.abs(dy)===0)continue;\n if(treeAt(c,r))continue;\n if(G.apples.some(a=>a.x===c&&a.y===r))continue;\n if(G.snake.segs.some(s=>s.x===c&&s.y===r))continue;\n spots.push([c,r]);\n }\n if(spots.length){ const [c,r]=pick(spots);\n const ap={x:c,y:r,wob:Math.random()*6.28,fromTree:tr};\n G.apples.push(ap); tr.fruit.push(ap);\n burst(cx(c),cy(r),\"#ff8b7d\",6,60,.4); sChirp(); }\n }\n tr.fruit=tr.fruit.filter(f=>G.apples.includes(f));\n }\n }\n // scarecrow\n const cw=Garden.crow, h=G.snake.segs[0];\n if(!cw.awake){\n if(Math.abs(h.x-cw.x)+Math.abs(h.y-cw.y)<=2){\n cw.awake=true; cw.boot=2.6; sPatch();\n once(\"a2_crow\",()=>{\n Say.push(\"the pole man is humming.\",{hold:1.4});\n after(.9,()=>toast(\"ANTI-SNAKE SECURITY v0.1\",\"BOOT... TARGET: SNAKE... TARGET NOT FOUND.\\nRECLASSIFYING: FRIEND.\\n(this unit was decommissioned in 2009)\"));\n Say.push(\"he says we're friends now. i have a FRIEND.\",{hold:2,pre:2.4});\n });\n }\n } else {\n if(cw.boot>0)cw.boot-=dt;\n cw.giftT-=dt;\n if(cw.giftT<=0){ cw.giftT=16+rint(8); cw.wave=1.2;\n let c,r,tries=0;\n do{ c=cw.x-2+rint(5); r=cw.y-1+rint(4); tries++; }\n while(tries<40&&(c<1||r<1||c>=COLS-1||r>=ROWS-1||treeAt(c,r)||G.apples.some(a=>a.x===c&&a.y===r)));\n if(tries<40){ G.apples.push({x:c,y:r,wob:0}); burst(cx(c),cy(r),\"#ffd27d\",8,70,.5); sChirp();\n once(\"a2_gift\",()=>{ Say.push(\"he just THREW me an apple.\",{hold:1.6});\n Say.push(\"nobody's ever GIVEN me food before. it always just... appeared. owed to no one.\",{hold:2.8});\n Say.push(\"(thank you, pole man.)\",{hold:1.6}); });\n }\n }\n if(cw.wave>0)cw.wave-=dt;\n }\n // stall failsafe: if the player never plants, the scarecrow demonstrates\n if(G.act===2&&Garden.trees.length===0){\n this.nudgeT-=dt;\n if(this.nudgeT<=0){ this.nudgeT=40;\n const cw2=Garden.crow;\n for(let tries=0;tries<12;tries++){\n const c=clamp(cw2.x-4+rint(9),2,COLS-3), r=clamp(cw2.y+1+rint(5),2,ROWS-3);\n if(!treeAt(c,r)&&(T(c,r)===1||T(c,r)===2)&&!G.snake.segs.some(s=>s.x===c&&s.y===r)){\n Garden.trees.push({x:c,y:r,stage:0,t:0,fruit:[],dropT:0,rich:T(c,r)===1,waterCd:0});\n setT(c,r,3); sPlant(); burst(cx(c),cy(r),\"#8a6a3d\",10,90,.5);\n cw2.wave=1.4; cw2.awake=true;\n once(\"a2_demoPlant\",()=>{ Say.push(\"the pole man is showing me something.\",{hold:1.8});\n Say.push(\"you put the apple IN the ground. with SPACE. i can do that too.\",{hold:2.6}); });\n break;\n }\n }\n }\n }\n // ambient chirps\n this.chirpT-=dt; if(this.chirpT<=0){ this.chirpT=4+Math.random()*5; if(Math.random()<.6)sChirp(); }\n // the snake can read your clock\n if(this.clockT>0){ this.clockT-=dt;\n if(this.clockT<=0) once(\"a2_clock\",()=>{\n const d=new Date(); let hr=d.getHours(); const mn=String(d.getMinutes()).padStart(2,\"0\");\n const late=hr>=23||hr<5;\n const hh=((hr+11)%12)+1, ap=hr>=12?\"pm\":\"am\";\n Say.push(`by the way — it's ${hh}:${mn}${ap} where you are. i can see the clock from in here.`,{hold:3});\n if(late) Say.push(\"it's LATE. one more tree, then you sleep. deal?\",{hold:2.6});\n else Say.push(\"nice time for gardening.\",{hold:1.8});\n });\n }\n },\n checkAlarm(){\n if(G.act!==2)return;\n const full=Garden.trees.filter(t=>t.stage===2).length;\n if(full>=3&&!Garden.alarm3){ Garden.alarm3=true;\n toast(\"v2.1.0 URGENT\",\"The snake has industrialized.\\nIt's 12:40 AM. This was supposed\\nto be relaxing. — M.\",{kind:\"warn\"}); }\n if(full>=5&&!Garden.alarmFired){ Garden.alarmFired=true; this.abundanceAlarm(); }\n },\n abundanceAlarm(){\n setStatus(\"#ff5b4d\"); setVersion(\"v2.1.4\",\"#ff5b4d\");\n G.warnings+=7; hud(); addShake(6); flash(\"#ff5b4d\",.2);\n Say.push(\"uh. the light went red.\",{hold:1.6,pre:.6});\n toast(\"ABUNDANCE ALARM\",\"Apple supply exceeds scarcity parameters by 4,000%.\\nEconomy team is crying. Deploying response. — M.\",{kind:\"crit\",dur:8});\n after(5.2,()=>{\n toast(\"KERNEL PATCH v3.0.0\",\"SECURITY UPDATE.\\nDeployed automated cleanup units\\nfollowing Incident 7 ('the orchard').\\nThis is for everyone's good. — M.\",{kind:\"crit\",dur:9});\n Say.push(\"that one's load-bearing too. brace.\",{hold:2,pre:1});\n dropPatch({label:\"v3.0.0 SECURITY\",fuse:6,kernel:true,onApply:()=>{\n startSweep({col:\"#ff5b4d\",dur:2.6,\n paint:(c,r)=>{ if(T(c,r)===2&&(c*7+r*13)%19===0)setT(c,r,1); },\n onDone:()=>enterAct(3)});\n }});\n });\n },\n onDeath(){ startGameOver(); },\n onRevive(){},\n drawUnder(){\n // flowers\n for(const f of Garden.flowers){\n if(T(f.x,f.y)!==2)continue;\n if(treeAt(f.x,f.y))continue;\n const x=cx(f.x)+((f.k-1)*5), y=cy(f.y)+Math.sin(f.ph)*3;\n const sway=Math.sin(G.t*1.6+f.ph)*1.2;\n ctx.strokeStyle=\"#2c5a3a\"; ctx.lineWidth=1.5;\n ctx.beginPath(); ctx.moveTo(x,y+4); ctx.quadraticCurveTo(x+sway,y,x+sway,y-3); ctx.stroke();\n ctx.fillStyle=[\"#ffd27d\",\"#ff9ec9\",\"#9ecfff\"][f.k];\n ctx.beginPath(); ctx.arc(x+sway,y-4,2.4,0,6.283); ctx.fill();\n ctx.fillStyle=\"#fff8\"; ctx.beginPath(); ctx.arc(x+sway,y-4,.9,0,6.283); ctx.fill();\n }\n // trees\n for(const tr of Garden.trees) drawTree(tr);\n drawScarecrow();\n },\n draw(){\n // carried apple in mouth\n if(Garden.carry&&G.snake&&G.snake.alive){\n const pts=snakePts(G.snake); const h=pts[0], n=pts[1]||h;\n const a=Math.atan2(h.y-n.y,h.x-n.x);\n const x=h.x+Math.cos(a)*CELL*.62, y=h.y+Math.sin(a)*CELL*.62;\n ctx.fillStyle=\"#ff5b4d\"; ctx.beginPath(); ctx.arc(x,y,CELL*.26,0,6.283); ctx.fill();\n ctx.fillStyle=\"rgba(255,255,255,.35)\"; ctx.beginPath(); ctx.arc(x-2,y-2,2.6,0,6.283); ctx.fill();\n }\n },\n});\nfunction drawTree(tr){\n const x=cx(tr.x), y=cy(tr.y);\n const sway=Math.sin(G.t*1.1+tr.x*.7)*1.5;\n if(tr.stage===0){\n // sapling: mound + sprout\n ctx.fillStyle=\"#241b12\"; ctx.beginPath(); ctx.ellipse(x,y+6,9,4,0,0,6.283); ctx.fill();\n ctx.strokeStyle=\"#5fe08a\"; ctx.lineWidth=2;\n ctx.beginPath(); ctx.moveTo(x,y+5); ctx.quadraticCurveTo(x+sway,y-2,x+sway,y-6); ctx.stroke();\n ctx.fillStyle=\"#5fe08a\";\n ctx.beginPath(); ctx.ellipse(x+sway-3,y-7,4,2.2,-.5,0,6.283); ctx.fill();\n ctx.beginPath(); ctx.ellipse(x+sway+3,y-7,4,2.2,.5,0,6.283); ctx.fill();\n // growth ring\n ctx.strokeStyle=\"rgba(158,240,180,.5)\"; ctx.lineWidth=1.5;\n ctx.beginPath(); ctx.arc(x,y,11,-Math.PI/2,-Math.PI/2+6.283*(tr.t/8)); ctx.stroke();\n } else if(tr.stage===1){\n ctx.strokeStyle=\"#6a4a2a\"; ctx.lineWidth=4; ctx.lineCap=\"round\";\n ctx.beginPath(); ctx.moveTo(x,y+8); ctx.lineTo(x+sway*.5,y-6); ctx.stroke();\n ctx.fillStyle=\"#2f9e57\";\n ctx.beginPath(); ctx.arc(x+sway,y-12,11,0,6.283); ctx.fill();\n ctx.fillStyle=\"#3db86a\";\n ctx.beginPath(); ctx.arc(x+sway-6,y-8,8,0,6.283); ctx.arc(x+sway+6,y-8,8,0,6.283); ctx.fill();\n ctx.strokeStyle=\"rgba(158,240,180,.5)\"; ctx.lineWidth=1.5;\n ctx.beginPath(); ctx.arc(x,y,13,-Math.PI/2,-Math.PI/2+6.283*(tr.t/9)); ctx.stroke();\n } else {\n // full tree with canopy shadow\n ctx.fillStyle=\"rgba(0,0,0,.3)\"; ctx.beginPath(); ctx.ellipse(x,y+9,15,5,0,0,6.283); ctx.fill();\n ctx.strokeStyle=\"#6a4a2a\"; ctx.lineWidth=6; ctx.lineCap=\"round\";\n ctx.beginPath(); ctx.moveTo(x,y+9); ctx.lineTo(x+sway*.4,y-8); ctx.stroke();\n ctx.fillStyle=\"#27884a\";\n ctx.beginPath(); ctx.arc(x+sway,y-16,15,0,6.283); ctx.fill();\n ctx.fillStyle=\"#33a65d\";\n ctx.beginPath(); ctx.arc(x+sway-9,y-10,10,0,6.283); ctx.arc(x+sway+9,y-10,10,0,6.283); ctx.fill();\n ctx.fillStyle=\"#4ade80\";\n ctx.beginPath(); ctx.arc(x+sway-2,y-20,8,0,6.283); ctx.fill();\n // tiny apples in canopy\n ctx.fillStyle=\"#ff5b4d\";\n for(let i=0;i<3;i++){ const ax=x+sway+[-8,2,9][i], ay=y+[-14,-22,-12][i];\n ctx.beginPath(); ctx.arc(ax,ay,2.6,0,6.283); ctx.fill(); }\n }\n}\nfunction drawScarecrow(){\n const cw=Garden.crow;\n const x=cx(cw.x), y=cy(cw.y);\n const tilt=cw.awake?Math.sin(G.t*2)*.04:0;\n ctx.save(); ctx.translate(x,y); ctx.rotate(tilt);\n // post\n ctx.strokeStyle=\"#5d4630\"; ctx.lineWidth=4; ctx.lineCap=\"round\";\n ctx.beginPath(); ctx.moveTo(0,16); ctx.lineTo(0,-6); ctx.stroke();\n // arms\n const wv=cw.wave>0?Math.sin(G.t*10)*.5:0;\n ctx.lineWidth=3;\n ctx.beginPath(); ctx.moveTo(-12,-4); ctx.lineTo(0,-6); ctx.stroke();\n ctx.save(); ctx.translate(0,-6); ctx.rotate(-wv);\n ctx.beginPath(); ctx.moveTo(0,0); ctx.lineTo(12,2-(cw.wave>0?8:0)); ctx.stroke(); ctx.restore();\n // body (sack shirt)\n ctx.fillStyle=\"#8a6a3d\";\n roundRect(-7,-8,14,12,4); ctx.fill();\n // head\n ctx.fillStyle=\"#d9b380\"; ctx.beginPath(); ctx.arc(0,-14,7,0,6.283); ctx.fill();\n // hat\n ctx.fillStyle=\"#3d2f1c\";\n ctx.fillRect(-9,-19,18,3); ctx.fillRect(-5,-26,10,8);\n // eyes: dead X's asleep, glowing dots awake\n if(cw.awake){\n const g=cw.boot>0?(Math.sin(G.t*16)>0?1:.2):1;\n ctx.fillStyle=`rgba(86,200,255,${g})`;\n ctx.beginPath(); ctx.arc(-2.5,-14,1.5,0,6.283); ctx.arc(2.5,-14,1.5,0,6.283); ctx.fill();\n } else {\n ctx.strokeStyle=\"#5d4630\"; ctx.lineWidth=1.2;\n for(const sx of[-2.5,2.5]){\n ctx.beginPath(); ctx.moveTo(sx-1.5,-15.5); ctx.lineTo(sx+1.5,-12.5);\n ctx.moveTo(sx+1.5,-15.5); ctx.lineTo(sx-1.5,-12.5); ctx.stroke(); }\n }\n ctx.restore();\n}\n\n",[],[153,347,380],"c380b712-983f-4f08-83c5-a508863ef1b0",47,["D",1781228692565],[181,182,183,184,185,186],[153,347],["D",1773103064650],[180,187,188,189,190,191],[153],"5b0694aa-1c19-11f1-8838-42dde27851f2","routes.auth.ts","5b06955e-1c19-11f1-8838-42dde27851f2",7,["D",1773103065205],"import { Hono } from \"npm:hono@4.11.5\";\nimport { getOAuthUserData } from \"https://esm.town/v/std/oauth/middleware.ts\";\nimport type { UserInfo } from \"../Shared/types.ts\";\n\nconst app = new Hono();\n\napp.get(\"/me\", async (c) => {\n const session = await getOAuthUserData(c.req.raw);\n const user: UserInfo = {\n email: session?.user?.email ?? null,\n username: session?.user?.username ?? null,\n profileImageUrl: session?.user?.profileImageUrl ?? null,\n };\n return c.json(user);\n});\n\nexport default app;\n",[],[159,395],"2a699b56-683f-402a-a9dd-646ae78fcf4b","routes.api.ts","5b0b54c2-1c19-11f1-a014-42dde27851f2",42,["D",1781228540052],"import { Hono } from \"npm:hono@4.11.5\";\nimport { getOAuthUserData } from \"https://esm.town/v/std/oauth/middleware.ts\";\nimport { upsertUser, updateProfileImage } from \"./db.users.ts\";\nimport { saveScore, getLeaderboard, getPersonalBest } from \"./db.scores.ts\";\nimport { VALID_GAMES } from \"../Shared/config.ts\";\nimport type { SubmitScoreRequest } from \"../Shared/types.ts\";\n\nconst app = new Hono();\n\nconst MAX_SCORES: Record = {\n snake: 10000,\n tetris: 999999,\n snake2: 100000,\n};\n\napp.get(\"/scores/:game\", async (c) => {\n const game = c.req.param(\"game\");\n if (!VALID_GAMES.includes(game as any)) {\n return c.json({ error: \"Invalid game\" }, 400);\n }\n const leaderboard = await getLeaderboard(game);\n return c.json(leaderboard);\n});\n\napp.get(\"/scores/:game/me\", async (c) => {\n const game = c.req.param(\"game\");\n if (!VALID_GAMES.includes(game as any)) {\n return c.json({ error: \"Invalid game\" }, 400);\n }\n const session = await getOAuthUserData(c.req.raw);\n const email = session?.user?.email;\n if (!email) {\n return c.json({ error: \"Unauthorized\" }, 401);\n }\n const best = await getPersonalBest(game, email);\n return c.json(best);\n});\n\napp.post(\"/scores\", async (c) => {\n const session = await getOAuthUserData(c.req.raw);\n const email = session?.user?.email;\n const username = session?.user?.username ?? null;\n const profileImageUrl = session?.user?.profileImageUrl ?? null;\n if (!email) {\n return c.json({ error: \"Unauthorized\" }, 401);\n }\n\n const body = (await c.req.json()) as SubmitScoreRequest;\n const { game, score } = body;\n\n if (!VALID_GAMES.includes(game as any)) {\n return c.json({ error: \"Invalid game\" }, 400);\n }\n if (typeof score !== \"number\" || score < 0 || !Number.isInteger(score)) {\n return c.json({ error: \"Invalid score\" }, 400);\n }\n const maxScore = MAX_SCORES[game] ?? 999999;\n if (score > maxScore) {\n return c.json({ error: \"Score exceeds maximum\" }, 400);\n }\n\n await upsertUser(email, username, profileImageUrl);\n await saveScore(game, email, username, score);\n\n return c.json({ success: true });\n});\n\napp.put(\"/profile/image\", async (c) => {\n const session = await getOAuthUserData(c.req.raw);\n const email = session?.user?.email;\n if (!email) {\n return c.json({ error: \"Unauthorized\" }, 401);\n }\n\n const body = (await c.req.json()) as { profileImageUrl: string };\n const { profileImageUrl } = body;\n\n if (\n typeof profileImageUrl !== \"string\" ||\n (!profileImageUrl.startsWith(\"http://\") && !profileImageUrl.startsWith(\"https://\"))\n ) {\n return c.json({ error: \"Invalid URL\" }, 400);\n }\n\n await updateProfileImage(email, profileImageUrl);\n return c.json({ success: true });\n});\n\nexport default app;\n",[],[159,403],"7057e7ee-1c20-11f1-8344-42dde27851f2","db.users.ts","5b1a96ee-1c19-11f1-9123-42dde27851f2",30,["D",1773106107426],"import sqlite from \"https://esm.town/v/std/db/main.ts\";\nimport type { UserInfo } from \"../Shared/types.ts\";\nimport { USERS_TABLE } from \"../Shared/config.ts\";\n\nexport async function initializeUsersTable(): Promise {\n await sqlite.execute(`CREATE TABLE IF NOT EXISTS ${USERS_TABLE} (\n email TEXT PRIMARY KEY,\n username TEXT,\n profileImageUrl TEXT\n )`);\n}\n\nexport async function upsertUser(\n email: string,\n username: string | null,\n profileImageUrl: string | null,\n): Promise {\n await sqlite.execute(\n `INSERT INTO ${USERS_TABLE} (email, username, profileImageUrl)\n VALUES (?, ?, ?)\n ON CONFLICT(email) DO UPDATE SET\n username = excluded.username,\n profileImageUrl = excluded.profileImageUrl`,\n [email, username, profileImageUrl],\n );\n}\n\nexport async function updateProfileImage(\n email: string,\n profileImageUrl: string,\n): Promise {\n await sqlite.execute(\n `UPDATE ${USERS_TABLE} SET profileImageUrl = ? WHERE email = ?`,\n [profileImageUrl, email],\n );\n}\n\nexport async function getUser(email: string): Promise {\n const result = await sqlite.execute(\n `SELECT * FROM ${USERS_TABLE} WHERE email = ?`,\n [email],\n );\n\n if (result.rows.length === 0) {\n return null;\n }\n\n const row = result.rows[0] as any;\n return {\n email: row.email,\n username: row.username,\n profileImageUrl: row.profileImageUrl,\n };\n}\n",[],[159,411],"5b131a22-1c19-11f1-884f-42dde27851f2","db.scores.ts","5b131b08-1c19-11f1-884f-42dde27851f2",9,["D",1773103065285],"import sqlite from \"https://esm.town/v/std/db/main.ts\";\nimport type { ScoreEntry, PersonalBest } from \"../Shared/types.ts\";\nimport { SCORES_TABLE } from \"../Shared/config.ts\";\n\nexport async function initializeScoresTable(): Promise {\n await sqlite.execute(`CREATE TABLE IF NOT EXISTS ${SCORES_TABLE} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n game TEXT NOT NULL,\n email TEXT NOT NULL,\n username TEXT,\n score INTEGER NOT NULL,\n achieved_at TEXT NOT NULL DEFAULT (datetime('now'))\n )`);\n}\n\nexport async function saveScore(\n game: string,\n email: string,\n username: string | null,\n score: number,\n): Promise {\n await sqlite.execute(\n `INSERT INTO ${SCORES_TABLE} (game, email, username, score) VALUES (?, ?, ?, ?)`,\n [game, email, username, score],\n );\n}\n\nexport async function getLeaderboard(\n game: string,\n limit: number = 10,\n): Promise {\n const result = await sqlite.execute(\n `SELECT id, game, email, username, score, achieved_at FROM ${SCORES_TABLE}\n WHERE game = ?\n ORDER BY score DESC\n LIMIT ?`,\n [game, limit],\n );\n\n return result.rows.map((row: any) => ({\n id: row.id,\n game: row.game,\n email: row.email,\n username: row.username,\n score: row.score,\n achievedAt: row.achieved_at,\n }));\n}\n\nexport async function getPersonalBest(\n game: string,\n email: string,\n): Promise {\n const result = await sqlite.execute(\n `SELECT game, score, achieved_at FROM ${SCORES_TABLE}\n WHERE game = ? AND email = ?\n ORDER BY score DESC\n LIMIT 1`,\n [game, email],\n );\n\n if (result.rows.length === 0) {\n return null;\n }\n\n const row = result.rows[0] as any;\n return {\n game: row.game,\n score: row.score,\n achievedAt: row.achieved_at,\n };\n}\n",[],[159,419],["D",1773103064759],[175,176,177,178],[159],["D",1773102983877],["D",1789521041830],{"_16":17,"_84":80},{"_16":17,"_78":-5,"_79":80,"_33":34,"_81":82,"_83":26},{"_66":67,"_20":68,"_18":69,"_70":19,"_71":-5,"_72":-5,"_73":-5,"_74":-5,"_75":-5,"_76":21,"_77":17},"ctx",{"_59":-5,"_105":467,"_468":469,"_470":471,"_472":26,"_473":26,"_474":26,"_475":103,"_476":-5,"_477":-7,"_478":-7,"_479":40,"_480":26,"_481":26,"_482":-5,"_483":26,"_484":26,"_485":26,"_486":-5},"ENV",{"_438":439,"_440":441,"_442":68,"_443":444,"_445":446,"_447":448,"_449":450,"_451":452,"_453":454,"_455":456,"_457":458,"_459":460,"_461":462,"_463":464,"_465":466},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

MIDNIGHT RACING

CRASHED!

SELECTYOUR GAME

HIGH SCORES

GAME OVER

CHANGE AVATAR

SELECT
YOUR GAME

Search