{% extends "base.html" %}
{% block body_class %}game-page{% endblock %}
{% block content %}
{#
  Alle URLs kommen per data-Attribut ins JavaScript. So funktioniert das Spiel auch,
  wenn die App in cPanel unter einer Unter-URL (z. B. /glory) eingebunden ist.
#}
<main id="game-shell"
      data-static-base="{{ url_for('static', filename='') }}"
      data-api-highscores="{{ url_for('api.list_highscores') }}"
      data-api-runs="{{ url_for('api.start_run') }}"
      data-disclaimer-url="{{ url_for('pages.disclaimer') }}">
  <div id="game" aria-label="Spielfläche"></div>
  <div id="overlay-root"></div>
  <p id="boot-message" class="boot-message">Lade Einsatzdaten …</p>
  <noscript>
    <p class="boot-message">Glory Defense benötigt JavaScript. <a href="{{ url_for('pages.disclaimer') }}">Disclaimer lesen</a></p>
  </noscript>
</main>
<template id="disclaimer-content">{% include "_disclaimer_content.html" %}</template>
<script src="{{ url_for('static', filename='js/lib/phaser.min.js') }}"></script>
<script type="module" src="{{ url_for('static', filename='js/main.js') }}"></script>
{% endblock %}