html,body{background:#87cefa;height:100%;margin:0;overflow:hidden}canvas{display:block}#hud{color:#fff;text-shadow:0 2px 4px #000;pointer-events:none;justify-content:space-between;gap:12px;font:600 18px system-ui,sans-serif;display:flex;position:fixed;inset:12px 12px auto}#aide{opacity:.85;text-align:right;font-size:14px}#message{color:#fff;text-shadow:0 3px 8px #000;pointer-events:none;place-items:center;font:700 42px system-ui,sans-serif;display:grid;position:fixed;inset:0}#vie{background:#0006;border:2px solid #fff;border-radius:8px;width:220px;height:16px;margin-top:6px;overflow:hidden}#vie-barre{background:#ff4d6d;width:100%;height:100%;transition:width .15s}#skill{color:#fff;text-shadow:0 1px 3px #000;margin-top:6px;font-weight:700}