Github.io — Game

.title-section p { color: #8a9bcd; font-size: 0.85rem; margin-top: 0.25rem; display: flex; align-items: center; gap: 0.5rem; }

/* interactive game zone */ .game-arena { display: flex; flex-wrap: wrap; gap: 2rem; padding: 2rem; } game github.io

.feature-footer { padding: 1rem 2rem; background: #050a15cc; text-align: center; font-size: 0.75rem; color: #5f73a1; border-top: 1px solid #19233c; display: flex; justify-content: space-between; flex-wrap: wrap; } .title-section p { color: #8a9bcd

<script> (function(){ // ------ FEATURE: dynamic game on github.io canvas ------ const canvas = document.getElementById('gameCanvas'); const ctx = canvas.getContext('2d'); const scoreSpan = document.getElementById('scoreDisplay'); const highBadge = document.getElementById('highScoreBadge'); } .feature-footer { padding: 1rem 2rem

.game-container { background: #010101; border-radius: 1rem; display: flex; justify-content: center; overflow: hidden; aspect-ratio: 16 / 9; max-width: 100%; }

.title-section h1 { font-size: 2rem; background: linear-gradient(135deg, #ffffff, #7aa9ff); background-clip: text; -webkit-background-clip: text; color: transparent; letter-spacing: -0.5px; }