/* Scoped mobile repair: preserve the existing desktop theme and form handlers. */
@media (max-width: 767px) {
  html, body { min-width: 0; height: auto; }
  #start { min-height: 100vh; margin-bottom: 0; background-size: auto 680px; }
  #header { box-sizing: border-box; width: 100%; height: auto; min-height: 120px; padding: 24px 16px 16px; }
  #header h1 { max-width: calc(100% - 100px); }
  #loginBtn { right: 16px; }
  #login { box-sizing: border-box; position: relative; top: auto; right: auto; width: 100%; height: auto; margin: 16px 0 0; padding: 16px; background: #101c2b; border: 1px solid #33495c; border-radius: 12px; }
  #loginForm { width: 100%; height: auto; margin: 0; }
  #login .input-wrap { height: auto; margin-bottom: 12px; }
  #login .black-border, #login input:not([type=submit]), #login select { box-sizing: border-box; width: 100%; }
  #login input, #login select { min-height: 36px; font-size: 16px; }
  #TermsAndConditionsAcceptWithLogin { margin-top: 12px; }
  #content { box-sizing: border-box; width: 100%; padding: 0 12px; display: flex; flex-direction: column; gap: 16px; }
  #subscribe { display: block; float: none; width: 100%; max-width: 360px; margin: 0 auto; }
  #subscribeForm { box-sizing: border-box; width: 100%; }
  #contentWrap { float: none; width: 100%; }
  #menu { background: none; }
  #tabs { box-sizing: border-box; width: calc(100% - 68px); margin-left: 0; display: flex; height: auto; }
  #tabs li { flex: 1; min-width: 0; }
  #tabs li a { box-sizing: border-box; width: 100%; padding: 8px 4px; text-align: center; }
  #tab4 { float: right; margin-right: 0; }
  #tabContentContainer, .tabContent, #ajaxContent, .inner-box { box-sizing: border-box; width: 100%; max-width: 100%; background: none; }
  .tabContent { padding: 12px; background: rgba(7,16,27,.9); border: 1px solid #33495c; border-radius: 12px; }
  .inner-box { padding: 0; }
  #flashTrailer { box-sizing: border-box; width: 100%; height: auto; aspect-ratio: 425 / 270; }
  #flashTrailer iframe { width: 100%; height: 100%; }
  #contentFooter, #push { display: none; }
  #footer { height: auto; min-height: 110px; margin-top: 24px; }
  #footerContent, .linksAndCopyright, #footerLinks { box-sizing: border-box; width: 100%; padding: 12px; }
  #characteristicsTooltip { box-sizing: border-box; left: 0; width: 100%; max-width: 100%; }
}
@media (max-width: 767px) {
  html a#loginBtn { display: block; float: none; clear: both; margin: 12px 0 0 auto; }
  #login { clear: both; }
}
@media (max-width: 767px) {
  #subscribeForm { height: auto; min-height: 0; padding-bottom: 16px; }
}