*{box-sizing:border-box}html,body{color:#d0e5eb;background:#02060c;margin:0;font:12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:hidden}canvas{outline:none;width:100vw;height:100vh;display:block}#hud{pointer-events:none;text-shadow:0 1px 6px #000;letter-spacing:.14em;grid-template-columns:150px 150px;gap:12px 24px;display:grid;position:fixed;bottom:30px;left:34px}#body{color:#f0f7fa}#band{color:#8aa6b2;align-self:center;font-size:10px}small{color:#8aa6b2;margin-bottom:4px;font-size:9px;display:block}output{letter-spacing:.02em;font-variant-numeric:tabular-nums;font-size:16px}#reticle{pointer-events:none;border:1px solid #cee5eb55;border-radius:50%;width:5px;height:5px;position:fixed;top:50%;left:50%}#enter{color:#d9e8ee;cursor:pointer;letter-spacing:.5em;text-shadow:0 2px 10px #000;background:0 0;border:0;padding:28px;font:16px ui-monospace,monospace;position:fixed;top:72%;left:50%;transform:translate(-50%,-50%)}#enter span{letter-spacing:.12em;color:#acc0ca;margin-top:12px;font-size:10px;display:block}#enter:focus-visible{outline:1px solid #acc0ca}#error{background:#140a0a;max-width:500px;padding:20px;position:fixed;top:20px;left:20px}