/* R74 — keep the receiving capsule inside the bowl visually. The old CSS lip
   painted a filled strip over the lower half of the paper capsule, leaving a
   clipped fragment that read like a stray object. Let the smaller, complete
   capsule sit in the existing bowl artwork instead. */

@media (min-width: 680px) {
  /* A fixed phone stage is not a scroll container. overflow:hidden allowed
     focus/scrollIntoView on the cracking target to shift the entire world. */
  .app-shell,
  .game-main,
  .play-layout,
  .app-shell[data-phase="result"] .play-layout {
    overflow: clip;
  }
  .app-shell[data-conveyor-level="0"] .field-stones::after {
    display: none;
  }

  .app-shell[data-conveyor-level="0"] .field-stone-button[data-location="receiving"] .field-stone-art {
    width: 50px;
    height: 50px;
    filter: drop-shadow(0 6px 5px rgba(50, 67, 65, .26));
  }

  .app-shell[data-conveyor-level="0"] .field-stones[data-receiving-count="1"] .field-stone-button[data-receiving-slot="0"] {
    top: 55.1%;
    left: 16%;
  }

  .app-shell[data-conveyor-level="0"] .field-stones[data-receiving-count="3"] .field-stone-button[data-receiving-slot="0"] {
    top: 55%;
    left: 13.3%;
    z-index: 2;
  }

  .app-shell[data-conveyor-level="0"] .field-stones[data-receiving-count="3"] .field-stone-button[data-receiving-slot="1"] {
    top: 51.7%;
    left: 16%;
    z-index: 1;
    transform: translate(-50%, -50%) scale(.88);
  }

  .app-shell[data-conveyor-level="0"] .field-stones[data-receiving-count="3"] .field-stone-button[data-receiving-slot="2"] {
    top: 54.2%;
    left: 18.7%;
    z-index: 2;
  }
}