/* ワールドの 操作と パネルの 出入り（js/world_ui.js）の 見た目。位置・動きは ここだけ。ほかの CSS に 同じ 指定を 書かない。 */
/* ---- 並べて表示（dock）モード（?dock=1 のときだけ）: ワールドは 全幅、パネルは 上に 重ねて、視点を つかんでいる あいだは かくす ---- */
body.dg-dock #app { position: relative; overflow: hidden; }
body.dg-dock #left-panel { flex: 1 1 100% !important; }
body.dg-dock #divider-left { display: none !important; }
/* テーマ（space など）が #right-menu を ワールドの上に 常に 出す 設定を していても、dock では パネルと いっしょに 出入りさせる */
body.dg-dock { --dock-menu-w: 44px; }
html[data-dg-theme="space"] body.dg-dock { --dock-menu-w: 0px; }   /* space テーマは パネルの 右がわに メニューぶんの 余白が ある */
html body.dg-dock #right-menu {
  position: absolute !important; top: 0; right: 0; bottom: 0; z-index: 61;
  transform: translateX(115%) !important; opacity: 0 !important; pointer-events: none !important;
  transition: transform .38s cubic-bezier(.2, .8, .2, 1), opacity .3s ease;
}
html body.dg-dock #right-menu .menu-btn { pointer-events: none !important; }
html body.dg-dock.dock-open #right-menu { transform: none !important; opacity: 1 !important; pointer-events: none !important; }
html body.dg-dock.dock-open #right-menu .menu-btn { pointer-events: auto !important; }
body.dg-dock #btn-toggle { display: none !important; }
body.dg-dock #center-panel {
  right: var(--dock-menu-w) !important;
  display: flex !important; position: absolute; top: 0; bottom: 0; z-index: 60;
  width: min(42%, 640px); min-width: 300px; flex: none !important;
  transform: translateX(105%); opacity: 0; pointer-events: none;
  transition: transform .38s cubic-bezier(.2, .8, .2, 1), opacity .3s ease;
  box-shadow: -8px 0 24px rgba(0, 0, 0, .35);
}
body.dg-dock.dock-open #center-panel { transform: none; opacity: 1; pointer-events: auto; }

/* 場所えらび中の 案内（ワールドの 上の まんなか） */
#wui-pickbar {
  display: none; position: fixed; top: 10px; left: 50%; transform: translateX(-50%); z-index: 50;
  background: rgba(17, 17, 15, .92); color: #fff; border: 3px solid #ffcc00; border-radius: 14px;
  padding: 8px 18px; font-weight: 700; font-size: 14px; line-height: 1.6; text-align: center;
  box-shadow: 0 4px 14px rgba(0, 0, 0, .5); pointer-events: none; max-width: 94vw;
}

/* 試し中の 表示（ミッション作成パネルの まんなか。操作は じゃましない） */
#mq-trying {
  display: none; position: absolute; inset: 0; z-index: 5; pointer-events: none;
  align-items: center; justify-content: center; flex-direction: column; gap: 8px;
  background: rgba(255, 204, 0, .78); color: #11110f; font-weight: 900; font-size: 34px; text-align: center;
}
#mq-trying small { font-size: 15px; font-weight: 700; }
#mq-trying.on { display: flex; }
#center-mission .mq-header { position: relative; z-index: 6; }