

body.st-hide-bottom-nav .v2-bottom-nav { display: none !important; }
body.st-hide-bottom-nav #app.v2-active {
  
  padding-bottom: calc(88px + env(safe-area-inset-bottom));
}

body .st-question .actions.st-task-actions,
body .st-question.st-has-bg .actions.st-task-actions {
  
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  bottom: calc(12px + env(safe-area-inset-bottom));
  z-index: 60;
  margin-bottom: 4px;
  
  
  padding-top: 16px !important;
}

body .st-question .actions.st-task-actions::before,
body .st-question.st-has-bg .actions.st-task-actions::before {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  top: 0;
  bottom: calc(-12px - env(safe-area-inset-bottom));
  z-index: -1;
  background: linear-gradient(to top, rgba(247, 250, 240, .98) 62%, rgba(247, 250, 240, 0) 100%);
  pointer-events: none;
}

body[data-project="msh-mfm"] .st-feedback:has(.st-slide7-art-header img[src$="/image37.png"]) .st-explain-card {
  
  border-color: #13831c !important;
}

body[data-project="msh-mfm"] .st-feedback:has(.st-slide7-art-header img:is([src$="/image37.png"],[src$="/image38.png"])) .st-explain-card {
  text-align: center;
}

body[data-project="msh-mfm"] .st-question .btn:disabled,
body[data-project="msh-mfm"] #st-submit:disabled {
  filter: grayscale(0.7) brightness(1.18);
  cursor: default;
}

.st-zone-mascots { display:flex; justify-content:center; margin:4px auto 12px; flex-shrink:0; pointer-events:none; }
.st-zone-mascots img { display:block; width:112px; height:84px; object-fit:contain; }

#ar-water-start-gate.ar-water-gate-with-mascots { overflow-y:auto; box-sizing:border-box; justify-content:flex-start !important; padding-top:64px !important; }
#ar-water-start-gate.ar-water-gate-with-mascots > * { flex-shrink:0; }
#ar-water-start-gate.ar-water-gate-with-mascots > :first-child { margin-top:auto; }
#ar-water-start-gate.ar-water-gate-with-mascots > :last-child { margin-bottom:auto; }

.st-result-card-pic .st-crop-video { display:block; width:100%; height:100%; object-fit:cover; background:#243220; }

.st-crop-replay { display:block; margin:auto 8px 6px; min-height:36px; border:0; border-radius:8px; background:#e5ebdc; color:#205b31; font-family:inherit; font-size:12px; font-weight:600; line-height:1.2; cursor:pointer; }
.st-crop-replay:focus-visible { outline:2px solid #205b31; outline-offset:2px; }
