/* Shared right-hand anchor. Only the sprite changes, never its screen transform. */
#rijkswachter-proef{--rw-scale:.35}
#rijkswachter-proef:not(.is-closed) .stage{grid-template-columns:minmax(0,1fr) 96px;gap:12px}
#rijkswachter-proef:not(.is-closed) .actor-zone{grid-column:2;grid-row:1;position:relative;display:block;margin-right:0}
#rijkswachter-proef:not(.is-closed) .actor{position:absolute;bottom:0;right:0;transform:scale(var(--rw-scale));transform-origin:bottom right}
#rijkswachter-proef:not(.is-closed) .chat{grid-column:1;grid-row:1}
#rijkswachter-proef.is-arriving .actor{visibility:hidden}
#rijkswachter-proef.is-arriving .car-button{visibility:hidden}
/* Do not reveal the card by changing opacity/visibility after canvas animation.
   Keep an opaque, isolated paint surface from the first opening frame. */
#rijkswachter-proef .chat,#rijkswachter-proef.is-exiting .chat{visibility:visible;opacity:1;background:#faf7f1;isolation:isolate;contain:paint;transform:translateZ(0);backface-visibility:hidden;transition:none}
#rijkswachter-proef .chat-body,#rijkswachter-proef .chat-messages,#rijkswachter-proef .chat-form,#rijkswachter-proef .chat-status{background:#faf7f1;opacity:1}
#rijkswachter-proef .chat-head,#rijkswachter-proef .chat-foot{background:#f1ebe1;opacity:1}
@media(max-width:600px){
 #rijkswachter-proef{--rw-scale:.72}
 #rijkswachter-proef:not(.is-closed) .stage{gap:0}
 #rijkswachter-proef:not(.is-closed) .actor-zone{margin-right:-16px}
}
@media(max-width:600px) and (max-height:650px){#rijkswachter-proef{--rw-scale:.6}}
@media(max-width:600px) and (max-height:450px){
 #rijkswachter-proef:not(.is-closed) .stage{grid-template-columns:minmax(0,1fr) 160px;gap:8px}
 #rijkswachter-proef:not(.is-closed) .actor-zone{margin-right:0}
}