/* SANCHINA R85: the result/Next button must remain reachable on iPhone.
   This overrides the old --result-top anchored-to-question position, which
   could place the bottom of the result outside the quiz iframe's viewport.
   Shared by stand-alone game and card-collection iframe (same index.html).
   Quiz correctness, mission navigation, LINE login and card award stay intact. */
#result.result {
  position: fixed !important;
  top: auto !important;
  bottom: max(10px, env(safe-area-inset-bottom, 0px)) !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: min(520px, calc(100% - 24px)) !important;
  max-height: min(55dvh, 270px) !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 19px !important;
  background: rgba(255,255,255,.98) !important;
  box-shadow: 0 10px 30px rgba(20,33,38,.20) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-y: contain;
  touch-action: pan-y;
}
#result.result .resultContent {
  padding: 16px 18px 14px !important;
}
#result.result .resultHead {
  margin: 0 0 7px !important;
  font-size: 21px !important;
  line-height: 1.25 !important;
}
#result.result #answer {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
  overflow-wrap: anywhere !important;
}
#result.result .next {
  box-sizing: border-box !important;
  width: 100% !important;
  min-height: 49px !important;
  height: auto !important;
  margin: 11px 0 0 !important;
  padding: 10px 14px !important;
  border-radius: 14px !important;
  background: #269b56 !important;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  text-align: center !important;
  cursor: pointer;
  touch-action: manipulation;
}
@media (max-width: 430px) {
  #result.result { max-height: min(58dvh, 255px) !important; }
  #result.result .resultContent { padding: 14px 16px 12px !important; }
  #result.result .resultHead { font-size: 20px !important; margin-bottom: 6px !important; }
  #result.result #answer { font-size: 14px !important; }
  #result.result .next { min-height: 46px !important; margin-top: 9px !important; font-size: 15px !important; }
}
@media (max-height: 570px) {
  #result.result { max-height: calc(100dvh - 30px) !important; }
}