<?php declare(strict_types=1); require_once __DIR__ . '/../includes/bootstrap.php'; ?> <!DOCTYPE html> <html lang="en-GB"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>QR Bingo</title> <link rel="stylesheet" href="/assets/css/app.css" /> </head> <body data-page="player" data-api-base="/api/game.php"> <div class="qb-shell"> <header class="qb-header"> <h1 class="qb-title" id="qb-title">QR Bingo</h1> <div class="qb-meta"> <span id="qb-total-wrap" hidden>Numbers called: <strong id="qb-total">0</strong></span> </div> </header> <section class="qb-panel qb-player-spotlight"> <div class="qb-current-wrap"> <div class="qb-label">Latest call</div> <div class="qb-current" id="qb-current-player" aria-live="polite"> </div> </div> <p class="qb-notice" id="qb-notice">Loading& </p> <div class="qb-label" style="margin-top: 1rem">Board</div> <div id="qb-grid" class="qb-board-host" aria-label="Bingo board"></div> </section> </div> <script src="/assets/js/shared.js" defer></script> <script src="/assets/js/player.js" defer></script> </body> </html>