html,body{color:#ddd;background:#000;height:100%;margin:0;font-family:Georgia,serif;overflow:hidden}canvas{display:block}.hidden{display:none!important}#overlay{text-align:center;background:#000000d9;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px;display:flex;position:fixed;inset:0}#overlay h1{letter-spacing:8px;color:#c22;margin:0;font-size:56px}#overlay p{max-width:520px;margin:0;font-size:18px}#overlay .small{color:#888;font-size:14px}button{font:inherit;color:#fff;cursor:pointer;background:#411;border:1px solid #c22;padding:10px 36px;font-size:20px}button:hover{background:#722}#vignette{pointer-events:none;z-index:1;opacity:0;position:fixed;inset:0;box-shadow:inset 0 0 160px 60px #900}#hud{pointer-events:none;z-index:2;position:fixed;inset:0}#count{font-size:18px;position:absolute;top:16px;left:20px}#bar{background:#222;width:160px;height:8px;position:absolute;bottom:20px;left:20px}#stamina{background:#ccc;height:100%}#msg{text-align:center;opacity:0;text-shadow:0 0 6px #000;width:100%;font-size:20px;transition:opacity .6s;position:absolute;top:14%}#hud:after{content:"";background:#fff6;border-radius:50%;width:4px;height:4px;margin:-2px;position:absolute;top:50%;left:50%}