/* screens.css — the few shared screen-level classes. Screen positions and sizes are copied from the boards
   (docs/ui/canvas_option_a/) into each screen module, in stage pixels. */

/* choice tile (A2 layouts, A12 service buttons) */
.tile { position: relative; }

/* A7: tap a photo = retake; a soft ring shows the target while pressed */
[data-act="retake"]:active { box-shadow: inset 0 0 0 4px rgba(79,122,71,0.6); }

/* A14 Settings (SC-P22): the section body scrolls with a finger; the stage itself never scrolls */
.settings-scroll { overflow-y: auto; overscroll-behavior: contain; touch-action: pan-y; }

/* PIN keys: a pressed key sinks a little */
#screen [data-act="d"]:active, #screen [data-act="del"]:active, #screen [data-act="ok"]:active { transform: translateY(2px); }