.pirate-game{display:grid;gap:10px;color:#eef3ee}
.pirate-hud{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:8px 12px;border-radius:12px;background:#0f2a30;border:1px solid #2b5a60}
.pirate-hearts{display:flex;gap:6px}
.pirate-hearts i{width:18px;height:22px;clip-path:polygon(50% 0,100% 18%,100% 55%,50% 100%,0 55%,0 18%);background:#3a4a4f}
.pirate-hearts i.on{background:linear-gradient(#e7c46f,#b98c34)}
.pirate-score{display:flex;align-items:baseline;gap:6px;justify-content:center;font:13px/1.2 Arial,sans-serif;color:#b3cbc7}
.pirate-score b,.pirate-time b{font:700 26px/1 RepublicDisplay,Georgia,serif;color:#fff;font-variant-numeric:tabular-nums}
.pirate-time{display:grid;justify-items:end;font:11px/1.1 Arial,sans-serif;color:#b3cbc7}
.pirate-stage{position:relative;border-radius:14px;overflow:hidden;border:1px solid #2b5a60;touch-action:manipulation;user-select:none;-webkit-user-select:none}
.pirate-stage canvas{display:block;width:100%;height:min(62vh,520px);cursor:crosshair}
.pirate-intro{position:absolute;inset:auto 0 0 0;padding:14px 16px;background:linear-gradient(transparent,#071a20e6 40%);pointer-events:none;transition:opacity .5s}
.pirate-intro.gone{opacity:0}
.pirate-intro h3{margin:0;font:700 20px/1.2 RepublicDisplay,Georgia,serif;color:#fff}
.pirate-intro p{margin:4px 0 0;font:14px/1.4 Arial,sans-serif;color:#dfe9e6}
.pirate-cannons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.pirate-cannons span{height:8px;border-radius:9px;background:#24393e;overflow:hidden}
.pirate-cannons span i{display:block;height:100%;background:#8a7a50}
.pirate-cannons span.ready i{background:#e7c46f}
.pirate-feedback{min-height:1.3em;margin:0;text-align:center;font:600 14px/1.3 Arial,sans-serif;color:#e7c46f}
@media(prefers-reduced-motion:reduce){.pirate-intro{transition:none}}