.pixel-transition-wrapper{width:100%;height:100%;position:relative}.pixel-transition-content{width:100%;height:100%}.pixel-transition-overlay{z-index:9999;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.pixel-transition-pixel{image-rendering:auto;position:absolute}
.loader-overlay{z-index:9999;background-color:#1a1a1a;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .3s ease-out;display:flex;position:fixed;top:0;left:0}.loader-overlay.fade-out{opacity:0;pointer-events:none}.dialogue-box{transform-origin:50%;background-color:#f8f8f8;border:6px solid #505050;border-radius:8px;width:80%;max-width:500px;padding:20px 30px;font-family:"Press Start 2P",monospace;transition:transform .2s cubic-bezier(.55,.085,.68,.53);position:relative;box-shadow:inset 0 0 0 4px #282828}.dialogue-box.snap-shut{transform:scaleY(0)}.dialogue-text{color:#282828;text-transform:uppercase;align-items:center;gap:10px;margin-bottom:24px;font-size:14px;line-height:1.5;display:flex}.blinking-arrow{color:#f85838;animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.hp-container{background-color:#404040;border:2px solid #282828;border-radius:10px;align-items:center;padding:4px;display:flex}.hp-label{color:#f8d030;text-shadow:1px 1px #000;margin-left:5px;margin-right:10px;font-size:12px}.hp-bar-track-loader{background-color:#506858;border:2px solid #f8f8f8;border-radius:4px;flex-grow:1;height:12px;overflow:hidden;box-shadow:inset 1px 1px 2px #00000080}.hp-bar-fill-loader{height:100%;transition:width .1s linear,background-color .3s;box-shadow:inset 0 3px #ffffff4d}