CoinStrike Surge <link rel="icon" type="image/svg+xml" href="./assets/images/favicon.svg"/> <link rel="preconnect" href="https://fonts.googleapis.com"/> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin/> <link rel="stylesheet" href="css/style.css"/> </head> <body> <header> <div class="logo"><span class="logo-icon">⚡</span><span data-i18n="logo">CoinStrike Surge</span></div> <nav> <a href="#game-section" class="always" data-i18n="nav_play">Play</a> <a href="about.html" data-i18n="nav_about">About</a> <a href="terms.html" data-i18n="nav_terms">Terms</a> <a href="privacy.html" data-i18n="nav_privacy">Privacy</a> <div id="lang-switcher"> <button id="lang-btn"><span class="lang-current">🇬🇧 EN</span><span class="arrow">▾</span></button> <div id="lang-dropdown"></div> </div> </nav> </header> <section id="game-section"> <div id="hud"> <div class="hud-cell"> <span class="hud-label" data-i18n="hud_score">Score</span> <span class="hud-value" id="score-value">0</span> </div> <div class="hud-cell"> <span class="hud-label" data-i18n="hud_best">Best</span> <span class="hud-value" id="best-value">0</span> </div> <div class="hud-cell"> <span class="hud-label" data-i18n="hud_round">Round</span> <span class="hud-value" id="round-value">1</span> </div> <div class="hud-cell"> <span class="hud-label" data-i18n="hud_shots">Shots</span> <span class="hud-value" id="shots-value">7</span> </div> <div class="hud-cell"> <span class="hud-label" data-i18n="hud_left">Left</span> <span class="hud-value" id="left-value">—</span> </div> <div class="hud-cell"> <span class="hud-label" data-i18n="hud_combo">Combo</span> <span class="hud-value" id="combo-value">—</span> </div> <div id="hud-controls"> <button class="diff-btn" data-diff="easy" data-i18n="diff_easy">Casual</button> <button class="diff-btn active" data-diff="medium" data-i18n="diff_med">Pro</button> <button class="diff-btn" data-diff="hard" data-i18n="diff_hard">Master</button> <button id="start-btn" data-i18n="btn_start">⚡ FLICK!</button> </div> </div> <div id="canvas-wrap"> <canvas id="game-canvas"></canvas> <div id="score-flash"></div> <div id="overlay"> <div class="overlay-icon" id="overlay-icon">⚡</div> <div class="overlay-title" id="overlay-title">COINSTRIKE SURGE</div> <div class="overlay-sub" id="overlay-sub">Flick the striker — pocket the coins!</div> <div class="legend"> <div class="legend-item"><div class="legend-dot" style="background:#c0c0c0"></div><span>White ×1</span></div> <div class="legend-item"><div class="legend-dot" style="background:#e84040"></div><span>Red ×2</span></div> <div class="legend-item"><div class="legend-dot" style="background:#2266ee"></div><span>Blue ×3</span></div> <div class="legend-item"><div class="legend-dot" style="background:#00aa44"></div><span>Green ×5</span></div> <div class="legend-item"><div class="legend-dot" style="background:#8822dd"></div><span>Royal ×8</span></div> <div class="legend-item"><div class="legend-dot" style="background:#333333"></div><span>Queen ×20</span></div> </div> <button class="overlay-btn" id="overlay-btn" data-i18n="btn_start">⚡ FLICK!</button> </div> </div> <p style="color:var(--text-dim);font-size:0.82rem;text-align:center;font-weight:700;text-transform:uppercase;letter-spacing:1px;" data-i18n="drag_hint"> Drag striker to aim · Release to flick </p> </section> <footer> <div class="footer-left"><span data-i18n="footer">© 2026 CoinStrike Surge Studio</span></div> <div class="footer-links"> <a href="about.html" data-i18n="nav_about">About</a> <a href="terms.html" data-i18n="nav_terms">Terms</a> <a href="privacy.html" data-i18n="nav_privacy">Privacy</a> </div> </footer> <script src="js/i18n.js"></script> <script src="js/game.js"></script> </body> </html>