html,body{margin:0;height:100%;background:#121410;color:#e7e2d6;font-family:Segoe UI,Helvetica,Arial,sans-serif}canvas{display:block;width:100vw;height:100vh}#hud{position:fixed;left:12px;top:12px;max-width:min(440px,92vw);background:#0c0e0c9e;border:1px solid rgba(232,220,196,.25);padding:10px 12px;font-size:14px;line-height:1.45;pointer-events:none}#help,#note{position:fixed;left:12px;right:12px;margin:0;font-size:13px;pointer-events:none;text-shadow:0 1px 2px #000}#help{bottom:12px}#note{bottom:36px;color:#f0d7a2}#autotest-result{position:fixed;right:8px;top:8px;width:min(420px,40vw);max-height:70vh;overflow:auto;background:#000000b8;color:#d8ffd0;font-size:11px;padding:8px}