/* 
 * Eight-string mobile fretboard styles
 * Provides custom positioning for eight-string fretboards on mobile devices
 */

/* Mobile portrait mode styling for eight-string configuration */
@media only screen and (max-width: 400px) and (orientation: portrait) {
  .eight-string-config .fretboard {
    rotate: 90deg;
    position: absolute;
    margin-top: 7vw !important;
  }
  
  .eight-string-config {
    margin: 0;
    height: 90vh;
    max-height: 730px;
  }
}

/* Keep standard styling for landscape mode */
@media only screen and (max-width: 400px) and (orientation: landscape) {
  .eight-string-config {
    overflow-x: auto;
    width: 100%;
  }
}