/* ALMUNQIDH — correctifs v5 (22.09.2026) : mini-jeux lisibles, bouton Android rouge et animé */

/* ---------- Mini-jeux (« Testez votre sens de l'observation »…) ---------- */
.am5-panel{background:linear-gradient(180deg,#111829,#0A0E1A) !important;background-color:#0B1020 !important;
  border-color:rgba(255,255,255,.10) !important;border-left-color:#FF1E38 !important;color:#EEF2F8 !important;
  box-shadow:0 20px 50px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.05) !important}
.am5-panel :is(h1,h2,h3,h4,h5,strong,b,legend,label){color:#fff !important}
.am5-panel :is(p,li,small,span){color:#C4CDDC}
.am5-choice{background:rgba(255,255,255,.05) !important;background-image:none !important;color:#fff !important;
  border:1px solid rgba(255,255,255,.16) !important;box-shadow:none !important;cursor:pointer;
  transition:transform .25s cubic-bezier(.3,1.5,.5,1),border-color .25s ease,background-color .25s ease,box-shadow .25s ease !important}
.am5-choice *{color:#fff !important}
.am5-choice:hover,.am5-choice:focus-visible{transform:translateY(-3px);border-color:#FF1E38 !important;background:rgba(255,30,56,.12) !important;
  box-shadow:0 10px 26px rgba(0,0,0,.4),0 0 24px rgba(255,30,56,.3) !important;outline:none}
.am5-choice:active{transform:translateY(0) scale(.97)}

/* ---------- Bouton « Installer sur Android » ---------- */
.am5-android{
  position:relative;color:#fff !important;border-color:transparent !important;
  background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.38) 50%,transparent 60%) 150% 0/260% 100% no-repeat,
             linear-gradient(135deg,#FF2A44 0%,#D0102C 55%,#9E0A22 100%) !important;
  animation:am5-pulse 1.6s ease-out infinite,am5-sheen 3.2s ease-in-out infinite !important;
  will-change:transform,box-shadow}
.am5-android:hover,.am5-android:focus-visible{animation-play-state:paused,running !important;transform:scale(1.05);
  box-shadow:0 0 0 6px rgba(255,30,56,.22),0 16px 44px rgba(255,30,56,.6) !important}
@keyframes am5-pulse{
  0%{transform:scale(1);box-shadow:0 0 0 0 rgba(255,30,56,.7),0 10px 30px rgba(255,30,56,.45)}
  35%{transform:scale(1.04)}
  70%{transform:scale(1);box-shadow:0 0 0 20px rgba(255,30,56,0),0 10px 30px rgba(255,30,56,.45)}
  100%{transform:scale(1);box-shadow:0 0 0 0 rgba(255,30,56,0),0 10px 30px rgba(255,30,56,.45)}}
@keyframes am5-sheen{0%,55%{background-position:150% 0,0 0}100%{background-position:-60% 0,0 0}}

@media (prefers-reduced-motion:reduce){.am5-android{animation:none !important}.am5-choice{transition:none !important}}
