cloudflare
tcp/443 tcp/80 tcp/8443
Open service 2606:4700:310c::ac42:2ca9:443 · simulation-8ty.pages.dev
2026-01-09 14:08
HTTP/1.1 200 OK
Date: Fri, 09 Jan 2026 14:09:01 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 13207
Connection: close
Access-Control-Allow-Origin: *
Cache-Control: public, max-age=0, must-revalidate
ETag: "c8df92edd09dd17ab26a6cce625b5e0f"
permissions-policy: camera=(), microphone=(), geolocation=()
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
x-frame-options: DENY
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=UZD2mG%2Bom8CwCH8Iw0lgbuMXYlZSqrDAuczFdzhUJGT%2BOcuaTDKgrsx3WlWCNRybRb72Yg603S1d4xrWc1cFj5NAwNtwq9HpRJHnVLe%2FPRAslgajEoHLrYb76BXmIhCzat%2FxhA%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bb4828ff9b33735-FRA
alt-svc: h3=":443"; ma=86400
Page title: Organism Simulation Game
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1.0" />
<title>Organism Simulation Game</title>
<!-- Mobile optimization meta tags -->
<meta name="mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="format-detection" content="telephone=no" />
<!-- PWA Meta Tags -->
<meta name="theme-color" content="#2196F3" />
<meta name="description" content="Interactive organism simulation game with real-time population dynamics" />
<link rel="manifest" href="/manifest.json" />
<link rel="apple-touch-icon" href="/icons/icon-192x192.png" />
<!-- Preload critical resources -->
<link rel="preload" href="/assets/main-DVgI314m.ts" as="script" type="module" />
<style>
/* Basic reset and test styles */
* { box-sizing: border-box; }
body {
margin: 0;
padding: 20px;
font-family: Arial, sans-serif;
background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);
color: white;
min-height: 100vh;
/* Prevent mobile bounce scrolling */
overscroll-behavior: none;
/* Improve touch responsiveness */
touch-action: manipulation;
/* Prevent text selection on mobile */
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#app {
max-width: 1200px;
margin: 0 auto;
text-align: center;
}
h1 {
font-size: 2.5em;
margin: 0;
background: linear-gradient(45deg, #4CAF50, #2196F3);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
/* Mobile-specific improvements */
@media (max-width: 768px) {
body {
padding: 10px;
/* Fix iOS Safari viewport issues */
min-height: -webkit-fill-available;
}
/* Prevent zoom on input focus for iOS */
input, select, textarea {
font-size: 16px !important;
}
}
/* Accessibility improvements */
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
/* Improve focus visibility */
button:focus,
input:focus,
select:focus,
canvas:focus {
outline: 2px solid #4CAF50;
outline-offset: 2px;
}
/* High contrast improvements */
@media (prefers-contrast: high) {
h1 {
-webkit-text-fill-color: white;
color: white;
}
}
/* Fieldset styling for controls */
fieldset.controls {
border: none;
padding: 0;
margin: 0;
}
fieldset.controls legend {
padding: 0;
}
</style>
<script type="module" crossorigin src="/assets/index-C-53dBxk.js"></script>
<link rel="stylesheet" crossorigin href="/assets/style-C8ohZyzV.css">
<link rel="manifest" href="/manifest.webmanifest"><script id="vite-plugin-pwa:register-sw" src="/registerSW.js"></script></head>
<body>
<div id="app">
<header role="banner">
<h1>Organism Simulation Game</h1>
<p>Click on the canvas to place organisms, then watch how they multiply and divide over time</p>
</header>
<main role="main">
<section aria-labelledby="controls-heading">
<h2 id="controls-heading" class="sr-only">Simulation Controls</h2>
<fieldset class="controls">
<legend class="sr-only">Game Control Settings</legend>
<div
Open service 172.66.47.87:8443 · simulation-8ty.pages.dev
2026-01-09 14:08
HTTP/1.1 200 OK
Date: Fri, 09 Jan 2026 14:09:01 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 13207
Connection: close
Access-Control-Allow-Origin: *
Cache-Control: public, max-age=0, must-revalidate
ETag: "c8df92edd09dd17ab26a6cce625b5e0f"
permissions-policy: camera=(), microphone=(), geolocation=()
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
x-frame-options: DENY
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=bQDbRK0L6kPaitGOqyb1UZI%2BG3wEpz5iSrcVasIZIwtE0xHbVPHN0sKJgwCBsi1ONG8As3YrDXyT%2F5X7923zx9JU5RisYyknou4%2BRt4Pri5jbxXh%2B8tBlQ%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bb4828ee8c9c448-EWR
alt-svc: h3=":8443"; ma=86400
Page title: Organism Simulation Game
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1.0" />
<title>Organism Simulation Game</title>
<!-- Mobile optimization meta tags -->
<meta name="mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="format-detection" content="telephone=no" />
<!-- PWA Meta Tags -->
<meta name="theme-color" content="#2196F3" />
<meta name="description" content="Interactive organism simulation game with real-time population dynamics" />
<link rel="manifest" href="/manifest.json" />
<link rel="apple-touch-icon" href="/icons/icon-192x192.png" />
<!-- Preload critical resources -->
<link rel="preload" href="/assets/main-DVgI314m.ts" as="script" type="module" />
<style>
/* Basic reset and test styles */
* { box-sizing: border-box; }
body {
margin: 0;
padding: 20px;
font-family: Arial, sans-serif;
background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);
color: white;
min-height: 100vh;
/* Prevent mobile bounce scrolling */
overscroll-behavior: none;
/* Improve touch responsiveness */
touch-action: manipulation;
/* Prevent text selection on mobile */
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#app {
max-width: 1200px;
margin: 0 auto;
text-align: center;
}
h1 {
font-size: 2.5em;
margin: 0;
background: linear-gradient(45deg, #4CAF50, #2196F3);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
/* Mobile-specific improvements */
@media (max-width: 768px) {
body {
padding: 10px;
/* Fix iOS Safari viewport issues */
min-height: -webkit-fill-available;
}
/* Prevent zoom on input focus for iOS */
input, select, textarea {
font-size: 16px !important;
}
}
/* Accessibility improvements */
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
/* Improve focus visibility */
button:focus,
input:focus,
select:focus,
canvas:focus {
outline: 2px solid #4CAF50;
outline-offset: 2px;
}
/* High contrast improvements */
@media (prefers-contrast: high) {
h1 {
-webkit-text-fill-color: white;
color: white;
}
}
/* Fieldset styling for controls */
fieldset.controls {
border: none;
padding: 0;
margin: 0;
}
fieldset.controls legend {
padding: 0;
}
</style>
<script type="module" crossorigin src="/assets/index-C-53dBxk.js"></script>
<link rel="stylesheet" crossorigin href="/assets/style-C8ohZyzV.css">
<link rel="manifest" href="/manifest.webmanifest"><script id="vite-plugin-pwa:register-sw" src="/registerSW.js"></script></head>
<body>
<div id="app">
<header role="banner">
<h1>Organism Simulation Game</h1>
<p>Click on the canvas to place organisms, then watch how they multiply and divide over time</p>
</header>
<main role="main">
<section aria-labelledby="controls-heading">
<h2 id="controls-heading" class="sr-only">Simulation Controls</h2>
<fieldset class="controls">
<legend class="sr-only">Game Control Settings</legend>
<div
Open service 2606:4700:310c::ac42:2ca9:80 · simulation-8ty.pages.dev
2026-01-09 14:08
HTTP/1.1 301 Moved Permanently
Date: Fri, 09 Jan 2026 14:09:01 GMT
Content-Length: 0
Connection: close
Location: https://simulation-8ty.pages.dev/
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=NsRNIZL%2BKuq6zNlsPQW5c2eC9zp%2FMTVH0tVRDnNu5XRg4sRk%2FFqMiXHuqHmS%2F1TXzxIBKlnmwELgL%2FxL8FxVFzat1Arr4%2B0T3i9QwWyvVti90k9jeZ3m%2BdmMO8bNmk50omxGaA%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bb4828e8d6b2c56-EWR
alt-svc: h3=":443"; ma=86400
Open service 2606:4700:310c::ac42:2f57:443 · simulation-8ty.pages.dev
2026-01-09 14:08
HTTP/1.1 200 OK
Date: Fri, 09 Jan 2026 14:09:01 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 13207
Connection: close
Access-Control-Allow-Origin: *
Cache-Control: public, max-age=0, must-revalidate
ETag: "c8df92edd09dd17ab26a6cce625b5e0f"
permissions-policy: camera=(), microphone=(), geolocation=()
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
x-frame-options: DENY
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=H9s8g9hH0BzUyXmWkrr6TPu0crlr%2BwsLRH68OSCCTQUAq0u2xYTpDTyZRRXYOqkmWn7oxdSoqH6rCA5Uc9mruDXXosvdODxFQikXboX79EySe6QsBRnMOVamK80%2BeH2xQSDT8g%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bb4828f7d9ec4f0-LHR
alt-svc: h3=":443"; ma=86400
Page title: Organism Simulation Game
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1.0" />
<title>Organism Simulation Game</title>
<!-- Mobile optimization meta tags -->
<meta name="mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="format-detection" content="telephone=no" />
<!-- PWA Meta Tags -->
<meta name="theme-color" content="#2196F3" />
<meta name="description" content="Interactive organism simulation game with real-time population dynamics" />
<link rel="manifest" href="/manifest.json" />
<link rel="apple-touch-icon" href="/icons/icon-192x192.png" />
<!-- Preload critical resources -->
<link rel="preload" href="/assets/main-DVgI314m.ts" as="script" type="module" />
<style>
/* Basic reset and test styles */
* { box-sizing: border-box; }
body {
margin: 0;
padding: 20px;
font-family: Arial, sans-serif;
background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);
color: white;
min-height: 100vh;
/* Prevent mobile bounce scrolling */
overscroll-behavior: none;
/* Improve touch responsiveness */
touch-action: manipulation;
/* Prevent text selection on mobile */
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#app {
max-width: 1200px;
margin: 0 auto;
text-align: center;
}
h1 {
font-size: 2.5em;
margin: 0;
background: linear-gradient(45deg, #4CAF50, #2196F3);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
/* Mobile-specific improvements */
@media (max-width: 768px) {
body {
padding: 10px;
/* Fix iOS Safari viewport issues */
min-height: -webkit-fill-available;
}
/* Prevent zoom on input focus for iOS */
input, select, textarea {
font-size: 16px !important;
}
}
/* Accessibility improvements */
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
/* Improve focus visibility */
button:focus,
input:focus,
select:focus,
canvas:focus {
outline: 2px solid #4CAF50;
outline-offset: 2px;
}
/* High contrast improvements */
@media (prefers-contrast: high) {
h1 {
-webkit-text-fill-color: white;
color: white;
}
}
/* Fieldset styling for controls */
fieldset.controls {
border: none;
padding: 0;
margin: 0;
}
fieldset.controls legend {
padding: 0;
}
</style>
<script type="module" crossorigin src="/assets/index-C-53dBxk.js"></script>
<link rel="stylesheet" crossorigin href="/assets/style-C8ohZyzV.css">
<link rel="manifest" href="/manifest.webmanifest"><script id="vite-plugin-pwa:register-sw" src="/registerSW.js"></script></head>
<body>
<div id="app">
<header role="banner">
<h1>Organism Simulation Game</h1>
<p>Click on the canvas to place organisms, then watch how they multiply and divide over time</p>
</header>
<main role="main">
<section aria-labelledby="controls-heading">
<h2 id="controls-heading" class="sr-only">Simulation Controls</h2>
<fieldset class="controls">
<legend class="sr-only">Game Control Settings</legend>
<div
Open service 172.66.47.87:443 · simulation-8ty.pages.dev
2026-01-09 14:08
HTTP/1.1 200 OK
Date: Fri, 09 Jan 2026 14:09:01 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 13207
Connection: close
Access-Control-Allow-Origin: *
Cache-Control: public, max-age=0, must-revalidate
ETag: "c8df92edd09dd17ab26a6cce625b5e0f"
permissions-policy: camera=(), microphone=(), geolocation=()
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
x-frame-options: DENY
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=8nRsvjbavEr%2BeR%2FDwpZ7BdlBz4wFTE3Aiayd%2FC6gk%2BCte%2BRWJg6OhVRXmx%2BmhVT0wcFuuii8v4y9N1AePGboTlipjmrjTycbMe1vkAmZ5s5mshqaq%2BuWXg%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bb4828f9d98bd93-LHR
alt-svc: h3=":443"; ma=86400
Page title: Organism Simulation Game
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1.0" />
<title>Organism Simulation Game</title>
<!-- Mobile optimization meta tags -->
<meta name="mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="format-detection" content="telephone=no" />
<!-- PWA Meta Tags -->
<meta name="theme-color" content="#2196F3" />
<meta name="description" content="Interactive organism simulation game with real-time population dynamics" />
<link rel="manifest" href="/manifest.json" />
<link rel="apple-touch-icon" href="/icons/icon-192x192.png" />
<!-- Preload critical resources -->
<link rel="preload" href="/assets/main-DVgI314m.ts" as="script" type="module" />
<style>
/* Basic reset and test styles */
* { box-sizing: border-box; }
body {
margin: 0;
padding: 20px;
font-family: Arial, sans-serif;
background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);
color: white;
min-height: 100vh;
/* Prevent mobile bounce scrolling */
overscroll-behavior: none;
/* Improve touch responsiveness */
touch-action: manipulation;
/* Prevent text selection on mobile */
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#app {
max-width: 1200px;
margin: 0 auto;
text-align: center;
}
h1 {
font-size: 2.5em;
margin: 0;
background: linear-gradient(45deg, #4CAF50, #2196F3);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
/* Mobile-specific improvements */
@media (max-width: 768px) {
body {
padding: 10px;
/* Fix iOS Safari viewport issues */
min-height: -webkit-fill-available;
}
/* Prevent zoom on input focus for iOS */
input, select, textarea {
font-size: 16px !important;
}
}
/* Accessibility improvements */
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
/* Improve focus visibility */
button:focus,
input:focus,
select:focus,
canvas:focus {
outline: 2px solid #4CAF50;
outline-offset: 2px;
}
/* High contrast improvements */
@media (prefers-contrast: high) {
h1 {
-webkit-text-fill-color: white;
color: white;
}
}
/* Fieldset styling for controls */
fieldset.controls {
border: none;
padding: 0;
margin: 0;
}
fieldset.controls legend {
padding: 0;
}
</style>
<script type="module" crossorigin src="/assets/index-C-53dBxk.js"></script>
<link rel="stylesheet" crossorigin href="/assets/style-C8ohZyzV.css">
<link rel="manifest" href="/manifest.webmanifest"><script id="vite-plugin-pwa:register-sw" src="/registerSW.js"></script></head>
<body>
<div id="app">
<header role="banner">
<h1>Organism Simulation Game</h1>
<p>Click on the canvas to place organisms, then watch how they multiply and divide over time</p>
</header>
<main role="main">
<section aria-labelledby="controls-heading">
<h2 id="controls-heading" class="sr-only">Simulation Controls</h2>
<fieldset class="controls">
<legend class="sr-only">Game Control Settings</legend>
<div
Open service 172.66.44.169:80 · simulation-8ty.pages.dev
2026-01-09 14:08
HTTP/1.1 301 Moved Permanently
Date: Fri, 09 Jan 2026 14:09:01 GMT
Content-Length: 0
Connection: close
Location: https://simulation-8ty.pages.dev/
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=tUuvwGpCsjdTzN5WsPM%2BS1KEBVwrh0B5m4Zlen2l7HxtptjU34mu%2FJyoOZMyxKvzN1sY10g466MouDLxhQ6ToA3N8AJCKgFs9zV4ofkNtGoGxFh5pbkRCQ%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bb4828e1fe3b2c0-EWR
alt-svc: h3=":443"; ma=86400
Open service 2606:4700:310c::ac42:2f57:8443 · simulation-8ty.pages.dev
2026-01-09 14:08
HTTP/1.1 200 OK
Date: Fri, 09 Jan 2026 14:09:01 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 13207
Connection: close
Access-Control-Allow-Origin: *
Cache-Control: public, max-age=0, must-revalidate
ETag: "c8df92edd09dd17ab26a6cce625b5e0f"
permissions-policy: camera=(), microphone=(), geolocation=()
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
x-frame-options: DENY
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=o1lpotTQNUdMWqiOWVyT4ywuLfgpWhb8VrILPunOWBEK7ju6dBDxPs3X3lp3WvBV85xWqMhjlYQE9yzubC0MpbT%2FnFH5R3LtfUQPsiWK8wpdD1llgUri6pnbhl%2FMqilHwUQ%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bb4828faddff5b4-AMS
alt-svc: h3=":8443"; ma=86400
Page title: Organism Simulation Game
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1.0" />
<title>Organism Simulation Game</title>
<!-- Mobile optimization meta tags -->
<meta name="mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="format-detection" content="telephone=no" />
<!-- PWA Meta Tags -->
<meta name="theme-color" content="#2196F3" />
<meta name="description" content="Interactive organism simulation game with real-time population dynamics" />
<link rel="manifest" href="/manifest.json" />
<link rel="apple-touch-icon" href="/icons/icon-192x192.png" />
<!-- Preload critical resources -->
<link rel="preload" href="/assets/main-DVgI314m.ts" as="script" type="module" />
<style>
/* Basic reset and test styles */
* { box-sizing: border-box; }
body {
margin: 0;
padding: 20px;
font-family: Arial, sans-serif;
background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);
color: white;
min-height: 100vh;
/* Prevent mobile bounce scrolling */
overscroll-behavior: none;
/* Improve touch responsiveness */
touch-action: manipulation;
/* Prevent text selection on mobile */
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#app {
max-width: 1200px;
margin: 0 auto;
text-align: center;
}
h1 {
font-size: 2.5em;
margin: 0;
background: linear-gradient(45deg, #4CAF50, #2196F3);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
/* Mobile-specific improvements */
@media (max-width: 768px) {
body {
padding: 10px;
/* Fix iOS Safari viewport issues */
min-height: -webkit-fill-available;
}
/* Prevent zoom on input focus for iOS */
input, select, textarea {
font-size: 16px !important;
}
}
/* Accessibility improvements */
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
/* Improve focus visibility */
button:focus,
input:focus,
select:focus,
canvas:focus {
outline: 2px solid #4CAF50;
outline-offset: 2px;
}
/* High contrast improvements */
@media (prefers-contrast: high) {
h1 {
-webkit-text-fill-color: white;
color: white;
}
}
/* Fieldset styling for controls */
fieldset.controls {
border: none;
padding: 0;
margin: 0;
}
fieldset.controls legend {
padding: 0;
}
</style>
<script type="module" crossorigin src="/assets/index-C-53dBxk.js"></script>
<link rel="stylesheet" crossorigin href="/assets/style-C8ohZyzV.css">
<link rel="manifest" href="/manifest.webmanifest"><script id="vite-plugin-pwa:register-sw" src="/registerSW.js"></script></head>
<body>
<div id="app">
<header role="banner">
<h1>Organism Simulation Game</h1>
<p>Click on the canvas to place organisms, then watch how they multiply and divide over time</p>
</header>
<main role="main">
<section aria-labelledby="controls-heading">
<h2 id="controls-heading" class="sr-only">Simulation Controls</h2>
<fieldset class="controls">
<legend class="sr-only">Game Control Settings</legend>
<div
Open service 2606:4700:310c::ac42:2ca9:8443 · simulation-8ty.pages.dev
2026-01-09 14:08
HTTP/1.1 200 OK
Date: Fri, 09 Jan 2026 14:09:01 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 13207
Connection: close
Access-Control-Allow-Origin: *
Cache-Control: public, max-age=0, must-revalidate
ETag: "c8df92edd09dd17ab26a6cce625b5e0f"
permissions-policy: camera=(), microphone=(), geolocation=()
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
x-frame-options: DENY
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=B4X6RxVcdqSXhFfmyVzY1icLkzgJYDvOr84J3zDBYDDPSCuSqEUkvq5Frup5v59wDkPi1oPvf0p9O6EnRnao2gyjEF8u8XW7v9uV18ZlypkU22qyrRwYxSC16Cs5nC1o6Tc%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bb4828e3dfe9a39-FRA
alt-svc: h3=":8443"; ma=86400
Page title: Organism Simulation Game
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1.0" />
<title>Organism Simulation Game</title>
<!-- Mobile optimization meta tags -->
<meta name="mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="format-detection" content="telephone=no" />
<!-- PWA Meta Tags -->
<meta name="theme-color" content="#2196F3" />
<meta name="description" content="Interactive organism simulation game with real-time population dynamics" />
<link rel="manifest" href="/manifest.json" />
<link rel="apple-touch-icon" href="/icons/icon-192x192.png" />
<!-- Preload critical resources -->
<link rel="preload" href="/assets/main-DVgI314m.ts" as="script" type="module" />
<style>
/* Basic reset and test styles */
* { box-sizing: border-box; }
body {
margin: 0;
padding: 20px;
font-family: Arial, sans-serif;
background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);
color: white;
min-height: 100vh;
/* Prevent mobile bounce scrolling */
overscroll-behavior: none;
/* Improve touch responsiveness */
touch-action: manipulation;
/* Prevent text selection on mobile */
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#app {
max-width: 1200px;
margin: 0 auto;
text-align: center;
}
h1 {
font-size: 2.5em;
margin: 0;
background: linear-gradient(45deg, #4CAF50, #2196F3);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
/* Mobile-specific improvements */
@media (max-width: 768px) {
body {
padding: 10px;
/* Fix iOS Safari viewport issues */
min-height: -webkit-fill-available;
}
/* Prevent zoom on input focus for iOS */
input, select, textarea {
font-size: 16px !important;
}
}
/* Accessibility improvements */
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
/* Improve focus visibility */
button:focus,
input:focus,
select:focus,
canvas:focus {
outline: 2px solid #4CAF50;
outline-offset: 2px;
}
/* High contrast improvements */
@media (prefers-contrast: high) {
h1 {
-webkit-text-fill-color: white;
color: white;
}
}
/* Fieldset styling for controls */
fieldset.controls {
border: none;
padding: 0;
margin: 0;
}
fieldset.controls legend {
padding: 0;
}
</style>
<script type="module" crossorigin src="/assets/index-C-53dBxk.js"></script>
<link rel="stylesheet" crossorigin href="/assets/style-C8ohZyzV.css">
<link rel="manifest" href="/manifest.webmanifest"><script id="vite-plugin-pwa:register-sw" src="/registerSW.js"></script></head>
<body>
<div id="app">
<header role="banner">
<h1>Organism Simulation Game</h1>
<p>Click on the canvas to place organisms, then watch how they multiply and divide over time</p>
</header>
<main role="main">
<section aria-labelledby="controls-heading">
<h2 id="controls-heading" class="sr-only">Simulation Controls</h2>
<fieldset class="controls">
<legend class="sr-only">Game Control Settings</legend>
<div
Open service 172.66.44.169:8443 · simulation-8ty.pages.dev
2026-01-09 14:08
HTTP/1.1 200 OK
Date: Fri, 09 Jan 2026 14:09:01 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 13207
Connection: close
Access-Control-Allow-Origin: *
Cache-Control: public, max-age=0, must-revalidate
ETag: "c8df92edd09dd17ab26a6cce625b5e0f"
permissions-policy: camera=(), microphone=(), geolocation=()
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
x-frame-options: DENY
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=wgdnrd4jnx1WaXU3ezB6x7JQMgXRZvKG8YCZjrVJB1xFAOig1A2%2FTepIXiOcMkDolgJTrFS5%2F6wIufR6DGDcTLkVdlFNLgGA7CApfwNr34%2B0Z3yLbbE%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bb4828eb910b2eb-YYZ
alt-svc: h3=":8443"; ma=86400
Page title: Organism Simulation Game
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1.0" />
<title>Organism Simulation Game</title>
<!-- Mobile optimization meta tags -->
<meta name="mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="format-detection" content="telephone=no" />
<!-- PWA Meta Tags -->
<meta name="theme-color" content="#2196F3" />
<meta name="description" content="Interactive organism simulation game with real-time population dynamics" />
<link rel="manifest" href="/manifest.json" />
<link rel="apple-touch-icon" href="/icons/icon-192x192.png" />
<!-- Preload critical resources -->
<link rel="preload" href="/assets/main-DVgI314m.ts" as="script" type="module" />
<style>
/* Basic reset and test styles */
* { box-sizing: border-box; }
body {
margin: 0;
padding: 20px;
font-family: Arial, sans-serif;
background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);
color: white;
min-height: 100vh;
/* Prevent mobile bounce scrolling */
overscroll-behavior: none;
/* Improve touch responsiveness */
touch-action: manipulation;
/* Prevent text selection on mobile */
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#app {
max-width: 1200px;
margin: 0 auto;
text-align: center;
}
h1 {
font-size: 2.5em;
margin: 0;
background: linear-gradient(45deg, #4CAF50, #2196F3);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
/* Mobile-specific improvements */
@media (max-width: 768px) {
body {
padding: 10px;
/* Fix iOS Safari viewport issues */
min-height: -webkit-fill-available;
}
/* Prevent zoom on input focus for iOS */
input, select, textarea {
font-size: 16px !important;
}
}
/* Accessibility improvements */
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
/* Improve focus visibility */
button:focus,
input:focus,
select:focus,
canvas:focus {
outline: 2px solid #4CAF50;
outline-offset: 2px;
}
/* High contrast improvements */
@media (prefers-contrast: high) {
h1 {
-webkit-text-fill-color: white;
color: white;
}
}
/* Fieldset styling for controls */
fieldset.controls {
border: none;
padding: 0;
margin: 0;
}
fieldset.controls legend {
padding: 0;
}
</style>
<script type="module" crossorigin src="/assets/index-C-53dBxk.js"></script>
<link rel="stylesheet" crossorigin href="/assets/style-C8ohZyzV.css">
<link rel="manifest" href="/manifest.webmanifest"><script id="vite-plugin-pwa:register-sw" src="/registerSW.js"></script></head>
<body>
<div id="app">
<header role="banner">
<h1>Organism Simulation Game</h1>
<p>Click on the canvas to place organisms, then watch how they multiply and divide over time</p>
</header>
<main role="main">
<section aria-labelledby="controls-heading">
<h2 id="controls-heading" class="sr-only">Simulation Controls</h2>
<fieldset class="controls">
<legend class="sr-only">Game Control Settings</legend>
<div
Open service 172.66.44.169:443 · simulation-8ty.pages.dev
2026-01-09 14:08
HTTP/1.1 200 OK
Date: Fri, 09 Jan 2026 14:09:01 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 13207
Connection: close
Access-Control-Allow-Origin: *
Cache-Control: public, max-age=0, must-revalidate
ETag: "c8df92edd09dd17ab26a6cce625b5e0f"
permissions-policy: camera=(), microphone=(), geolocation=()
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
x-frame-options: DENY
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=2HeFCOq9uGjFUZOgPxB9aYC8EkMvNbEBlSjf2X1dNU1qXnGHETEQibPScF67dWFlC19cR%2F7dJXvjTnqX340N86whSs63SC1BOBvsErlxWpD1qyWKWt7C6Q%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bb4828e8dc671bf-FRA
alt-svc: h3=":443"; ma=86400
Page title: Organism Simulation Game
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1.0" />
<title>Organism Simulation Game</title>
<!-- Mobile optimization meta tags -->
<meta name="mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="format-detection" content="telephone=no" />
<!-- PWA Meta Tags -->
<meta name="theme-color" content="#2196F3" />
<meta name="description" content="Interactive organism simulation game with real-time population dynamics" />
<link rel="manifest" href="/manifest.json" />
<link rel="apple-touch-icon" href="/icons/icon-192x192.png" />
<!-- Preload critical resources -->
<link rel="preload" href="/assets/main-DVgI314m.ts" as="script" type="module" />
<style>
/* Basic reset and test styles */
* { box-sizing: border-box; }
body {
margin: 0;
padding: 20px;
font-family: Arial, sans-serif;
background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);
color: white;
min-height: 100vh;
/* Prevent mobile bounce scrolling */
overscroll-behavior: none;
/* Improve touch responsiveness */
touch-action: manipulation;
/* Prevent text selection on mobile */
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#app {
max-width: 1200px;
margin: 0 auto;
text-align: center;
}
h1 {
font-size: 2.5em;
margin: 0;
background: linear-gradient(45deg, #4CAF50, #2196F3);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
/* Mobile-specific improvements */
@media (max-width: 768px) {
body {
padding: 10px;
/* Fix iOS Safari viewport issues */
min-height: -webkit-fill-available;
}
/* Prevent zoom on input focus for iOS */
input, select, textarea {
font-size: 16px !important;
}
}
/* Accessibility improvements */
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
/* Improve focus visibility */
button:focus,
input:focus,
select:focus,
canvas:focus {
outline: 2px solid #4CAF50;
outline-offset: 2px;
}
/* High contrast improvements */
@media (prefers-contrast: high) {
h1 {
-webkit-text-fill-color: white;
color: white;
}
}
/* Fieldset styling for controls */
fieldset.controls {
border: none;
padding: 0;
margin: 0;
}
fieldset.controls legend {
padding: 0;
}
</style>
<script type="module" crossorigin src="/assets/index-C-53dBxk.js"></script>
<link rel="stylesheet" crossorigin href="/assets/style-C8ohZyzV.css">
<link rel="manifest" href="/manifest.webmanifest"><script id="vite-plugin-pwa:register-sw" src="/registerSW.js"></script></head>
<body>
<div id="app">
<header role="banner">
<h1>Organism Simulation Game</h1>
<p>Click on the canvas to place organisms, then watch how they multiply and divide over time</p>
</header>
<main role="main">
<section aria-labelledby="controls-heading">
<h2 id="controls-heading" class="sr-only">Simulation Controls</h2>
<fieldset class="controls">
<legend class="sr-only">Game Control Settings</legend>
<div
Open service 2606:4700:310c::ac42:2f57:80 · simulation-8ty.pages.dev
2026-01-09 14:08
HTTP/1.1 301 Moved Permanently
Date: Fri, 09 Jan 2026 14:09:01 GMT
Content-Length: 0
Connection: close
Location: https://simulation-8ty.pages.dev/
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=RiIAsp9N7NU9RI0e3IhoKmru4ZjJLwbzoelzqR%2BB2pwDti%2FoUbFaU64S4sB6Xt2OQ6qEQ%2FctAiIrL32ecbTX73CIxzKc2IL0K6A%2BlAfJuwTNeX4sFWjpwnv%2FBFN24%2BfnrebamA%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bb4828dee12f7f1-LHR
alt-svc: h3=":443"; ma=86400
Open service 172.66.47.87:80 · simulation-8ty.pages.dev
2026-01-09 14:08
HTTP/1.1 301 Moved Permanently
Date: Fri, 09 Jan 2026 14:09:01 GMT
Content-Length: 0
Connection: close
Location: https://simulation-8ty.pages.dev/
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=3qQ7WZVTM69paIW995FZxLM9%2FR5c7psqrN2ufeEFZ8bCgYgER39IAG9S5GV%2Fmvg2s1zbegBT%2FtLkjsTD7GmtC%2BfFMDk4axglTTXCOrUS9rVvDiFe7U5r%2Fg%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bb4828d8d0efffa-AMS
alt-svc: h3=":443"; ma=86400
Open service 2606:4700:310c::ac42:2ca9:443 · simulation-8ty.pages.dev
2026-01-04 06:25
HTTP/1.1 200 OK
Date: Sun, 04 Jan 2026 06:25:52 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 13207
Connection: close
Access-Control-Allow-Origin: *
Cache-Control: public, max-age=0, must-revalidate
ETag: "c8df92edd09dd17ab26a6cce625b5e0f"
permissions-policy: camera=(), microphone=(), geolocation=()
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
x-frame-options: DENY
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=Zw0qlXHfZULV%2BCbe91MXlyGthnmA8gZcSCWKu2kX%2FeLhKUpclilfo2hSVgWUJEUoBfUdApTChiJiS5uXc%2F4Xnkh02jzsCNpmx7kVByhqycIMQKcGAxNVy5t4yZZvtyJu2gaTSg%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9b88a93de87726da-SIN
alt-svc: h3=":443"; ma=86400
Page title: Organism Simulation Game
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1.0" />
<title>Organism Simulation Game</title>
<!-- Mobile optimization meta tags -->
<meta name="mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="format-detection" content="telephone=no" />
<!-- PWA Meta Tags -->
<meta name="theme-color" content="#2196F3" />
<meta name="description" content="Interactive organism simulation game with real-time population dynamics" />
<link rel="manifest" href="/manifest.json" />
<link rel="apple-touch-icon" href="/icons/icon-192x192.png" />
<!-- Preload critical resources -->
<link rel="preload" href="/assets/main-DVgI314m.ts" as="script" type="module" />
<style>
/* Basic reset and test styles */
* { box-sizing: border-box; }
body {
margin: 0;
padding: 20px;
font-family: Arial, sans-serif;
background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);
color: white;
min-height: 100vh;
/* Prevent mobile bounce scrolling */
overscroll-behavior: none;
/* Improve touch responsiveness */
touch-action: manipulation;
/* Prevent text selection on mobile */
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#app {
max-width: 1200px;
margin: 0 auto;
text-align: center;
}
h1 {
font-size: 2.5em;
margin: 0;
background: linear-gradient(45deg, #4CAF50, #2196F3);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
/* Mobile-specific improvements */
@media (max-width: 768px) {
body {
padding: 10px;
/* Fix iOS Safari viewport issues */
min-height: -webkit-fill-available;
}
/* Prevent zoom on input focus for iOS */
input, select, textarea {
font-size: 16px !important;
}
}
/* Accessibility improvements */
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
/* Improve focus visibility */
button:focus,
input:focus,
select:focus,
canvas:focus {
outline: 2px solid #4CAF50;
outline-offset: 2px;
}
/* High contrast improvements */
@media (prefers-contrast: high) {
h1 {
-webkit-text-fill-color: white;
color: white;
}
}
/* Fieldset styling for controls */
fieldset.controls {
border: none;
padding: 0;
margin: 0;
}
fieldset.controls legend {
padding: 0;
}
</style>
<script type="module" crossorigin src="/assets/index-C-53dBxk.js"></script>
<link rel="stylesheet" crossorigin href="/assets/style-C8ohZyzV.css">
<link rel="manifest" href="/manifest.webmanifest"><script id="vite-plugin-pwa:register-sw" src="/registerSW.js"></script></head>
<body>
<div id="app">
<header role="banner">
<h1>Organism Simulation Game</h1>
<p>Click on the canvas to place organisms, then watch how they multiply and divide over time</p>
</header>
<main role="main">
<section aria-labelledby="controls-heading">
<h2 id="controls-heading" class="sr-only">Simulation Controls</h2>
<fieldset class="controls">
<legend class="sr-only">Game Control Settings</legend>
<div
Open service 2606:4700:310c::ac42:2ca9:80 · simulation-8ty.pages.dev
2026-01-04 06:25
HTTP/1.1 301 Moved Permanently
Date: Sun, 04 Jan 2026 06:25:50 GMT
Content-Length: 0
Connection: close
Location: https://simulation-8ty.pages.dev/
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=aG0dAyw22xcx46IdXRusVVOAEGhHKP2%2FICG9iwoAUtjzKYZxRi%2Bu4F72H5R%2BRWHfqkt9YMRZU686NksXp8q7zk0Ju%2Boxj9CcEupvu2z3pdvYoC9sGeP3Axvdc48Ez6Q5OfI%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9b88a935486957b0-EWR
alt-svc: h3=":443"; ma=86400
Open service 172.66.44.169:80 · simulation-8ty.pages.dev
2026-01-04 06:25
HTTP/1.1 301 Moved Permanently
Date: Sun, 04 Jan 2026 06:25:51 GMT
Content-Length: 0
Connection: close
Location: https://simulation-8ty.pages.dev/
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=BVWoG6cz2uNyZmNLrkTivhH0gxdWdpXTEQp78ICPW0DEuuIDnfRMl%2FbZntq6zMIcuMEiaLJKrGBlJRi97a9p42SLeb%2BtGUkv%2B4dMj9UntW1gsEm1KC3Q9Q%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9b88a935d8cdd3b0-FRA
alt-svc: h3=":443"; ma=86400
Open service 172.66.47.87:80 · simulation-8ty.pages.dev
2026-01-04 06:25
HTTP/1.1 301 Moved Permanently
Date: Sun, 04 Jan 2026 06:25:50 GMT
Content-Length: 0
Connection: close
Location: https://simulation-8ty.pages.dev/
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=JtoHkQOQoFkz9%2BkPSfeR7pwJxUKW4%2Bvsy7JhV5SXiZrGLbMRxa1Aynrh1BYJfLw5rVDtwkEeivLwpVlluMNxdsZcdbS3oymWe9YLY0h%2FdFQF7BtPE3ud7Q%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9b88a9351b254d91-FRA
alt-svc: h3=":443"; ma=86400
Open service 172.66.47.87:8443 · simulation-8ty.pages.dev
2026-01-04 06:25
HTTP/1.1 200 OK
Date: Sun, 04 Jan 2026 06:25:50 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 13207
Connection: close
Access-Control-Allow-Origin: *
Cache-Control: public, max-age=0, must-revalidate
ETag: "c8df92edd09dd17ab26a6cce625b5e0f"
permissions-policy: camera=(), microphone=(), geolocation=()
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
x-frame-options: DENY
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=QDqvtssjJHshp7zDSCVD%2Foogzijkxvqig8SoMmuRN01%2ByENfGWQEwYled07LkKuzHR3BNb6tUKIUXZ%2FwVJtR92NDhXFLCHd7ESTT0wpVupQ9rQHKzV7fgw%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9b88a9353e9fd2bf-FRA
alt-svc: h3=":8443"; ma=86400
Page title: Organism Simulation Game
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1.0" />
<title>Organism Simulation Game</title>
<!-- Mobile optimization meta tags -->
<meta name="mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="format-detection" content="telephone=no" />
<!-- PWA Meta Tags -->
<meta name="theme-color" content="#2196F3" />
<meta name="description" content="Interactive organism simulation game with real-time population dynamics" />
<link rel="manifest" href="/manifest.json" />
<link rel="apple-touch-icon" href="/icons/icon-192x192.png" />
<!-- Preload critical resources -->
<link rel="preload" href="/assets/main-DVgI314m.ts" as="script" type="module" />
<style>
/* Basic reset and test styles */
* { box-sizing: border-box; }
body {
margin: 0;
padding: 20px;
font-family: Arial, sans-serif;
background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);
color: white;
min-height: 100vh;
/* Prevent mobile bounce scrolling */
overscroll-behavior: none;
/* Improve touch responsiveness */
touch-action: manipulation;
/* Prevent text selection on mobile */
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#app {
max-width: 1200px;
margin: 0 auto;
text-align: center;
}
h1 {
font-size: 2.5em;
margin: 0;
background: linear-gradient(45deg, #4CAF50, #2196F3);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
/* Mobile-specific improvements */
@media (max-width: 768px) {
body {
padding: 10px;
/* Fix iOS Safari viewport issues */
min-height: -webkit-fill-available;
}
/* Prevent zoom on input focus for iOS */
input, select, textarea {
font-size: 16px !important;
}
}
/* Accessibility improvements */
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
/* Improve focus visibility */
button:focus,
input:focus,
select:focus,
canvas:focus {
outline: 2px solid #4CAF50;
outline-offset: 2px;
}
/* High contrast improvements */
@media (prefers-contrast: high) {
h1 {
-webkit-text-fill-color: white;
color: white;
}
}
/* Fieldset styling for controls */
fieldset.controls {
border: none;
padding: 0;
margin: 0;
}
fieldset.controls legend {
padding: 0;
}
</style>
<script type="module" crossorigin src="/assets/index-C-53dBxk.js"></script>
<link rel="stylesheet" crossorigin href="/assets/style-C8ohZyzV.css">
<link rel="manifest" href="/manifest.webmanifest"><script id="vite-plugin-pwa:register-sw" src="/registerSW.js"></script></head>
<body>
<div id="app">
<header role="banner">
<h1>Organism Simulation Game</h1>
<p>Click on the canvas to place organisms, then watch how they multiply and divide over time</p>
</header>
<main role="main">
<section aria-labelledby="controls-heading">
<h2 id="controls-heading" class="sr-only">Simulation Controls</h2>
<fieldset class="controls">
<legend class="sr-only">Game Control Settings</legend>
<div
Open service 2606:4700:310c::ac42:2ca9:8443 · simulation-8ty.pages.dev
2026-01-04 06:25
HTTP/1.1 200 OK
Date: Sun, 04 Jan 2026 06:25:50 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 13207
Connection: close
Access-Control-Allow-Origin: *
Cache-Control: public, max-age=0, must-revalidate
ETag: "c8df92edd09dd17ab26a6cce625b5e0f"
permissions-policy: camera=(), microphone=(), geolocation=()
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
x-frame-options: DENY
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=ov0YKGZZNJP3Qnt1NVKABplb05qabmZTUQi%2FuZmDJyg%2Br1HKn1Gp%2FdxGWj8n%2FPpovb8p%2FKjg3n2fgVjCGM4rGSJXvMwSnYZ8D6HG9XElFJj9gQWjacspLEI8wJlA3ZEW290itQ%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9b88a9350c0cd376-FRA
alt-svc: h3=":8443"; ma=86400
Page title: Organism Simulation Game
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1.0" />
<title>Organism Simulation Game</title>
<!-- Mobile optimization meta tags -->
<meta name="mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="format-detection" content="telephone=no" />
<!-- PWA Meta Tags -->
<meta name="theme-color" content="#2196F3" />
<meta name="description" content="Interactive organism simulation game with real-time population dynamics" />
<link rel="manifest" href="/manifest.json" />
<link rel="apple-touch-icon" href="/icons/icon-192x192.png" />
<!-- Preload critical resources -->
<link rel="preload" href="/assets/main-DVgI314m.ts" as="script" type="module" />
<style>
/* Basic reset and test styles */
* { box-sizing: border-box; }
body {
margin: 0;
padding: 20px;
font-family: Arial, sans-serif;
background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);
color: white;
min-height: 100vh;
/* Prevent mobile bounce scrolling */
overscroll-behavior: none;
/* Improve touch responsiveness */
touch-action: manipulation;
/* Prevent text selection on mobile */
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#app {
max-width: 1200px;
margin: 0 auto;
text-align: center;
}
h1 {
font-size: 2.5em;
margin: 0;
background: linear-gradient(45deg, #4CAF50, #2196F3);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
/* Mobile-specific improvements */
@media (max-width: 768px) {
body {
padding: 10px;
/* Fix iOS Safari viewport issues */
min-height: -webkit-fill-available;
}
/* Prevent zoom on input focus for iOS */
input, select, textarea {
font-size: 16px !important;
}
}
/* Accessibility improvements */
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
/* Improve focus visibility */
button:focus,
input:focus,
select:focus,
canvas:focus {
outline: 2px solid #4CAF50;
outline-offset: 2px;
}
/* High contrast improvements */
@media (prefers-contrast: high) {
h1 {
-webkit-text-fill-color: white;
color: white;
}
}
/* Fieldset styling for controls */
fieldset.controls {
border: none;
padding: 0;
margin: 0;
}
fieldset.controls legend {
padding: 0;
}
</style>
<script type="module" crossorigin src="/assets/index-C-53dBxk.js"></script>
<link rel="stylesheet" crossorigin href="/assets/style-C8ohZyzV.css">
<link rel="manifest" href="/manifest.webmanifest"><script id="vite-plugin-pwa:register-sw" src="/registerSW.js"></script></head>
<body>
<div id="app">
<header role="banner">
<h1>Organism Simulation Game</h1>
<p>Click on the canvas to place organisms, then watch how they multiply and divide over time</p>
</header>
<main role="main">
<section aria-labelledby="controls-heading">
<h2 id="controls-heading" class="sr-only">Simulation Controls</h2>
<fieldset class="controls">
<legend class="sr-only">Game Control Settings</legend>
<div
Open service 2606:4700:310c::ac42:2f57:80 · simulation-8ty.pages.dev
2026-01-04 06:25
HTTP/1.1 301 Moved Permanently
Date: Sun, 04 Jan 2026 06:25:50 GMT
Content-Length: 0
Connection: close
Location: https://simulation-8ty.pages.dev/
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=c170s6v4Tbw%2BZUf1oINW3hRq59oyq5EoeUSPAMM7Se9WEV%2BpBxwlQl7HfOaUvJ6j%2FGSwud7R09AsRZv%2ByQC5Jd%2BZHqN4OgfX7rnyFl2GAJRf1HPk25qNhrWe0RT1mLqr%2B%2BRXLQ%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9b88a934ce4d499b-EWR
alt-svc: h3=":443"; ma=86400
Open service 2606:4700:310c::ac42:2f57:443 · simulation-8ty.pages.dev
2026-01-04 06:25
HTTP/1.1 200 OK
Date: Sun, 04 Jan 2026 06:25:50 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 13207
Connection: close
Access-Control-Allow-Origin: *
Cache-Control: public, max-age=0, must-revalidate
ETag: "c8df92edd09dd17ab26a6cce625b5e0f"
permissions-policy: camera=(), microphone=(), geolocation=()
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
x-frame-options: DENY
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=O2hNO56Fk0pu%2BO8WCJ9rnRiAF0E6QFJBU1mqTs1dA8TjpDiVikO42RTdGTMNcbUjBhqhrnOlNRdt35e2WDnsz6FD3ENzdDQ8D%2F3tgalOcFrvJZPsGMngsPgCsxUz%2FtpO5Gc0lw%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9b88a934fc8766ab-AMS
alt-svc: h3=":443"; ma=86400
Page title: Organism Simulation Game
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1.0" />
<title>Organism Simulation Game</title>
<!-- Mobile optimization meta tags -->
<meta name="mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="format-detection" content="telephone=no" />
<!-- PWA Meta Tags -->
<meta name="theme-color" content="#2196F3" />
<meta name="description" content="Interactive organism simulation game with real-time population dynamics" />
<link rel="manifest" href="/manifest.json" />
<link rel="apple-touch-icon" href="/icons/icon-192x192.png" />
<!-- Preload critical resources -->
<link rel="preload" href="/assets/main-DVgI314m.ts" as="script" type="module" />
<style>
/* Basic reset and test styles */
* { box-sizing: border-box; }
body {
margin: 0;
padding: 20px;
font-family: Arial, sans-serif;
background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);
color: white;
min-height: 100vh;
/* Prevent mobile bounce scrolling */
overscroll-behavior: none;
/* Improve touch responsiveness */
touch-action: manipulation;
/* Prevent text selection on mobile */
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#app {
max-width: 1200px;
margin: 0 auto;
text-align: center;
}
h1 {
font-size: 2.5em;
margin: 0;
background: linear-gradient(45deg, #4CAF50, #2196F3);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
/* Mobile-specific improvements */
@media (max-width: 768px) {
body {
padding: 10px;
/* Fix iOS Safari viewport issues */
min-height: -webkit-fill-available;
}
/* Prevent zoom on input focus for iOS */
input, select, textarea {
font-size: 16px !important;
}
}
/* Accessibility improvements */
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
/* Improve focus visibility */
button:focus,
input:focus,
select:focus,
canvas:focus {
outline: 2px solid #4CAF50;
outline-offset: 2px;
}
/* High contrast improvements */
@media (prefers-contrast: high) {
h1 {
-webkit-text-fill-color: white;
color: white;
}
}
/* Fieldset styling for controls */
fieldset.controls {
border: none;
padding: 0;
margin: 0;
}
fieldset.controls legend {
padding: 0;
}
</style>
<script type="module" crossorigin src="/assets/index-C-53dBxk.js"></script>
<link rel="stylesheet" crossorigin href="/assets/style-C8ohZyzV.css">
<link rel="manifest" href="/manifest.webmanifest"><script id="vite-plugin-pwa:register-sw" src="/registerSW.js"></script></head>
<body>
<div id="app">
<header role="banner">
<h1>Organism Simulation Game</h1>
<p>Click on the canvas to place organisms, then watch how they multiply and divide over time</p>
</header>
<main role="main">
<section aria-labelledby="controls-heading">
<h2 id="controls-heading" class="sr-only">Simulation Controls</h2>
<fieldset class="controls">
<legend class="sr-only">Game Control Settings</legend>
<div
Open service 172.66.44.169:443 · simulation-8ty.pages.dev
2026-01-04 06:25
HTTP/1.1 200 OK
Date: Sun, 04 Jan 2026 06:25:51 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 13207
Connection: close
Access-Control-Allow-Origin: *
Cache-Control: public, max-age=0, must-revalidate
ETag: "c8df92edd09dd17ab26a6cce625b5e0f"
permissions-policy: camera=(), microphone=(), geolocation=()
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
x-frame-options: DENY
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=4BGomibQQnyifUCyQKMKsF6uLN7nALuzwG70aEbDHZhB3oJ6jxhyEuJGqSuJQhKEgfBA56FvuRy8S6A3iKlcDZ0Sme7mBDbe7Goy6oNTLiDi3TEIJhTDTw%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9b88a93618d5c62c-EWR
alt-svc: h3=":443"; ma=86400
Page title: Organism Simulation Game
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1.0" />
<title>Organism Simulation Game</title>
<!-- Mobile optimization meta tags -->
<meta name="mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="format-detection" content="telephone=no" />
<!-- PWA Meta Tags -->
<meta name="theme-color" content="#2196F3" />
<meta name="description" content="Interactive organism simulation game with real-time population dynamics" />
<link rel="manifest" href="/manifest.json" />
<link rel="apple-touch-icon" href="/icons/icon-192x192.png" />
<!-- Preload critical resources -->
<link rel="preload" href="/assets/main-DVgI314m.ts" as="script" type="module" />
<style>
/* Basic reset and test styles */
* { box-sizing: border-box; }
body {
margin: 0;
padding: 20px;
font-family: Arial, sans-serif;
background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);
color: white;
min-height: 100vh;
/* Prevent mobile bounce scrolling */
overscroll-behavior: none;
/* Improve touch responsiveness */
touch-action: manipulation;
/* Prevent text selection on mobile */
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#app {
max-width: 1200px;
margin: 0 auto;
text-align: center;
}
h1 {
font-size: 2.5em;
margin: 0;
background: linear-gradient(45deg, #4CAF50, #2196F3);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
/* Mobile-specific improvements */
@media (max-width: 768px) {
body {
padding: 10px;
/* Fix iOS Safari viewport issues */
min-height: -webkit-fill-available;
}
/* Prevent zoom on input focus for iOS */
input, select, textarea {
font-size: 16px !important;
}
}
/* Accessibility improvements */
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
/* Improve focus visibility */
button:focus,
input:focus,
select:focus,
canvas:focus {
outline: 2px solid #4CAF50;
outline-offset: 2px;
}
/* High contrast improvements */
@media (prefers-contrast: high) {
h1 {
-webkit-text-fill-color: white;
color: white;
}
}
/* Fieldset styling for controls */
fieldset.controls {
border: none;
padding: 0;
margin: 0;
}
fieldset.controls legend {
padding: 0;
}
</style>
<script type="module" crossorigin src="/assets/index-C-53dBxk.js"></script>
<link rel="stylesheet" crossorigin href="/assets/style-C8ohZyzV.css">
<link rel="manifest" href="/manifest.webmanifest"><script id="vite-plugin-pwa:register-sw" src="/registerSW.js"></script></head>
<body>
<div id="app">
<header role="banner">
<h1>Organism Simulation Game</h1>
<p>Click on the canvas to place organisms, then watch how they multiply and divide over time</p>
</header>
<main role="main">
<section aria-labelledby="controls-heading">
<h2 id="controls-heading" class="sr-only">Simulation Controls</h2>
<fieldset class="controls">
<legend class="sr-only">Game Control Settings</legend>
<div
Open service 172.66.44.169:8443 · simulation-8ty.pages.dev
2026-01-04 06:25
HTTP/1.1 200 OK
Date: Sun, 04 Jan 2026 06:25:51 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 13207
Connection: close
Access-Control-Allow-Origin: *
Cache-Control: public, max-age=0, must-revalidate
ETag: "c8df92edd09dd17ab26a6cce625b5e0f"
permissions-policy: camera=(), microphone=(), geolocation=()
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
x-frame-options: DENY
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=dwad8CIcW6tRDsz5YJxRNEk%2BWWXHEoqPuSuDN3MdLkfX1Ha59Bve0xWtN0IcqFFvQ3ESeUOGhQv9qBtCt9ZWkaTDTR87KgwuiNCTy6Au3xZyHhw0Pm4Dfg%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9b88a935eae7433f-EWR
alt-svc: h3=":8443"; ma=86400
Page title: Organism Simulation Game
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1.0" />
<title>Organism Simulation Game</title>
<!-- Mobile optimization meta tags -->
<meta name="mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="format-detection" content="telephone=no" />
<!-- PWA Meta Tags -->
<meta name="theme-color" content="#2196F3" />
<meta name="description" content="Interactive organism simulation game with real-time population dynamics" />
<link rel="manifest" href="/manifest.json" />
<link rel="apple-touch-icon" href="/icons/icon-192x192.png" />
<!-- Preload critical resources -->
<link rel="preload" href="/assets/main-DVgI314m.ts" as="script" type="module" />
<style>
/* Basic reset and test styles */
* { box-sizing: border-box; }
body {
margin: 0;
padding: 20px;
font-family: Arial, sans-serif;
background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);
color: white;
min-height: 100vh;
/* Prevent mobile bounce scrolling */
overscroll-behavior: none;
/* Improve touch responsiveness */
touch-action: manipulation;
/* Prevent text selection on mobile */
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#app {
max-width: 1200px;
margin: 0 auto;
text-align: center;
}
h1 {
font-size: 2.5em;
margin: 0;
background: linear-gradient(45deg, #4CAF50, #2196F3);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
/* Mobile-specific improvements */
@media (max-width: 768px) {
body {
padding: 10px;
/* Fix iOS Safari viewport issues */
min-height: -webkit-fill-available;
}
/* Prevent zoom on input focus for iOS */
input, select, textarea {
font-size: 16px !important;
}
}
/* Accessibility improvements */
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
/* Improve focus visibility */
button:focus,
input:focus,
select:focus,
canvas:focus {
outline: 2px solid #4CAF50;
outline-offset: 2px;
}
/* High contrast improvements */
@media (prefers-contrast: high) {
h1 {
-webkit-text-fill-color: white;
color: white;
}
}
/* Fieldset styling for controls */
fieldset.controls {
border: none;
padding: 0;
margin: 0;
}
fieldset.controls legend {
padding: 0;
}
</style>
<script type="module" crossorigin src="/assets/index-C-53dBxk.js"></script>
<link rel="stylesheet" crossorigin href="/assets/style-C8ohZyzV.css">
<link rel="manifest" href="/manifest.webmanifest"><script id="vite-plugin-pwa:register-sw" src="/registerSW.js"></script></head>
<body>
<div id="app">
<header role="banner">
<h1>Organism Simulation Game</h1>
<p>Click on the canvas to place organisms, then watch how they multiply and divide over time</p>
</header>
<main role="main">
<section aria-labelledby="controls-heading">
<h2 id="controls-heading" class="sr-only">Simulation Controls</h2>
<fieldset class="controls">
<legend class="sr-only">Game Control Settings</legend>
<div
Open service 2606:4700:310c::ac42:2f57:8443 · simulation-8ty.pages.dev
2026-01-04 06:25
HTTP/1.1 200 OK
Date: Sun, 04 Jan 2026 06:25:50 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 13207
Connection: close
Access-Control-Allow-Origin: *
Cache-Control: public, max-age=0, must-revalidate
ETag: "c8df92edd09dd17ab26a6cce625b5e0f"
permissions-policy: camera=(), microphone=(), geolocation=()
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
x-frame-options: DENY
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=sEy5I0esHCcY8n755kj9qy6dxxCiOpBU%2BvUl%2BxmqBEpTRC75s8Jb%2FbIZ80n0DsVMZJ5T1R6zTTw0iQI4qMfICu4MStktj2hTQ5RStKqv5yuLNoIF%2B9EXIWZX%2FAyj1T8hI3COYA%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9b88a9347f191989-FRA
alt-svc: h3=":8443"; ma=86400
Page title: Organism Simulation Game
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1.0" />
<title>Organism Simulation Game</title>
<!-- Mobile optimization meta tags -->
<meta name="mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="format-detection" content="telephone=no" />
<!-- PWA Meta Tags -->
<meta name="theme-color" content="#2196F3" />
<meta name="description" content="Interactive organism simulation game with real-time population dynamics" />
<link rel="manifest" href="/manifest.json" />
<link rel="apple-touch-icon" href="/icons/icon-192x192.png" />
<!-- Preload critical resources -->
<link rel="preload" href="/assets/main-DVgI314m.ts" as="script" type="module" />
<style>
/* Basic reset and test styles */
* { box-sizing: border-box; }
body {
margin: 0;
padding: 20px;
font-family: Arial, sans-serif;
background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);
color: white;
min-height: 100vh;
/* Prevent mobile bounce scrolling */
overscroll-behavior: none;
/* Improve touch responsiveness */
touch-action: manipulation;
/* Prevent text selection on mobile */
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#app {
max-width: 1200px;
margin: 0 auto;
text-align: center;
}
h1 {
font-size: 2.5em;
margin: 0;
background: linear-gradient(45deg, #4CAF50, #2196F3);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
/* Mobile-specific improvements */
@media (max-width: 768px) {
body {
padding: 10px;
/* Fix iOS Safari viewport issues */
min-height: -webkit-fill-available;
}
/* Prevent zoom on input focus for iOS */
input, select, textarea {
font-size: 16px !important;
}
}
/* Accessibility improvements */
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
/* Improve focus visibility */
button:focus,
input:focus,
select:focus,
canvas:focus {
outline: 2px solid #4CAF50;
outline-offset: 2px;
}
/* High contrast improvements */
@media (prefers-contrast: high) {
h1 {
-webkit-text-fill-color: white;
color: white;
}
}
/* Fieldset styling for controls */
fieldset.controls {
border: none;
padding: 0;
margin: 0;
}
fieldset.controls legend {
padding: 0;
}
</style>
<script type="module" crossorigin src="/assets/index-C-53dBxk.js"></script>
<link rel="stylesheet" crossorigin href="/assets/style-C8ohZyzV.css">
<link rel="manifest" href="/manifest.webmanifest"><script id="vite-plugin-pwa:register-sw" src="/registerSW.js"></script></head>
<body>
<div id="app">
<header role="banner">
<h1>Organism Simulation Game</h1>
<p>Click on the canvas to place organisms, then watch how they multiply and divide over time</p>
</header>
<main role="main">
<section aria-labelledby="controls-heading">
<h2 id="controls-heading" class="sr-only">Simulation Controls</h2>
<fieldset class="controls">
<legend class="sr-only">Game Control Settings</legend>
<div
Open service 172.66.47.87:443 · simulation-8ty.pages.dev
2026-01-04 06:25
HTTP/1.1 200 OK
Date: Sun, 04 Jan 2026 06:25:50 GMT
Content-Type: text/html; charset=utf-8
Transfer-Encoding: chunked
Connection: close
Access-Control-Allow-Origin: *
Cache-Control: public, max-age=0, must-revalidate
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
permissions-policy: camera=(), microphone=(), geolocation=()
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
x-frame-options: DENY
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=sILYYwRTole0%2BDLukKqWmHLYrgKxbDd1DrlIE3yNuKw7Je5IeSby1QVjgtQCNExFOSLpBCzKfUtqdT%2BiYl3qDby%2FEG9lsU%2FdROrUE%2BL84Xd3uQFR8Ogb%2Fw%3D%3D"}]}
Server: cloudflare
CF-RAY: 9b88a9344aa1909a-FRA
alt-svc: h3=":443"; ma=86400
Page title: Organism Simulation Game
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1.0" />
<title>Organism Simulation Game</title>
<!-- Mobile optimization meta tags -->
<meta name="mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="format-detection" content="telephone=no" />
<!-- PWA Meta Tags -->
<meta name="theme-color" content="#2196F3" />
<meta name="description" content="Interactive organism simulation game with real-time population dynamics" />
<link rel="manifest" href="/manifest.json" />
<link rel="apple-touch-icon" href="/icons/icon-192x192.png" />
<!-- Preload critical resources -->
<link rel="preload" href="/assets/main-DVgI314m.ts" as="script" type="module" />
<style>
/* Basic reset and test styles */
* { box-sizing: border-box; }
body {
margin: 0;
padding: 20px;
font-family: Arial, sans-serif;
background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);
color: white;
min-height: 100vh;
/* Prevent mobile bounce scrolling */
overscroll-behavior: none;
/* Improve touch responsiveness */
touch-action: manipulation;
/* Prevent text selection on mobile */
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#app {
max-width: 1200px;
margin: 0 auto;
text-align: center;
}
h1 {
font-size: 2.5em;
margin: 0;
background: linear-gradient(45deg, #4CAF50, #2196F3);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
/* Mobile-specific improvements */
@media (max-width: 768px) {
body {
padding: 10px;
/* Fix iOS Safari viewport issues */
min-height: -webkit-fill-available;
}
/* Prevent zoom on input focus for iOS */
input, select, textarea {
font-size: 16px !important;
}
}
/* Accessibility improvements */
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
/* Improve focus visibility */
button:focus,
input:focus,
select:focus,
canvas:focus {
outline: 2px solid #4CAF50;
outline-offset: 2px;
}
/* High contrast improvements */
@media (prefers-contrast: high) {
h1 {
-webkit-text-fill-color: white;
color: white;
}
}
/* Fieldset styling for controls */
fieldset.controls {
border: none;
padding: 0;
margin: 0;
}
fieldset.controls legend {
padding: 0;
}
</style>
<script type="module" crossorigin src="/assets/index-C-53dBxk.js"></script>
<link rel="stylesheet" crossorigin href="/assets/style-C8ohZyzV.css">
<link rel="manifest" href="/manifest.webmanifest"><script id="vite-plugin-pwa:register-sw" src="/registerSW.js"></script></head>
<body>
<div id="app">
<header role="banner">
<h1>Organism Simulation Game</h1>
<p>Click on the canvas to place organisms, then watch how they multiply and divide over time</p>
</header>
<main role="main">
<section aria-labelledby="controls-heading">
<h2 id="controls-heading" class="sr-only">Simulation Controls</h2>
<fieldset class="controls">
<legend class="sr-only">Game Control Settings</legend>
<div