@import url('../stage-02/style.css');

.actions { display: flex; flex-wrap: wrap; gap: 10px; margin: 16px 0; }
button { padding: 9px 13px; border: 1px solid #66badc; border-radius: 8px; background: #266083; color: #fff; font: inherit; cursor: pointer; }
button:hover, button:focus-visible { background: #32789f; }
.stat-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 15px 0; }
.stat { padding: 10px 12px; border-radius: 9px; background: #20374c; font-size: 13px; color: #c6dce9; }
.stat output { display: block; margin-top: 3px; font-size: 19px; font-weight: 700; }
.stage-caption { position: absolute; left: 12px; bottom: 10px; right: 12px; font-size: 12px; color: #f4f7fa; text-shadow: 0 1px 5px #06121d; pointer-events: none; }
.life-track { height: 10px; border-radius: 999px; background: #29455b; overflow: hidden; }
.life-track > span { display: block; width: 0; height: 100%; background: linear-gradient(90deg, #ffe477, #ff8d4b, #7c6875); }