LightBear Software | Ocean Game Jam<\/title>\n <style>\n :root {\n --primary: #00e5ff; \/* Aquatic Cyan Glow *\/\n --accent: #00ffb7; \/* Seafoam Green Glow *\/\n --secondary: #7b2cbf; \/* Bioluminescent Deep Purple *\/\n --bg-dark: #030b1e; \/* Deep Abyssal Ocean Dark Blue *\/\n --bg-card: rgba(4, 20, 48, 0.65);\n --glass: rgba(0, 229, 255, 0.04);\n --glass-border: rgba(0, 229, 255, 0.25);\n --bubble-glow: rgba(0, 229, 255, 0.4);\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n cursor: default;\n }\n\n body {\n background-color: var(--bg-dark);\n color: #ffffff;\n font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;\n overflow-x: hidden;\n scroll-behavior: smooth;\n background-image: \n radial-gradient(circle at 50% 10%, rgba(0, 180, 216, 0.15) 0%, transparent 60%),\n radial-gradient(circle at 80% 80%, rgba(123, 44, 191, 0.12) 0%, transparent 50%);\n }\n\n \/* --- STREAMING_CHUNK:Styling floating ocean bubbles and caustics... --- *\/\n #ocean-container {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 1;\n pointer-events: none;\n overflow: hidden;\n }\n\n .bubble {\n position: absolute;\n bottom: -50px;\n background: radial-gradient(circle at 35% 35%, rgba(255, 255, 255, 0.8), rgba(0, 229, 255, 0.3) 60%, rgba(0, 229, 255, 0.1) 100%);\n border: 1px solid rgba(255, 255, 255, 0.6);\n border-radius: 50%;\n box-shadow: 0 0 10px rgba(0, 229, 255, 0.3), inset 0 0 6px rgba(255, 255, 255, 0.5);\n pointer-events: none;\n animation: floatUp linear infinite;\n }\n\n @keyframes floatUp {\n 0% {\n transform: translateY(0) translateX(0) scale(0.8);\n opacity: 0;\n }\n 15% {\n opacity: 0.75;\n }\n 85% {\n opacity: 0.75;\n }\n 100% {\n transform: translateY(-110vh) translateX(var(--wobble)) scale(1.2);\n opacity: 0;\n }\n }\n\n .ambient-caustic {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: radial-gradient(ellipse at 50% -20%, rgba(0, 229, 255, 0.2) 0%, transparent 70%);\n pointer-events: none;\n z-index: 2;\n animation: oceanPulse 8s ease-in-out infinite alternate;\n }\n\n @keyframes oceanPulse {\n 0% { opacity: 0.4; transform: scale(1); }\n 100% { opacity: 0.8; transform: scale(1.08); }\n }\n\n .container { \n max-width: 1200px; \n margin: 0 auto; \n padding: 0 20px; \n position: relative; \n z-index: 10;\n }\n\n \/* --- STREAMING_CHUNK:Styling hero section and ocean bear mascot... --- *\/\n .hero-section {\n min-height: 100vh;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n text-align: center;\n padding: 40px 0;\n }\n\n .main-bear-img {\n width: 250px;\n max-width: 80vw;\n filter: drop-shadow(0 0 35px var(--primary)) drop-shadow(0 0 60px rgba(0, 255, 183, 0.4));\n animation: oceanFloat 6s ease-in-out infinite;\n }\n\n @keyframes oceanFloat {\n 0%, 100% { transform: translateY(0) rotate(0deg) scale(1); filter: drop-shadow(0 0 35px var(--primary)); }\n 50% { transform: translateY(-22px) rotate(2deg) scale(1.04); filter: drop-shadow(0 0 55px var(--accent)); }\n }\n\n .badge-tag {\n background: rgba(0, 229, 255, 0.1);\n border: 1px solid var(--glass-border);\n color: var(--primary);\n padding: 8px 20px;\n border-radius: 50px;\n letter-spacing: 10px;\n font-weight: 900;\n font-size: 0.8rem;\n margin-top: 30px;\n backdrop-filter: blur(8px);\n box-shadow: 0 0 20px rgba(0, 229, 255, 0.2);\n }\n\n \/* --- STREAMING_CHUNK:Styling ocean theme reveal box... --- *\/\n .theme-container {\n margin: 60px 0;\n perspective: 1000px;\n }\n\n .theme-reveal {\n background: rgba(3, 16, 38, 0.85);\n backdrop-filter: blur(15px);\n padding: 80px 30px;\n text-align: center;\n border: 2px solid var(--primary);\n border-radius: 40px;\n position: relative;\n overflow: hidden;\n box-shadow: 0 0 50px rgba(0, 229, 255, 0.25), inset 0 0 30px rgba(0, 229, 255, 0.1);\n }\n\n .theme-reveal::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: linear-gradient(45deg, transparent 45%, rgba(0, 229, 255, 0.08) 50%, transparent 55%);\n animation: waveShimmer 7s infinite linear;\n }\n\n @keyframes waveShimmer {\n 0% { transform: translate(-30%, -30%) rotate(0deg); }\n 100% { transform: translate(30%, 30%) rotate(360deg); }\n }\n\n .theme-main {\n font-size: clamp(3rem, 12vw, 7.5rem);\n font-weight: 900;\n letter-spacing: 8px;\n text-transform: uppercase;\n position: relative;\n display: inline-block;\n background: linear-gradient(135deg, #ffffff 10%, #80f3ff 40%, var(--primary) 70%, var(--accent) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n text-shadow: 0 0 30px rgba(0, 229, 255, 0.6);\n animation: aquaGlow 3s infinite alternate;\n }\n\n @keyframes aquaGlow {\n 0% { filter: drop-shadow(0 0 15px var(--primary)); }\n 100% { filter: drop-shadow(0 0 35px var(--accent)) drop-shadow(0 0 10px #ffffff); }\n }\n\n \/* --- STREAMING_CHUNK:Styling oceanic prize grid cards... --- *\/\n .prize-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 20px;\n margin-bottom: 80px;\n }\n\n .prize-card {\n background: var(--bg-card);\n border: 1px solid var(--glass-border);\n border-radius: 24px;\n padding: 35px 20px;\n text-align: center;\n transition: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n backdrop-filter: blur(10px);\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n position: relative;\n overflow: hidden;\n }\n\n .prize-card:hover {\n background: rgba(0, 229, 255, 0.08);\n transform: translateY(-12px);\n border-color: var(--primary);\n box-shadow: 0 15px 35px rgba(0, 229, 255, 0.25);\n }\n\n .rank { \n font-size: 0.75rem; \n letter-spacing: 3px; \n color: var(--accent); \n text-transform: uppercase; \n margin-bottom: 12px;\n font-weight: 800;\n }\n\n .amount { \n font-size: 2.8rem; \n font-weight: 900; \n color: #fff;\n text-shadow: 0 0 15px rgba(0, 229, 255, 0.4);\n }\n\n .prize-details {\n margin-top: 15px;\n padding-top: 15px;\n border-top: 1px solid rgba(0, 229, 255, 0.15);\n font-size: 0.9rem;\n line-height: 1.6;\n color: rgba(255, 255, 255, 0.9);\n }\n\n .prize-details div {\n margin-bottom: 6px;\n }\n\n .prize-details div:last-child {\n margin-bottom: 0;\n }\n\n .detail-highlight {\n color: var(--primary);\n font-weight: 700;\n }\n\n \/* --- STREAMING_CHUNK:Styling community section and floating bear guardians... --- *\/\n .community-section {\n padding: 100px 0;\n text-align: center;\n position: relative;\n z-index: 50;\n }\n\n .bear-guard {\n position: absolute;\n width: 120px;\n pointer-events: none;\n filter: drop-shadow(0 0 20px var(--primary));\n z-index: -1; \n }\n\n .bear-left {\n left: 5%;\n top: 15%;\n animation: swimLeft 6s ease-in-out infinite;\n }\n\n .bear-right {\n right: 5%;\n top: 15%;\n animation: swimRight 6s ease-in-out infinite;\n }\n\n @keyframes swimLeft {\n 0%, 100% { transform: translate(0, 0) rotate(-10deg); }\n 50% { transform: translate(-25px, 40px) rotate(10deg); }\n }\n\n @keyframes swimRight {\n 0%, 100% { transform: translate(0, 0) rotate(10deg); }\n 50% { transform: translate(25px, 40px) rotate(-10deg); }\n }\n\n .join-btn {\n display: inline-block;\n background: linear-gradient(135deg, var(--primary), var(--accent));\n color: #030b1e;\n padding: 24px 60px;\n border-radius: 100px;\n text-decoration: none;\n font-weight: 900;\n text-transform: uppercase;\n letter-spacing: 4px;\n font-size: 1.3rem;\n box-shadow: 0 0 40px rgba(0, 229, 255, 0.5);\n transition: 0.4s;\n position: relative;\n z-index: 100;\n cursor: pointer;\n }\n\n .join-btn:hover {\n transform: scale(1.08) rotate(-1deg);\n background: #ffffff;\n color: #030b1e;\n box-shadow: 0 0 65px var(--accent);\n }\n\n .social-link {\n display: inline-block;\n color: var(--primary);\n text-decoration: none;\n font-weight: bold;\n margin: 0 20px;\n position: relative;\n z-index: 100;\n transition: 0.3s;\n cursor: pointer;\n }\n\n .social-link:hover {\n color: white;\n text-shadow: 0 0 15px var(--primary);\n }\n\n .info-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 40px;\n margin: 60px 0;\n }\n\n @media (max-width: 768px) {\n .info-grid {\n grid-template-columns: 1fr;\n }\n }\n\n .info-card {\n background: rgba(4, 20, 48, 0.5);\n padding: 40px;\n border-radius: 30px;\n border: 1px solid var(--glass-border);\n backdrop-filter: blur(10px);\n }\n\n .info-card h3 { color: var(--primary); margin-bottom: 20px; text-transform: uppercase; letter-spacing: 2px; }\n .info-card li { margin-bottom: 12px; list-style: none; opacity: 0.9; }\n .info-card li::before { content: \"\ud83e\udee7 \"; color: var(--accent); }\n\n \/* --- STREAMING_CHUNK:Styling cozy ocean interactive footer... --- *\/\n footer {\n text-align: center;\n padding: 80px 20px;\n position: relative;\n border-top: 1px dashed var(--glass-border);\n margin-top: 60px;\n overflow: hidden;\n user-select: none;\n }\n\n .cute-footer-box {\n display: inline-block;\n padding: 25px 40px;\n background: rgba(0, 229, 255, 0.04);\n border: 1px solid var(--glass-border);\n border-radius: 30px;\n backdrop-filter: blur(12px);\n transition: all 0.4s ease;\n position: relative;\n cursor: pointer;\n }\n\n .cute-footer-box:hover {\n background: rgba(0, 229, 255, 0.12);\n border-color: var(--primary);\n transform: translateY(-5px) scale(1.02);\n box-shadow: 0 10px 35px rgba(0, 229, 255, 0.3);\n }\n\n .footer-mascot {\n font-size: 2.2rem;\n display: inline-block;\n margin: 0 6px;\n animation: oceanWiggle 3s infinite ease-in-out;\n cursor: pointer;\n transition: transform 0.2s ease;\n }\n\n .footer-mascot:hover {\n transform: scale(1.35) rotate(15deg);\n }\n\n @keyframes oceanWiggle {\n 0%, 100% { transform: translateY(0) rotate(0deg); }\n 25% { transform: translateY(-5px) rotate(-8deg); }\n 75% { transform: translateY(-2px) rotate(8deg); }\n }\n\n .footer-text {\n opacity: 0.9;\n font-size: 0.85rem;\n letter-spacing: 3px;\n text-transform: uppercase;\n font-weight: 600;\n color: #b3f5ff;\n margin-top: 10px;\n }\n\n .footer-subtext {\n font-size: 0.75rem;\n color: var(--accent);\n letter-spacing: 1px;\n margin-top: 8px;\n opacity: 0.9;\n }\n\n \/* Interactive floating pop elements from footer clicks *\/\n .pop-particle {\n position: absolute;\n pointer-events: none;\n font-size: 1.4rem;\n animation: floatAndFade 1.3s cubic-bezier(0.25, 1, 0.5, 1) forwards;\n z-index: 999;\n }\n\n @keyframes floatAndFade {\n 0% {\n opacity: 1;\n transform: translate(0, 0) scale(0.5) rotate(0deg);\n }\n 100% {\n opacity: 0;\n transform: translate(var(--dx), var(--dy)) scale(1.5) rotate(var(--rot));\n }\n }\n <\/style>\n<\/head>\n<body>\n\n\n<div class=\"ambient-caustic\"><\/div>\n\n\n<div id=\"ocean-container\"><\/div>\n\n<div class=\"container\">\n <section class=\"hero-section\">\n <img decoding=\"async\" src=\"http:\/\/lightbearsoftware.com\/wp-content\/uploads\/2026\/07\/Logo_Light_Blush.png\" class=\"main-bear-img\" alt=\"LightBear Logo\" onerror=\"this.src='https:\/\/placehold.co\/250x250\/00e5ff\/ffffff?text=\ud83d\udc3b+LightBear'\">\n <div class=\"badge-tag\">LIGHTBEAR SOFTWARE IX<\/div>\n <h1 style=\"font-size: clamp(2.5rem, 8vw, 5.5rem); text-transform: uppercase; margin: 15px 0 10px; letter-spacing: 1px;\">UPLIFTING GAME JAM 9<\/h1>\n <p style=\"max-width: 620px; opacity: 0.85; line-height: 1.6; font-size: 1.05rem;\">Dive deep into creativity. Bring your underwater ideas to life and design a game that explores the depths, warms the heart, and celebrates oceanic vibes!<\/p>\n <\/section>\n\n <div class=\"theme-container\">\n <div class=\"theme-reveal\">\n <p style=\"color: var(--accent); letter-spacing: 8px; font-size: 0.75rem; margin-bottom: 20px; text-transform: uppercase; font-weight: 800;\">\ud83c\udf0a Official Jam Theme Revealed \ud83c\udf0a<\/p>\n <h2 class=\"theme-main\" id=\"theme-text\">OCEAN<\/h2>\n <p style=\"margin-top: 30px; opacity: 0.7; font-family: monospace; letter-spacing: 1px;\">{“OCEAN WATER AND MORE”}<\/p>\n <\/div>\n <\/div>\n\n <div class=\"prize-grid\">\n \n <div class=\"prize-card\">\n <div>\n <div class=\"rank\">\ud83e\udd47 1st Place<\/div>\n <div class=\"amount\">$100<\/div>\n <\/div>\n <div class=\"prize-details\">\n <div>Cash Prize<\/div>\n <div>+ <span class=\"detail-highlight\">1 year<\/span> CraftPix Membership<\/div>\n <\/div>\n <\/div>\n \n <div class=\"prize-card\">\n <div>\n <div class=\"rank\">\ud83e\udd48 2nd Place<\/div>\n <div class=\"amount\">$65<\/div>\n <\/div>\n <div class=\"prize-details\">\n <div>Cash Prize<\/div>\n <div>+ <span class=\"detail-highlight\">1 year<\/span> CraftPix Membership<\/div>\n <\/div>\n <\/div>\n \n <div class=\"prize-card\">\n <div>\n <div class=\"rank\">\ud83e\udd49 3rd Place<\/div>\n <div class=\"amount\">$40<\/div>\n <\/div>\n <div class=\"prize-details\">\n <div>Cash Prize<\/div>\n <div>+ <span class=\"detail-highlight\">1 year<\/span> CraftPix Membership<\/div>\n <\/div>\n <\/div>\n \n <div class=\"prize-card\">\n <div>\n <div class=\"rank\">\ud83c\udfc5 4th Place<\/div>\n <div class=\"amount\">$25<\/div>\n <\/div>\n <div class=\"prize-details\">\n <div>Cash Prize<\/div>\n <div>+ <span class=\"detail-highlight\">1 year<\/span> CraftPix Membership<\/div>\n <\/div>\n <\/div>\n \n <div class=\"prize-card\">\n <div>\n <div class=\"rank\">\ud83c\udfc5 5th Place<\/div>\n <div class=\"amount\">$10<\/div>\n <\/div>\n <div class=\"prize-details\">\n <div>Cash Prize<\/div>\n <div>+ <span class=\"detail-highlight\">1 year<\/span> CraftPix Membership<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"info-grid\">\n <div class=\"info-card\">\n <h3>Judging Criteria<\/h3>\n <ul>\n <li>Uplifting Theme<\/li>\n <li>Innovative Gameplay Mechanics & Physics<\/li>\n <li>Visuals, Audio & Atmospheric Polish<\/li>\n <\/ul>\n <\/div>\n <div class=\"info-card\">\n <h3>Jam Rules<\/h3>\n <ul>\n <li>Must be safe for all ages (family friendly)<\/li>\n <li>Positive, uplifting, and hopeful ocean themes<\/li>\n <li>Submit your entry on Itch.io before deadline<\/li>\n <li>Prizes distributed via Zelle, PayPal, or CashApp<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <section class=\"community-section\">\n <img decoding=\"async\" src=\"http:\/\/lightbearsoftware.com\/wp-content\/uploads\/2026\/07\/Logo_Light_Blush.png\" class=\"bear-guard bear-left\" alt=\"Glow Bear\" onerror=\"this.src='https:\/\/placehold.co\/120x120\/00e5ff\/ffffff?text=\ud83d\udc3b'\">\n <img decoding=\"async\" src=\"http:\/\/lightbearsoftware.com\/wp-content\/uploads\/2026\/07\/Logo_Light_Blush.png\" class=\"bear-guard bear-right\" alt=\"Glow Bear\" onerror=\"this.src='https:\/\/placehold.co\/120x120\/00e5ff\/ffffff?text=\ud83d\udc3b'\">\n \n <h2 style=\"margin-bottom: 40px; letter-spacing: 5px; text-transform: uppercase;\">DIVE INTO THE GAME JAM<\/h2>\n <a href=\"https:\/\/itch.io\/jam\/uplifting-game-jam-9\" class=\"join-btn\" target=\"_blank\">JOIN JAM ON ITCH<\/a>\n \n <div style=\"margin-top: 40px;\">\n <a href=\"https:\/\/discord.gg\/kKWpTdwjXC\" class=\"social-link\" target=\"_blank\">DISCORD<\/a>\n <a href=\"https:\/\/linktr.ee\/lightbear_software\" class=\"social-link\" target=\"_blank\">SOCIALS<\/a>\n <\/div>\n <\/section>\n\n <footer>\n <div class=\"cute-footer-box\" id=\"cute-footer\">\n <div>\n <span class=\"footer-mascot\" style=\"animation-delay: 0s;\">\ud83d\udc3b<\/span>\n <span class=\"footer-mascot\" style=\"animation-delay: 0.5s;\">\ud83c\udf0a<\/span>\n <span class=\"footer-mascot\" style=\"animation-delay: 1s;\">\ud83d\udc2c<\/span>\n <span class=\"footer-mascot\" style=\"animation-delay: 1.5s;\">\ud83e\udee7<\/span>\n <span class=\"footer-mascot\" style=\"animation-delay: 2s;\">\ud83d\udc1a<\/span>\n <\/div>\n <div class=\"footer-text\">\n LIGHTBEAR SOFTWARE \u00a9 2026\n <\/div>\n <div class=\"footer-subtext\">\n Creating Realities That Uplift and Inspire \u2728\n <\/div>\n <\/div>\n <\/footer>\n<\/div>\n\n<script>\n window.onload = function() {\n \/\/ --- FLOATING OCEAN BUBBLES ANIMATION ---\n const oceanContainer = document.getElementById('ocean-container');\n\n function createBubble() {\n const bubble = document.createElement('div');\n bubble.classList.add('bubble');\n \n \/\/ Random bubble sizes and wobble motion\n const size = Math.random() * 28 + 8; \/\/ Bubble diameter in px\n const startLeft = Math.random() * 100; \/\/ Left position in %\n const duration = Math.random() * 9 + 5; \/\/ Float speed\n const delay = Math.random() * -10; \/\/ Stagger start time\n const wobble = (Math.random() * 120 - 60) + 'px'; \/\/ Wobble distance\n \n bubble.style.width = size + 'px';\n bubble.style.height = size + 'px';\n bubble.style.left = startLeft + 'vw';\n bubble.style.animationDuration = duration + 's';\n bubble.style.animationDelay = delay + 's';\n bubble.style.setProperty('--wobble', wobble);\n \n oceanContainer.appendChild(bubble);\n \n setTimeout(() => {\n bubble.remove();\n createBubble();\n }, (duration) * 1000);\n }\n\n \/\/ Spawn initial sea bubbles\n for (let i = 0; i < 45; i++) {\n createBubble();\n }\n\n \/\/ --- CUTE INTERACTIVE OCEAN FOOTER EFFECT ---\n const footerBox = document.getElementById('cute-footer');\n const oceanIcons = ['\ud83c\udf0a', '\ud83d\udc2c', '\ud83d\udc20', '\ud83e\udeb8', '\ud83d\udc1a', '\ud83e\udd80', '\ud83e\udee7', '\ud83d\udc3b', '\u2728', '\ud83d\udc8e'];\n\n function spawnOceanBurst(x, y) {\n const count = 10 + Math.floor(Math.random() * 6);\n for (let i = 0; i < count; i++) {\n const particle = document.createElement('div');\n particle.className = 'pop-particle';\n particle.innerText = oceanIcons[Math.floor(Math.random() * oceanIcons.length)];\n \n \/\/ Calculate random angle and distance\n const angle = (Math.PI * 2 * i) \/ count + (Math.random() * 0.5 - 0.25);\n const distance = 55 + Math.random() * 85;\n const dx = Math.cos(angle) * distance + 'px';\n const dy = Math.sin(angle) * distance - 40 + 'px'; \/\/ Float upwards slightly\n const rot = (Math.random() * 360 - 180) + 'deg';\n\n particle.style.left = x + 'px';\n particle.style.top = y + 'px';\n particle.style.setProperty('--dx', dx);\n particle.style.setProperty('--dy', dy);\n particle.style.setProperty('--rot', rot);\n\n document.body.appendChild(particle);\n\n setTimeout(() => particle.remove(), 1300);\n }\n }\n\n if (footerBox) {\n footerBox.addEventListener('click', function(e) {\n const rect = footerBox.getBoundingClientRect();\n const clickX = e.clientX || (rect.left + rect.width \/ 2);\n const clickY = e.clientY || (rect.top + rect.height \/ 2);\n spawnOceanBurst(clickX, clickY);\n });\n\n \/\/ Ambient gentle aquatic sparkler on hover over footer\n let lastHoverTime = 0;\n footerBox.addEventListener('mousemove', function(e) {\n const now = Date.now();\n if (now - lastHoverTime > 160) {\n lastHoverTime = now;\n const particle = document.createElement('div');\n particle.className = 'pop-particle';\n particle.innerText = oceanIcons[Math.floor(Math.random() * oceanIcons.length)];\n \n const dx = (Math.random() * 50 - 25) + 'px';\n const dy = (-35 - Math.random() * 45) + 'px';\n const rot = (Math.random() * 180 - 90) + 'deg';\n\n particle.style.left = e.clientX + 'px';\n particle.style.top = e.clientY + 'px';\n particle.style.setProperty('--dx', dx);\n particle.style.setProperty('--dy', dy);\n particle.style.setProperty('--rot', rot);\n\n document.body.appendChild(particle);\n setTimeout(() => particle.remove(), 1300);\n }\n });\n }\n };\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>LightBear Software | Ocean Game Jam LIGHTBEAR SOFTWARE IX UPLIFTING GAME JAM 9 Dive deep into creativity. Bring your underwater ideas to life and design a game that explores the depths, warms the heart, and celebrates oceanic vibes! \ud83c\udf0a Official Jam Theme Revealed \ud83c\udf0a OCEAN {“OCEAN WATER AND MORE”} \ud83e\udd47 1st Place $100 Cash Prize … <a title=\"GAME JAM\" class=\"read-more\" href=\"https:\/\/lightbearsoftware.com\/index.php\/game-jams\/\">Read more<span class=\"screen-reader-text\">GAME JAM<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-409","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/lightbearsoftware.com\/index.php\/wp-json\/wp\/v2\/pages\/409","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lightbearsoftware.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lightbearsoftware.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lightbearsoftware.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lightbearsoftware.com\/index.php\/wp-json\/wp\/v2\/comments?post=409"}],"version-history":[{"count":26,"href":"https:\/\/lightbearsoftware.com\/index.php\/wp-json\/wp\/v2\/pages\/409\/revisions"}],"predecessor-version":[{"id":626,"href":"https:\/\/lightbearsoftware.com\/index.php\/wp-json\/wp\/v2\/pages\/409\/revisions\/626"}],"wp:attachment":[{"href":"https:\/\/lightbearsoftware.com\/index.php\/wp-json\/wp\/v2\/media?parent=409"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":409,"date":"2025-10-27T00:02:19","date_gmt":"2025-10-27T00:02:19","guid":{"rendered":"https:\/\/lightbearsoftware.com\/?page_id=409"},"modified":"2026-09-01T14:34:09","modified_gmt":"2026-09-01T13:34:09","slug":"game-jams","status":"publish","type":"page","link":"https:\/\/lightbearsoftware.com\/index.php\/game-jams\/","title":{"rendered":"GAME JAM"},"content":{"rendered":"\n\n\n\n \n \n LightBear Software | Ocean Game Jam<\/title>\n <style>\n :root {\n --primary: #00e5ff; \/* Aquatic Cyan Glow *\/\n --accent: #00ffb7; \/* Seafoam Green Glow *\/\n --secondary: #7b2cbf; \/* Bioluminescent Deep Purple *\/\n --bg-dark: #030b1e; \/* Deep Abyssal Ocean Dark Blue *\/\n --bg-card: rgba(4, 20, 48, 0.65);\n --glass: rgba(0, 229, 255, 0.04);\n --glass-border: rgba(0, 229, 255, 0.25);\n --bubble-glow: rgba(0, 229, 255, 0.4);\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n cursor: default;\n }\n\n body {\n background-color: var(--bg-dark);\n color: #ffffff;\n font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;\n overflow-x: hidden;\n scroll-behavior: smooth;\n background-image: \n radial-gradient(circle at 50% 10%, rgba(0, 180, 216, 0.15) 0%, transparent 60%),\n radial-gradient(circle at 80% 80%, rgba(123, 44, 191, 0.12) 0%, transparent 50%);\n }\n\n \/* --- STREAMING_CHUNK:Styling floating ocean bubbles and caustics... --- *\/\n #ocean-container {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 1;\n pointer-events: none;\n overflow: hidden;\n }\n\n .bubble {\n position: absolute;\n bottom: -50px;\n background: radial-gradient(circle at 35% 35%, rgba(255, 255, 255, 0.8), rgba(0, 229, 255, 0.3) 60%, rgba(0, 229, 255, 0.1) 100%);\n border: 1px solid rgba(255, 255, 255, 0.6);\n border-radius: 50%;\n box-shadow: 0 0 10px rgba(0, 229, 255, 0.3), inset 0 0 6px rgba(255, 255, 255, 0.5);\n pointer-events: none;\n animation: floatUp linear infinite;\n }\n\n @keyframes floatUp {\n 0% {\n transform: translateY(0) translateX(0) scale(0.8);\n opacity: 0;\n }\n 15% {\n opacity: 0.75;\n }\n 85% {\n opacity: 0.75;\n }\n 100% {\n transform: translateY(-110vh) translateX(var(--wobble)) scale(1.2);\n opacity: 0;\n }\n }\n\n .ambient-caustic {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: radial-gradient(ellipse at 50% -20%, rgba(0, 229, 255, 0.2) 0%, transparent 70%);\n pointer-events: none;\n z-index: 2;\n animation: oceanPulse 8s ease-in-out infinite alternate;\n }\n\n @keyframes oceanPulse {\n 0% { opacity: 0.4; transform: scale(1); }\n 100% { opacity: 0.8; transform: scale(1.08); }\n }\n\n .container { \n max-width: 1200px; \n margin: 0 auto; \n padding: 0 20px; \n position: relative; \n z-index: 10;\n }\n\n \/* --- STREAMING_CHUNK:Styling hero section and ocean bear mascot... --- *\/\n .hero-section {\n min-height: 100vh;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n text-align: center;\n padding: 40px 0;\n }\n\n .main-bear-img {\n width: 250px;\n max-width: 80vw;\n filter: drop-shadow(0 0 35px var(--primary)) drop-shadow(0 0 60px rgba(0, 255, 183, 0.4));\n animation: oceanFloat 6s ease-in-out infinite;\n }\n\n @keyframes oceanFloat {\n 0%, 100% { transform: translateY(0) rotate(0deg) scale(1); filter: drop-shadow(0 0 35px var(--primary)); }\n 50% { transform: translateY(-22px) rotate(2deg) scale(1.04); filter: drop-shadow(0 0 55px var(--accent)); }\n }\n\n .badge-tag {\n background: rgba(0, 229, 255, 0.1);\n border: 1px solid var(--glass-border);\n color: var(--primary);\n padding: 8px 20px;\n border-radius: 50px;\n letter-spacing: 10px;\n font-weight: 900;\n font-size: 0.8rem;\n margin-top: 30px;\n backdrop-filter: blur(8px);\n box-shadow: 0 0 20px rgba(0, 229, 255, 0.2);\n }\n\n \/* --- STREAMING_CHUNK:Styling ocean theme reveal box... --- *\/\n .theme-container {\n margin: 60px 0;\n perspective: 1000px;\n }\n\n .theme-reveal {\n background: rgba(3, 16, 38, 0.85);\n backdrop-filter: blur(15px);\n padding: 80px 30px;\n text-align: center;\n border: 2px solid var(--primary);\n border-radius: 40px;\n position: relative;\n overflow: hidden;\n box-shadow: 0 0 50px rgba(0, 229, 255, 0.25), inset 0 0 30px rgba(0, 229, 255, 0.1);\n }\n\n .theme-reveal::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: linear-gradient(45deg, transparent 45%, rgba(0, 229, 255, 0.08) 50%, transparent 55%);\n animation: waveShimmer 7s infinite linear;\n }\n\n @keyframes waveShimmer {\n 0% { transform: translate(-30%, -30%) rotate(0deg); }\n 100% { transform: translate(30%, 30%) rotate(360deg); }\n }\n\n .theme-main {\n font-size: clamp(3rem, 12vw, 7.5rem);\n font-weight: 900;\n letter-spacing: 8px;\n text-transform: uppercase;\n position: relative;\n display: inline-block;\n background: linear-gradient(135deg, #ffffff 10%, #80f3ff 40%, var(--primary) 70%, var(--accent) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n text-shadow: 0 0 30px rgba(0, 229, 255, 0.6);\n animation: aquaGlow 3s infinite alternate;\n }\n\n @keyframes aquaGlow {\n 0% { filter: drop-shadow(0 0 15px var(--primary)); }\n 100% { filter: drop-shadow(0 0 35px var(--accent)) drop-shadow(0 0 10px #ffffff); }\n }\n\n \/* --- STREAMING_CHUNK:Styling oceanic prize grid cards... --- *\/\n .prize-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 20px;\n margin-bottom: 80px;\n }\n\n .prize-card {\n background: var(--bg-card);\n border: 1px solid var(--glass-border);\n border-radius: 24px;\n padding: 35px 20px;\n text-align: center;\n transition: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n backdrop-filter: blur(10px);\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n position: relative;\n overflow: hidden;\n }\n\n .prize-card:hover {\n background: rgba(0, 229, 255, 0.08);\n transform: translateY(-12px);\n border-color: var(--primary);\n box-shadow: 0 15px 35px rgba(0, 229, 255, 0.25);\n }\n\n .rank { \n font-size: 0.75rem; \n letter-spacing: 3px; \n color: var(--accent); \n text-transform: uppercase; \n margin-bottom: 12px;\n font-weight: 800;\n }\n\n .amount { \n font-size: 2.8rem; \n font-weight: 900; \n color: #fff;\n text-shadow: 0 0 15px rgba(0, 229, 255, 0.4);\n }\n\n .prize-details {\n margin-top: 15px;\n padding-top: 15px;\n border-top: 1px solid rgba(0, 229, 255, 0.15);\n font-size: 0.9rem;\n line-height: 1.6;\n color: rgba(255, 255, 255, 0.9);\n }\n\n .prize-details div {\n margin-bottom: 6px;\n }\n\n .prize-details div:last-child {\n margin-bottom: 0;\n }\n\n .detail-highlight {\n color: var(--primary);\n font-weight: 700;\n }\n\n \/* --- STREAMING_CHUNK:Styling community section and floating bear guardians... --- *\/\n .community-section {\n padding: 100px 0;\n text-align: center;\n position: relative;\n z-index: 50;\n }\n\n .bear-guard {\n position: absolute;\n width: 120px;\n pointer-events: none;\n filter: drop-shadow(0 0 20px var(--primary));\n z-index: -1; \n }\n\n .bear-left {\n left: 5%;\n top: 15%;\n animation: swimLeft 6s ease-in-out infinite;\n }\n\n .bear-right {\n right: 5%;\n top: 15%;\n animation: swimRight 6s ease-in-out infinite;\n }\n\n @keyframes swimLeft {\n 0%, 100% { transform: translate(0, 0) rotate(-10deg); }\n 50% { transform: translate(-25px, 40px) rotate(10deg); }\n }\n\n @keyframes swimRight {\n 0%, 100% { transform: translate(0, 0) rotate(10deg); }\n 50% { transform: translate(25px, 40px) rotate(-10deg); }\n }\n\n .join-btn {\n display: inline-block;\n background: linear-gradient(135deg, var(--primary), var(--accent));\n color: #030b1e;\n padding: 24px 60px;\n border-radius: 100px;\n text-decoration: none;\n font-weight: 900;\n text-transform: uppercase;\n letter-spacing: 4px;\n font-size: 1.3rem;\n box-shadow: 0 0 40px rgba(0, 229, 255, 0.5);\n transition: 0.4s;\n position: relative;\n z-index: 100;\n cursor: pointer;\n }\n\n .join-btn:hover {\n transform: scale(1.08) rotate(-1deg);\n background: #ffffff;\n color: #030b1e;\n box-shadow: 0 0 65px var(--accent);\n }\n\n .social-link {\n display: inline-block;\n color: var(--primary);\n text-decoration: none;\n font-weight: bold;\n margin: 0 20px;\n position: relative;\n z-index: 100;\n transition: 0.3s;\n cursor: pointer;\n }\n\n .social-link:hover {\n color: white;\n text-shadow: 0 0 15px var(--primary);\n }\n\n .info-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 40px;\n margin: 60px 0;\n }\n\n @media (max-width: 768px) {\n .info-grid {\n grid-template-columns: 1fr;\n }\n }\n\n .info-card {\n background: rgba(4, 20, 48, 0.5);\n padding: 40px;\n border-radius: 30px;\n border: 1px solid var(--glass-border);\n backdrop-filter: blur(10px);\n }\n\n .info-card h3 { color: var(--primary); margin-bottom: 20px; text-transform: uppercase; letter-spacing: 2px; }\n .info-card li { margin-bottom: 12px; list-style: none; opacity: 0.9; }\n .info-card li::before { content: \"\ud83e\udee7 \"; color: var(--accent); }\n\n \/* --- STREAMING_CHUNK:Styling cozy ocean interactive footer... --- *\/\n footer {\n text-align: center;\n padding: 80px 20px;\n position: relative;\n border-top: 1px dashed var(--glass-border);\n margin-top: 60px;\n overflow: hidden;\n user-select: none;\n }\n\n .cute-footer-box {\n display: inline-block;\n padding: 25px 40px;\n background: rgba(0, 229, 255, 0.04);\n border: 1px solid var(--glass-border);\n border-radius: 30px;\n backdrop-filter: blur(12px);\n transition: all 0.4s ease;\n position: relative;\n cursor: pointer;\n }\n\n .cute-footer-box:hover {\n background: rgba(0, 229, 255, 0.12);\n border-color: var(--primary);\n transform: translateY(-5px) scale(1.02);\n box-shadow: 0 10px 35px rgba(0, 229, 255, 0.3);\n }\n\n .footer-mascot {\n font-size: 2.2rem;\n display: inline-block;\n margin: 0 6px;\n animation: oceanWiggle 3s infinite ease-in-out;\n cursor: pointer;\n transition: transform 0.2s ease;\n }\n\n .footer-mascot:hover {\n transform: scale(1.35) rotate(15deg);\n }\n\n @keyframes oceanWiggle {\n 0%, 100% { transform: translateY(0) rotate(0deg); }\n 25% { transform: translateY(-5px) rotate(-8deg); }\n 75% { transform: translateY(-2px) rotate(8deg); }\n }\n\n .footer-text {\n opacity: 0.9;\n font-size: 0.85rem;\n letter-spacing: 3px;\n text-transform: uppercase;\n font-weight: 600;\n color: #b3f5ff;\n margin-top: 10px;\n }\n\n .footer-subtext {\n font-size: 0.75rem;\n color: var(--accent);\n letter-spacing: 1px;\n margin-top: 8px;\n opacity: 0.9;\n }\n\n \/* Interactive floating pop elements from footer clicks *\/\n .pop-particle {\n position: absolute;\n pointer-events: none;\n font-size: 1.4rem;\n animation: floatAndFade 1.3s cubic-bezier(0.25, 1, 0.5, 1) forwards;\n z-index: 999;\n }\n\n @keyframes floatAndFade {\n 0% {\n opacity: 1;\n transform: translate(0, 0) scale(0.5) rotate(0deg);\n }\n 100% {\n opacity: 0;\n transform: translate(var(--dx), var(--dy)) scale(1.5) rotate(var(--rot));\n }\n }\n <\/style>\n<\/head>\n<body>\n\n\n<div class=\"ambient-caustic\"><\/div>\n\n\n<div id=\"ocean-container\"><\/div>\n\n<div class=\"container\">\n <section class=\"hero-section\">\n <img decoding=\"async\" src=\"http:\/\/lightbearsoftware.com\/wp-content\/uploads\/2026\/07\/Logo_Light_Blush.png\" class=\"main-bear-img\" alt=\"LightBear Logo\" onerror=\"this.src='https:\/\/placehold.co\/250x250\/00e5ff\/ffffff?text=\ud83d\udc3b+LightBear'\">\n <div class=\"badge-tag\">LIGHTBEAR SOFTWARE IX<\/div>\n <h1 style=\"font-size: clamp(2.5rem, 8vw, 5.5rem); text-transform: uppercase; margin: 15px 0 10px; letter-spacing: 1px;\">UPLIFTING GAME JAM 9<\/h1>\n <p style=\"max-width: 620px; opacity: 0.85; line-height: 1.6; font-size: 1.05rem;\">Dive deep into creativity. Bring your underwater ideas to life and design a game that explores the depths, warms the heart, and celebrates oceanic vibes!<\/p>\n <\/section>\n\n <div class=\"theme-container\">\n <div class=\"theme-reveal\">\n <p style=\"color: var(--accent); letter-spacing: 8px; font-size: 0.75rem; margin-bottom: 20px; text-transform: uppercase; font-weight: 800;\">\ud83c\udf0a Official Jam Theme Revealed \ud83c\udf0a<\/p>\n <h2 class=\"theme-main\" id=\"theme-text\">OCEAN<\/h2>\n <p style=\"margin-top: 30px; opacity: 0.7; font-family: monospace; letter-spacing: 1px;\">{“OCEAN WATER AND MORE”}<\/p>\n <\/div>\n <\/div>\n\n <div class=\"prize-grid\">\n \n <div class=\"prize-card\">\n <div>\n <div class=\"rank\">\ud83e\udd47 1st Place<\/div>\n <div class=\"amount\">$100<\/div>\n <\/div>\n <div class=\"prize-details\">\n <div>Cash Prize<\/div>\n <div>+ <span class=\"detail-highlight\">1 year<\/span> CraftPix Membership<\/div>\n <\/div>\n <\/div>\n \n <div class=\"prize-card\">\n <div>\n <div class=\"rank\">\ud83e\udd48 2nd Place<\/div>\n <div class=\"amount\">$65<\/div>\n <\/div>\n <div class=\"prize-details\">\n <div>Cash Prize<\/div>\n <div>+ <span class=\"detail-highlight\">1 year<\/span> CraftPix Membership<\/div>\n <\/div>\n <\/div>\n \n <div class=\"prize-card\">\n <div>\n <div class=\"rank\">\ud83e\udd49 3rd Place<\/div>\n <div class=\"amount\">$40<\/div>\n <\/div>\n <div class=\"prize-details\">\n <div>Cash Prize<\/div>\n <div>+ <span class=\"detail-highlight\">1 year<\/span> CraftPix Membership<\/div>\n <\/div>\n <\/div>\n \n <div class=\"prize-card\">\n <div>\n <div class=\"rank\">\ud83c\udfc5 4th Place<\/div>\n <div class=\"amount\">$25<\/div>\n <\/div>\n <div class=\"prize-details\">\n <div>Cash Prize<\/div>\n <div>+ <span class=\"detail-highlight\">1 year<\/span> CraftPix Membership<\/div>\n <\/div>\n <\/div>\n \n <div class=\"prize-card\">\n <div>\n <div class=\"rank\">\ud83c\udfc5 5th Place<\/div>\n <div class=\"amount\">$10<\/div>\n <\/div>\n <div class=\"prize-details\">\n <div>Cash Prize<\/div>\n <div>+ <span class=\"detail-highlight\">1 year<\/span> CraftPix Membership<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"info-grid\">\n <div class=\"info-card\">\n <h3>Judging Criteria<\/h3>\n <ul>\n <li>Uplifting Theme<\/li>\n <li>Innovative Gameplay Mechanics & Physics<\/li>\n <li>Visuals, Audio & Atmospheric Polish<\/li>\n <\/ul>\n <\/div>\n <div class=\"info-card\">\n <h3>Jam Rules<\/h3>\n <ul>\n <li>Must be safe for all ages (family friendly)<\/li>\n <li>Positive, uplifting, and hopeful ocean themes<\/li>\n <li>Submit your entry on Itch.io before deadline<\/li>\n <li>Prizes distributed via Zelle, PayPal, or CashApp<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <section class=\"community-section\">\n <img decoding=\"async\" src=\"http:\/\/lightbearsoftware.com\/wp-content\/uploads\/2026\/07\/Logo_Light_Blush.png\" class=\"bear-guard bear-left\" alt=\"Glow Bear\" onerror=\"this.src='https:\/\/placehold.co\/120x120\/00e5ff\/ffffff?text=\ud83d\udc3b'\">\n <img decoding=\"async\" src=\"http:\/\/lightbearsoftware.com\/wp-content\/uploads\/2026\/07\/Logo_Light_Blush.png\" class=\"bear-guard bear-right\" alt=\"Glow Bear\" onerror=\"this.src='https:\/\/placehold.co\/120x120\/00e5ff\/ffffff?text=\ud83d\udc3b'\">\n \n <h2 style=\"margin-bottom: 40px; letter-spacing: 5px; text-transform: uppercase;\">DIVE INTO THE GAME JAM<\/h2>\n <a href=\"https:\/\/itch.io\/jam\/uplifting-game-jam-9\" class=\"join-btn\" target=\"_blank\">JOIN JAM ON ITCH<\/a>\n \n <div style=\"margin-top: 40px;\">\n <a href=\"https:\/\/discord.gg\/kKWpTdwjXC\" class=\"social-link\" target=\"_blank\">DISCORD<\/a>\n <a href=\"https:\/\/linktr.ee\/lightbear_software\" class=\"social-link\" target=\"_blank\">SOCIALS<\/a>\n <\/div>\n <\/section>\n\n <footer>\n <div class=\"cute-footer-box\" id=\"cute-footer\">\n <div>\n <span class=\"footer-mascot\" style=\"animation-delay: 0s;\">\ud83d\udc3b<\/span>\n <span class=\"footer-mascot\" style=\"animation-delay: 0.5s;\">\ud83c\udf0a<\/span>\n <span class=\"footer-mascot\" style=\"animation-delay: 1s;\">\ud83d\udc2c<\/span>\n <span class=\"footer-mascot\" style=\"animation-delay: 1.5s;\">\ud83e\udee7<\/span>\n <span class=\"footer-mascot\" style=\"animation-delay: 2s;\">\ud83d\udc1a<\/span>\n <\/div>\n <div class=\"footer-text\">\n LIGHTBEAR SOFTWARE \u00a9 2026\n <\/div>\n <div class=\"footer-subtext\">\n Creating Realities That Uplift and Inspire \u2728\n <\/div>\n <\/div>\n <\/footer>\n<\/div>\n\n<script>\n window.onload = function() {\n \/\/ --- FLOATING OCEAN BUBBLES ANIMATION ---\n const oceanContainer = document.getElementById('ocean-container');\n\n function createBubble() {\n const bubble = document.createElement('div');\n bubble.classList.add('bubble');\n \n \/\/ Random bubble sizes and wobble motion\n const size = Math.random() * 28 + 8; \/\/ Bubble diameter in px\n const startLeft = Math.random() * 100; \/\/ Left position in %\n const duration = Math.random() * 9 + 5; \/\/ Float speed\n const delay = Math.random() * -10; \/\/ Stagger start time\n const wobble = (Math.random() * 120 - 60) + 'px'; \/\/ Wobble distance\n \n bubble.style.width = size + 'px';\n bubble.style.height = size + 'px';\n bubble.style.left = startLeft + 'vw';\n bubble.style.animationDuration = duration + 's';\n bubble.style.animationDelay = delay + 's';\n bubble.style.setProperty('--wobble', wobble);\n \n oceanContainer.appendChild(bubble);\n \n setTimeout(() => {\n bubble.remove();\n createBubble();\n }, (duration) * 1000);\n }\n\n \/\/ Spawn initial sea bubbles\n for (let i = 0; i < 45; i++) {\n createBubble();\n }\n\n \/\/ --- CUTE INTERACTIVE OCEAN FOOTER EFFECT ---\n const footerBox = document.getElementById('cute-footer');\n const oceanIcons = ['\ud83c\udf0a', '\ud83d\udc2c', '\ud83d\udc20', '\ud83e\udeb8', '\ud83d\udc1a', '\ud83e\udd80', '\ud83e\udee7', '\ud83d\udc3b', '\u2728', '\ud83d\udc8e'];\n\n function spawnOceanBurst(x, y) {\n const count = 10 + Math.floor(Math.random() * 6);\n for (let i = 0; i < count; i++) {\n const particle = document.createElement('div');\n particle.className = 'pop-particle';\n particle.innerText = oceanIcons[Math.floor(Math.random() * oceanIcons.length)];\n \n \/\/ Calculate random angle and distance\n const angle = (Math.PI * 2 * i) \/ count + (Math.random() * 0.5 - 0.25);\n const distance = 55 + Math.random() * 85;\n const dx = Math.cos(angle) * distance + 'px';\n const dy = Math.sin(angle) * distance - 40 + 'px'; \/\/ Float upwards slightly\n const rot = (Math.random() * 360 - 180) + 'deg';\n\n particle.style.left = x + 'px';\n particle.style.top = y + 'px';\n particle.style.setProperty('--dx', dx);\n particle.style.setProperty('--dy', dy);\n particle.style.setProperty('--rot', rot);\n\n document.body.appendChild(particle);\n\n setTimeout(() => particle.remove(), 1300);\n }\n }\n\n if (footerBox) {\n footerBox.addEventListener('click', function(e) {\n const rect = footerBox.getBoundingClientRect();\n const clickX = e.clientX || (rect.left + rect.width \/ 2);\n const clickY = e.clientY || (rect.top + rect.height \/ 2);\n spawnOceanBurst(clickX, clickY);\n });\n\n \/\/ Ambient gentle aquatic sparkler on hover over footer\n let lastHoverTime = 0;\n footerBox.addEventListener('mousemove', function(e) {\n const now = Date.now();\n if (now - lastHoverTime > 160) {\n lastHoverTime = now;\n const particle = document.createElement('div');\n particle.className = 'pop-particle';\n particle.innerText = oceanIcons[Math.floor(Math.random() * oceanIcons.length)];\n \n const dx = (Math.random() * 50 - 25) + 'px';\n const dy = (-35 - Math.random() * 45) + 'px';\n const rot = (Math.random() * 180 - 90) + 'deg';\n\n particle.style.left = e.clientX + 'px';\n particle.style.top = e.clientY + 'px';\n particle.style.setProperty('--dx', dx);\n particle.style.setProperty('--dy', dy);\n particle.style.setProperty('--rot', rot);\n\n document.body.appendChild(particle);\n setTimeout(() => particle.remove(), 1300);\n }\n });\n }\n };\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>LightBear Software | Ocean Game Jam LIGHTBEAR SOFTWARE IX UPLIFTING GAME JAM 9 Dive deep into creativity. Bring your underwater ideas to life and design a game that explores the depths, warms the heart, and celebrates oceanic vibes! \ud83c\udf0a Official Jam Theme Revealed \ud83c\udf0a OCEAN {“OCEAN WATER AND MORE”} \ud83e\udd47 1st Place $100 Cash Prize … <a title=\"GAME JAM\" class=\"read-more\" href=\"https:\/\/lightbearsoftware.com\/index.php\/game-jams\/\">Read more<span class=\"screen-reader-text\">GAME JAM<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-409","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/lightbearsoftware.com\/index.php\/wp-json\/wp\/v2\/pages\/409","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lightbearsoftware.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lightbearsoftware.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lightbearsoftware.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lightbearsoftware.com\/index.php\/wp-json\/wp\/v2\/comments?post=409"}],"version-history":[{"count":26,"href":"https:\/\/lightbearsoftware.com\/index.php\/wp-json\/wp\/v2\/pages\/409\/revisions"}],"predecessor-version":[{"id":626,"href":"https:\/\/lightbearsoftware.com\/index.php\/wp-json\/wp\/v2\/pages\/409\/revisions\/626"}],"wp:attachment":[{"href":"https:\/\/lightbearsoftware.com\/index.php\/wp-json\/wp\/v2\/media?parent=409"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}