<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>L1.5 Web</title>
  <!-- Boot screen styles are INLINE on purpose: this overlay has to paint from the HTML alone, before the
       stylesheet or the module bundle have arrived. Anything it depends on could itself be the slow request. -->
  <style>
    html, body { margin: 0; height: 100%; background: #0b0b10; color: #e8e2d0;
                 font: 14px/1.4 "Segoe UI", Roboto, Helvetica, Arial, sans-serif; overflow: hidden; }
    #boot { position: fixed; inset: 0; z-index: 99999; display: flex; align-items: center; justify-content: center;
            background: radial-gradient(ellipse at center, #1a1622 0%, #07070b 70%); transition: opacity .35s ease-out; }
    #boot.gone { opacity: 0; pointer-events: none; }
    .boot-inner { text-align: center; width: 280px; }
    .boot-title { color: #d8b460; font-size: 26px; letter-spacing: 6px; margin-bottom: 18px; font-weight: 300; }
    .boot-bar { height: 6px; border-radius: 3px; background: #201b28; border: 1px solid #5a4a2a; overflow: hidden; }
    .boot-bar-fill { height: 100%; width: 0%; background: linear-gradient(90deg, #8a6a2a, #d8b460); transition: width .2s ease-out; }
    /* Until there is a real count to show, the bar sweeps rather than sitting at 0% looking stuck. */
    .boot-bar.indeterminate .boot-bar-fill { width: 35%; animation: boot-sweep 1.1s ease-in-out infinite; transition: none; }
    @keyframes boot-sweep { 0% { margin-left: -35%; } 100% { margin-left: 100%; } }
    .boot-stage { margin-top: 12px; color: #9a927f; font-size: 12px; letter-spacing: .5px; min-height: 1.2em; }
    .boot-slow { margin-top: 6px; color: #6f6858; font-size: 11px; min-height: 1.2em; }
  </style>
  <link rel="icon" href="/favicon.ico" sizes="any" />
  <script type="module" crossorigin src="/assets/main-xURmqJVD.js"></script>
  <link rel="modulepreload" crossorigin href="/assets/schema-B1NKxfZc.js">
  <link rel="modulepreload" crossorigin href="/assets/sprite-view-Br3916N3.js">
  <link rel="modulepreload" crossorigin href="/assets/Geometry-BsDB1n4r.js">
  <link rel="modulepreload" crossorigin href="/assets/getTextureBatchBindGroup-TFzx8Qrc.js">
  <link rel="modulepreload" crossorigin href="/assets/colorToUniform-DJvpt7jY.js">
  <link rel="modulepreload" crossorigin href="/assets/Graphics-D2W9cmNd.js">
  <link rel="modulepreload" crossorigin href="/assets/renderer-RXgfjzGs.js">
  <link rel="modulepreload" crossorigin href="/assets/classes-DoJU-13A.js">
  <link rel="modulepreload" crossorigin href="/assets/spine-showcase-BBAaV6oO.js">
  <link rel="modulepreload" crossorigin href="/assets/CanvasPool-DPxrIPT6.js">
  <link rel="modulepreload" crossorigin href="/assets/canvasUtils-CoosSawB.js">
  <link rel="modulepreload" crossorigin href="/assets/BatchableSprite-qOYjpB38.js">
  <link rel="modulepreload" crossorigin href="/assets/getPo2TextureFromSource-D6E6088W.js">
  <link rel="modulepreload" crossorigin href="/assets/Text-BDlPy57P.js">
  <link rel="modulepreload" crossorigin href="/assets/spell-icons-DyCY_CiT.js">
  <link rel="stylesheet" crossorigin href="/assets/renderer-BAjJ-TVq.css">
</head>
<body>
  <canvas id="game"></canvas>
  <div id="ui"></div>
  <div id="boot" role="status" aria-live="polite">
    <div class="boot-inner">
      <div class="boot-title">L1.5</div>
      <div class="boot-bar indeterminate" id="boot-bar"><div class="boot-bar-fill" id="boot-fill"></div></div>
      <div class="boot-stage" id="boot-stage">Loading…</div>
      <div class="boot-slow" id="boot-slow"></div>
    </div>
  </div>
</body>
</html>
