@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>
.tower-zone display: flex; gap: 12px; background: #00000055; padding: 5px 18px; border-radius: 40px; align-items: center;
.stat color: #f9e7b3; text-shadow: 0 2px 0 #3a2a1a; font-size: 1.3rem; letter-spacing: 1px; unblocked bloons
.reset-btn background: #cf7f32; box-shadow: 0 4px 0 #5e2e0e; color: white;
body background: linear-gradient(145deg, #0a2f2a 0%, #0a1f1a 100%); min-height: 100vh; display: flex; justify-content: center; align-items: center; font-family: 'Segoe UI', 'Courier New', 'Press Start 2P', system-ui, monospace; margin: 0; padding: 20px; @media (max-width: 760px)
.status background: #000000aa; border-radius: 32px; padding: 5px 18px; font-size: 0.9rem; font-weight: bold; color: #fdd998;
<script> (function() // ---------- CANVAS ---------- const canvas = document.getElementById('gameCanvas'); const ctx = canvas.getContext('2d'); @media (max-width: 760px) .stat font-size: 1rem
.tower-btn background: #f5bc70; border: none; font-family: monospace; font-weight: bold; font-size: 1.2rem; padding: 8px 20px; border-radius: 36px; cursor: pointer; box-shadow: 0 4px 0 #7a4a1a; transition: 0.07s linear; color: #2c1a0a; display: flex; align-items: center; gap: 8px;