#hud{pointer-events:none;color:#f3e6c4;-webkit-user-select:none;user-select:none;--brass:#d9a441;font-family:Georgia,Times New Roman,serif;position:fixed;inset:0}#hud .fades{transition:opacity .6s}#hud.calm .fades{opacity:0}#hud .hearts{grid-template-columns:repeat(8,3.6vh);gap:.5vh;display:grid;position:absolute;top:2.2vh;left:2.4vh}#hud .heart{filter:drop-shadow(0 .2vh .2vh #0009);width:3.6vh;height:3.6vh;position:relative}#hud .heart svg{width:100%;height:100%;position:absolute;inset:0}#hud .heart .full{clip-path:inset(0 calc(100% - var(--q,4) * 25%) 0 0)}#hud .heart.pop{animation:.35s cubic-bezier(.3,1.8,.5,1) heart-pop}#hud .heart.lost{animation:.4s ease-out heart-lost}#hud .heart.last{animation:.9s ease-in-out infinite heart-pulse}@keyframes heart-pop{0%{transform:scale(.4)}60%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes heart-lost{0%{transform:translate(0)rotate(0)}20%{transform:translate(-.5vh,.2vh)rotate(-12deg)}40%{transform:translate(.5vh,-.2vh)rotate(10deg)}60%{transform:translate(-.3vh,.1vh)rotate(-6deg)}to{transform:translate(0)rotate(0)}}@keyframes heart-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}#hud .brass{letter-spacing:.05em;text-shadow:0 .2vh .3vh #000c;align-items:center;gap:.8vh;font-size:2.6vh;font-weight:700;display:flex;position:absolute;top:7.4vh;left:2.6vh}#hud .brass i{background:linear-gradient(160deg, #f6d27a, var(--brass) 55%, #8a5f1c);border-radius:.3vh .3vh .8vh .8vh;width:1.5vh;height:2.2vh;display:inline-block;box-shadow:0 .2vh .3vh #0009}#hud .brass.tick b{animation:.12s ease-out brass-tick}#hud .brass b{display:inline-block}@keyframes brass-tick{0%{color:#fff3c0;transform:translateY(-.5vh)scale(1.25)}to{transform:translateY(0)scale(1)}}#hud .prompt{opacity:0;border:.2vh solid var(--brass);text-shadow:0 .2vh .2vh #000;white-space:nowrap;background:#14100ab8;border-radius:.8vh;padding:.6vh 2vh;font-size:3vh;transition:opacity .1s,transform .18s cubic-bezier(.3,1.9,.5,1);position:absolute;bottom:9vh;left:50%;transform:translate(-50%)scale(.6)}#hud .prompt.on{opacity:1;transform:translate(-50%)scale(1)}#hud .prompt kbd{font:inherit;color:var(--brass);margin-right:1vh;font-size:.8em}#hud .reticle{border:.35vh dashed var(--brass);opacity:0;border-radius:50%;width:7vh;height:7vh;margin:-3.5vh 0 0 -3.5vh;transition:opacity .1s,transform .16s cubic-bezier(.3,1.6,.5,1);animation:2.4s linear infinite reticle-turn;position:absolute;transform:scale(1.8);box-shadow:0 0 1vh #d9a44180}#hud .reticle.on{opacity:.95;transform:scale(1)}#hud .reticle.danger{border-color:#ff4a3a;box-shadow:0 0 1.4vh #ff3c28cc}@keyframes reticle-turn{to{rotate:360deg}}#hud .wash{opacity:0;position:absolute;inset:0}#hud .hurt{background:radial-gradient(#0000 55%,#c8140a8c 100%)}#hud .spored{background:radial-gradient(#0000 40%,#786987b3 100%);transition:opacity .5s}#hud .flash{background:#fff}#dev{color:#fff;text-shadow:0 1px 2px #000;white-space:pre;pointer-events:none;text-align:right;font:12px/1.4 monospace;position:fixed;top:8px;right:8px}#start{color:#f3e6c4;text-align:center;cursor:pointer;background:#08090cb8;place-items:center;font:3vh/1.7 Georgia,serif;display:grid;position:fixed;inset:0}#start small{opacity:.8;font-size:1.8vh;display:block}
