:root{color-scheme:light dark;font-family:system-ui,sans-serif}html,body{height:100%}body{margin:0;display:flex;align-items:center;justify-content:center;padding:clamp(.5rem,2vh,2rem) 1rem;background:#0f172a;color:#f8fafc;box-sizing:border-box;overflow:hidden}.app{display:flex;flex-direction:column;align-items:center;max-height:100%;text-align:center}.app h1{margin:0;font-size:clamp(1rem,2.6vh,1.5rem);font-family:"Press Start 2P",Courier New,monospace;color:#ffd166}.hud{display:flex;flex-direction:column;align-items:stretch;width:min(640px,92vw);margin-top:clamp(.75rem,2vh,2rem);padding:clamp(1rem,2.6vh,2.75rem) clamp(1rem,2.6vw,2.25rem);border-radius:.75rem;background:#12121f;color:#e8e8f0;font-family:"Press Start 2P",Courier New,monospace;text-align:left;box-sizing:border-box;overflow:hidden}.hud-eyebrow{font-size:1rem;letter-spacing:.075rem;color:#8b8bb8}.hud-title{margin-top:.9rem;font-size:clamp(1.2rem,3vh,1.9rem);color:#ffd166}.hud-section-label{margin-top:clamp(.75rem,2vh,1.5rem);font-size:.9rem;color:#8b8bb8}.hud-morale{display:flex;gap:.3rem;margin-top:.6rem}.hud-morale-segment{flex-grow:1;height:2.1rem;border:3px solid #12121f;box-shadow:0 0 0 3px #3a3560}.hud-morale-segment.is-depleted{background:transparent}.hud-bar{margin-top:.6rem;height:2.4rem;background:#241f3a;border:3px solid #12121f;box-shadow:0 0 0 3px #3a3560}.hud-bar-fill{height:100%;min-width:3.3rem;background:#e8663a;display:flex;align-items:center;justify-content:flex-end;padding-right:.6rem;box-sizing:border-box}.hud-bar-value{font-size:1rem;color:#12121f}.hud-warning{margin-top:clamp(1rem,2.6vh,2.25rem);padding:clamp(.5rem,1.5vh,1rem);color:#8b8bb8;display:flex;align-items:center;justify-content:center}.hud-warning img{display:block;width:auto;max-width:100%;height:auto;max-height:min(20rem,30vh);image-rendering:pixelated}