*{box-sizing:border-box}body{margin:0;background:#0a1722;color:#d8ffff;font-family:Arial,sans-serif;overflow:hidden}#view{display:block;width:100vw;height:100dvh;outline:none}#hud{position:fixed;inset:0;pointer-events:none}header{padding:24px 30px;display:flex;justify-content:space-between;align-items:center;font-size:13px;letter-spacing:3px;text-shadow:0 2px 8px #000}header span{font-size:9px;color:#cae1df;letter-spacing:2px}button,select,input{pointer-events:auto}button{cursor:pointer;background:#102832b8;border:1px solid #96e8e86b;color:#d2ffff;padding:10px 14px;border-radius:3px;font:10px monospace;letter-spacing:1px}button:disabled{opacity:.4;cursor:wait}button:hover:not(:disabled){background:#3b6974}button:focus-visible{outline:2px solid #ffca82;outline-offset:3px}#objective{text-align:center;font:11px monospace;letter-spacing:2px;text-shadow:0 1px 5px #000}#reticle{position:absolute;left:50%;top:45%;width:32px;height:32px;border:1px solid #a3ffff;border-radius:50%;transform:translate(-50%,-50%);filter:drop-shadow(0 0 4px #50dede)}#reticle:before,#reticle:after{content:'';position:absolute;background:#b8ffff}#reticle:before{width:50px;height:1px;left:-10px;top:15px}#reticle:after{height:50px;width:1px;top:-10px;left:15px}.telemetry{position:absolute;top:42%;font:11px monospace;letter-spacing:2px;text-shadow:0 1px 6px #123}.telemetry.left{left:12%}.telemetry.right{right:12%;text-align:right}.telemetry b{display:block;font-size:32px;margin:8px 0}.telemetry small{font-size:9px}.telemetry span{color:#fff3bc}#horizon{position:absolute;top:46%;left:38%;width:24%;text-align:center;font:16px monospace;opacity:.6}#horizon i{display:block;border-top:1px solid #c1ffff;width:100%}#dashboard{position:absolute;bottom:7%;left:23%;width:54%;display:flex;justify-content:space-around;align-items:center;text-shadow:0 0 7px #30b8ba}#dashboard>div{display:flex;flex-direction:column;gap:8px}#dashboard small{font:9px monospace;letter-spacing:1px}#dashboard b{font:25px monospace}meter{width:90px;height:8px;accent-color:#7bebe8}.radar{width:100px;height:90px;border:1px solid #59a9ac;border-radius:50%;position:relative;background:repeating-radial-gradient(circle,#16434b33 0 18px,#69b8bd44 19px 20px);align-items:center;justify-content:center}.radar span{color:#68ebf2;font-size:23px}.radar small{position:absolute;bottom:-20px;white-space:nowrap;font-size:7px!important}.radar i{position:absolute;left:25px;top:24px;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:7px solid #a1ff72}#radio{position:absolute;bottom:25%;text-align:center;width:100%;font:11px monospace;text-shadow:0 2px 5px #000}footer{position:absolute;bottom:12px;width:100%;text-align:center;font:8px monospace;letter-spacing:1px;color:#87a6ab}#menu{position:fixed;inset:0;display:grid;place-items:center;background:linear-gradient(110deg,#091521ee,#091e2d99);backdrop-filter:blur(5px);padding:20px}#menu[hidden]{display:none}.panel{max-width:640px;text-align:center;padding:35px;border:1px solid #54757c55;background:#0c1b26b3;box-shadow:0 25px 100px #0005}.eyebrow{font:9px monospace;letter-spacing:3px;color:#ecbd7d}h1{font-size:clamp(40px,7vw,72px);letter-spacing:-3px;font-style:italic;margin:20px 0 0}h1 span{color:#efb56a}h2{font:12px monospace;letter-spacing:5px;text-transform:uppercase;margin:8px 0 22px;color:#9ac6cb}p{color:#a5bdc6;font-size:13px;line-height:1.7}.modes{display:flex;gap:12px;justify-content:center;margin-top:24px}.modes button:first-child{background:#e9b36f;color:#182b38;border-color:#e9b36f}.instructions{font:11px/1.9 monospace;margin-top:22px}.settings{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;font:9px monospace;align-items:center}.settings label{display:flex;align-items:center;gap:5px}input[type=range]{width:65px;accent-color:#f4c386}select{background:#1a3440;color:#d1e6e9;border:1px solid #526b75;font:9px monospace;padding:5px}.panel>small,#load-status{font:9px monospace;color:#77979e}#damage{position:fixed;inset:0;pointer-events:none;box-shadow:inset 0 0 100px #ff523e;opacity:0}#touch{display:none}@media(pointer:coarse){#touch{position:absolute;bottom:0;display:flex;width:100%;gap:5px;justify-content:center;padding:8px;flex-wrap:wrap}#touch button{touch-action:none;padding:12px 8px;font-size:8px}footer{display:none}#dashboard{bottom:17%}}@media(max-width:600px){header{padding:12px;font-size:10px}header span{display:none}.telemetry.left{left:5%}.telemetry.right{right:5%}.telemetry b{font-size:22px}#dashboard{left:10%;width:80%}.panel{padding:20px}.radar{width:70px;height:65px}.modes{flex-wrap:wrap}#radio{font-size:9px;padding:0 20px}}
#view{cursor:crosshair}#reticle{top:50%}

/* The native cursor is the sole aiming marker; no separate overlay can drift. */
#view{cursor:crosshair}
#reticle{display:none}