html,body{color:#fff;background:#111;margin:0;font-family:sans-serif;overflow:hidden}canvas{display:block}#hud>div{text-shadow:0 1px 3px #000;pointer-events:none;position:fixed}#mission{background:#0009;border-radius:10px;max-width:320px;padding:10px 14px;top:12px;left:12px}#step{color:#ffd54a;margin-top:4px}#dist{opacity:.8;font-size:13px}#stats{text-align:right;background:#0009;border-radius:10px;padding:10px 14px;top:12px;right:12px}#alert{text-align:center;opacity:0;top:70px;left:50%;transform:translate(-50%)}#alertbar{background:#0008;border:2px solid #fff;border-radius:8px;width:240px;height:14px;overflow:hidden}#alertfill{background:#ff4a2e;width:0;height:100%}#toast{opacity:0;font-size:26px;font-weight:700;transition:opacity .4s;top:28%;left:50%;transform:translate(-50%)}#help{background:#0008;border-radius:8px;padding:6px 12px;font-size:13px;bottom:10px;left:50%;transform:translate(-50%)}#overlay{background:#000b;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#card{text-align:center;background:#1d2233;border:2px solid #ffd54a;border-radius:14px;max-width:520px;padding:24px 30px}#card h1{color:#ffd54a;margin-top:0}#card p{white-space:pre-line;line-height:1.5}#go{cursor:pointer;background:#ffd54a;border:0;border-radius:10px;padding:10px 22px;font-size:18px;font-weight:700}#tasks{color:#ffd54a;margin-top:6px}#tasks .ok{color:#7fdc7f;text-decoration:line-through}#tasks .home{color:#6cf}#clock{float:right;margin-left:14px}