@layer studio {
 body.studio-3d #onlineModal .online-dialog:has(.legal-menu-panel, .legal-popup-topic) {
  display:flex!important;flex-direction:column!important;box-sizing:border-box!important;
  height:auto!important;min-height:0!important;overflow:hidden!important;
  max-height:calc(100dvh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;
 }
 body.studio-3d #onlineModal .online-dialog:has(.legal-menu-panel, .legal-popup-topic) > .last-trick-header {
  display:flex!important;flex-wrap:wrap!important;align-items:center!important;
  flex:0 0 auto!important;gap:12px!important;margin-bottom:12px!important;
 }
 body.studio-3d #onlineModal .online-dialog:has(.legal-menu-panel, .legal-popup-topic) > .last-trick-header::before {
  content:"";display:block;flex:0 0 100%;width:100%;height:auto;aspect-ratio:2078 / 750;
  border-radius:12px;background:#06281c url('../assets/legal-header-1200.webp') center/contain no-repeat;
 }
 body.studio-3d #onlineModal .online-dialog:has(.legal-menu-panel, .legal-popup-topic) #onlineContent {
  flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;
  padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))!important;overscroll-behavior:contain;
 }
 @media(max-width:600px) {
  body.studio-3d #onlineModal .online-dialog:has(.legal-menu-panel, .legal-popup-topic) > .last-trick-header::before {
   background-image:url('../assets/legal-header-640.webp');
  }
 }
 @media(max-height:540px) and (orientation:landscape) {
  body.studio-3d #onlineModal .online-dialog:has(.legal-menu-panel, .legal-popup-topic) > .last-trick-header::before {
   height:72px;aspect-ratio:auto;background-size:cover;
  }
 }
}