/* Original Xianmeng scenery from game res; decorative margins only. */
.ttk-pc-backdrop { display: none; }

@media (min-width: 1024px) and (orientation: landscape) and (any-pointer: fine) {
  .ttk-pc-backdrop[data-ready="true"] { display: block; }
  .ttk-pc-backdrop,
  .ttk-pc-backdrop * { pointer-events: none; user-select: none; }
  .ttk-pc-backdrop__side {
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 3;
    overflow: hidden;
    background: #526f82;
  }
  .ttk-pc-backdrop__side::before {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background:
      linear-gradient(180deg, #17384318, #15394140),
      url('/update/resource/assets/atlas_ui/2_xianmeng/xianmengrukou/xmrk_bg_e3860e2f.jpg') center / cover no-repeat;
  }
  .ttk-pc-backdrop__side::after {
    content: "";
    position: absolute;
    inset: 0;
  }
  .ttk-pc-backdrop__side--left { left: 0; width: var(--ttk-margin-left, 0px); }
  .ttk-pc-backdrop__side--right { right: 0; width: var(--ttk-margin-right, 0px); }
  .ttk-pc-backdrop__side--left::before { left: 0; }
  .ttk-pc-backdrop__side--right::before { right: 0; transform: scaleX(-1); }
  .ttk-pc-backdrop__side--left::after {
    background: linear-gradient(90deg, transparent 65%, #102b394d);
    box-shadow: inset -1px 0 #edd7a652;
  }
  .ttk-pc-backdrop__side--right::after {
    background: linear-gradient(270deg, transparent 65%, #102b394d);
    box-shadow: inset 1px 0 #edd7a652;
  }
}