@import"https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Orbitron:wght@400;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{background:#000;overflow:hidden;font-family:Share Tech Mono,monospace;color:#fff}#canvas{display:block;width:100vw;height:100vh}#crosshair{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;width:6px;height:6px;background:#ffffffe6;border-radius:50%}#hud{position:fixed;inset:0;pointer-events:none}#hud:before{content:"";position:absolute;inset:0;pointer-events:none}#top-bar{position:absolute;top:24px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:flex-start}.hud-panel{background:#000a06bf;border:1px solid rgba(255,255,255,.25);padding:10px 16px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;line-height:1.8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hud-panel .label{color:#fff6;font-size:9px;letter-spacing:.2em}.hud-panel .value{color:#fff;font-size:13px}.title-block{font-family:Orbitron,sans-serif;font-weight:700;font-size:13px;letter-spacing:.3em;color:#fff;text-shadow:0 0 20px rgba(132,132,132,.5)}#bottom-bar{position:absolute;bottom:24px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:flex-end}#controls-hint{font-size:9px;letter-spacing:.15em;color:#ffffff4d;line-height:2}#controls-hint span{display:inline-block;border:1px solid rgba(255,255,255,.2);padding:1px 5px;margin-right:3px;font-size:8px}#speed-bar-wrap{text-align:right}#speed-bar-wrap .label{font-size:9px;letter-spacing:.2em;color:#fff6;margin-bottom:4px}#speed-bar{width:120px;height:3px;background:#ffffff1a;border:1px solid rgba(129,129,129,.2);margin-left:auto}#speed-fill{height:100%;background:#fff;width:0%;transition:width .1s;box-shadow:0 0 6px #797979}.corner{position:absolute;width:40px;height:40px}.corner:before,.corner:after{content:"";position:absolute;background:#fff6}.corner:before{width:100%;height:1px;top:0}.corner:after{width:1px;height:100%}.corner.tl{top:10px;left:10px}.corner.tl:after{left:0;top:0}.corner.tr{top:10px;right:10px;transform:scaleX(-1)}.corner.tr:after{left:0;top:0}.corner.bl{bottom:10px;left:10px;transform:scaleY(-1)}.corner.bl:after{left:0;top:0}.corner.br{bottom:10px;right:10px;transform:scale(-1)}.corner.br:after{left:0;top:0}#loading{position:fixed;inset:0;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;transition:opacity .8s ease}#loading.hidden{opacity:0;pointer-events:none}#loading .logo{font-family:Orbitron,sans-serif;font-size:28px;font-weight:700;letter-spacing:.4em;color:#fff;text-shadow:0 0 40px rgba(125,125,125,.6);margin-bottom:8px}#loading .sub{font-size:10px;letter-spacing:.3em;color:#fff6;margin-bottom:48px}#loading-bar-wrap{width:240px;height:2px;background:#00ff881a;position:relative}#loading-bar{height:100%;background:#7a7a7a;box-shadow:0 0 10px #fff;width:0%;transition:width .3s ease}#loading-status{margin-top:16px;font-size:9px;letter-spacing:.3em;color:#fff6}#click-to-play{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:50;cursor:pointer;display:none}#click-to-play .msg{font-family:Orbitron,sans-serif;font-size:14px;letter-spacing:.4em;color:#fff;text-shadow:0 0 30px rgba(124,124,124,.5);border:1px solid rgba(129,129,129,.3);padding:18px 40px;background:#000a06cc;animation:pulse 2s ease infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}#pos-display{display:none}