/* Season2 Production Adjustment v20.1 PA-01
   Base Visual Prototype: v20.1 CLEAN (LOCKED)
   Visual Constitution: v19.3
   Scope: responsive / visibility / clickability / accessibility only.
*/

.mobile-scroll-hint{display:none}
.horizontal-scroll-region{overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin}

/* Improve EP10 operation hit area without changing symbol size or meaning. */
.ep10-holder-actions-v182 button{min-height:36px}

@media(max-width:719px){
  /* Keep the utility menu inside the mobile viewport. */
  .utility-menu-panel{left:auto!important;right:0!important;max-width:calc(100vw - 1rem);box-sizing:border-box}

  /* EP03: keep the LOCKED front|boundary|back geometry, but allow compact labels to wrap inside the back-side column. */
  .v167-ep3-drag .ep3-back-roles{min-width:0;width:100%}
  .v167-ep3-drag .ep3-role-chip.compact{width:100%;max-width:100%;min-width:0;box-sizing:border-box;gap:.22rem;padding:.32rem .28rem}
  .v167-ep3-drag .ep3-role-chip.compact .ep3-role-icon{width:18px;height:18px;flex:0 0 18px}
  .v167-ep3-drag .ep3-role-chip.compact span{min-width:0}
  .v167-ep3-drag .ep3-role-chip.compact small{font-size:.5rem;line-height:1.2}
  .v167-ep3-drag .ep3-role-chip.compact strong{font-size:.62rem;line-height:1.22;overflow-wrap:anywhere;word-break:normal}

  /* EP06 / EP07 intentionally preserve horizontal semantic relations. Make their local scroll behavior explicit and accessible. */
  .mobile-scroll-hint{display:flex;align-items:center;gap:.35rem;margin:.65rem 0 -.15rem;padding:.42rem .58rem;border-radius:.7rem;background:rgba(255,255,255,.62);border:1px solid rgba(93,76,114,.10);font-size:.64rem;line-height:1.35;color:var(--muted)}
  .horizontal-scroll-region{outline:none}
  .horizontal-scroll-region:focus-visible{box-shadow:0 0 0 2px rgba(82,111,145,.22);border-radius:.8rem}

  /* Touch/click target correction only; seat/key SVG dimensions remain unchanged. */
  .ep10-holder-actions-v182 button{min-height:40px}
}