/* Targets only WebKit browsers like iOS Safari */
@supports (-webkit-touch-callout: none) {
    audio {
        filter: invert(100%);
    }
}

/* 1. Global fix for all phones (keeps touch response fast) */
audio {
  touch-action: manipulation;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

/* 2. TARGETS ONLY APPLE DEVICES (Safe for Android) */
@supports (-webkit-touch-callout: none) {
  audio {
    /* This 20% boost now ONLY runs on iPhones */
    transform: scale(1.25); 
    transform-origin: center;
    
    /* Adds extra margin on iPhone so they don't touch each other */
    margin-top: 30px !important;       
    margin-bottom: 30px !important;    
  }
}

html {
  scroll-behavior: auto !important;
}