Skip to main content
Audubon Middle School Audubon Eagles Soaring to New Heights
Main Menu Toggle
4120 11th Avenue, Los Angeles, CA 90008 PH: FAX: (323) 296-2433

Bloons Upd — Unblocked

/* GAME CONTAINER */ .game-wrapper background: #1e3b2f; border-radius: 64px 64px 48px 48px; box-shadow: 0 25px 40px rgba(0,0,0,0.5), inset 0 1px 2px rgba(255,255,255,0.1); padding: 20px 24px 24px 24px;

/* UI panel */ .info-panel display: flex; justify-content: space-between; align-items: baseline; gap: 20px; margin-top: 18px; margin-bottom: 8px; flex-wrap: wrap; background: #0c2b22cc; backdrop-filter: blur(4px); padding: 12px 24px; border-radius: 60px; unblocked bloons

.stat span color: #ffd966; font-size: 1.6rem; font-weight: 800; margin-right: 6px; /* GAME CONTAINER */

@media (max-width: 760px) .stat font-size: 1rem; .tower-btn padding: 5px 14px; font-size: 1rem; .info-panel gap: 12px; justify-content: center; </style> </head> <body> <div> <div class="game-wrapper"> <canvas id="gameCanvas" width="900" height="540"></canvas> <div class="info-panel"> <div class="stats"> <div class="stat"><span>🎈</span> <span id="livesDisplay">100</span> ❤️</div> <div class="stat"><span>💰</span> <span id="cashDisplay">350</span></div> <div class="stat"><span>🎯</span> <span id="scoreDisplay">0</span></div> </div> <div class="tower-zone"> <button class="tower-btn" id="buyTowerBtn">🏹 DART MONKEY · 150💰</button> <button class="tower-btn reset-btn" id="resetGameBtn">🔄 RESTART</button> </div> <div class="status" id="waveStatus">🌊 WAVE 1 · preparing</div> </div> </div> <div style="text-align: center; margin-top: 14px; font-size: 12px; color:#c2b280;">⚡ click track → build tower | balloons pop = +cash | survive waves!</div> </div> border-radius: 64px 64px 48px 48px

.tower-btn:active transform: translateY(2px); box-shadow: 0 1px 0 #7a4a1a;

.stat color: #f9e7b3; text-shadow: 0 2px 0 #3a2a1a; font-size: 1.3rem; letter-spacing: 1px;

.reset-btn background: #cf7f32; box-shadow: 0 4px 0 #5e2e0e; color: white;