*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:#020308;color:#eef4ed;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}canvas{display:block;width:100%;height:100%}button{border:1px solid rgba(210,224,218,.55);background:#e6eee41a;color:#f5f8ef;cursor:pointer;font:inherit;min-height:42px;padding:0 18px}button:hover,button:focus-visible{background:#e6eee42e;outline:none}#hud{inset:0;pointer-events:none;position:fixed}.hud{display:grid;gap:10px;left:22px;position:absolute;top:20px;width:min(330px,calc(100vw - 44px))}.hud__objective,.hud__meter,.hud__status{background:#03070c9e;border:1px solid rgba(190,207,196,.16);box-shadow:0 8px 26px #00000047;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hud__objective{display:grid;gap:4px;padding:12px 14px}.hud__label{color:#93a89c;font-size:11px;letter-spacing:0;text-transform:uppercase}.hud__title{color:#f5f8ef;font-size:15px;line-height:1.25}.hud__distance{color:#d1a95c;font-size:13px}.hud__meter{align-items:center;display:grid;gap:10px;grid-template-columns:44px 1fr 42px;padding:8px 10px}.hud__meter-name,.hud__meter-value{color:#dbe5dd;font-size:12px}.hud__meter-value{text-align:right}.hud__meter-track{background:#cadad21f;height:7px;overflow:hidden}.hud__meter-fill{background:linear-gradient(90deg,#bcd7bc,#e3c46e);height:100%;transform-origin:left center;width:100%}.hud__status{color:#e8d9a4;display:none;font-size:13px;line-height:1.35;padding:10px 12px}.hud__status.is-visible{display:block}.crosshair{border:1px solid rgba(240,244,232,.75);border-radius:50%;height:8px;left:50%;opacity:.72;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.overlay{align-items:center;background:radial-gradient(circle at 50% 38%,rgba(221,174,88,.16),transparent 28%),#020308d6;display:grid;gap:14px;inset:0;justify-items:center;padding:28px;position:fixed;text-align:center;transition:opacity .16s ease}.overlay.is-hidden{opacity:0;pointer-events:none}.overlay__mark{border:1px solid rgba(226,196,122,.48);height:min(42vh,280px);position:relative;width:min(70vw,520px)}.overlay__mark:before,.overlay__mark:after{content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.overlay__mark:before{border:1px solid rgba(222,233,222,.16);height:62%;width:82%}.overlay__mark:after{background:#e2c47a6b;height:1px;width:90%}.overlay h1{font-size:clamp(30px,8vw,74px);font-weight:650;line-height:.95;margin:0}.overlay p{color:#c8d1c8;font-size:15px;line-height:1.45;margin:0;max-width:520px}@media(max-width:620px){.hud{left:12px;top:12px;width:calc(100vw - 24px)}.hud__meter{grid-template-columns:38px 1fr 36px}}