Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> | |
| <title>Millennium Falcon — FPV Walkthrough</title> | |
| <style> | |
| html, body { margin: 0; height: 100%; background: #05070c; overflow: hidden; touch-action: none; } | |
| #app { position: fixed; inset: 0; } | |
| #hud { | |
| position: fixed; left: 12px; top: 10px; z-index: 10; | |
| font: 12px/1.5 ui-monospace, Menlo, Consolas, monospace; | |
| color: #cfe0ff; text-shadow: 0 1px 3px #000; pointer-events: none; | |
| white-space: pre; | |
| } | |
| #crosshair { | |
| position: fixed; left: 50%; top: 50%; width: 8px; height: 8px; | |
| margin: -4px 0 0 -4px; z-index: 9; border: 1px solid rgba(207,224,255,0.6); | |
| border-radius: 50%; pointer-events: none; | |
| } | |
| #buttons { position: fixed; left: 12px; bottom: 12px; z-index: 10; display: flex; gap: 6px; flex-wrap: wrap; } | |
| #buttons button { | |
| font: 11px ui-monospace, monospace; color: #cfe0ff; background: #16233f; | |
| border: 1px solid #2c3f66; border-radius: 4px; padding: 6px 10px; cursor: pointer; | |
| } | |
| #buttons button:hover { background: #22345c; } | |
| </style> | |
| <script type="module" crossorigin src="/assets/index-D3XrN6wa.js"></script> | |
| </head> | |
| <body> | |
| <div id="app"></div> | |
| <div id="crosshair"></div> | |
| <div id="hud"></div> | |
| <div id="buttons"></div> | |
| </body> | |
| </html> | |