/* props: painted hints in the stage slots (decorative, aria-hidden). Plates are baked; live bits are SVG. */
@layer systems{
  .props-box{position:absolute;pointer-events:none;contain:layout style}
  .props-box[hidden]{display:none}
  .props-plate{position:absolute;inset:0;width:100%;height:100%;max-width:none;user-select:none;-webkit-user-drag:none}
  .props-sprite{inset:auto}
  .props-live{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
  .props-lamp{position:absolute;inset:0}
  .props-beams{position:absolute;overflow:visible;pointer-events:none}
  /* round 3: the dinner flames flicker in CSS (no per-frame attribute writes); scaled about the wick */
  .props-flick{transform-box:fill-box;transform-origin:50% 100%}
  .props-live.is-flick .props-flick{animation:props-flick 1.3s ease-in-out infinite alternate}
  @keyframes props-flick{
    0%{transform:scale(1.012,.95)}
    27%{transform:scale(.988,1.07)}
    52%{transform:scale(1.018,.93)}
    78%{transform:scale(.992,1.09)}
    100%{transform:scale(1.004,.97)}
  }
  @media (prefers-reduced-motion:reduce){.props-live.is-flick .props-flick{animation:none}}
}