✦ Cosmic Fortune ✦

\n\n

Tap the orb to summon a fortune from the cosmos…

\n\n \n\n

\n\n \n \n\n","label",[18],"pulls","branches","forks","envVars",{"_183":26,"_185":26},"connections",{"_183":26,"_184":26},"count","unfilledCount","emptyCount",{"_33":237,"_13":238,"_66":239,"_43":-5,"_35":36,"_169":240,"_170":95,"_37":241,"_39":40,"_68":21,"_172":242,"_69":24,"_174":-5,"_198":243,"_17":244},{"_33":229,"_13":230,"_66":231,"_43":-5,"_35":36,"_169":232,"_170":95,"_37":233,"_39":40,"_68":21,"_172":234,"_69":24,"_174":-5,"_198":235,"_17":236},{"_33":221,"_13":222,"_66":223,"_43":-5,"_35":36,"_169":224,"_170":95,"_37":225,"_39":26,"_68":206,"_172":226,"_69":24,"_174":-5,"_198":227,"_17":228},{"_33":168,"_13":18,"_66":67,"_43":-5,"_35":36,"_169":75,"_170":95,"_37":218,"_39":40,"_68":21,"_172":173,"_69":24,"_174":-5,"_198":219,"_17":220},{"_33":210,"_13":211,"_66":93,"_43":-5,"_35":36,"_169":212,"_170":95,"_37":213,"_39":40,"_68":214,"_172":215,"_69":24,"_174":-5,"_198":216,"_17":217},{"_33":201,"_13":202,"_66":203,"_43":-5,"_35":36,"_169":204,"_170":95,"_37":205,"_39":75,"_68":206,"_172":207,"_69":24,"_174":-5,"_198":208,"_17":209},{"_33":193,"_13":194,"_66":195,"_43":-5,"_35":36,"_169":118,"_170":95,"_37":196,"_39":75,"_68":21,"_172":197,"_69":24,"_174":-5,"_198":199,"_17":200},"987cdeec-8503-4230-a0b6-f5bcee8b9083","style.css","019ed141-221e-77f7-bb96-649306e8741d",["D",1781628914566],":root {\n --bg: #05010f;\n --ink: #f4f1ff;\n --muted: #9a8fd0;\n --accent: #b98bff;\n --accent-2: #6ad7ff;\n --accent-3: #ff8be0;\n}\n\n* { box-sizing: border-box; }\n\nhtml, body {\n margin: 0;\n height: 100%;\n}\n\nbody {\n min-height: 100vh;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 2rem;\n padding: 2rem 1.25rem;\n font-family: \"Georgia\", \"Times New Roman\", serif;\n color: var(--ink);\n background:\n radial-gradient(1200px 600px at 50% -10%, #2a1259 0%, transparent 60%),\n radial-gradient(900px 500px at 110% 120%, #0d2a4a 0%, transparent 55%),\n var(--bg);\n overflow: hidden;\n cursor: crosshair;\n}\n\n/* Soft vignette so the edges of the void deepen. */\nbody::after {\n content: \"\";\n position: fixed;\n inset: 0;\n z-index: 2;\n pointer-events: none;\n background: radial-gradient(120% 120% at 50% 50%, transparent 55%, rgba(0, 0, 0, 0.55) 100%);\n}\n\n#stars {\n position: fixed;\n inset: 0;\n width: 100%;\n height: 100%;\n z-index: 0;\n pointer-events: none;\n}\n\n.card {\n position: relative;\n z-index: 1;\n width: min(640px, 92vw);\n padding: 2.5rem 2rem 2rem;\n text-align: center;\n background: rgba(20, 10, 45, 0.45);\n border: 1px solid rgba(185, 139, 255, 0.25);\n border-radius: 22px;\n backdrop-filter: blur(14px) saturate(140%);\n -webkit-backdrop-filter: blur(14px) saturate(140%);\n box-shadow:\n 0 30px 90px rgba(0, 0, 0, 0.55),\n inset 0 0 60px rgba(106, 215, 255, 0.06);\n animation: float 11s ease-in-out infinite;\n transition: box-shadow 0.5s ease, border-color 0.5s ease, transform 0.5s ease;\n}\n\n/* Breathing aura ring around the card. */\n.card::before {\n content: \"\";\n position: absolute;\n inset: -2px;\n z-index: -1;\n border-radius: 24px;\n background: linear-gradient(130deg, var(--accent), var(--accent-2), var(--accent-3), var(--accent));\n background-size: 300% 300%;\n filter: blur(16px);\n opacity: 0.35;\n animation: auraShift 14s ease infinite;\n}\n\n.card.flash {\n border-color: var(--accent-2);\n box-shadow:\n 0 30px 90px rgba(0, 0, 0, 0.55),\n 0 0 60px rgba(185, 139, 255, 0.55),\n inset 0 0 80px rgba(106, 215, 255, 0.18);\n transform: scale(1.012);\n}\n\n@keyframes float {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-10px); }\n}\n\n@keyframes auraShift {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n}\n\n.eyebrow {\n margin: 0 0 0.5rem;\n font-family: \"Courier New\", monospace;\n letter-spacing: 0.35em;\n font-size: 0.7rem;\n color: var(--muted);\n animation: breathe 4s ease-in-out infinite;\n}\n\n@keyframes breathe {\n 0%, 100% { opacity: 0.55; }\n 50% { opacity: 1; }\n}\n\nh1 {\n margin: 0 0 1.5rem;\n font-size: clamp(1.8rem, 5vw, 2.6rem);\n font-weight: 400;\n background: linear-gradient(90deg, var(--accent), var(--accent-2), var(--accent-3), var(--accent));\n background-size: 300% auto;\n -webkit-background-clip: text;\n background-clip: text;\n color: transparent;\n text-shadow: 0 0 36px rgba(185, 139, 255, 0.3);\n animation: aurora 9s linear infinite;\n}\n\n@keyframes aurora {\n to { background-position: 300% center; }\n}\n\n#fortune {\n margin: 0 auto 2rem;\n max-width: 36ch;\n min-height: 4.5rem;\n font-size: clamp(1.15rem, 3.2vw, 1.5rem);\n line-height: 1.5;\n font-style: italic;\n color: var(--ink);\n text-shadow: 0 0 18px rgba(180, 160, 255, 0.25);\n transition: opacity 0.32s ease, transform 0.32s ease, filter 0.32s ease;\n}\n\n#fortune.swap {\n opacity: 0;\n transform: translateY(10px) scale(0.98);\n filter: blur(3px);\n}\n\nbutton {\n position: relative;\n display: inline-flex;\n align-items: center;\n gap: 0.7rem;\n margin: 0 auto;\n padding: 0.85rem 1.6rem;\n font-family: \"Courier New\", monospace;\n font-size: 0.95rem;\n letter-spacing: 0.05em;\n color: var(--ink);\n cursor: pointer;\n background: linear-gradient(135deg, rgba(185, 139, 255, 0.25), rgba(106, 215, 255, 0.18));\n border: 1px solid rgba(185, 139, 255, 0.5);\n border-radius: 999px;\n overflow: hidden;\n transition: transform 0.15s ease, box-shadow 0.25s ease, border-color 0.25s ease;\n}\n\n/* Sheen sweep across the button. */\nbutton::after {\n content: \"\";\n position: absolute;\n top: 0;\n left: -150%;\n width: 60%;\n height: 100%;\n background: linear-gradient(100deg, transparent, rgba(255, 255, 255, 0.35), transparent);\n transform: skewX(-20deg);\n animation: sheen 4.5s ease-in-out infinite;\n}\n\n@keyframes sheen {\n 0%, 60% { left: -150%; }\n 100% { left: 160%; }\n}\n\nbutton:hover {\n transform: translateY(-2px);\n border-color: var(--accent-2);\n box-shadow: 0 10px 36px rgba(106, 215, 255, 0.3);\n}\n\nbutton:active { transform: translateY(0) scale(0.98); }\n\n.orb {\n width: 16px;\n height: 16px;\n border-radius: 50%;\n background: radial-gradient(circle at 30% 30%, #fff, var(--accent) 55%, #5a2bb0 100%);\n box-shadow: 0 0 14px var(--accent), 0 0 28px rgba(185, 139, 255, 0.6);\n animation: pulse 2.4s ease-in-out infinite;\n}\n\n@keyframes pulse {\n 0%, 100% { transform: scale(1); opacity: 0.9; box-shadow: 0 0 14px var(--accent), 0 0 28px rgba(185, 139, 255, 0.5); }\n 50% { transform: scale(1.3); opacity: 1; box-shadow: 0 0 22px var(--accent), 0 0 48px rgba(185, 139, 255, 0.8); }\n}\n\n.count {\n margin: 1.4rem 0 0;\n font-family: \"Courier New\", monospace;\n font-size: 0.72rem;\n letter-spacing: 0.15em;\n color: var(--muted);\n min-height: 1rem;\n}\n\nfooter {\n position: relative;\n z-index: 1;\n display: flex;\n gap: 0.6rem;\n font-family: \"Courier New\", monospace;\n font-size: 0.75rem;\n color: var(--muted);\n}\n\nfooter a {\n color: var(--muted);\n text-decoration: none;\n border-bottom: 1px dotted rgba(154, 143, 208, 0.5);\n}\n\nfooter a:hover { color: var(--accent-2); }\n\n@media (prefers-reduced-motion: reduce) {\n .card, .orb, .eyebrow, h1, button::after { animation: none; }\n #fortune { transition: none; }\n body { cursor: auto; }\n}\n","children",[],[194],"ba024a7f-5742-4934-bd1f-58fd1e1b9ce7","script.js","019ed141-221e-77f7-bb96-608131156837",9,["D",1781628851328],"script","/* Cosmic Fortune — client-side oracle + ethereal effects engine.\n Plain JS (no TS in this file). */\n\nconst FORTUNES = [\n \"A door you thought was locked has been ajar the whole time.\",\n \"The thing you keep rehearsing — just say it. They already suspect.\",\n \"Rest is not a reward for finishing. It is part of the work.\",\n \"Someone is quietly rooting for you in a room you've never entered.\",\n \"The detour is the scenic route. Look up.\",\n \"What you call procrastination is your mind composting an idea.\",\n \"Say yes to the small invitation. The large ones grow from it.\",\n \"Your future self is already grateful you started today.\",\n \"The star you wish on burned out long ago — wish anyway.\",\n \"Clarity arrives the moment you stop chasing it. So stop, briefly.\",\n \"An old friend is one message away from becoming a new one.\",\n \"The plan will change. The direction is still right.\",\n \"Courage is just fear that finished getting dressed.\",\n \"You are allowed to outgrow the version of you that survived.\",\n \"The void is not empty. It is listening.\",\n \"Plant the slow seed today; the fast ones never had roots.\",\n \"What feels like an ending is the universe clearing its throat.\",\n \"Trust the hunch you keep talking yourself out of.\",\n \"Gravity holds you down so the sky has something to pull toward.\",\n \"Tomorrow's luck is just today's preparation wearing a costume.\",\n];\n\nconst fortuneEl = document.getElementById(\"fortune\");\nconst button = document.getElementById(\"summon\");\nconst countEl = document.getElementById(\"count\");\n\nconst reduceMotion = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n\nlet lastIndex = -1;\nlet summoned = 0;\n\nfunction pickFortune() {\n let i = lastIndex;\n while (i === lastIndex && FORTUNES.length > 1) {\n i = Math.floor(Math.random() * FORTUNES.length);\n }\n lastIndex = i;\n return FORTUNES[i];\n}\n\nfunction summon() {\n const next = pickFortune();\n fortuneEl.classList.add(\"swap\");\n setTimeout(() => {\n fortuneEl.textContent = next;\n fortuneEl.classList.remove(\"swap\");\n }, 320);\n\n summoned += 1;\n countEl.textContent = `✧ ${summoned} fortune${summoned === 1 ? \"\" : \"s\"} summoned this session ✧`;\n\n // Burst of sparks from the orb + a flash of the card.\n burstFromOrb();\n document.querySelector(\".card\")?.classList.add(\"flash\");\n setTimeout(() => document.querySelector(\".card\")?.classList.remove(\"flash\"), 600);\n}\n\nbutton.addEventListener(\"click\", summon);\ndocument.addEventListener(\"keydown\", (e) => {\n if (e.code === \"Space\" || e.code === \"Enter\") {\n if (document.activeElement !== button) {\n e.preventDefault();\n summon();\n }\n }\n});\n\n/* =====================================================================\n ETHEREAL EFFECTS ENGINE\n A single canvas, several layers drawn back-to-front each frame:\n 1. nebula clouds (parallax, additive)\n 2. star layers (parallax + twinkle)\n 3. shooting stars (occasional)\n 4. cursor aura (soft glow following the pointer)\n 5. mouse-trail particles + comet head\n 6. summon sparks\n ===================================================================== */\nconst canvas = document.getElementById(\"stars\");\nconst ctx = canvas.getContext(\"2d\");\n\nlet w = 0;\nlet h = 0;\nlet dpr = 1;\n\nconst pointer = { x: -9999, y: -9999, px: -9999, py: -9999, active: false };\nconst layers = []; // star layers\nconst clouds = []; // nebula blobs\nconst shooting = []; // shooting stars\nconst trail = []; // mouse-trail particles\nconst sparks = []; // summon burst particles\n\nconst NEBULA_COLORS = [\n [120, 70, 220], // violet\n [70, 130, 230], // blue\n [200, 90, 200], // magenta\n [60, 200, 210], // cyan\n];\n\nfunction rand(min, max) {\n return min + Math.random() * (max - min);\n}\n\nfunction resize() {\n dpr = Math.min(window.devicePixelRatio || 1, 2);\n w = window.innerWidth;\n h = window.innerHeight;\n canvas.width = w * dpr;\n canvas.height = h * dpr;\n ctx.setTransform(dpr, 0, 0, dpr, 0, 0);\n buildScene();\n}\n\nfunction buildScene() {\n // Three parallax star layers: far/dim/small → near/bright/big.\n layers.length = 0;\n const layerDefs = [\n { depth: 0.15, density: 9000, size: [0.2, 0.9], speed: 0.004 },\n { depth: 0.4, density: 7000, size: [0.4, 1.4], speed: 0.008 },\n { depth: 0.9, density: 11000, size: [0.6, 2.0], speed: 0.014 },\n ];\n for (const def of layerDefs) {\n const count = Math.floor((w * h) / def.density);\n const arr = Array.from({ length: count }, () => ({\n x: Math.random() * w,\n y: Math.random() * h,\n r: rand(def.size[0], def.size[1]),\n tw: Math.random() * Math.PI * 2,\n sp: rand(def.speed, def.speed * 2.2),\n hue: Math.random() < 0.15 ? rand(180, 320) : null, // a few colored stars\n }));\n layers.push({ depth: def.depth, stars: arr });\n }\n\n // Drifting nebula clouds.\n clouds.length = 0;\n const cloudCount = Math.max(5, Math.floor((w * h) / 220000));\n for (let i = 0; i < cloudCount; i++) {\n const col = NEBULA_COLORS[i % NEBULA_COLORS.length];\n clouds.push({\n x: Math.random() * w,\n y: Math.random() * h,\n r: rand(180, 420),\n col,\n vx: rand(-0.06, 0.06),\n vy: rand(-0.04, 0.04),\n ph: Math.random() * Math.PI * 2,\n sp: rand(0.002, 0.006),\n });\n }\n}\n\n/* ---------- Layer drawing ---------- */\nfunction drawNebula() {\n ctx.globalCompositeOperation = \"lighter\";\n for (const c of clouds) {\n c.x += c.vx;\n c.y += c.vy;\n c.ph += c.sp;\n if (c.x < -c.r) c.x = w + c.r;\n if (c.x > w + c.r) c.x = -c.r;\n if (c.y < -c.r) c.y = h + c.r;\n if (c.y > h + c.r) c.y = -c.r;\n\n // parallax nudge toward pointer\n const ox = pointer.active ? (pointer.x - w / 2) * 0.01 : 0;\n const oy = pointer.active ? (pointer.y - h / 2) * 0.01 : 0;\n\n const pulse = 0.05 + (Math.sin(c.ph) * 0.5 + 0.5) * 0.06;\n const g = ctx.createRadialGradient(c.x + ox, c.y + oy, 0, c.x + ox, c.y + oy, c.r);\n g.addColorStop(0, `rgba(${c.col[0]},${c.col[1]},${c.col[2]},${pulse})`);\n g.addColorStop(1, \"rgba(0,0,0,0)\");\n ctx.fillStyle = g;\n ctx.beginPath();\n ctx.arc(c.x + ox, c.y + oy, c.r, 0, Math.PI * 2);\n ctx.fill();\n }\n ctx.globalCompositeOperation = \"source-over\";\n}\n\nfunction drawStars() {\n for (const layer of layers) {\n // parallax: nearer layers shift more with the pointer\n const ox = pointer.active ? (pointer.x - w / 2) * 0.02 * layer.depth : 0;\n const oy = pointer.active ? (pointer.y - h / 2) * 0.02 * layer.depth : 0;\n for (const s of layer.stars) {\n s.tw += s.sp;\n const alpha = 0.25 + (Math.sin(s.tw) * 0.5 + 0.5) * 0.6 * layer.depth + 0.15;\n ctx.beginPath();\n ctx.arc(s.x + ox, s.y + oy, s.r, 0, Math.PI * 2);\n if (s.hue !== null) {\n ctx.fillStyle = `hsla(${s.hue}, 90%, 80%, ${Math.min(1, alpha)})`;\n } else {\n ctx.fillStyle = `rgba(225, 225, 255, ${Math.min(1, alpha)})`;\n }\n ctx.fill();\n // soft glow on the brightest near-layer stars\n if (layer.depth > 0.8 && s.r > 1.5) {\n ctx.shadowColor = \"rgba(180,200,255,0.8)\";\n ctx.shadowBlur = 6;\n ctx.fill();\n ctx.shadowBlur = 0;\n }\n }\n }\n}\n\n/* ---------- Shooting stars ---------- */\nfunction maybeSpawnShootingStar() {\n if (Math.random() < 0.006 && shooting.length < 3) {\n const fromLeft = Math.random() < 0.5;\n shooting.push({\n x: fromLeft ? rand(0, w * 0.3) : rand(w * 0.7, w),\n y: rand(0, h * 0.4),\n vx: (fromLeft ? 1 : -1) * rand(6, 11),\n vy: rand(3, 6),\n life: 1,\n len: rand(120, 220),\n });\n }\n}\n\nfunction drawShootingStars() {\n for (let i = shooting.length - 1; i >= 0; i--) {\n const s = shooting[i];\n s.x += s.vx;\n s.y += s.vy;\n s.life -= 0.012;\n if (s.life <= 0 || s.x < -300 || s.x > w + 300 || s.y > h + 100) {\n shooting.splice(i, 1);\n continue;\n }\n const tx = s.x - s.vx * (s.len / 10);\n const ty = s.y - s.vy * (s.len / 10);\n const g = ctx.createLinearGradient(s.x, s.y, tx, ty);\n g.addColorStop(0, `rgba(255,255,255,${s.life})`);\n g.addColorStop(0.4, `rgba(150,200,255,${s.life * 0.6})`);\n g.addColorStop(1, \"rgba(150,200,255,0)\");\n ctx.strokeStyle = g;\n ctx.lineWidth = 2;\n ctx.lineCap = \"round\";\n ctx.beginPath();\n ctx.moveTo(s.x, s.y);\n ctx.lineTo(tx, ty);\n ctx.stroke();\n // bright head\n ctx.beginPath();\n ctx.fillStyle = `rgba(255,255,255,${s.life})`;\n ctx.shadowColor = \"rgba(180,210,255,0.9)\";\n ctx.shadowBlur = 10;\n ctx.arc(s.x, s.y, 1.8, 0, Math.PI * 2);\n ctx.fill();\n ctx.shadowBlur = 0;\n }\n}\n\n/* ---------- Cursor aura ---------- */\nfunction drawAura() {\n if (!pointer.active) return;\n ctx.globalCompositeOperation = \"lighter\";\n const g = ctx.createRadialGradient(pointer.x, pointer.y, 0, pointer.x, pointer.y, 160);\n g.addColorStop(0, \"rgba(150,120,255,0.14)\");\n g.addColorStop(0.5, \"rgba(100,200,255,0.06)\");\n g.addColorStop(1, \"rgba(0,0,0,0)\");\n ctx.fillStyle = g;\n ctx.beginPath();\n ctx.arc(pointer.x, pointer.y, 160, 0, Math.PI * 2);\n ctx.fill();\n ctx.globalCompositeOperation = \"source-over\";\n}\n\n/* ---------- Mouse trail ---------- */\nfunction emitTrail() {\n if (!pointer.active) return;\n const dx = pointer.x - pointer.px;\n const dy = pointer.y - pointer.py;\n const dist = Math.hypot(dx, dy);\n const n = Math.min(6, Math.floor(dist / 4) + 1);\n for (let i = 0; i < n; i++) {\n const t = i / n;\n trail.push({\n x: pointer.px + dx * t + rand(-3, 3),\n y: pointer.py + dy * t + rand(-3, 3),\n vx: rand(-0.4, 0.4),\n vy: rand(-0.4, 0.4),\n r: rand(1, 3.2),\n life: 1,\n decay: rand(0.012, 0.03),\n hue: rand(200, 300),\n });\n }\n pointer.px = pointer.x;\n pointer.py = pointer.y;\n}\n\nfunction drawParticles(list) {\n ctx.globalCompositeOperation = \"lighter\";\n for (let i = list.length - 1; i >= 0; i--) {\n const p = list[i];\n p.x += p.vx;\n p.y += p.vy;\n p.vx *= 0.96;\n p.vy *= 0.96;\n p.life -= p.decay;\n if (p.life <= 0) {\n list.splice(i, 1);\n continue;\n }\n const a = Math.max(0, p.life);\n const g = ctx.createRadialGradient(p.x, p.y, 0, p.x, p.y, p.r * 3);\n g.addColorStop(0, `hsla(${p.hue}, 100%, 80%, ${a})`);\n g.addColorStop(1, `hsla(${p.hue}, 100%, 70%, 0)`);\n ctx.fillStyle = g;\n ctx.beginPath();\n ctx.arc(p.x, p.y, p.r * 3, 0, Math.PI * 2);\n ctx.fill();\n }\n ctx.globalCompositeOperation = \"source-over\";\n}\n\nfunction drawCometHead() {\n if (!pointer.active) return;\n ctx.globalCompositeOperation = \"lighter\";\n const g = ctx.createRadialGradient(pointer.x, pointer.y, 0, pointer.x, pointer.y, 14);\n g.addColorStop(0, \"rgba(255,255,255,0.9)\");\n g.addColorStop(0.4, \"rgba(180,160,255,0.5)\");\n g.addColorStop(1, \"rgba(180,160,255,0)\");\n ctx.fillStyle = g;\n ctx.beginPath();\n ctx.arc(pointer.x, pointer.y, 14, 0, Math.PI * 2);\n ctx.fill();\n ctx.globalCompositeOperation = \"source-over\";\n}\n\n/* ---------- Summon sparks ---------- */\nfunction burstFromOrb() {\n const orb = document.querySelector(\".orb\");\n if (!orb) return;\n const rect = orb.getBoundingClientRect();\n const cx = rect.left + rect.width / 2;\n const cy = rect.top + rect.height / 2;\n for (let i = 0; i < 40; i++) {\n const ang = rand(0, Math.PI * 2);\n const spd = rand(1.5, 6);\n sparks.push({\n x: cx,\n y: cy,\n vx: Math.cos(ang) * spd,\n vy: Math.sin(ang) * spd,\n r: rand(1, 3),\n life: 1,\n decay: rand(0.01, 0.022),\n hue: rand(250, 320),\n });\n }\n}\n\n/* ---------- Pointer events ---------- */\nwindow.addEventListener(\"pointermove\", (e) => {\n if (!pointer.active) {\n pointer.px = e.clientX;\n pointer.py = e.clientY;\n }\n pointer.x = e.clientX;\n pointer.y = e.clientY;\n pointer.active = true;\n});\nwindow.addEventListener(\"pointerleave\", () => { pointer.active = false; });\nwindow.addEventListener(\"pointerdown\", (e) => {\n // a little burst wherever you click\n for (let i = 0; i < 18; i++) {\n const ang = rand(0, Math.PI * 2);\n const spd = rand(1, 4);\n sparks.push({\n x: e.clientX, y: e.clientY,\n vx: Math.cos(ang) * spd, vy: Math.sin(ang) * spd,\n r: rand(1, 2.6), life: 1, decay: rand(0.015, 0.03), hue: rand(190, 260),\n });\n }\n});\n\n/* ---------- Main loop ---------- */\nfunction frame() {\n // Trailing fade instead of hard clear → comet/ghosting trails.\n ctx.fillStyle = \"rgba(5, 1, 15, 0.28)\";\n ctx.fillRect(0, 0, w, h);\n\n drawNebula();\n drawStars();\n maybeSpawnShootingStar();\n drawShootingStars();\n drawAura();\n emitTrail();\n drawParticles(trail);\n drawParticles(sparks);\n drawCometHead();\n\n if (!reduceMotion) requestAnimationFrame(frame);\n}\n\nwindow.addEventListener(\"resize\", resize);\nresize();\n\nif (reduceMotion) {\n // Static, calm rendering for users who prefer reduced motion.\n ctx.fillStyle = \"rgba(5,1,15,1)\";\n ctx.fillRect(0, 0, w, h);\n drawNebula();\n drawStars();\n} else {\n frame();\n}\n\nconsole.log(\"✦ Cosmic Fortune online — the void shimmers and listens.\");\n",[],[202],"9e43ad4d-5e07-4628-99c4-7d3dcb6761e6","main.tsx",6,["D",1781628215725],"http","import { parseVal, serveFile, staticHTTPServer } from \"https://esm.town/v/std/utils/index.ts\";\nimport { FORTUNES } from \"./fortunes.ts\";\n\nconst staticServer = staticHTTPServer();\n\nexport default async function (req: Request): Promise {\n const url = new URL(req.url);\n\n // Redirect to the val's source code\n if (url.pathname === \"/source\") {\n return new Response(null, {\n status: 302,\n headers: { Location: parseVal().links.self.val },\n });\n }\n\n // JSON API: a random fortune from the void\n if (url.pathname === \"/api/fortune\") {\n const fortune = FORTUNES[Math.floor(Math.random() * FORTUNES.length)];\n return Response.json({ fortune, total: FORTUNES.length });\n }\n\n // Everything else: serve the static site (index.html, css, js, favicon)\n return staticServer(req);\n}\n",[],[211],["D",1781628160387],[],[18],"dc388589-9bef-4887-b186-0e684b8babaf","fortunes.ts","8847840c-69a2-11f1-b0c3-1607ee4eb77e",7,["D",1781628221710],"/**\n * The fortune deck, shared between the server (`/api/fortune`) and kept in sync\n * with the client-side list in `script.js`.\n */\nexport const FORTUNES: string[] = [\n \"A door you thought was locked has been ajar the whole time.\",\n \"The thing you keep rehearsing — just say it. They already suspect.\",\n \"Rest is not a reward for finishing. It is part of the work.\",\n \"Someone is quietly rooting for you in a room you've never entered.\",\n \"The detour is the scenic route. Look up.\",\n \"What you call procrastination is your mind composting an idea.\",\n \"Say yes to the small invitation. The large ones grow from it.\",\n \"Your future self is already grateful you started today.\",\n \"The star you wish on burned out long ago — wish anyway.\",\n \"Clarity arrives the moment you stop chasing it. So stop, briefly.\",\n \"An old friend is one message away from becoming a new one.\",\n \"The plan will change. The direction is still right.\",\n \"Courage is just fear that finished getting dressed.\",\n \"You are allowed to outgrow the version of you that survived.\",\n \"The void is not empty. It is listening.\",\n \"Plant the slow seed today; the fast ones never had roots.\",\n \"What feels like an ending is the universe clearing its throat.\",\n \"Trust the hunch you keep talking yourself out of.\",\n \"Gravity holds you down so the sky has something to pull toward.\",\n \"Tomorrow's luck is just today's preparation wearing a costume.\",\n];\n",[],[222],"6045934a-14ec-4969-8b39-3d78f45da958","favicon.svg","019ed141-221e-77f7-bb96-578c74cbdb0d",5,["D",1781628205666],"\n",[],[230],"b39319dd-15ae-4c7a-8009-091cc57c63f9","README.md","019ed141-221e-77f7-bb96-50cc60d14c42",8,["D",1781628241044],"# ✦ Cosmic Fortune ✦\n\nA tiny oracle that hands you a cosmic fortune from the void. Tap the orb (or\npress Space) and the cosmos answers — over an animated, twinkling\nstarfield rendered on a `

History · index.html