html,body{background:#000;height:100%;margin:0;font-family:sans-serif;overflow:hidden}canvas{display:block}#cross{opacity:.8;pointer-events:none;background:#fff;border-radius:50%;width:6px;height:6px;margin:-3px;position:fixed;top:50%;left:50%}#msg{text-align:center;color:#fff;text-shadow:0 2px 4px #000;pointer-events:none;font-size:20px;position:fixed;top:16px;left:0;right:0}#start{text-align:center;color:#fff;cursor:pointer;background:#0000008c;justify-content:center;align-items:center;font-size:24px;display:flex;position:fixed;inset:0}#flash{opacity:0;pointer-events:none;background:#fff;transition:opacity .5s;position:fixed;inset:0}#hud{pointer-events:none;background:#2b2630;border:4px solid #8a5226;border-radius:22px;align-items:center;gap:12px;padding:10px 16px;display:flex;position:fixed;bottom:16px;left:16px;box-shadow:0 4px #4a2c12}#hud .bars{flex-direction:column;gap:6px;display:flex}#hud .bar{background:#151218;border-radius:8px;width:150px;height:12px;overflow:hidden}#hud .bar i{border-radius:8px;height:100%;display:block}