.hp-bomb{color:#fff;text-align:center;background:radial-gradient(circle at 50% 35%,#495057,#212529 70%);border-radius:28px;place-items:center;gap:18px;width:100%;min-height:280px;padding:24px;display:grid}.hp-art{width:clamp(170px,40vw,260px);height:auto;overflow:visible}.hp-art[data-lit=true] .hp-body{transform-origin:96px 180px;animation:1.4s ease-in-out infinite hp-sway}.hp-spark{transform-origin:174px 44px;display:none}.hp-art[data-lit=true] .hp-spark{animation:.18s steps(2,end) infinite hp-flicker;display:block}.hp-bomb[data-state=burning]{background:radial-gradient(circle at 50% 38%,#5a3a1f 0%,#2a1c14 45%,#14100e 100%)}.hp-bomb[data-state=boom]{background:radial-gradient(circle at 50% 40%,#ffd43b,#f76707 45%,#c92a2a 90%);animation:.52s ease-out hp-shake}.hp-crater{color:#fff;text-shadow:0 6px #7814008c,0 0 40px #fff0b4e6;font-size:clamp(3.4rem,16vw,7rem);font-weight:900;line-height:1;animation:.52s cubic-bezier(.2,1.6,.4,1) both hp-pop}.hp-prompt{gap:6px;display:grid}.hp-prompt span{overflow-wrap:anywhere;font-size:clamp(1.4rem,5vw,2.2rem);font-weight:800}.hp-prompt strong{color:#ffd43b;font-size:clamp(1.1rem,4vw,1.6rem)}.hp-bomb[data-state=boom] .hp-prompt strong{color:#fff}.hp-who-buttons{flex-wrap:wrap;gap:8px;display:flex}.hp-who-buttons button{color:#fff;font:inherit;cursor:pointer;touch-action:manipulation;background:#f76707;border:0;border-radius:14px;padding:12px 16px;font-weight:700}.hp-who-buttons button:focus-visible{outline-offset:2px;outline:3px solid #ffd43b}.hp-losses{gap:4px;margin:0 0 12px;padding:0;list-style:none;display:grid}.hp-losses li{justify-content:space-between;gap:12px;display:flex}@keyframes hp-shake{0%,to{transform:translate(0)}20%{transform:translate(-8px,4px)}40%{transform:translate(8px,-4px)}60%{transform:translate(-5px,-3px)}80%{transform:translate(4px,3px)}}@keyframes hp-sway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes hp-flicker{0%{opacity:.85;transform:scale(.8)rotate(0)}to{opacity:1;transform:scale(1.15)rotate(24deg)}}@keyframes hp-pop{0%{opacity:0;transform:scale(.2)rotate(-8deg)}to{opacity:1;transform:scale(1)rotate(0)}}@media (prefers-reduced-motion:reduce){.hp-bomb[data-state=boom],.hp-crater,.hp-art[data-lit=true] .hp-body,.hp-art[data-lit=true] .hp-spark{animation:none}}