/* Spot the Glowie */
.sp__canvas { max-width: 420px; cursor: crosshair; touch-action: manipulation; }
.sp__status { margin: 0; font-size: .8rem; color: var(--fg-muted); min-height: 1.2em; }
.sp__result { display: grid; gap: .75rem; justify-items: start; }
.sp__share { margin: 0; padding: .7rem .9rem; font-size: .9rem; line-height: 1.5; background: var(--glo-void); border: 1px solid rgba(143,163,148,.25); border-radius: 10px; white-space: pre; }
.sp__receipt { max-width: 240px; }
.sp__result[hidden], .sp__receipt[hidden] { display: none; }   /* display: grid above would otherwise beat the hidden attribute */