/* One shared width keeps the map, player, forms and sidebar boundary aligned. */
@media (min-width:1024px) {
  html.yosh-pacome-responsive body.y-app { --y-sidebar:clamp(360px,var(--y-sidebar-size,400px),calc(100vw - var(--y-rail) - 360px)); }
  html.yosh-pacome-responsive body.y-app.y-sidebar-collapsed { --y-sidebar:0px; }
  html.yosh-pacome-responsive body.y-app #y-sidebar-resizer {
    position:fixed;
    top:0;
    bottom:0;
    left:calc(var(--y-rail) + var(--y-sidebar) - 7px);
    width:14px;
    z-index:12500;
    cursor:col-resize;
    touch-action:none;
    user-select:none;
    outline:none;
  }
  #y-sidebar-resizer::before {
    content:'';
    position:absolute;
    top:0;
    bottom:0;
    left:6px;
    width:2px;
    background:var(--y-line);
  }
  #y-sidebar-resizer:hover::before,
  #y-sidebar-resizer:focus-visible::before,
  .y-sidebar-resizing #y-sidebar-resizer::before { background:var(--y-yellow); }
  html.yosh-pacome-responsive body.y-app.y-sidebar-collapsed #y-sidebar-resizer { display:none!important; }
  html.yosh-pacome-responsive body.y-app.y-sidebar-resizing,
  html.yosh-pacome-responsive body.y-app.y-sidebar-resizing * { cursor:col-resize!important; user-select:none!important; }
  html.yosh-pacome-responsive body.y-app #propage .pro-panel,
  html.yosh-pacome-responsive body.y-app :is(#newfriend,#pannel4tonight,#friendpage,#invitepage) { width:var(--y-sidebar)!important; }
  html.yosh-pacome-responsive body.y-app #propage #create-event .create-event-action-area,
  html.yosh-pacome-responsive body.y-app #main-2.flux-detail-mode #tinderbar { width:var(--y-sidebar); }
}