michals-silly-game-frontend/src/app/mario/mario.component.html

<div style="width: 100%; height: 100%; overflow-x: scroll; overflow-y: hidden;">
    <canvas id="gameCanvas"></canvas>
  </div>
  <div class="hud">
    <div class="jump-counter">
      Jumps: {{ totalJumps }}
      <button (click)="restartGame()">Restart</button>
      <button (click)="showInvitePopup = true">Invite Friend</button>
      <button (click)="navigateToSettings()">Settings</button>
    </div>
  </div>

<!-- Invite Friend Modal -->
<div class="modal-backdrop" *ngIf="showInvitePopup">
  <div class="modal">
    <h2>Invite a Friend</h2>
    <input
      type="email"
      placeholder="Enter friend's email"
      [(ngModel)]="inviteEmail"
    />
    <div class="modal-buttons">
      <button (click)="sendInvite()">Send Invite</button>
      <button (click)="showInvitePopup = false">Cancel</button>
    </div>
  </div>
</div>

<router-outlet></router-outlet>