/* Global mobile browser fixes for Ducky Doubles */


:root {
    /* Color styles */
    --gray-0: #FFFFFF;
    --gray-25: #FCFCFC;
    --gray-50: #FCFCFC;
    --gray-75: #F5F5F5;
    --gray-100: #EDEDED;
    --gray-200: #E4E5E6;
    --gray-300: #D4D6D9;
    --gray-400: #BDC3C9;
    --gray-500: #A2A8B0;
    --gray-600: #828A94;
    --gray-700: #697380;
    --gray-800: #4E5A6B;
    --gray-850: #303B4C;
    --gray-900: #0A1B36;
    --gray-950: #061121;
    --gray-1000: #000000;
    --red-900: #7A1E14;
    --red-800: #961F11;
    --red-700: #C93626;
    --red-600: #E05444;
    --red-500: #F06F60;
    --red-400: #EF8A7F;
    --red-300: #F7A399;
    --red-200: #FBC4BE;
    --red-100: #FCEDEB;
    --orange-900: #7E4408;
    --orange-800: #B96613;
    --orange-700: #D97E24;
    --orange-600: #F39A41;
    --orange-500: #F5A95C;
    --orange-400: #FBBD7E;
    --orange-300: #FFD2A5;
    --orange-200: #FFE3C7;
    --orange-100: #FFF2E5;
    --yellow-900: #704800;
    --yellow-800: #C77A0F;
    --yellow-700: #E5981C;
    --yellow-600: #F3B441;
    --yellow-500: #F8C363;
    --yellow-400: #FBD185;
    --yellow-300: #FFE2AD;
    --yellow-200: #FFEBC7;
    --yellow-100: #FFF6E7;
    --green-900: #134A36;
    --green-800: #186146;
    --green-700: #207D5E;
    --green-600: #28AB7D;
    --green-500: #41BF93;
    --green-400: #62CEA8;
    --green-300: #87E1C2;
    --green-200: #BAECDA;
    --green-100: #E7FFF6;
    --mint-900: #134C41;
    --mint-800: #1A6758;
    --mint-700: #207D6D;
    --mint-600: #28AB94;
    --mint-500: #41C0AA;
    --mint-400: #6AD1BF;
    --mint-300: #93D7CB;
    --mint-200: #ACE9DE;
    --mint-100: #E0FDF8;
    --teal-900: #134A4D;
    --teal-800: #1A6367;
    --teal-700: #20757D;
    --teal-600: #28A2AB;
    --teal-500: #5BBAC0;
    --teal-400: #77C5CB;
    --teal-300: #A4D9DD;
    --teal-200: #B6E6EA;
    --teal-100: #E5FDFF;
    --blue-900: #29435C;
    --blue-800: #395D80;
    --blue-700: #5082B2;
    --blue-600: #63A0DC;
    --blue-500: #8CB9E4;
    --blue-400: #A0C9F0;
    --blue-300: #BAD6F3;
    --blue-200: #C6DDF3;
    --blue-100: #ECF6FF;
    --slate-900: #304559;
    --slate-800: #3C5870;
    --slate-700: #496B8A;
    --slate-600: #5C87AD;
    --slate-500: #7BA6CC;
    --slate-400: #8CB0CF;
    --slate-300: #9EBCD5;
    --slate-200: #ADCBE5;
    --slate-100: #E8F0F8;
    --purple-900: #2E3A57;
    --purple-800: #3D4D73;
    --purple-700: #4C608F;
    --purple-600: #5C74AD;
    --purple-500: #768CBF;
    --purple-400: #899AC2;
    --purple-300: #9CAACD;
    --purple-200: #B0BBD4;
    --purple-100: #EBF0FC;
    --raspberry-900: #692A41;
    --raspberry-800: #8F415E;
    --raspberry-700: #BA4A73;
    --raspberry-600: #E56996;
    --raspberry-500: #EB84A9;
    --raspberry-400: #F58AB1;
    --raspberry-300: #F9A0C0;
    --raspberry-200: #FEB9D2;
    --raspberry-100: #FEEFF5;
    --pink-900: #842929;
    --pink-800: #BB3737;
    --pink-700: #E15656;
    --pink-600: #FC7272;
    --pink-500: #FF8F8F;
    --pink-400: #FB9595;
    --pink-300: #FCAEAE;
    --pink-200: #FDC6C6;
    --pink-100: #FFEFEF;
    --peach-900: #8D3B0F;
    --peach-800: #B85520;
    --peach-700: #DB7F4E;
    --peach-600: #FC9A65;
    --peach-500: #FDB791;
    --peach-400: #FFC3A3;
    --peach-300: #FFD2BA;
    --peach-200: #FFDCC9;
    --peach-100: #F8F1E8;

    /* Gradient Variables */
    --gradient-body-background: linear-gradient(180deg, #F0F1F1 0%, #CFD9DA 52.6%, #B1C1C9 100%);
    --gradient-content-area: linear-gradient(180deg, #F8F9F8 0%, #E9EAE7 100%);
    --gradient-card-background: linear-gradient(180deg, #FCFCFC 0%, #FCFCFC 100%);
    --gradient-entity-header-vignette: linear-gradient(325deg, rgba(48, 69, 89, 0.00) 40%, rgba(48, 69, 89, 1) 100%);
    --gradient-modal-background: linear-gradient(112deg, rgba(255, 255, 255, 0.20) 0%, rgba(0, 0, 0, 0.20) 99.45%), rgba(6, 17, 33, 0.60);
    --gradient-modal-content: linear-gradient(180deg, var(--gray---gray-50) 0%, var(--gray---gray-100) 100%), var(--gray---gray-0);
}




/* Prevent horizontal overflow on all mobile browsers */
* {
    -webkit-tap-highlight-color: transparent;
}

html, body {
    max-width: 100%;
    overflow: hidden;
}