> For the complete documentation index, see [llms.txt](https://attr.sygnal.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://attr.sygnal.com/sa5-kiosk/technical-notes.md).

# Technical Notes

## Detecting Kiosk Mode

Typically we want this explicit, so we use the UserAgent to identify the kiosks.

Which Chrome this is easy; 

use

```css
/* Touch-based devices (e.g., phones, tablets) */
@media (pointer: coarse) {
  button {
    padding: 20px; /* Larger touch targets */
  }
}

/* Desktop devices with a mouse */
@media (hover: hover) and (pointer: fine) {
  button:hover {
    background-color: lightblue;
  }
}
```