*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#05070a;color:#edf6f1;font-family:Inter,system-ui,sans-serif}canvas{display:block;width:100%;height:100%;touch-action:none}.hudtop{position:fixed;top:0;left:0;right:0;height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;background:linear-gradient(#05070acc,transparent);pointer-events:none}.hudtop>*{pointer-events:auto}.hudtop a{color:#8b989b;text-decoration:none;font-size:10px;letter-spacing:.15em}.hudtop b{display:block;font-size:12px;letter-spacing:.16em}.hudtop span{display:block;color:#6f7d82;font-size:9px;letter-spacing:.12em;margin-top:4px}.hudtop button{background:#0b1013aa;border:1px solid #273239;color:#9aa5a8;padding:9px 12px}.objective{position:fixed;left:50%;top:74px;transform:translateX(-50%);font-size:10px;color:#7e8c91;letter-spacing:.16em;text-align:center}.reticle{position:fixed;left:50%;top:50%;width:10px;height:10px;border:1px solid #73ffbd77;border-radius:50%;transform:translate(-50%,-50%)}#touch{position:fixed;inset:auto 18px 18px;display:none;justify-content:space-between;align-items:end}#touch button{background:#091014cc;border:1px solid #344149;color:#bdebd7;width:48px;height:42px;margin:3px;font-size:12px}.touch-actions{display:flex}.touch-actions button{width:80px}.hidden{display:none!important}#overlay{position:fixed;inset:0;background:#0009;display:grid;place-items:center}.modal{width:min(440px,90vw);background:#080d10ee;border:1px solid #263238;padding:34px;text-align:center;box-shadow:0 0 80px #000}.eyebrow{color:#73ffbd;font-size:9px;letter-spacing:.2em}.modal h1{font-size:34px;letter-spacing:.06em;margin:10px 0}.modal p{color:#7f8d92;font-size:12px}.modal button{margin:8px 4px;padding:12px 18px;border:1px solid #73ffbd;background:#73ffbd0d;color:#dfffee;letter-spacing:.12em;font-size:10px}@media(max-width:800px),(pointer:coarse){#touch{display:flex}.hudtop{padding:0 14px}.reticle{opacity:.4}}
#levelbar{position:fixed;right:22px;top:82px;display:flex;align-items:center;gap:8px;background:#080d10cc;border:1px solid #202d32;padding:5px;z-index:4}
#levelbar button{width:30px;height:28px;background:none;border:1px solid #344149;color:#bfead6}
#levelLabel{min-width:78px;text-align:center;color:#829095;font-size:9px;letter-spacing:.12em}
#selectBtn{border-color:#35434a!important}
@media(max-width:800px),(pointer:coarse){#levelbar{right:12px;top:68px}.objective{top:112px}}