/* swordhud: accent colours only. Everything else lives in /app.css. */
:root { --a1: #0b7a75; --a2: #3ad6c4; }

.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.hp { position: absolute; left: -9999px; }
.ping { margin: 28px 0 8px; padding: 18px 20px; background: rgba(255,255,255,.06); border: 2px solid rgba(255,244,220,.4); border-radius: 8px; }
.ping h2 { margin-top: 0; }
.ping .row { display: flex; gap: 12px; flex-wrap: wrap; }
.ping input[type=email] { flex: 1 1 220px; min-width: 0; font: 16px/1.2 system-ui, sans-serif; padding: 12px 14px; border-radius: 6px; border: 2px solid rgba(255,244,220,.7); background: #0f0824; color: #fff; }
.ping .note { font-size: 13px; opacity: .8; margin-top: 10px; }

/* four shots: an even 2x2 grid instead of a wide first image with an orphan */
.shots li:first-child { grid-column: auto; }
.shots li:last-child:nth-child(even) { grid-column: auto; }

/* phones and iPads cannot run a Mac installer: hide the download button and leave the "Send to my Mac" note */
@media (hover: none) and (pointer: coarse) { .price a.btn[download] { display: none; } }