/* JustiX PB 0.7.4 - Mobile Interaction Integrity Rev.2 */
html{-webkit-text-size-adjust:100%;touch-action:manipulation}
body{-webkit-overflow-scrolling:touch}
button,[role="button"],a[href],[data-view],[data-open-sim],summary,label,select,input,textarea{touch-action:manipulation;-webkit-tap-highlight-color:rgba(212,175,55,.14)}
button,[role="button"],[data-view],[data-open-sim],a[href],summary{cursor:pointer}
button,[data-view],[data-open-sim]{position:relative}
.hero::before,.hero::after,.metric::before,.metric::after,.legal-hero::before,.legal-hero::after,.game-hero::before,.game-hero::after,.prod-hero::before,.prod-hero::after,.jx64-judge-photo::before,.jx64-judge-photo::after{pointer-events:none!important}
.passport-modal:not(.open),.objection-modal:not(.open),.jx-context-modal[hidden],.jx-legal-modal[hidden],.notification-panel:not(.open){pointer-events:none!important}
.passport-modal.open,.objection-modal.open,.jx-context-modal:not([hidden]),.jx-legal-modal:not([hidden]),.notification-panel.open{pointer-events:auto!important}
.mobile-menu-btn,.mobile-drawer-backdrop{display:none}
.jx64-party-avatar{overflow:hidden;padding:0!important}
.jx64-party-avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit;pointer-events:none;user-select:none;-webkit-user-drag:none}

@media(max-width:920px){
  html,body{min-height:100%;min-height:100dvh}
  body.jx-mobile-menu-open{overflow:hidden;overscroll-behavior:none;touch-action:none}
  .app{min-height:100dvh}
  .topbar{z-index:110}.mobile-logo{min-width:0}.top-actions{gap:5px}
  .mobile-menu-btn{display:grid;width:44px;height:44px;min-width:44px;border-radius:13px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.055);place-items:center;color:#fff;z-index:112;pointer-events:auto!important}
  .mobile-menu-btn svg{width:19px;height:19px;pointer-events:none}
  .sidebar{display:flex;position:fixed;z-index:140;left:10px;top:10px;bottom:10px;height:auto;width:min(318px,calc(100vw - 44px));padding:18px 14px;border-radius:24px;transform:translate3d(calc(-100% - 24px),0,0);transition:transform .22s ease;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;pointer-events:none}
  body.jx-mobile-menu-open .sidebar{transform:translate3d(0,0,0);pointer-events:auto}
  .sidebar .nav{padding-bottom:12px}.sidebar-bottom{margin-top:8px}
  .mobile-drawer-backdrop{display:block;position:fixed;z-index:130;inset:0;background:rgba(1,7,14,.62);opacity:0;visibility:hidden;pointer-events:none!important;transition:opacity .2s,visibility .2s;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
  body.jx-mobile-menu-open .mobile-drawer-backdrop{opacity:1;visibility:visible;pointer-events:auto!important}
  .nav-btn,.sidebar .account,.sidebar .xp-card{min-height:48px;pointer-events:auto}
  .main,.view,.view.active,.content{pointer-events:auto}
  .mobile-tabs{z-index:100;padding-bottom:max(4px,env(safe-area-inset-bottom));bottom:max(8px,env(safe-area-inset-bottom));pointer-events:auto!important}
  .mobile-tabs button{min-height:50px;pointer-events:auto!important}
  .mobile-tabs button>*{pointer-events:none}
  .view{padding-bottom:110px}
  .passport-modal,.objection-modal,.jx-legal-modal,.jx-context-modal{overscroll-behavior:contain}
  .passport-modal-card,.objection-card,.jx-legal-card,.jx-context-card{max-height:calc(100dvh - 24px);overflow:auto;-webkit-overflow-scrolling:touch}
  .jx-context-backdrop,[data-footer-close].jx-legal-backdrop{touch-action:none}
  .notification-panel{z-index:160;max-height:calc(100dvh - 100px);overflow:auto;-webkit-overflow-scrolling:touch}
  .jx-context-trigger{min-height:44px;min-width:58px;pointer-events:auto!important}
  .icon-btn,.ghost-btn,.primary-btn,.danger-btn,.choice-card,.builder-step,.objection-option,.source-card,.jurisdiction-card,.quick-option,.learning-tabs button,.talent-tabs button,.passport-tabs button,.row-action,.link-btn,.switch{min-height:44px;pointer-events:auto!important}
  .choice-card>*,.builder-step>*,.objection-option>*,.source-card>*,.jurisdiction-card>*,.quick-option>*,.row-action>*,.link-btn>*{pointer-events:none}
  .jx64-live-card{min-height:auto!important}
  .jx64-participants{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
  .jx-context-copy{display:none}.jx-context-trigger{padding-inline:9px}.jx-context-chevron{display:none}
  .top-actions .icon-btn[aria-label="Ayuda"]{display:none}
  .topbar{gap:7px}.mobile-logo{flex:1}.mobile-logo .brand-wordmark{font-size:17px}
  .mobile-tabs{grid-template-columns:repeat(6,minmax(0,1fr));overflow:hidden}
  .mobile-tabs button{min-width:0;padding:3px 1px}.mobile-tabs button span{white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
  .filters,.talent-filterbar{align-items:stretch}.filters>*{min-height:44px}
  .jx64-participants{grid-template-columns:1fr 1fr;gap:8px}.jx64-party{grid-template-columns:48px minmax(0,1fr);padding:10px}.jx64-party-avatar{width:48px;height:48px}
}
@media(max-width:420px){
  .jx64-participants{grid-template-columns:1fr}.jx64-party{grid-template-columns:50px minmax(0,1fr)}.jx64-party-avatar{width:50px;height:50px}
}