/* Compact artwork and a single scrollable content region keep the version reachable. */
@layer studio {
 body.studio-3d #infoModal .rules-dialog {
  display:flex!important;flex-direction:column!important;
  box-sizing:border-box!important;height:auto!important;
  max-height:calc(100dvh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;
 }
 body.studio-3d #infoModal .rules-dialog > .last-trick-header {
  display:flex!important;flex-wrap:wrap!important;align-items:center!important;
  flex:0 0 auto!important;gap:10px!important;margin-bottom:12px!important;
 }
 body.studio-3d #infoModal .rules-dialog > .last-trick-header::before {
  content:"";display:block;flex:0 0 100%;width:100%;
  height:auto;aspect-ratio:2078 / 757;border-radius:12px;
  background:#06281c url('../assets/rules-header-1200.webp') center/contain no-repeat;
 }
 body.studio-3d #infoModal .rules-dialog #infoTitle {
  color:#174b34!important;-webkit-text-fill-color:#174b34!important;
  font:700 22px/1.2 Georgia,serif!important;
 }
 body.studio-3d #infoModal .rules-dialog #closeInfoButton {
  margin-left:auto!important;min-height:44px!important;padding:10px 16px!important;
  background:#175238!important;color:#fffaf0!important;
  border:2px solid #d8ad54!important;border-radius:12px!important;
  font:700 15px/1.3 Arial,sans-serif!important;
 }
 body.studio-3d #infoModal .rules-dialog #infoContent {
  flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;
  padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))!important;
 }
 body.studio-3d #infoModal .rules-guide {
  max-height:none!important;height:auto!important;overflow:visible!important;
  grid-template-rows:auto!important;
 }
 body.studio-3d #infoModal .rules-panel {overflow:visible!important;}
 @media(max-width:600px) {
  body.studio-3d #infoModal .rules-dialog > .last-trick-header::before {
   background-image:url('../assets/rules-header-640.webp');
  }
 }
 @media(max-height:540px) and (orientation:landscape) {
  body.studio-3d #infoModal .rules-dialog > .last-trick-header::before {
   height:72px;aspect-ratio:auto;background-size:cover;background-position:center;
  }
 }
}