/* The Lost Sizzler V10.41 r29 — stable gameplay geometry.
 * Runtime notifications must never change the dimensions of the canvas host.
 * A toast appearing or disappearing is an overlay-only event, preventing
 * ResizeObserver feedback, backing-store reallocations and visible flicker.
 */
body[data-run-active="true"] .ccg-game>.game-area{
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:minmax(0,1fr)!important;
  position:relative!important;
  overflow:hidden!important;
}
body[data-run-active="true"] .ccg-game>.game-area>.canvas-wrap{
  grid-column:1!important;
  grid-row:1!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  position:relative!important;
  overflow:hidden!important;
}
body[data-run-active="true"] .ccg-game>.game-area>.game-message-rail{
  display:contents!important;
}
/* V10.9 deliberately collapses an empty rail with a high-specificity :has()
 * selector.  Retain that idle behaviour, but explicitly outrank it whenever
 * current notification content is visible.  Without these selectors an older
 * deferred stylesheet can hide a live toast even though r29 uses overlay-only
 * notification geometry. */
body[data-run-active="true"] .ccg-game>.game-area>.game-message-rail:has(#pickup-toast.show),
body[data-run-active="true"] .ccg-game>.game-area>.game-message-rail:has(.ccg-rating-rail:not(.hidden)),
body[data-run-active="true"] .ccg-game>.game-area>.game-message-rail:has(.ccg-important-notice.show){
  display:contents!important;
}
body[data-run-active="true"] .ccg-game>.game-area #pickup-toast{
  position:absolute!important;
  top:12px!important;
  left:50%!important;
  right:auto!important;
  bottom:auto!important;
  width:min(580px,76%)!important;
  max-width:min(580px,76%)!important;
  height:auto!important;
  min-height:0!important;
  max-height:72px!important;
  margin:0!important;
  transform:translateX(-50%)!important;
  z-index:92!important;
  overflow:hidden!important;
}
body[data-run-active="true"] .ccg-game>.game-area .ccg-rating-rail{
  position:absolute!important;
  top:12px!important;
  left:50%!important;
  width:min(580px,76%)!important;
  transform:translateX(-50%)!important;
  z-index:93!important;
  margin:0!important;
}
@media(max-width:900px),(pointer:coarse){
  body[data-run-active="true"] .ccg-game>.game-area #pickup-toast,
  body[data-run-active="true"] .ccg-game>.game-area .ccg-rating-rail{
    width:min(94%,580px)!important;
    max-width:min(94%,580px)!important;
  }
}
