.vitals{width:100%;display:flex;align-items:center;gap:9px;padding:7px 14px;text-align:left;border:0;border-bottom:1px solid #d3c4a0;background:linear-gradient(100deg,#fff9e9,#f7efd9);color:#424d3c;font-family:inherit}
.vitals:focus-visible{outline-offset:-3px}.life-title{font-size:12px;font-weight:750;color:#385745}.life-badge{display:inline-flex;align-items:center;gap:7px;padding:3px 10px 3px 7px;border:1px solid #a3874d;border-radius:6px;background:linear-gradient(120deg,#294f40,#143b30);box-shadow:inset 0 0 0 1px #64806a;white-space:nowrap}
.life-badge img{display:block;width:22px;height:24px;object-fit:contain}
#lifeCount{font:700 19px/1 Georgia,serif;color:#ffe5ae;letter-spacing:.025em}
.life-detail{display:grid;justify-items:end;gap:1px;margin-left:auto;font-variant-numeric:tabular-nums;line-height:1.22}.life-detail b{color:#3a6651;font-size:11px}.life-detail small{font-size:10px;color:#655f50}.vitals.limited .life-detail b{color:#915031}
@media(max-width:745px){.vitals{padding:5px 9px;gap:6px}.life-badge{padding:2px 8px 2px 5px;gap:5px}.life-badge img{width:18px;height:20px}#lifeCount{font-size:17px}.life-title{font-size:11px}.life-detail small{font-size:9px}}

#lifeRules{box-sizing:border-box;width:min(90vw,360px);max-width:90vw;margin:auto;padding:22px;border:2px solid #c8a661;border-radius:16px;background:#fff7df;color:#284a39;text-align:center;box-shadow:0 12px 42px #142e2960}
#lifeRules::backdrop{background:#183e34aa}
#lifeRules h2{margin:0 0 9px;color:#294e3c;font-size:23px}
#lifeRules p{color:#5c5847;font:14px/1.7 system-ui,sans-serif;margin:8px 0}
#lifeRules button{display:block;margin:16px auto 0;border:1px solid #af924f;border-radius:22px;padding:7px 24px;background:#265943;color:#ffedbc;font-weight:700;cursor:pointer}