/* Hypha · shared device kit (devices.js): the layer a world's 3D devices are drawn in. It lies at z-index 5 inside
   the world: what a scene places below 5 (the table, its light, the shadows) is under the devices, what it places at
   5 or above (every live screen, paper, card) is over them. The world's stage gets .dk-on once its devices are drawn
   (its page then hides the drawn stand-ins: css/seat.css). */
.dk-layer { position: absolute; left: 0; top: 0; z-index: 5; pointer-events: none; }
/* the rest frame (devices.js show): the view already shown, drawn sharper once the page rests, fades in over the moving
   frame, never a pop; it goes at once when the view changes */
.dk-rest { opacity: 0; }
.dk-rest.is-on { opacity: 1; transition: opacity 0.3s ease-out; }
@media (prefers-reduced-motion: reduce) { .dk-rest.is-on { transition: none; } }